#app,body,html{height:100%}.app-layout-root{height:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.app-layout-root,.app-layout-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.app-layout-vertical{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;-ms-flex-direction:column;flex-direction:column}.status-timeline[data-v-227d251a]{padding:4px 0}.timeline-item[data-v-227d251a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:40px}.timeline-item:last-child .timeline-track .timeline-line[data-v-227d251a]{display:none}.timeline-track[data-v-227d251a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:36px;position:relative;margin-top:12px}.timeline-icon[data-v-227d251a],.timeline-track[data-v-227d251a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.timeline-icon[data-v-227d251a]{width:20px;height:20px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}.timeline-icon.approved[data-v-227d251a]{background-color:#329538;color:#fff}.timeline-icon.pending[data-v-227d251a]{background-color:#ee9200;border:2px solid #f89523;color:#fff}.timeline-icon.rejected[data-v-227d251a]{background-color:#e33c3c;color:#fff}.timeline-line[data-v-227d251a]{width:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:4px 0}.timeline-line.approved[data-v-227d251a]{background-color:#329538}.timeline-line.pending[data-v-227d251a],.timeline-line.rejected[data-v-227d251a]{background-color:#e0e0e0}.timeline-content[data-v-227d251a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 0 12px 10px;min-width:0}.timeline-card[data-v-227d251a]{border-radius:12px;padding:12px 14px}.timeline-card.approved[data-v-227d251a]{background:rgba(50,149,56,.1)}.timeline-card.pending[data-v-227d251a]{background:rgba(238,146,0,.1)}.timeline-card.rejected[data-v-227d251a]{background:rgba(227,60,60,.1)}.timeline-name[data-v-227d251a]{font-weight:600;font-size:14px;margin-bottom:2px}.timeline-role[data-v-227d251a],.timeline-status[data-v-227d251a]{font-size:13px;font-weight:400;margin-bottom:2px}.timeline-status.approved[data-v-227d251a]{color:#329538}.timeline-status.pending[data-v-227d251a]{color:#ee9200}.timeline-status.rejected[data-v-227d251a]{color:#e33c3c}.timeline-date[data-v-227d251a]{font-size:13px;font-weight:400;margin-bottom:2px}.timeline-note[data-v-227d251a]{font-size:13px;font-weight:400;word-break:break-word;white-space:pre-wrap}.timeline-exclude[data-v-227d251a]{font-size:13px;color:#f89523;cursor:pointer;margin-top:2px}.timeline-exclude[data-v-227d251a]:hover{text-decoration:underline}#TIMEKEEPING_HISTORY .modal-body{padding:10px 0!important}#TIMEKEEPING_HISTORY .ag-root-wrapper,#TIMEKEEPING_HISTORY .ag-root-wrapper-body{border-bottom:0}.checkin-info[data-v-2e941d94]{padding:0 4px}.info-row[data-v-2e941d94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-2e941d94]:last-child{border-bottom:none}.info-label[data-v-2e941d94]{font-size:15px;font-weight:500;min-width:120px;-ms-flex-negative:0;flex-shrink:0}.info-value[data-v-2e941d94]{font-size:15px;font-weight:400;text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1}.distance-text[data-v-2e941d94]{margin-left:12px;font-size:15px;font-weight:400}.info-section[data-v-2e941d94]{padding:10px 0}.section-label[data-v-2e941d94]{display:block;font-size:15px;font-weight:500;margin-bottom:8px}.section-card[data-v-2e941d94]{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background-color:#f5f5f5}.card-row[data-v-2e941d94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px;border-bottom:1px solid #eee}.card-row[data-v-2e941d94]:last-child{border-bottom:none}.card-label[data-v-2e941d94]{color:grey;font-size:14px;font-weight:400;min-width:105px}.card-value[data-v-2e941d94]{font-size:14px;font-weight:400;text-align:left}.face-image[data-v-2e941d94]{width:36px;height:36px;border-radius:6px;-o-object-fit:cover;object-fit:cover;margin-right:10px}.confidence-badge[data-v-2e941d94]{font-size:13px;font-weight:600}.mx-icon-double-left:after,.mx-icon-double-left:before,.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-left:before,.mx-icon-right:before{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(.7);transform:rotate(-45deg) scale(.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-right:before{-webkit-transform:rotate(135deg) scale(.7);transform:rotate(135deg) scale(.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn.disabled,.mx-btn:disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:focus,.mx-input:hover{border-color:#409aff}.mx-input.disabled,.mx-input:disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-double-left,.mx-btn-icon-left{float:left}.mx-btn-icon-double-right,.mx-btn-icon-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.hover-in-range,.mx-calendar-content .cell.in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell.active,.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{font-weight:500}.mx-table td,.mx-table th{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list:after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}#CUSTOM-SEARCH-COMPONENT .display-search-container[data-v-349f9562]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:6px;padding-right:6px;padding-top:6px;border-top-left-radius:8px;border-top-right-radius:8px}#CUSTOM-SEARCH-COMPONENT .apply-border[data-v-349f9562]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;-webkit-transition:-webkit-box-shadow .5s ease;transition:-webkit-box-shadow .5s ease;transition:box-shadow .5s ease;transition:box-shadow .5s ease,-webkit-box-shadow .5s ease}#CUSTOM-SEARCH-COMPONENT .apply-shadow[data-v-349f9562]{-webkit-box-shadow:0 8px 8px 0 rgba(0,0,0,.5);box-shadow:0 8px 8px 0 rgba(0,0,0,.5)}#CUSTOM-SEARCH-COMPONENT .search-number[data-v-349f9562]{top:-4px;right:-4px;background:#f03553;color:#fff}#CUSTOM-SEARCH-COMPONENT .custom-search-container[data-v-349f9562]{background-color:#f5f5f5;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#CUSTOM-SEARCH-COMPONENT .mb-2[data-v-349f9562]{margin-bottom:6px!important}@media(max-width:600px){#CUSTOM-SEARCH-COMPONENT .display-search-container[data-v-349f9562]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.table-timekeeping{max-height:calc(100vh - 230px)}.table-timekeeping thead{position:sticky;top:-1px;background-color:#f8f9fa;z-index:15}.box{position:relative}.wdp-ribbon{display:inline-block;padding:2px 15px;position:absolute;right:0;top:20px;line-height:24px;height:24px;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0;text-shadow:none;font-weight:400;background-color:#1eb5ff!important}.wdp-ribbon-six{background:none!important;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:65px;top:0;right:0;padding:0;overflow:hidden;border-radius:.25rem}.wdp-ribbon-inner-wrap{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}.wdp-ribbon-border{width:0;height:0;border-right:10px solid #eb16b5;border-bottom:10px solid transparent;position:relative;top:-20px;left:28px}.employee-name-code{line-height:1.4}.hrm-toogle button{border:1px solid #c1c3c4;color:#c1c3c4}.hrm-toogle button.btn-active{background-color:#c1c3c4;color:#fff}.hrm-toogle button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.hrm-toogle button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}