.loader{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#app,.loader{display:-webkit-box;display:-ms-flexbox;display:flex}#app{height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.update-dialog{position:fixed;left:50%;bottom:70px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);padding:12px;max-width:576px;color:#fff;background-color:#2c3e50;text-align:left}.update-dialog .actions{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px}.update-dialog .button{margin-right:8px}.update-dialog .button.confirm{margin-left:auto}.login-container{padding-top:50px}.login-container .auth-error{color:red;margin-bottom:5px;min-height:25px}.login-container input:-webkit-autofill,.login-container input:-webkit-autofill:active,.login-container input:-webkit-autofill:focus,.login-container input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.emp-report{font-family:Times New Roman,Times,serif;background-color:#fff;padding:8px;border:4px solid #000}.emp-report p{margin-bottom:-4px!important}.emp-report.dense{padding:0 4px;font-size:13px}.emp-report.dense .details{margin-bottom:8px}.emp-report.dense table td{padding:0 5px}.emp-report .bold{font-weight:700}.emp-report .upper-case{text-transform:uppercase}.emp-report .header,.emp-report .summary{margin-bottom:7px}.emp-report .header h1,.emp-report .summary h1{font-weight:700;font-size:27px;margin-bottom:-8px}.emp-report .header-title p,.emp-report .summary-title p{margin-bottom:-6px!important}.emp-report .details{margin-bottom:7px}.emp-report .details>div{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.emp-report .details p{-webkit-margin-start:5px;margin-inline-start:5px;margin-bottom:0}.emp-report .details .sum,.emp-report .details p{display:-webkit-box;display:-ms-flexbox;display:flex}.emp-report .details .sum{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.emp-report .details .sum span:last-of-type{text-align:center;border-bottom:2px solid #000}.emp-report .details .sum>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.emp-report .small-details p{margin-bottom:0}.emp-report .total{border:2px solid #000;min-width:170px;text-align:center}.emp-report .total-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:25px}.emp-report .total-container>.total{padding:8px}.emp-report .total-container p{margin-bottom:0}.emp-report .signature>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.emp-report .signature-line{border-bottom:2px solid #000}.emp-report .signature .copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-size:30px;font-weight:800}.emp-report table{border:1px solid #000;border-collapse:collapse}.emp-report table th{border:2px solid #000}.emp-report table td{padding:3px 5px}.emp-report .group span:last-of-type{margin-left:7px}.emp-report p{margin-bottom:5px}.extra-input{width:50px}.v-calendar-weekly__day{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.v-calendar-weekly__day,.v-event{display:-webkit-box;display:-ms-flexbox;display:flex}.v-event{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@font-face{src:url(../fonts/OpenSans-Bold.1025a6e0.ttf);font-family:OpenSans-Bold}@font-face{src:url(../fonts/VarelaRound-Regular.159cb67f.ttf);font-family:Varela-Regular}@font-face{src:url(../fonts/OpenSans-Light.2d0bdc8d.ttf);font-family:OpenSans-Light}@font-face{src:url(../fonts/OpenSans-Regular.3ed9575d.ttf);font-family:OpenSans}.sm-font{font-size:.75rem}.md-font{font-size:1.125rem}.lg-font{font-size:1.5rem}.xl-font{font-size:1.875rem}.clean-list{list-style-type:none}.clean-list,.clean-list>li{margin:0;padding:0}.bolded{font-weight:700}.blurred{-webkit-filter:blur(4px);filter:blur(4px)}.text-muted{color:#868e96}.pointer{cursor:pointer}.text-center{text-align:center}.center-block{display:block;margin:0 auto}.square-ratio{position:relative;overflow:hidden}.square-ratio:before{display:block;content:"";width:100%;padding-top:100%;pointer-events:none}.square-ratio>iframe,.square-ratio>img{position:absolute;top:0;left:0;right:0;block-end:0;height:100%;width:100%}.square-ratio>img{-o-object-fit:cover;object-fit:cover}.wide-ratio{position:relative;overflow:hidden}.wide-ratio:before{display:block;content:"";width:100%;padding-top:56.25%;pointer-events:none}.wide-ratio>iframe,.wide-ratio>img{position:absolute;top:0;left:0;right:0;block-end:0;height:100%;width:100%}.wide-ratio>img{-o-object-fit:cover;object-fit:cover}.square-3{position:relative;overflow:hidden}.square-3:before{display:block;content:"";width:100%;padding-top:75%;pointer-events:none}.square-3>iframe,.square-3>img{position:absolute;top:0;left:0;right:0;block-end:0;height:100%;width:100%}.square-3>img{-o-object-fit:cover;object-fit:cover}.fast-trans{-webkit-transition:all .25s;transition:all .25s}.normal-trans{-webkit-transition:all .4s;transition:all .4s}.slow-trans{-webkit-transition:all .7s;transition:all .7s}.p5{padding:5px}.p10{padding:10px}.p20{padding:20px}.m5{margin:5px}.m10{margin:10px}.m20{margin:20px}.normBackground{background-repeat:no-repeat;background-position:50%;background-size:cover}.block-end-divider{-webkit-padding-after:15px;padding-block-end:15px;-webkit-margin-after:15px;margin-block-end:15px;-webkit-border-after:1px solid #d3d3d3;border-block-end:1px solid #d3d3d3}.iframe-container{position:relative;-webkit-padding-after:56.25%;padding-block-end:56.25%;padding-top:25px;height:0;width:100%}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.simple-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:300px;margin:15px auto}.simple-form>*{-webkit-margin-after:10px;margin-block-end:10px}.simple-form button,.simple-form input:not([type=checkbox]){padding:5px 8px;width:100%}.simple-form .form-errors{text-align:center;margin-top:24px;color:red;font-size:15px}.container{max-width:1280px;margin:0 auto}@media(max-width:600px){.container{max-width:none}}@media(max-width:740px){.container{max-width:600px}}@media(max-width:960px){.container{max-width:740px}}@media(max-width:1280px){.container{max-width:960px}}.main-container{padding-top:100px}.simple-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:OpenSans,sans-serif;font-size:16px;scroll-behavior:smooth;color:#212529;overflow-y:auto!important}img{max-width:100%}#app.v-application a{text-decoration:none;color:inherit}#app.v-application a:hover{text-decoration:none}button{font-family:inherit;color:inherit;font:inherit;cursor:pointer;outline:none}button *{pointer-events:none}input{font-family:inherit;text-align:inherit;outline:none}.img-fluid{width:100%;height:auto;vertical-align:middle}::-webkit-scrollbar{width:9px;height:9px;background-color:transparent;-webkit-border-radius:100px}::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}::-webkit-scrollbar-thumb:horizontal:active,::-webkit-scrollbar-thumb:vertical:active{-webkit-border-radius:100px}@-webkit-keyframes slide-in-out{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}12%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}90%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(150%);transform:translateY(150%);opacity:0}}@keyframes slide-in-out{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}12%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}90%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(150%);transform:translateY(150%);opacity:0}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes scalein{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scalein{0%{-webkit-transform:scale(.6);transform:scale(.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@keyframes scaleout{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@-webkit-keyframes scaleinsoft{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleinsoft{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.green-btn{font-family:OpenSans-Bold;letter-spacing:1px;font-size:13px;color:#4caf50;background-color:#90e590;text-transform:uppercase;font-weight:700;border-radius:11px;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms,-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms}.green-btn:hover{background-color:green;color:#fff}.btn-disable{pointer-events:none;cursor:no-drop}.simple-button{background:transparent;color:#000;font-size:inherit;font-family:inherit;border:0;opacity:.5;-webkit-transition:all .3s;transition:all .3s;padding:0;cursor:pointer}.simple-button:disabled{cursor:auto;opacity:.2}.simple-button i{display:inline-block;width:100%;height:100%}.simple-button:hover:not(:disabled){opacity:1}.medium-button{font-size:1.5rem}.dashboard{background-color:#f0f0f3;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:66px;padding-top:60px;padding-right:10px}.dashboard.no-padding{padding-left:10px}@media(max-width:740px){.dashboard{padding-left:0;padding-right:0}}.attend-scan-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-top:70px;padding-right:16px;padding-left:16px}.attend-actions{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-preferred-size:33%;flex-basis:33%}.attend-actions,.result-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.result-container{padding:20px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #f0f0f0;border-radius:4px;background-color:#f0f0f0}.result-container.fixed-height{min-height:450px}@media(max-width:740px){.attend-scan-view{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.container.not-found{padding-top:100px}.main-nav .logo-img{width:40px}.main-nav .v-toolbar__title>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-nav .logo-txt{font-family:Varela-Regular;font-size:1.875rem;font-weight:700;margin:0 6px;text-transform:uppercase;padding-top:5px}.main-nav .v-tab--active{color:#000!important}.main-nav .offline{margin-left:20px}@media(max-width:740px){.main-nav .v-toolbar__title{padding-left:0!important}}.v-list-item--link:before{background-color:transparent!important}aside.v-navigation-drawer{top:80px}.active-drawer,.v-list-item--link:hover{background-color:#f0f0f3!important;border-radius:5px}.emp-img{width:50px;max-height:100px;padding-top:5px}.v-data-table,.v-data-table header{border-radius:10px}.v-data-table .v-icon.notranslate.v-data-table-header__icon.mdi.mdi-arrow-up{display:none}.dashboard .v-data-table tr{cursor:pointer}.attend-dash,.user-mgmt{padding-top:50px;padding-right:10px;padding-left:10px}@media(max-width:740px){.editor-dash{padding-left:0;padding-right:0}}@media screen{.print-container{display:none}}@media print{body{overflow:visible}.print-container{display:block}.dashboard,.main-nav,.v-dialog__content,.v-overlay{display:none!important}#printSection .report-container{font-family:Arial,Helvetica,sans-serif;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}#printSection .break-after{page-break-after:auto;page-break-inside:avoid}}.img-container{position:relative}.img-container i.v-icon{position:absolute;top:calc(50% - 10px);left:calc(50% - 14px)}.img-container .v-progress-circular{position:absolute;top:calc(50% - 20px);left:calc(50% - 19px)}.img-upload{margin-bottom:7px}.img-upload label{cursor:pointer;display:inline-block}.img-upload .v-overlay__content,.img-upload label{width:100%;height:100%}.img-upload input{display:none}.emp-details img{width:100px}.emp-details .v-input .v-input__control .v-input__slot .v-text-field__slot input::-webkit-inner-spin-button,.emp-details .v-input .v-input__control .v-input__slot .v-text-field__slot input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.big-finger{width:100px!important;height:100px!important}.big-finger i{font-size:80px!important}.big-finger.active{color:#1976d2!important}.big-finger.big i{font-size:100px!important}.big-finger.clickable{cursor:pointer}