@font-face{font-family:'Roboto';src:url('font/roboto/Roboto-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'RobotoThin';src:url('font/roboto/Roboto-Thin.ttf') format('truetype');font-weight:normal;font-style:normal}:root{--default-fontSize:18px;--webapp-backgroundColor:white;--webapp-button-fontSize:22px;--webapp-buttonKommen-backgroundColor:hsl(90,91%,35%);--webapp-buttonWechseln-backgroundColor:hsl(48,90%,51%);--webapp-buttonGehen-backgroundColor:hsl(6,84%,42%);--webapp-progressBarAnwesend-backgroundColor:hsl(209,63%,68%);--webapp-progressBarAnwesend-backgroundColor-light:hsl(209,57%,78%);--webapp-progressBarPause-backgroundColor:hsl(0,0%,88%);--webapp-progressBarAbsenz-backgroundColor:hsl(0,0%,64%)}:root[data-theme='dark']{--webapp-backgroundColor:#1c1b22;--webapp-buttonKommen-backgroundColor:hsl(123,92%,26%);--webapp-buttonWechseln-backgroundColor:hsl(48,75%,46%);--webapp-buttonGehen-backgroundColor:hsl(0,80%,35%);--webapp-progressBarAnwesend-backgroundColor:hsl(209,63%,60%);--webapp-progressBarAnwesend-backgroundColor-light:hsl(209,57%,70%);--webapp-progressBarPause-backgroundColor:hsl(0,0%,24%);--webapp-progressBarAbsenz-backgroundColor:hsl(0,0%,51%)}html{-webkit-text-size-adjust:100%}body{font-family:"Roboto",Tahoma,Arial,sans-serif;font-size:var(--default-fontSize)}.kijs-viewport,.kijs-panel{background-color:var(--webapp-backgroundColor)}.webapp-welcome{height:100%}.webapp-welcome .kijs-container-inner{justify-content:center;gap:60px}.webapp-welcome .signet{height:20%;min-height:90px;background-image:url(../img/Signet.svg);background-repeat:no-repeat;background-size:contain;background-position:center center;animation:fadein 1.5s}.webapp-welcome.fadeout .signet,.webapp-welcome.fadeout h1{opacity:0;animation:fadeout 1s}.webapp-welcome h1{margin:0;font-weight:normal;font-family:"RobotoThin",Tahoma,Arial,sans-serif;font-stretch:expanded;text-align:center;font-size:10vw;animation:fadein 1.5s}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}div.webapp-appview{font-family:"Roboto",Tahoma,Arial,sans-serif;height:100%;padding:20px 10px 10px 10px}div.webapp-appview>.kijs-container-inner{display:flex;flex-direction:column;height:100%;width:100%}div.webapp-appview .appview-header-container .appview-logo-container{background-image:url(../img/SocialOffice.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;height:50px}div.webapp-appview .appview-header-container .appview-language-selector-button{margin-top:11px}@media (prefers-color-scheme:dark){div.webapp-appview .appview-header-container .appview-logo-container{background-image:url(../img/SocialOffice_dark.svg)}}div.webapp-appview .appview-info-message{flex:2;transition:1s;border-bottom:1px solid var(--field-borderColor);overflow-x:hidden;overflow-y:auto}div.webapp-appview .appview-info-message>.kijs-container-inner{padding:10px;overflow-x:hidden;overflow-y:auto}div.webapp-appview .appview-info-message .info-message{margin-top:10px;border-top:1px solid var(--field-borderColor);padding-top:10px}div.webapp-appview .appview-info-message .info-message:first-child{margin-top:0;border-top:0;padding-top:0}div.webapp-appview .appview-info-message .info-message>div.title{font-weight:bold;margin-bottom:2px}div.webapp-appview .appview-info-message .info-message>div.message{margin-bottom:5px}div.webapp-appview .appview-info-message .info-message>div.image{margin-bottom:5px;text-align:center}div.webapp-appview .appview-info-message .info-message>div.image img{max-width:100%;max-height:300px}div.webapp-appview .appview-time-name-salden{flex:2;flex-direction:row;overflow-x:hidden;overflow-y:auto}div.webapp-appview .appview-time-name-salden>.kijs-container-inner{margin:auto 0;padding:10px;height:auto}div.webapp-appview .appview-time-name-salden .date,div.webapp-appview .appview-time-name-salden .time{font-weight:100;text-align:center}div.webapp-appview .appview-time-name-salden .date{font-size:1.2em}div.webapp-appview .appview-time-name-salden .time{font-size:2em}div.webapp-appview .appview-time-name-salden .name-vorname{text-align:center;font-weight:bold;padding-top:3px}div.webapp-appview .appview-time-name-salden .salden,div.webapp-appview .appview-time-name-salden .absenzen{display:grid;grid-template-columns:1fr 90px;grid-column-gap:10px;margin-top:10px}div.webapp-appview .appview-time-name-salden .salden .title,div.webapp-appview .appview-time-name-salden .absenzen .title{font-weight:bold;grid-column-start:1;grid-column-end:3}div.webapp-appview .appview-time-name-salden .salden .value,div.webapp-appview .appview-time-name-salden .absenzen .value{text-align:right}div.webapp-appview .appview-running-position>.kijs-container-inner{padding:10px}div.webapp-appview .appview-running-position .current-position{display:grid;grid-template-columns:1fr 90px;grid-column-gap:10px;grid-row-gap:5px}div.webapp-appview .appview-running-position .current-position .value{text-align:right}div.webapp-appview .webapp-ProgressBar{min-height:inherit;margin-top:10px}div.webapp-appview .webapp-ProgressBar .kijs-label{padding:1px 4px 0 0}div.webapp-appview .webapp-ProgressBar .kijs-inputwrapper{position:relative;display:flex;border:1px solid var(--field-borderColor);border-radius:4px;height:19px;overflow:hidden}div.webapp-appview .webapp-ProgressBar:not(.kijs-disabled) .has-tooltip{cursor:help}div.webapp-appview .webapp-ProgressBar .running{background:var(--webapp-progressBarAnwesend-backgroundColor);animation:blinkingBackground 2s infinite;box-shadow:inset -4px 0 2px -2px var(--webapp-backgroundColor)}div.webapp-appview .webapp-ProgressBar .anwesend{background:var(--webapp-progressBarAnwesend-backgroundColor)}div.webapp-appview .webapp-ProgressBar .pause{background:var(--webapp-progressBarPause-backgroundColor)}div.webapp-appview .webapp-ProgressBar .absenz{background:var(--webapp-progressBarAbsenz-backgroundColor)}@keyframes blinkingBackground{0%{background:var(--webapp-progressBarAnwesend-backgroundColor)}50%{background:var(--webapp-progressBarAnwesend-backgroundColor-light)}100%{background:var(--webapp-progressBarAnwesend-backgroundColor)}}div.webapp-appview .webapp-ProgressBar .text-overlay{position:absolute;top:0;right:3px;bottom:0;pointer-events:none;font-size:15px}div.webapp-appview .appview-fields-individual,div.webapp-appview .appview-fields-zeiterfassung{padding:3px 10px}div.webapp-appview .appview-fields-individual .kijs-field,div.webapp-appview .appview-fields-zeiterfassung .kijs-field{margin:10px auto 10px}div.webapp-appview .appview-fields-individual .kijs-field .kijs-label,div.webapp-appview .appview-fields-zeiterfassung .kijs-field .kijs-label{width:50%;font-size:16px}div.webapp-appview .appview-fields-individual .kijs-field .kijs-inputwrapper .kijs-caption,div.webapp-appview .appview-fields-zeiterfassung .kijs-field .kijs-inputwrapper .kijs-caption{margin-left:5px}div.webapp-appview .appview-fields-individual div.kijs-field-checkbox>.kijs-inputwrapper>.kijs-checkbox-input,div.webapp-appview .appview-fields-zeiterfassung div.kijs-field-checkbox>.kijs-inputwrapper>.kijs-checkbox-input{font-size:22px}div.webapp-appview .appview-fields-individual{position:relative}div.webapp-appview .appview-fields-individual.saved{background-color:#d6f0bb}div.webapp-appview .appview-fields-individual.saved::after{content:'OK';color:#3d7506;font-size:19px;position:absolute;top:calc(50% - 11px);right:13px}div.webapp-appview .appview-fields-zeiterfassung{padding-bottom:0}div.webapp-appview .appview-fields-individual:not(.no-content),div.webapp-appview .appview-fields-zeiterfassung:not(.no-content){border-top:1px solid var(--field-borderColor)}div.webapp-appview .appview-buttons{position:relative;bottom:0;height:70px;margin-top:15px}div.webapp-appview .appview-buttons .kijs-button{justify-content:center;height:55px;gap:5px;border-color:transparent}div.webapp-appview .appview-buttons .kijs-button .kijs-icon,div.webapp-appview .appview-buttons .kijs-button .kijs-caption{color:#fbfbfe;font-size:var(--webapp-button-fontSize);line-height:var(--webapp-button-fontSize)}div.webapp-appview .appview-buttons .kijs-button .kijs-caption{flex:none;font-weight:bold}div.webapp-appview .appview-buttons .btn-kommen{background-color:var(--webapp-buttonKommen-backgroundColor)}div.webapp-appview .appview-buttons .btn-wechseln{background-color:var(--webapp-buttonWechseln-backgroundColor)}div.webapp-appview .appview-buttons .btn-gehen{background-color:var(--webapp-buttonGehen-backgroundColor)}div.webapp-installwindow{position:fixed;height:100%;width:100%;top:0;left:0;z-index:10000;justify-content:center;align-items:center;align-content:center;backdrop-filter:blur(3px)}div.webapp-installwindow>.kijs-container-inner{filter:none;flex:none;width:90%;max-width:400px;border:1px solid transparent;border-radius:20px;background-color:white;padding:10px;box-shadow:2px 2px 10px -2px rgba(0,0,0,0.6);font-weight:normal;font-family:"RobotoThin",Tahoma,Arial,sans-serif}:root[data-theme='dark']div.webapp-installwindow>.kijs-container-inner{background-color:#333;border:1px solid #666;box-shadow:2px 2px 10px -2px rgba(255,255,255,0.5)}div.webapp-installwindow>.kijs-container-inner .head{margin:20px 0;text-align:center}div.webapp-installwindow>.kijs-container-inner .head h1{margin-top:20px}div.webapp-installwindow>.kijs-container-inner .text{text-align:center;margin-bottom:20px}div.webapp-installwindow>.kijs-container-inner .buttons{margin-bottom:20px;justify-content:center;align-items:center;align-content:center}div.webapp-installwindow>.kijs-container-inner .buttons button{margin:8px 20px;padding:8px 20px;height:34px;line-height:34px}div.webapp-installwindow>.kijs-container-inner .buttons button span{font-size:1.3em}div.webapp-installwindow>.kijs-container-inner .buttons button.install{background-color:#58a808;border-color:transparent}div.webapp-installwindow>.kijs-container-inner .buttons button.install span{color:#fbfbfe}:root[data-theme='dark']div.webapp-installwindow>.kijs-container-inner .buttons button{border-color:transparent;background-color:#111}:root[data-theme='dark']div.webapp-installwindow>.kijs-container-inner .buttons button span{color:#fbfbfe}:root[data-theme='dark']div.webapp-installwindow>.kijs-container-inner .buttons button.install{background-color:#05800c}