:root{--button-background-color:#009fd8;--button-background-inactive-color:#017292;--button-text-color:#fff;--gray-button-background-color:#c6c6c6;--gray-button-background-inactive-color:#d6d6d6;--gray-button-text-color:#001b38}*{margin:0;padding:0}body{padding-bottom:200px;min-width:760px}.field,a,body,button,input[type=email],input[type=password],input[type=text],label,p,select{font-size:22px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}p.bigger{font-size:2rem}p.bigger:not(first-child){margin-top:1rem}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#000}.button,button{background:var(--button-background-color);color:#fff;padding:14px 42px;border-radius:4px;border:1px solid #126d75;cursor:pointer;text-decoration:none}.button.bigger,button.bigger{padding:1rem 3.5rem;font-size:2.25rem;font-weight:500}.button:not(:last-child),button:not(:last-child){margin-right:10px}button.loading:disabled .button.loading:disabled{background:#019bd3;color:#fff;border-radius:4px;font-style:normal;border:1px solid #126d75;cursor:pointer}.button:active,.button:focus,button:active,button:focus{outline:none}.button:disabled,button:disabled{font-style:italic;cursor:default}.button.grey,.button:disabled,button.grey,button:disabled{background:#d0d0d0;border:1px solid #b5b5b5;color:#717171}input[type=email],input[type=password],input[type=text]{border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:5px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#019bd3;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}select{background:#fff;padding:20px 8px;cursor:pointer;border:1px solid #ccc;border-radius:3px}.loaderButton{position:relative;display:flex;align-items:center;justify-content:center}.loaderButton.wider{width:200px}.loaderButton.fullWidth{width:100%}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db!important;border-radius:50%;width:1rem;height:1rem;animation:spin .6s linear infinite;position:absolute;left:10px}.loader-xl{border:16px solid #fff;border-top:16px solid #3498db!important;width:100px;height:100px;left:unset;top:40%}.loaderButton.bigger .loader{width:1.5rem;height:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.textAlignRight{text-align:right}.textAlignCenter{text-align:center}.stoppingShiftEarlyReasonModal textarea{margin:3rem auto}.stoppingShiftEarlyReasonModal .wider{margin:1.5rem auto}.slidingMenu{width:340px;right:0;display:none;position:fixed;height:100%;top:0}.slidingMenu.open{display:block;z-index:20}.slidingMenu ul{list-style:none}.slidingMenu li{padding:31px 46px;letter-spacing:1px}.slidingMenu a{text-decoration:none;line-height:32px!important}.overlay{position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.3)}.topBar{display:flex;align-items:center;justify-content:center;position:relative}.topBar a{line-height:0}.menuButton{position:absolute;right:0;height:63px;padding:29px 34px 0 0;cursor:pointer}.menuButton .bar{width:35px;height:4px;margin:6px 0}.secondaryAction{margin-top:5rem;bottom:0}.bottomBar,.secondaryAction{left:0;display:flex;justify-content:center;align-items:center}.bottomBar{border-top:1px solid #e2e2e2;position:fixed;width:calc(100% - 104px);bottom:50px;padding:20px 52px;background:#efefef}.pageContent{display:flex;justify-content:center;align-items:center;margin-top:60px;padding:0 52px}.whiteBox{padding:30px 44px;background:#fff;width:100%;border-radius:5px;box-shadow:0 1px 0 1px rgba(0,0,0,.04)}.contentBox{width:800px}.feedbackBar{position:fixed;top:94px;text-align:center;padding:30px;z-index:8;margin:20px;width:calc(100% - 100px);border-radius:5px}.feedbackBar.success{background:#d4edda;border-color:#c3e6cb;color:#155724;text-align:left}.feedbackBar.errors{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.loginForm .inner{padding:34px 50px}.loginForm h2,.siteSelector h2{text-align:center;margin-bottom:30px}select{display:block;line-height:1.3;padding:20px 24px;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:5px;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#fff);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}select::-ms-expand{display:none}select:hover{border-color:#888}select:focus{border-color:#019bd3;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}select option{font-weight:400}.loginForm input{width:calc(100% - 28px);padding:14px;margin:5px 0 20px}.loginForm .forgotYourPassword{display:flex;flex-direction:row-reverse;margin:16px 0 30px}.loginForm .forgotYourPasswordButton{cursor:pointer}.siteSelectorDropdown{margin:16px 0}.siteSelectorDropdown input,.siteSelectorDropdown input:focus{box-shadow:0 0 0 0}.radioGroup label{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;border-radius:5px;padding-top:10px;padding-bottom:10px;margin-bottom:10px;font-size:18px}.radioGroup label.checked{background-color:#e6e6e6}.radioHolder{width:80px;vertical-align:middle}.radioHolder input{margin-top:7px;margin-left:30px;vertical-align:top}.radioTextHolder{width:80%}.radioTitle{font-weight:700}.radioOption{width:360px;margin-top:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px;padding:7px;margin-bottom:5px}.radioOption select{padding:10px 40px 10px 10px;font-size:18px}.radioOptionText{width:50%}.takePhoto{display:flex;justify-content:center;margin:2rem auto}.video{border-radius:16px;border:2px solid #e6e6e6;background:#efefef;transform:scaleX(-1)}.videoContainer{position:relative;width:644px;height:484px}.videoOverlay{position:absolute;left:50%;z-index:5;transform:translateX(-50%);background:hsla(0,0%,100%,.2);border-radius:50%}.videoOverlay--qr{border-radius:0}.loadingVideo{border-radius:16px;border:2px dashed #dedede;height:484px;background:#efefef;display:flex;align-items:center;justify-content:center;color:#262d3d}.loadingVideo .loader{position:static;margin:0 20px 4px 0;border:4px solid #efefef}.loadingSites{position:relative;text-align:center;margin-top:50px;color:grey;padding-bottom:60px}.loadingSites .loader{top:3px;left:50%;margin-left:-114px}.shiftNotFound{padding:30px;color:#856404;background-color:#fff3cd;border-color:#ffeeba}.workerPhoto{height:200px;width:200px;background:#d0d0d0;border:1px solid #b5b5b5;display:inline-block;margin-bottom:40px;border-radius:10px;position:relative;overflow:hidden}.workerPhoto .loader{left:50%;margin-left:-10px;top:50%;margin-top:-10px;border:4px solid #bbb}.workerPhoto img{position:absolute;top:0;left:0;height:100%}.shiftBlock{background-color:#d1ecf1;border-color:#bee5eb;margin:10px 0;padding:15px 24px 15px 220px;border-radius:5px;position:relative;min-height:62px;line-height:32px}.shiftBlock.first{margin-top:22px}.shiftBlock.first .time{top:15px}.shiftBlock .time{width:192px;text-align:right;position:absolute;left:0;top:14px}.shiftBlock.green{background-color:#d4edda;border-color:#c3e6cb}.shiftBlock.reduced{padding:14px 20px 14px 220px;min-height:auto}.shiftBlock .muted{color:grey}.shiftBlock .shift{display:inline-block}.marginBottom10{margin-bottom:10px}.marginBottom14{margin-bottom:14px}.marginBottom20{margin-bottom:20px}.noConnection{width:100%;height:100%;position:fixed;top:0;left:0;background:hsla(0,0%,100%,.9);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.noConnection>div{width:90%;margin:10px;text-align:center;line-height:75px;font-size:30px}.noConnection>div h2{font-weight:700;position:relative}.noConnection>div .loader{position:static;margin:auto}.systemMessages{display:flex;flex-flow:column;align-items:center;background-color:#ffff6e}.systemMessage{padding:10px}.version{right:0;font-size:.9em}.modal-backdrop{background:rgba(0,0,0,.6);right:0;z-index:5}.modal-backdrop,.modal-container{position:fixed;width:100%;height:100%;top:0}.modal-container{left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal{border-radius:10px;border-radius:10px 10px 0 0}.modal,.modal-auto-advance{width:90%;max-width:35rem;background:#fff;padding:20px}.modal-auto-advance{border-radius:0 0 10px 10px;border-top:2px solid #dcdcdc;text-align:center;font-size:1rem;font-weight:300}.modal-auto-advance button{font-size:1rem;margin:1.8rem auto}textarea{background:#fff;-webkit-appearance:none;border:1px solid #999;width:calc(100% - 20px);display:block;margin:14px 0;height:90px;resize:none;padding:10px;font-size:20px}.countdownLightsHolder{position:absolute;top:20px;right:20px}.countdownLight{display:inline-block;height:30px;width:30px;margin-left:10px;border-radius:30px}.countdownRedirectBox{color:#262d3d}.devDebugBtn{margin-left:10px}.devDebugBtn,.devInput{padding:5px 10px;font-size:14px;height:29px;vertical-align:middle;margin-top:-3px}.devInput{width:120px;border:1px solid #ccc;border-radius:4px;text-align:center;box-sizing:border-box}.footer{overflow:hidden;position:fixed;width:100%;bottom:0;z-index:1;height:50px;white-space:nowrap;display:flex;flex-direction:row;text-align:right;border-top:1px solid #e5e5e5;background-color:#f3f5f6;color:#232323}.footer .footerLeft,.footer .footerRight{padding:10px;flex:50% 1}.footer .footerRight{font-size:12px}.poweredBy{display:inline-block}.poweredBy a{margin-right:20px}.poweredBy img{vertical-align:middle;width:70px;height:17px}.loginWrapper .welcomeMessage{margin-bottom:30px;text-align:center}.loginWrapper .fieldset{padding:16px 45px;border:1px solid #ccc;box-shadow:0 0 5px 0 rgba(0,0,0,.12);border-radius:4px}.loginWrapper h1{font-weight:300}.loginWrapper .alertsWrapper{margin:12px 0 16px;padding:12px 10px;background-color:#f1f9ff;border:1px solid #bacad7;color:#7990a3;border-radius:4px}.loginWrapper .buttonsWrapper{display:flex;flex-direction:column;align-items:center}.loginWrapper .buttonsWrapper img{margin-right:16px;width:35px}.loginWrapper .buttonsWrapper img.Staffline{width:55px}.loginWrapper .buttonsWrapper button{display:flex;align-items:center;margin-bottom:12px;padding:16px 12px;background-color:#fff;border-radius:0;border:1px solid #ccc;color:#8c8c8c}.loginButtonWrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px}.timezoneAbbreviation{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;padding-left:.25rem}.attestationNoticeModal{width:100%;display:flex;flex-direction:column;justify-content:center}.modal>div{width:100%;text-align:center;font-size:1.5rem;color:#001b38}.modal .icon>img{width:7rem;margin:auto;padding:1.5rem}.attestationNoticeModal .header1{font-size:2rem;font-weight:550}.attestationNoticeModal .header2{font-size:1.4rem;padding-top:.7rem}.attestationNoticeModal .header3{font-size:1.4rem;font-weight:550;padding-top:3rem}.attestationNoticeModal .header4{font-size:1.3rem;padding-top:2rem;padding-bottom:1.5rem}.attestationNoticeModal select{display:block;line-height:1.3;padding:1rem 1.2rem;width:9rem;box-sizing:border-box;margin:auto;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:5px;-webkit-appearance:none;appearance:none;background-color:#c6c6c6;background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.attestationNoticeModal select::-ms-expand{display:none}.attestationNoticeModal select:hover{border-color:#888}.attestationNoticeModal select:focus{border-color:#019bd3;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.attestationNoticeModal select option{font-weight:400}.attestationNoticeModal .wider{margin:1.8rem auto 1rem}.TimerButton{color:var(--button-text-color);background:var(--button-background-color);border:1px solid var(--button-background-color);display:flex;align-items:center;justify-content:center;position:relative}.TimerButton.timer{background:var(--button-background-inactive-color);background-image:linear-gradient(180deg,var(--button-background-color),var(--button-background-color));background-repeat:no-repeat}.TimerButton .spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db!important;border-radius:50%;width:1.5rem;height:1.5rem;animation:spin .6s linear infinite;margin-right:1rem;position:absolute;left:1rem}.TimerButton .text{flex-grow:1;text-align:center}.GrayTimerButton{color:var(--gray-button-text-color);background:var(--gray-button-background-color);border:1px solid var(--gray-button-background-color)}.GrayTimerButton.timer{background:var(--gray-button-background-inactive-color);background-image:linear-gradient(180deg,var(--gray-button-background-color),var(--gray-button-background-color));background-repeat:no-repeat;font-size:24px}@keyframes timer{0%{background-size:0 100%}to{background-size:100% 100%}}.confirmationNotice .banner{background-color:#d4edda;border-color:#c3e6cb;display:flex;flex-direction:column;align-items:center;padding:1rem}.confirmationNotice .banner .icon{width:25%;margin-bottom:1rem}.confirmationNotice .banner .title{font-weight:700;font-size:2.25rem}.confirmationNotice .buttons{margin-top:1.5rem;display:flex;justify-content:center}.startOrStopShift{display:flex;align-items:center;justify-content:space-evenly;margin-top:1.5rem}.startOrStopShift .time{flex-grow:1;margin-right:3rem;text-align:right}.startOrStopShift .time .larger{margin-top:5px;font-size:2.25rem}.startOrStopShift .action{flex-grow:1}.startOrStopShift .action button{width:100%}.faceNotFound{color:#232323;padding:30px;background-color:#f6ddde}.errorMessageWithIcon{display:flex;flex-direction:column;align-items:center}.errorMessageWithIcon .icon{width:25%;margin-bottom:1rem}.errorMessageWithIcon .title{font-weight:700;margin-bottom:1rem;font-size:2.25rem}.errorMessageWithIcon p{margin-bottom:1rem;text-align:center}
/*# sourceMappingURL=main.3cb66649.chunk.css.map */