#root,.main-window,body,html{height:100%}.information-text{margin:6px;padding:6px}.information-text.yellow{background-color:#ffca28;border:1px solid #ffc107;border-radius:4px}.alert-enter{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.alert-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.alert-exit{opacity:1}.alert-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.text-white,.text-white *{color:#fff!important}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.main-window{display:flex;flex-direction:column}.align-center{text-align:center}.sub-title{color:#888;font-size:14px;padding:15px 0 9px 15px}.sub-title.errors{color:red}.title{color:#333;font-size:18px;padding:15px 0 9px 15px}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.imgbackground-checkin{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.imgbackground-checkin img{height:100%;width:100%}.overlay-checkin{background:rgba(0,0,0,.6)}.content-checkin,.overlay-checkin{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.content-checkin{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:auto}.wfh-capture .today-attendance{min-height:0!important}.wfh-capture .today-attendance .today-attendance-info{min-height:0!important;padding:8px 15px!important;text-align:center}.wfh-capture .today-attendance .today-attendance-info p{margin:8px!important}.wfh-capture .today-attendance .today-attendance-info .no-record{color:#ff5722;font-weight:700}.wfh-capture .today-attendance .today-attendance-info .no-record svg{color:#ff5722;display:inline-block;text-align:center;width:20px}.wfh-capture .today-attendance .today-attendance-info .attendance-hint{font-size:13px}.wfh-capture .today-attendance .today-attendance-info .entry-info{align-items:center;display:flex;flex-direction:row}.wfh-capture .today-attendance .today-attendance-info .entry-info .entry-title{flex:1 1;margin-right:8px}.wfh-capture .today-attendance .today-attendance-info .entry-info .entry-title svg{color:#2e7d32}.wfh-capture .today-attendance .today-attendance-info .entry-info .entry-time{color:#2e7d32;font-weight:700}.wfh-capture .today-attendance .today-attendance-info .entry-info .attendances-time{display:flex;flex-direction:column;justify-content:center}.wfh-capture .today-attendance .today-attendance-info .entry-info .attendances-time .entry,.wfh-capture .today-attendance .today-attendance-info .entry-info .attendances-time .exit{border-radius:4px;color:#fff;display:block;font-size:13px;font-weight:700;margin:0 0 4px;padding:4px 8px}.wfh-capture .today-attendance .today-attendance-info .entry-info .attendances-time .entry{background:green}.wfh-capture .today-attendance .today-attendance-info .entry-info .attendances-time .exit{background:orange}.wfh-capture .video-container{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:flex-start;margin:0 auto;max-width:1024px;position:relative}.wfh-capture .video-container>video{max-height:380px;max-width:1000px!important}.wfh-capture .video-container .capture-button{align-items:center;background:#fff;border:1px solid #00000054;border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;bottom:30px;display:flex;flex-direction:row;height:60px;justify-content:center;left:20%;margin:auto;position:absolute!important;right:20%;text-align:center;width:60px}.wfh-capture .video-container .capture-button svg{color:#000000a3;font-size:32px;margin:12px}.wfh-capture .video-container .capture-button span{color:#444;display:inline-block;font-size:28px;font-weight:400;margin:12px 0 12px 8px}.confirmation-modal{position:absolute;right:0;top:0}.main-window>div{display:flex;flex:1 1;flex-direction:column}.attendance-wfo .maps-container{background:#333;flex:1 1;height:400px;overflow:hidden;position:relative}.attendance-wfo .maps-container .checkin-information{bottom:30px;box-shadow:1px 2px 4px #000;left:10px;position:absolute!important;right:10px}.attendance-wfo .maps-container .capture-button{align-items:center;background-color:#702083;border:1px solid #843497;border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;bottom:30px;box-shadow:0 2px 2px #333;display:flex;flex-direction:row;height:60px;justify-content:center;left:20%;margin:auto;position:absolute!important;right:20%;text-align:center;width:60px}.attendance-wfo .maps-container .capture-button svg{color:#fff;font-size:32px;margin:12px}.attendance-wfo .maps-container .capture-button span{color:#444;display:inline-block;font-size:28px;font-weight:400;margin:12px 0 12px 8px}.attendance-wfo .attendance-table{width:100%}.attendance-wfo .attendance-table td,.attendance-wfo .attendance-table th{font-size:14px;text-align:center}.attendance-section-container{flex:1 1;margin:4px 8px;overflow:hidden}.attendance-section-container .attendance-section{height:100%;overflow-y:auto}.attendance-section-container .attendance-section .attendance-list-item{display:flex;flex-direction:row}.attendance-section-container .attendance-section .attendance-list-item .list-meta{flex:1 1}.attendance-section-container .attendance-section .attendance-list-item .list-meta h1,.attendance-section-container .attendance-section .attendance-list-item .list-meta h2,.attendance-section-container .attendance-section .attendance-list-item .list-meta h3,.attendance-section-container .attendance-section .attendance-list-item .list-meta h4,.attendance-section-container .attendance-section .attendance-list-item .list-meta h5,.attendance-section-container .attendance-section .attendance-list-item .list-meta h6{margin:0}.attendance-section-container .attendance-section .attendance-list-item .list-meta h4{font-weight:600;margin:4px 8px}.attendance-section-container .attendance-section .attendance-list-item .list-meta h5{font-weight:400;margin:4px 8px}.attendance-section-container .attendance-section .attendance-list-item .list-time>span{display:block}.attendance-section-container .attendance-section .attendance-list-item .list-time>span .fa,.attendance-section-container .attendance-section .attendance-list-item .list-time>span svg{display:inline-block;width:23px}.attendance-section-container .attendance-section .attendance-list-item .list-time .enter-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.attendance-section-container .attendance-section .attendance-list-item .list-time .enter-time.late{background-color:red;color:#fff}.attendance-section-container .attendance-section .attendance-list-item .list-time .exit-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.attendance-section-container .attendance-section .attendance-list-item .list-time .exit-time.early{background-color:red;color:#fff}.attendance-section-container .attendance-section .attendance-list-item{border-bottom:1px solid #dedede;padding-bottom:6px}.attendance-section-container .attendance-section .attendance-list-item:last-child{border-bottom-color:transparent}.leave-section-container .leave-section{height:100%;overflow-y:auto}.leave-section-container .leave-section .leave-list-item{display:flex;flex-direction:row}.leave-section-container .leave-section .leave-list-item .list-meta{flex:1 1}.leave-section-container .leave-section .leave-list-item .list-meta h1,.leave-section-container .leave-section .leave-list-item .list-meta h2,.leave-section-container .leave-section .leave-list-item .list-meta h3,.leave-section-container .leave-section .leave-list-item .list-meta h4,.leave-section-container .leave-section .leave-list-item .list-meta h5,.leave-section-container .leave-section .leave-list-item .list-meta h6,.leave-section-container .leave-section .leave-list-item .list-meta p{margin:0}.leave-section-container .leave-section .leave-list-item .list-meta h4{font-weight:600;margin:4px 8px}.leave-section-container .leave-section .leave-list-item .list-meta h5{font-weight:400;margin:4px 8px}.leave-section-container .leave-section .leave-list-item .list-meta p{margin:4px 8px}.leave-section-container .leave-section .leave-list-item .list-time>span{display:block}.leave-section-container .leave-section .leave-list-item .list-time>span .fa,.leave-section-container .leave-section .leave-list-item .list-time>span svg{display:inline-block;width:23px}.leave-section-container .leave-section .leave-list-item .list-time .enter-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.leave-section-container .leave-section .leave-list-item .list-time .enter-time.late{background-color:red;color:#fff}.leave-section-container .leave-section .leave-list-item .list-time .exit-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.leave-section-container .leave-section .leave-list-item .list-time .exit-time.early{background-color:red;color:#fff}.leave-section-container .leave-section .leave-list-item{border-bottom:1px solid #dedede;padding-bottom:6px}.leave-section-container .leave-section .leave-list-item:last-child{border-bottom-color:transparent}.schedule-section-container{flex:1 1;margin:4px 8px;overflow:hidden}.schedule-section-container .schedule-section{height:100%;overflow-y:auto}.schedule-section-container .schedule-section .schedule-list-item{display:flex;flex-direction:row}.schedule-section-container .schedule-section .schedule-list-item .list-meta{flex:1 1}.schedule-section-container .schedule-section .schedule-list-item .list-meta h1,.schedule-section-container .schedule-section .schedule-list-item .list-meta h2,.schedule-section-container .schedule-section .schedule-list-item .list-meta h3,.schedule-section-container .schedule-section .schedule-list-item .list-meta h4,.schedule-section-container .schedule-section .schedule-list-item .list-meta h5,.schedule-section-container .schedule-section .schedule-list-item .list-meta h6{margin:0}.schedule-section-container .schedule-section .schedule-list-item .list-meta h4{font-weight:600;margin:4px 8px}.schedule-section-container .schedule-section .schedule-list-item .list-meta h5{font-weight:400;margin:4px 8px}.schedule-section-container .schedule-section .schedule-list-item .list-time>span{display:block}.schedule-section-container .schedule-section .schedule-list-item .list-time>span .fa,.schedule-section-container .schedule-section .schedule-list-item .list-time>span svg{display:inline-block;width:23px}.schedule-section-container .schedule-section .schedule-list-item .list-time .enter-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.schedule-section-container .schedule-section .schedule-list-item .list-time .enter-time.late{background-color:red;color:#fff}.schedule-section-container .schedule-section .schedule-list-item .list-time .exit-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.schedule-section-container .schedule-section .schedule-list-item .list-time .exit-time.early{background-color:red;color:#fff}.schedule-section-container .schedule-section .attendance-list-item{border-bottom:1px solid #dedede;padding-bottom:6px}.schedule-section-container .schedule-section .attendance-list-item:last-child{border-bottom-color:transparent}.payroll-section-container{flex:1 1;margin:4px 8px;overflow:hidden}.payroll-section-container .payroll-section{height:100%;overflow-y:auto}.payroll-section-container .payroll-section .payroll-list-item:last-child{border-bottom:none}.payroll-section-container .payroll-section .payroll-list-item:nth-child(2n){background-color:#f9f9f9}.payroll-section-container .payroll-section .payroll-list-item{align-items:center;border-bottom:1px solid #efefef;display:flex;flex-direction:row;padding:4px}.payroll-section-container .payroll-section .payroll-list-item .list-meta{flex:1 1}.payroll-section-container .payroll-section .payroll-list-item .list-meta h1,.payroll-section-container .payroll-section .payroll-list-item .list-meta h2,.payroll-section-container .payroll-section .payroll-list-item .list-meta h3,.payroll-section-container .payroll-section .payroll-list-item .list-meta h4,.payroll-section-container .payroll-section .payroll-list-item .list-meta h5,.payroll-section-container .payroll-section .payroll-list-item .list-meta h6{margin:0}.payroll-section-container .payroll-section .payroll-list-item .list-meta h4{font-weight:600;margin:4px 8px}.payroll-section-container .payroll-section .payroll-list-item .list-meta h5{font-weight:400;margin:4px 8px}.payroll-section-container .payroll-section .payroll-list-item .list-time{align-items:center;display:flex;flex-direction:column}.payroll-section-container .payroll-section .payroll-list-item .list-time>span{display:block}.payroll-section-container .payroll-section .payroll-list-item .list-time>span .fa,.payroll-section-container .payroll-section .payroll-list-item .list-time>span svg{display:inline-block;width:23px}.payroll-section-container .payroll-section .payroll-list-item .list-time .enter-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.payroll-section-container .payroll-section .payroll-list-item .list-time .enter-time.late{background-color:red;color:#fff}.payroll-section-container .payroll-section .payroll-list-item .list-time .exit-time{background-color:#2e7d32;border-radius:3px;color:#fff;margin:2px;padding:2px 8px 2px 6px}.payroll-section-container .payroll-section .payroll-list-item .list-time .exit-time.early{background-color:red;color:#fff}.payroll-section-container .payroll-section .attendance-list-item{border-bottom:1px solid #dedede;padding-bottom:6px}.payroll-section-container .payroll-section .attendance-list-item:last-child{border-bottom-color:transparent}
/*# sourceMappingURL=main.d755daba.css.map*/