body{margin:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:"Roboto","Arial","Tahoma"}:root{--dark-blue:#2150b7;--dark-green:#135200;--blue:#1890ff;--light-pink:#ff7474}.timekeeping{font-size:13px;font-weight:500}.gap-20px{grid-gap:20px;gap:20px}.gap-10px{grid-gap:10px;gap:10px}.full-w{width:100%}.btn-dark-blue{background-color:var(--dark-blue)!important;border:var(--dark-blue)!important}.btn-dark-green{background-color:var(--dark-green)!important;border:var(--dark-green)!important}.btn-blue{background-color:var(--blue)!important;border:var(--blue)!important}.btn-light-pink{background-color:var(--light-pink)!important;border:var(--light-pink)!important}.react-bootstrap-table table{table-layout:auto}#pageDropDown{color:#007bff;background-color:#fff;border:1px solid #dee2e6}.react-bootstrap-table-page-btns-ul{float:right!important}.react-bootstrap-table-page-btns-ul .active{border:0 solid #00f!important}.table thead th{vertical-align:top!important;text-align:center;border-bottom:2px solid #dee2e6;z-index:0}.input-group-prepend{width:35%}.input-group-text{width:100%;overflow:hidden}.navbar-brand{font-family:HelveticaNeue;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#fff;margin-left:5px}.navbar-dark .navbar-toggler{border-color:transparent!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important}#nav-tab a.active,#nav-tab a:hover{border-bottom-color:transparent;background:#fff;border-top:3px solid #02204b!important}#nav-tab a{background:#eee;border:1px solid #ddd!important;text-align:center;color:#007bff;text-decoration:none;border-bottom:0!important}.hr-primary{background-image:-webkit-linear-gradient(left,#02204b,#02204b,#02204b);height:.2em}table>thead{background-color:#eee}.react-datepicker__input-container{width:inherit}.react-datepicker-wrapper{width:100%}.table-custom-hovered .react-bootstrap-table table tbody tr:hover{background-color:#e9f3fc;border-top:1px solid #9dc7f1;border-bottom:1px solid #9dc7f1}.cursor-pointer{cursor:pointer!important}.form-login{align-content:center;min-height:calc(100vh - 100px)}.form-login .form-group{margin-bottom:40px}.form-login .checkbox{padding:25px 73px}.form-input{padding:13px 26px;height:47px;background:#fff;border:1px solid #c4c4c4}.btn-login,.form-input{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px;width:464px}.btn-login{justify-content:center;padding:12px 43px;height:46px;background:#003581;border-radius:10px;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#fff}a:hover{text-decoration:none}.menu-item-with-sub{position:relative}.menu-item-with-sub .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:100;padding:0;margin:0;border-radius:4px}.menu-item-with-sub:hover .sub-menu{display:block}.sub-menu li{list-style:none;padding:10px 20px;cursor:pointer;color:#222;font-size:16px;white-space:nowrap}.sub-menu li:hover{background:#f0f0f0;color:#0056b3}.header{background:#02204b;height:67px;padding:13px 16px}.header .logo .logo-1{width:50px;height:41px}.header .logo .logo-1,.header .logo .logo-2{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:pointer}.header .logo .logo-2{width:190px;height:24px;margin-left:10px;position:relative}.pd-0{padding:0}.header .language{background:#02204b;font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-align:center;color:#fff;border:1px solid #fff;margin-top:3px}.header .active{color:"#3D9EE7"}.header .dropdown-menu{top:8px!important;left:-50px!important}.header .user-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.header .user-avatar{margin-left:65px}@media (max-width:1227px) and (min-width:992px){.header-response .logo .logo-2{display:none}.header-response .logo{flex:none}.header-response .header-menu a{font-size:20px}.header-response .header-menu{flex:0 0 54.333333%;max-width:54.333333%}}@media (max-width:991px){.header-response .logo{width:68px;max-width:68px;flex:none}.header-response .logo .logo-2{display:none}.header-response .header-menu{flex:0 0 70.333333%;max-width:70.333333%}.header-response .header-lang{width:75px}.header-response .header-menu a{font-size:20px}.header-response .header-profile{width:75px}}.activeMenuBar{width:280px!important}#backdrop{top:0;left:0;right:0;bottom:0;position:fixed;display:block;z-index:3;visibility:hidden}#backdrop.show{visibility:visible;background-color:rgba(0,0,0,.6)}.menusub-open{display:block!important}.menusub-open li:hover{background-color:#d0d2e0}#frontdesk-submenu{display:none}.open-arrow>#frontdesk:after{transform:rotate(0deg)}#reports-submenu{display:none}.open-arrow>#reports:after{transform:rotate(0deg)}#setup-submenu{display:none}.open-arrow>#setup:after{transform:rotate(0deg)}#order-submenu{display:none}.open-arrow>#order:after{transform:rotate(0deg)}.Qun-l-t-hng{width:158px;height:28px;font-family:HelveticaNeue;font-size:20px;font-weight:500;line-height:1.4;color:#fff}.download-csv,.Qun-l-t-hng{font-stretch:normal;font-style:normal;letter-spacing:normal}.download-csv{width:90px;height:14px;font-family:Tahoma;font-size:12px;font-weight:400;line-height:normal;color:#000;display:inline-flex}.BG{width:176px;height:38px;border-radius:4px;border:1px solid #e4e4e4;background-color:#fff}.submenu-header{margin-top:20px;margin-left:40.5px;margin-right:40.5px;position:relative}.button-BG{background-color:#f5a623;border-color:#f5a623;font-family:HelveticaNeue;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#fff}.togge-button{width:81px;height:38px;border:1px solid #ccc;background-color:#fff;color:#373a3c}.cancel-button{width:80px;border-radius:2px;border:1px solid #003581;background-color:#fff;color:#003581}.cancel-button,.ok-button{height:32px;font-family:Tahoma;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;margin-right:10px}.ok-button{width:79px;border-radius:2px;background-color:#003581}.save-button{width:198px;height:32px;border-radius:3px;border:1px solid #0998ff;background-color:#0998ff;font-family:Tahoma;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.dropdown,.dropleft,.dropright,.dropup{position:relative}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.dropdown-toggle{white-space:nowrap;background-color:initial;border-color:transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu.show{display:block}.dropdown-item{text-decoration:none;display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:initial;border:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e4e4e4}#content-menu .ul .li{cursor:pointer}.btn-top{margin-top:30px}.timekeeping thead{background:none}.timekeeping thead th{font-weight:400}.timekeeping table thead th{border:none!important}.dept{font-weight:600;font-size:14px;text-align:left!important}table tr.separator{height:10px}.user-info{display:flex;align-items:center;grid-gap:10px;gap:10px}.user-info img{width:40px;height:40px}.user-info p{padding:0;margin:0;font-weight:500}.timekeeping tbody td{text-align:center;background-color:#f5f5f5;vertical-align:middle!important}.timekeeping tbody td:first-child,.timekeeping tbody th:first-child{border-radius:10px 0 0 10px}.timekeeping tbody td:last-child,.timekeeping tbody th:last-child{border-radius:0 10px 10px 0}.timekeeping tbody tr td{padding:10px!important}.timekeeping tbody tr td:last-child{text-align:center}.timekeeping .btn-employee{align-items:flex-end;width:100px}.timekeeping__employee_left{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.timekeeping__datetime{display:flex;align-items:center;grid-gap:20px;gap:20px}.timekeeping__datetime__hour{font-size:35px}.timekeeping__datetime__date{font-size:18px}.timekeeping__image img{width:100%}.timekeeping__employee_info{display:flex;justify-content:space-between;font-size:14px}.timekeeping__employee_right{padding-top:18px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.timekeeping__employee_right h3{font-size:15px;text-align:center;padding:0 0 10px;margin:0}.timekeeping__status{grid-gap:40px;gap:40px}.summary .box-row-table,.timekeeping__status{display:flex;justify-content:center}.summary table thead{background:hsla(0,0%,98%,.4);border:1px solid #d9d9d9;box-shadow:0 4px 4px rgba(0,0,0,.25)}.summary .box-row-table span{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border:1px solid #003581}.summary .box-row-table button{padding:8px 10px;border-radius:5px;background-color:#003581;color:#fff;border:none}.summary table tr td{vertical-align:middle}.pagination-custom-nav li.pagination-item-custom.page-item{margin:0 4px}.pagination-custom-nav li.pagination-item-custom.active .pagination-link-custom{color:#fff;background:#003581}a.pagination-link-custom.page-link{padding:9px 11px;height:32px;border:1px solid #d9d9d9;border-radius:6px;font-style:normal;font-weight:500;font-size:14px;line-height:14px;text-align:center;color:#979797}.pagination-item-custom.page-item:first-child .page-link{margin-left:0;border-radius:6px}.pagination-item-custom.page-item:last-child .page-link{border-radius:6px}.pagination-custom-nav ul.pagination{justify-content:flex-end}.working-plan .form-icon-x:hover{background:#c91b1b!important}.custom-modal-confirm{top:45%;bottom:50%}.custom-modal-confirm .modal-content{background:#fff;border:0;border-radius:10px}.custom-modal-confirm .modal-footer{background:#fff;border:1px solid #003581;border-radius:10px;padding:25px}.tab-pane-custom{background:#d9d9d9}.tab-pane-custom .nav-item .nav-link{font-style:normal;font-weight:400;display:flex;align-items:center;color:#000;padding-top:19px;padding-bottom:19px;border:none}.tab-pane-custom .nav-link.active{background:#d9d9d9;color:#003581;border-bottom:3px solid #003581}.tab-pane-custom .nav-item{cursor:pointer;margin-right:20px}.custom-datetime{position:relative}.custom-datetime .span-icon-calendar-custom{content:"";background-image:url(/calendar-icon.png);background-repeat:no-repeat;width:28px;height:25px;position:absolute;right:7px;top:7px;background-size:29px 23px}.width-input-date-time{width:226px;border-top-right-radius:0;border-bottom-right-radius:0}.working-status .working-status-row{display:flex;justify-content:center;grid-gap:250px;gap:250px}.working-status .item,.working-status .item svg{width:150px;height:150px}.working-status .item{position:relative;cursor:pointer;padding:25px}.working-status .item>span,.working-status .item svg{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;text-align:center}.working-status .item.not-allow{opacity:.5;cursor:not-allowed}.working-plan div.list-item[disabled]{pointer-events:none;opacity:.7}.checkbox-wrapper-custom input{position:relative;z-index:-1}.checkbox-wrapper-custom input:checked:before{content:"";width:23px;height:23px;font-size:1.5em;color:#fff;position:absolute;background:#003581;right:0;top:0;border-radius:4px}.checkbox-wrapper-custom input:checked:after{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='currentColor' viewBox='0 0 16 16' color='%23fff'%3E%3Cpath d='M12.736 3.97a.733.733 0 011.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 01-1.065.02L3.217 8.384a.757.757 0 010-1.06.733.733 0 011.047 0l3.052 3.093 5.4-6.425a.247.247 0 01.02-.022z'/%3E%3C/svg%3E");background-repeat:no-repeat;width:23px;height:23px;position:absolute;right:0;top:0;border-radius:4px}.overview{padding:119px 98px 112px;color:#000;font-size:16px;line-height:25px}.overview .sortBy{background:#fff;border:1px solid hsla(0,0%,59.2%,.5);font-style:normal;font-weight:400;font-size:20px;line-height:28px;display:flex;align-items:center}.overview .sortByLabel{color:#000}.overview .sortByLabel,.overview .sortBySearch{font-style:normal;font-weight:500;font-size:20px;line-height:28px}.overview .sortBySearch{width:316px;background:#fff;border:1px solid #979797;border-radius:20px}.overview .iconSearch{position:absolute;top:0;cursor:pointer;padding:10px;color:#fff;min-width:50px;text-align:center;border-left:1px solid #979797;height:44px}.overview .overview-header{color:#003581;padding:12px 0}.overview .overview-department,.overview .overview-header{font-style:normal;font-weight:700;font-size:20px;line-height:28px;text-align:center}.overview .overview-department{color:#fff;background:#3d9ee7;border:1px solid #fff;height:60px;display:flex;align-items:center;justify-content:center}.overview .overview-department div:first-child{width:90%}.overview .overview-department div:last-child{width:10%;text-align:end;padding-right:12px}.overview .overview-department-content{background:hsla(0,0%,85.1%,.4);border:1px solid #c4c4c4;border-top:none;font-size:16px;line-height:25px;padding:0 12px;display:flex;margin-left:1px;margin-right:1px}.label-status{display:flex;flex-direction:column;align-items:center;width:10%;align-self:center}.padding-5{padding:5px}.height-35{height:35px}.height-45{height:45px}.width-6-percent{width:6%}.width-14-percent{width:14%}.overview .title{background:#3d9ee7;border:1px solid #fff}.overview .info{font-style:normal;font-weight:700;font-size:18px;line-height:28px;color:#003581}.overview .info img{width:75px;height:75px}.overview .opacity{opacity:.3}.overview .opacity span{opacity:1}.overview .font-weight-500{font-weight:500}.overview .country{font-size:18px;line-height:28px}.overview .display-revert{display:revert}.overview .display-none{display:none}.overview .btn{border-radius:10px;font-style:normal;font-weight:500;line-height:28px;color:#fff;width:100%;font-size:18px;margin-left:12px}.overview .btn-business-trip{background:#faad14;border-color:#faad14}.overview .btn-annual-leave{background:#c4c4c4;border-color:#c4c4c4}.overview .btn-goout{background:#135200;border-color:#135200}.overview .btn-comeback{background:#237804;border-color:#237804}.overview .btn-late-checkin{background:#ff7474;border-color:#ff7474}.overview .btn-checkin{background:#2150b7;border-color:#2150b7}.overview .btn-checkout{background:#1890ff;border-color:#1890ff}.overview .btn-early-checkout{background:#ff9c6e;border-color:#ff9c6e}.overview .border-right{border-right:3px solid #fff!important}.overview .border-bottom{border-bottom:3px solid #fff!important}.overview .border-bottom-C4C4C4{border-bottom:1px solid #c4c4c4}.color-979797{color:#979797}.box-row-table>.update-btn{padding:8px 10px}.custom-modal-user-detail{top:18%}.custom-modal-user-create{top:8%}.box-row-table>.delete-btn{background-color:red}.custom-modal-department-create{top:8%}.table-shift-group{max-height:270px!important;overflow:scroll}.table-responsive{max-height:61vh;border:1px solid #d9d9d9}.table-responsive td{max-width:55vh}th{position:-webkit-sticky;position:sticky;top:-1px;background:#fff;border-bottom:1px solid #d9d9d9}.update-btn{padding:8px 30px;border-radius:5px;background-color:#003581;color:#fff;border:none}.label{font-weight:700}.info{padding-top:20px;padding-bottom:20px}.delete-btn{padding:8px 10px;border-radius:5px;background-color:#ff7474;color:#fff;border:none;margin-left:20px}.custom-modal-working-plan-create{top:14%}.shift-group-table{max-height:55vh!important}.user-list-working-plan{max-height:245px!important}.invalid-date{border-color:#dc3545;font-size:.875em}.modal-v2 .modal-title{width:100%;font-size:28px}.modal-v2 .modal-header{padding-bottom:0}.department-shift .react-datepicker-popper{z-index:100}.registration .check_box_table{margin-top:-16px}.registration table thead{background:hsla(0,0%,98%,.4);border:1px solid #d9d9d9;box-shadow:0 4px 4px rgba(0,0,0,.25)}.registration .box-row-table span{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border:1px solid #003581}.registration table tr td{vertical-align:middle}.registration table tbody tr{cursor:pointer}.box-row-table>.update-btn{padding:8px 30px}.box-row-table>.update-btn,.new-btn{border-radius:5px;background-color:#003581;color:#fff;border:none}.new-btn{padding:8px 10px;text-wrap:nowrap}.box-row-table>.delete-btn{padding:8px 10px;border-radius:5px;background-color:#ff7474;color:#fff;border:none;margin-left:20px}.custom-modal-shift-create{top:15%}.select-multi-dropdown .dropdown-toggle{position:relative;padding-right:2.4rem}.select-multi-dropdown .dropdown-toggle:after{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);margin-left:0;pointer-events:none}.select-multi-dropdown .dropdown-toggle .caret{display:none}
/*# sourceMappingURL=main.ccd794ba.chunk.css.map */