:root{--primary-white:#fff;--primary-blue-base:#00529c;--primary-blue-dark:#003565;--secondary-blue-base:#10bed2;--secondary-blue-1:#d8ecff;--secondary-blue-2:#2886db;--primary-dark:#272b2f;--primary-gray:#f0f3f8;--primary-gray-1:#525560;--primary-gray-2:#6c778d;--primary-gray-3:#dbe1ed;--primary-gray-6:#5a5959;--primary-gray-7:#aeb8c7;--secondary-gray:#bdc6d7;--navbar-max-width:100%}*,:after,:before,body{box-sizing:border-box;margin:0;padding:0}html{font-size:50%;height:100%;width:100%}@media(min-width:1200px){html{font-size:56.25%}}@media(min-width:1440px){html{font-size:62.5%}}html:focus-within{scroll-behavior:smooth}body{font-family:Nunito Sans,sans-serif!important}a{color:inherit;text-decoration:none}ol[role=list],ul[role=list]{list-style-type:none}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#notistack-snackbar{font-size:1.4rem}::-webkit-scrollbar{height:.6rem;width:.6rem}::-webkit-scrollbar-button{height:0;width:.6rem}::-webkit-scrollbar-thumb{background:#aeb8c7;background:var(--primary-gray-7);border:0 ridge #aeb8c7;border:0 ridge var(--primary-gray-7);border-radius:1.5rem}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:var(--primary-gray-8)}::-webkit-scrollbar-track{border-radius:.2rem}::-webkit-scrollbar-track,::-webkit-scrollbar-track:hover{background:#f0f3f8;background:var(--primary-gray)}::-webkit-scrollbar-corner{background:transparent}.text-overflow-1-lines{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.tab-dark-green-style,.tab-green-style{color:#fff}.btn-confirm-style{background:#00529c;color:#fff}.btn-cancel-style,.btn-remove-style{background:#00529c;background:#fff}.btn-cancel-style{border:.1rem solid #272b2f;color:#272b2f}.btn-white{background:#fff;color:#dbe1ed}.btn-icon{color:#fff}.btn-icon,.btn-icon[aria-selected=true]{background:#00529c}.btn-white-style{background:#fff}.btn-green-style{background:#00529c;color:#fff!important}.btn-green-style .MuiSvgIcon-root{color:#fff}.select-menu-list .MuiMenuItem-root{background:#fff!important}.floating-btn-item{background:#00529c}.btn{color:#fff}.search-border-style{background:#fff;background:var(--primary-white);border-radius:.4rem;box-shadow:0 1rem 3rem hsla(222,8%,61%,.2);display:flex;justify-content:center;width:100%}.search-border-style .input{font-family:Nunito Sans;font-size:1.6rem;line-height:2.4rem}.search-style{background:#fff;background:var(--primary-white);border-radius:.4rem;box-shadow:0 1rem 3rem hsla(222,8%,61%,.2);display:flex;justify-content:center;width:100%}.search-style .input{font-family:Nunito Sans;font-size:1.6rem;line-height:2.4rem}.search-style .MuiOutlinedInput-notchedOutline{border:0}.text-border-style{background:#fff;background:var(--primary-white);border:1.2px solid #adacac;border-radius:.4rem;border-radius:4rem;box-shadow:0 1rem 3rem hsla(222,8%,61%,.2);box-sizing:border-box;display:flex;justify-content:center;width:100%}.text-border-style .input{font-family:Nunito Sans;font-size:1.6rem;line-height:2.4rem}.text-border-style .MuiOutlinedInput-root{border-radius:4rem;width:100%}.text-border-style .MuiOutlinedInput-root .input{font-family:Nunito Sans;font-size:1.8rem}.text-border-style .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#0a6836!important}.text-border-style .MuiFormHelperText-root{bottom:-2.5rem;font-family:Nunito Sans;font-size:1.2rem;margin-left:0;position:absolute}.text-border-style .MuiFormHelperText-root.Mui-error{color:#c6050e;font-size:1.3rem}.form-item{align-items:flex-start;flex-direction:column;margin-bottom:2rem;width:100%}.form-item,.form-label{display:flex;justify-content:flex-start}.form-label{align-items:center;color:#525560;color:var(--primary-gray-1);font-family:Nunito Sans;font-size:1.6rem;font-weight:700;margin-bottom:.8rem}.form-text-field{width:100%}.form-text-field .MuiInputBase-root{height:4.8rem}.form-text-field .MuiInputBase-root .input{font-family:Nunito Sans!important;font-size:1.6rem;padding:0 1.6rem}.form-text-field .MuiInputBase-root input:-webkit-autofill,.form-text-field .MuiInputBase-root input:-webkit-autofill:active,.form-text-field .MuiInputBase-root input:-webkit-autofill:focus,.form-text-field .MuiInputBase-root input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-text-field .MuiInputBase-root .MuiInputAdornment-root .MuiTypography-root{color:#525560;color:var(--primary-gray-1);font-family:Nunito Sans!important;font-size:1.6rem}.form-text-field .MuiFormHelperText-root{font-family:Nunito Sans;font-size:1.2rem}.form-text-field .MuiFormHelperText-root.Mui-error{color:#c6050e}.form-text-field .MuiAutocomplete-input{font-family:Nunito Sans;font-size:1.6rem;padding-top:.2rem!important}.form-select-field{background-color:#fff;font-size:1.4rem!important;height:4.8rem;width:100%}.form-select-field .MuiSelect-select{font-family:Nunito Sans;font-size:1.6rem!important;min-height:auto!important}.form-select-field .form__placeholder{color:#adacac;font-family:Nunito Sans;font-size:1.6rem}.MuiFormHelperText-root{color:#f84948!important;font-family:Nunito Sans!important;font-size:1rem!important;margin-left:0!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root:hover fieldset{border-color:#00529c!important;border-color:var(--primary-blue-base)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.autocomplete-check{align-items:center;display:flex}.autocomplete-check img{border-radius:50%;height:3rem;margin-right:.8rem;object-fit:cover;width:3rem}.autocomplete-check__name{font-size:1.6rem;font-weight:700;line-height:3rem}.autocomplete-check__code{color:#6c778d;color:var(--primary-gray-2);font-size:1.4rem;font-weight:400;line-height:1.8rem}.autocomplete-check__text-field input{font-size:1.6rem}.autocomplete-check__header{color:#525560;color:var(--primary-gray-1);font-size:1.6rem;font-weight:700;line-height:3rem;padding-left:1.8rem;padding-top:2rem}.autocomplete-check .MuiIconButton-root{padding:.5rem}.resetpw-form{align-items:flex-end;display:flex;flex-direction:row;height:100%;justify-content:space-between;overflow:hidden}.resetpw-form__content{align-items:center;display:flex;flex-direction:column;height:100vh;padding:7rem 0 0;width:100%}.resetpw-form__content__logo{align-items:center;display:flex;justify-content:center;margin:5rem 0}.resetpw-form__content .title{font-family:Nunito Sans;font-size:3.8rem;font-weight:700;line-height:4.484rem;margin-top:4.5%;text-align:center;width:70%}.resetpw-form__content .description{font-family:Nunito Sans;font-size:1.8rem;font-weight:500;line-height:3.5rem;margin:1.5rem 0 0;text-align:center}.resetpw-form__title{font-family:Nunito Sans;font-size:14px;font-weight:500;line-height:35px;margin-top:2rem;text-align:left}.resetpw-form__title .input{font-family:Nunito Sans;font-size:1.6rem;height:2.4rem;line-height:2.4rem;padding:1.2rem!important}.resetpw-form__validate{align-items:flex-start;display:flex;flex-direction:column;font-family:Nunito Sans;font-size:1.3rem;margin-top:4rem}.resetpw-form__validate .validate-title{color:var(--primary-gray-6)}.resetpw-form__validate .validate-content .item{align-items:center;display:flex;margin:.5rem 0}.resetpw-form__validate .validate-content .item .ic{align-items:center;background:rgba(42,199,105,.24);border-radius:50%;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.resetpw-form__submit-btn{align-items:center;background-color:#0a6836;border:1px solid #0a6836;border-radius:4rem;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:5.6rem;justify-content:center;margin:6rem 0;width:100%}.resetpw-form__text{font-family:Nunito Sans;font-size:1.2rem;font-weight:400;margin-bottom:5rem;margin-top:20%;text-align:center}.resetpw-form .img-left,.resetpw-form .img-right{width:40rem}.button-summitt,.button-summitt-btn{display:flex;justify-content:center}.button-summitt-btn{align-items:center;background-color:#0a6836;border:1px solid #0a6836;border-radius:4rem;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;height:5rem;margin:4rem 0 0;width:100%}.text-border-style .MuiOutlinedInput-input{font-family:Nunito Sans;font-size:1.3rem}.notfound{align-items:center;display:flex;flex-direction:column;font-family:Nunito Sans;height:100%;justify-content:center;width:100%}.notfound .title{font-size:3.6rem;font-weight:700;line-height:4.2rem}.notfound .label{color:#312f30;font-size:2rem;font-weight:400;line-height:3.1rem;margin-bottom:3.5rem;margin-top:1.2rem}.notfound>img{height:26rem;margin:3.5rem;width:48.8rem}.app-bar{background:var(--primary-white)!important;box-shadow:none!important}.app-bar .app-toolbar{display:flex;justify-content:space-between;padding-left:0}.app-bar .app-toolbar-left{align-items:center;display:flex;justify-content:flex-start}.app-bar .app-toolbar-left button{background-color:var(--primary-blue-base);border-radius:0;height:64px;margin:0!important;padding:0!important;width:73px}.app-bar .app-toolbar-left .title{color:var(--primary-dark);font-family:Nunito Sans;font-size:2.8rem;font-weight:700;line-height:3.6rem;padding-left:2.4rem}.app-bar .app-toolbar-right{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.app-bar .app-toolbar-right .notification{cursor:pointer;margin-right:3rem}.app-bar .app-toolbar-right>svg{cursor:pointer;margin-right:1.5rem}.app-bar .app-toolbar-right .menu-user{align-items:center;border-radius:.4rem;display:flex;height:4.8rem;justify-content:center;width:4.8rem}.app-bar .app-toolbar-right .menu-user img{border:.1rem solid #d5d9e2;border-radius:50%;box-sizing:border-box;cursor:pointer;height:4rem;object-fit:contain;width:4rem}.app-bar .app-toolbar-right .menu-user:hover{border:.1rem solid var(--primary-blue-base)}.DrawerHeader_img{height:3.7rem;margin-left:15%;object-fit:contain;width:10.2rem}.nav-list .nav-item{display:flex;margin:1rem}@media(min-width:1200px){.nav-list .nav-item{margin:1rem .8rem}}@media(min-width:1440px){.nav-list .nav-item{margin:1rem .5rem}}@media(min-width:1600px){.nav-list .nav-item{margin:1rem .6rem}}.nav-list .nav-item .label{align-self:center;font-family:Nunito Sans;font-size:1.4rem;font-weight:700;margin-left:2.5rem;text-transform:capitalize}@media(min-width:1600px){.nav-list .nav-item .label{margin-left:1.2rem}}.nav-list .nav-item .btn-hover:hover,.nav-list .nav-item:hover{background:var(--primary-blue-dark)}.nav-list .nav-item:hover{border-radius:.5rem}.nav-list .nav-item .btn-icon-active{background:var(--primary-blue-dark)}.nav-list .away{bottom:0;left:0;position:absolute;width:85%}@media(max-height:640px){.nav-list .away{position:relative}}.layout__content__body{flex:1 1;height:100%;overflow:hidden;width:100%}.setting-listing{font-family:Nunito Sans;height:100%}.setting-listing__content{display:flex;flex:1 1;height:100%;justify-content:flex-start;overflow:hidden}.setting-listing__content__left{display:flex;flex-direction:column;height:100vh;position:relative}.setting-listing__content__left .btn-cancel-style{align-items:center;border:.1rem solid #f0f3f8;border-radius:50%;display:flex;height:3.5rem;justify-content:center;padding:0;position:absolute;right:-1.5rem;top:0;width:3.5rem;z-index:1201}.setting-listing__content__left__title{font-size:2rem;font-weight:700;line-height:2.6rem;padding:1.8rem 2.8rem}.setting-listing__content__left__search{padding:1.8rem}.setting-listing__content__left__search .search-style{background:#f0f3f8;border:.1rem solid #e0e6f0;height:3.6rem}.setting-listing__content__left__menu{display:flex;flex-direction:column;font-size:1.4rem;line-height:1.8rem}.setting-listing__content__left__menu__item{align-items:center;cursor:pointer;display:flex;margin-bottom:.2rem;padding:.9rem 1.8rem}.setting-listing__content__left__menu__item img{border-radius:50%;height:3rem;margin-right:1rem;object-fit:contain;width:3rem}.setting-listing__content__left__menu__item:hover{background:#f9fbff}.setting-listing__content__left__menu .menu-item-active{background:#effdff;color:#098b9a;font-weight:700}.setting-listing__content__right{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:1.5rem 2.8rem}.setting-listing__content__right__action{align-items:center;display:flex;justify-content:space-between;padding-bottom:2.7rem}.setting-listing__content__right__action .search-style{height:4rem;margin-right:1.5rem;width:40rem}.setting-listing__content__right__list{background-color:var(--primary-white);border-radius:.4rem;display:flex;flex-direction:column;font-size:1.4rem;height:100%;line-height:1.8rem;min-height:10rem;overflow:auto;width:100%}.setting-listing__content__right__list__email{width:25%}.setting-listing__content__right__list__title{width:9%}.setting-listing__content__right__list__name{width:30%}.setting-listing__content__right__list__auto-email{width:20%}.setting-listing__content__right__list__status{width:10%}.setting-listing__content__right__list__del,.setting-listing__content__right__list__edit{text-align:center;width:3%}.floating-button-background{background-color:#272b2f;font-family:Nunito Sans;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:2}.floating-button{align-items:center;bottom:4.8rem;direction:rtl;display:flex;justify-content:space-between;position:absolute;right:2.8rem;z-index:2}.floating-button__item{cursor:pointer;flex-direction:column;-webkit-user-select:none;user-select:none}.floating-button__item,.floating-button__item__list{align-items:center;display:flex;transition:all .3s ease}.floating-button__item__list{background:#fff;height:10rem;margin-right:10rem;width:30rem}.floating-button__item__circle,.floating-button__item__list{box-shadow:0 4px 16px rgba(66,78,87,.16);justify-content:center}.floating-button__item__circle{align-items:center;background:transparent;border-radius:50%;display:flex;height:5.8rem;transition:all .3s ease;width:5.8rem}.floating-button__item__circle.primary{background:var(--primary-blue-base)}.floating-button__item__circle.primary:active{box-shadow:0 0 11px 1px var(--primary-blue-base)}.floating-button__item__circle.primary.active{background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.floating-button__item__circle.blue{background:#2886db}.floating-button__item__circle.blue:active{box-shadow:0 0 11px 1px #2886db}.floating-button__item__circle.blue-green{background:#10bed2}.floating-button__item__circle.blue-green:active{box-shadow:0 0 11px 1px #10bed2}.floating-button__item__circle.red{background:#ff6262}.floating-button__item__circle.red:active{box-shadow:0 0 11px 1px #ff6262}.floating-button__item__circle.dard-blue{background:#00529c}.floating-button__item__circle.dard-blue:active{box-shadow:0 0 11px 1px #00529c}.floating-button__item__text{color:var(--primary-white);font-size:1.4rem;font-weight:700;margin-top:.6rem;text-align:center}.floating-button__item__text.hide{opacity:0;visibility:hidden}.notification-comp{font-family:Nunito Sans}.notification-comp__inner{align-items:center;display:flex;flex-direction:column;font-family:Nunito Sans;height:100%;padding:9rem 2.4rem 6.5rem}.notification-comp__inner__icon .blue{background:#10bed2}.notification-comp__inner__icon .green{background:#1ab759}.notification-comp__inner__icon .red{background:#e93c3c}.notification-comp__inner__icon .warning{background:#e89806}.notification-comp__inner__title{color:#171725;font-size:3.5rem;font-weight:700;line-height:122%;margin-top:3.6rem;text-align:center}.notification-comp__inner__sub-title{color:#5a5959;font-size:2rem;line-height:3.1rem;margin-top:1.2rem;text-align:center}.notification-comp__inner__actions{align-items:center;display:flex;justify-content:center;margin-top:4.5rem;width:100%}.notification-comp__inner__actions button{margin:0 2.4rem;width:25.6rem}.notification-comp .close-icon{cursor:pointer;font-size:3rem;margin:2rem;position:absolute;right:1.6rem;top:1.6rem}.btn-cancel-style,.btn-confirm-style,.btn-no-style,.modal-footer .btn-cancel,.modal-footer .btn-delete,.modal-footer input[type=submit]{background:none;border:none;cursor:pointer}.btn-confirm-style,.modal-footer input[type=submit]{background-color:#0a6836;font-size:1.5rem;font-style:normal;padding:1.2rem 4.5rem}.btn-cancel-style,.modal-footer .btn-cancel,.modal-footer .btn-delete{background-color:var(--primary-white);color:var(--primary-gray-4);font-size:1.5rem;font-style:normal;padding:1.2rem 4.5rem}.app-check-box,.app-switch-box .Mui-checked{color:var(--secondary-green)!important}.app-switch-box .Mui-checked+.MuiSwitch-track{background-color:var(--secondary-green)!important}.form-autocomplete-select-field{font-size:1.5rem!important}.form-autocomplete-select-field .MuiInputBase-root{font-size:inherit;height:4.8rem;padding-bottom:.8rem!important;padding-top:.8rem!important}.form-autocomplete-select-field .MuiInputBase-root .MuiChip-root{background:#f0f3f8;border-radius:10rem;color:#272b2f;font-family:Nunito Sans;font-size:inherit;font-style:normal;font-weight:500;margin:0 3px;padding:.4rem 1.2rem}.form-autocomplete-select-field .MuiInputBase-root .MuiInputBase-input{padding:0 .4rem}.notification-icon-box{align-items:center;border-radius:50%;display:flex;height:10.8rem;justify-content:center;width:10.8rem}.notification-icon-box.green{background-color:#2ac769}.notification-icon-box.yellow{background-color:#ffd74b}.notification-icon-box.red{background-color:#f84948}.notification-icon-box.purple{background-color:#6658f3}.filter-style{font-family:Nunito Sans;padding:2.9rem 2.5rem;position:relative;width:39.8rem}.filter-style .title{font-size:3.2rem;font-weight:700;text-align:center}.filter-style .close-icon{position:absolute;right:3rem;top:4rem}.filter-style .lable{font-size:1.8rem;font-weight:700;padding:4rem 0 1.9rem}.filter-style .MuiFormControlLabel-root{height:4.6rem}.filter-style .MuiFormControlLabel-label{color:#312f30;font-family:Nunito Sans;font-size:1.6rem}.filter-style .btn-cancel-style,.filter-style .modal-footer .btn-cancel,.filter-style .modal-footer .btn-delete,.modal-footer .filter-style .btn-cancel,.modal-footer .filter-style .btn-delete{border:.1rem solid #838283;border-radius:.4rem}.nav-header{align-items:center;color:var(--primary-gray-1);cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;line-height:3rem}.nav-header .tab{border-bottom:3px solid transparent;display:flex;margin-right:2.2rem;padding:.5rem}.nav-header .tab-active{border-bottom:3px solid var(--secondary-blue-base);color:var(--secondary-blue-base)}.header-list-page{background:var(--primary-white);color:var(--primary-gray-1);font-weight:700;padding:1.4rem 2.4rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.header-list-page,.item-list-page{align-items:center;border-bottom:.2rem solid #f0f3f8;display:flex;width:100%}.item-list-page{cursor:pointer;height:7rem;padding:2.4rem}.item-list-page:hover{background-color:rgba(216,236,255,.4)}.btn-confirm-style,.modal-footer input[type=submit]{border:0;border-radius:.4rem;color:var(--primary-white)}.btn-cancel-style,.btn-confirm-style,.modal-footer .btn-cancel,.modal-footer .btn-delete,.modal-footer input[type=submit]{align-items:center;background:var(--primary-blue-base);cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:700;justify-content:center;line-height:3rem;outline:none;padding:1.2rem 3.6rem;text-align:center}.btn-cancel-style,.modal-footer .btn-cancel,.modal-footer .btn-delete{background:var(--primary-white);border:.1rem solid var(--primary-dark);border-radius:.4rem;color:var(--primary-dark)}.btn--shiny,.btn-confirm-style,.modal-footer input[type=submit]{position:relative}.btn--shiny:hover,.btn-confirm-style:hover,.modal-footer input[type=submit]:hover{-webkit-animation:shine 1s 1;animation:shine 1s 1;background-image:linear-gradient(90deg,transparent 33%,hsla(0,0%,100%,.3) 50%,transparent 66%);background-size:300% 100%}.modal-footer{background-color:var(--primary-white);box-shadow:6px 5px 21px rgba(108,72,58,.2);display:flex;justify-content:space-between;padding:1.6rem 6rem;width:100%}.modal-footer input[type=submit]{outline:none;padding:.9rem 6rem!important}.modal-footer button{padding:.9rem 6rem!important}.modal-footer .btn-delete{border:1px solid #e53935;color:#f84948;outline:none}.modal-footer .btn-cancel{margin-left:auto;margin-right:1.6rem;outline:none}.app-form-header .close,.btn-cancel-style{align-items:center;background:var(--primary-blue-base);background:var(--primary-white);border:.1rem solid var(--primary-dark);border-radius:.4rem;color:var(--primary-dark);cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:700;justify-content:center;line-height:3rem;outline:none;padding:1.2rem 3.6rem;text-align:center}.app-form-header{align-items:center;background-color:var(--primary-white);border-bottom:1px solid #bdc6d7;display:flex;position:relative;width:100%}.app-form-header .title{color:var(--primary-dark);font-family:Nunito Sans;font-size:2.7rem;font-style:normal;font-weight:700;margin:1.5rem auto}.app-form-header .sr-only{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.app-form-header .close{background-color:transparent;border:.1rem solid var(--primary-white);color:var(--primary-dark);margin-right:1.5rem;padding:1.2rem;position:absolute;right:0}.app-form-header .close:hover{border-color:var(--primary-blue-base)}.app-form-header .close-icon{align-items:center;display:flex;justify-content:center}.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid transparent;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid transparent;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid transparent;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:flex;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{fill:#82888a;display:block;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07)}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid transparent;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{stroke:#dbdbdb;fill:transparent}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.single-range{height:4.8rem;width:100%}.single-range .SingleDatePicker{width:100%}.single-range .SingleDatePicker *{outline:none}.single-range .SingleDatePickerInput__withBorder{border-color:rgba(0,0,0,.23);border-radius:.4rem;height:4.8rem;width:100%}.single-range .SingleDatePickerInput__withBorder:hover{border-color:var(--primary-blue-base)}.single-range .DateInput_input__focused{border:0}.single-range .CalendarDay__selected_span{background:var(--secondary-blue-2);border:.1rem solid var(--secondary-blue-1)}.single-range .CalendarDay__selected{background:var(--primary-blue-base);border:.1rem double #0e76d9}.single-range .DateInput{width:70%}.single-range .DateInput_input{font-size:1.6rem;padding:.8rem 1.6rem 0!important}.single-range .DateInput_fangStroke{display:none}.single-range .SingleDatePicker_picker{z-index:3}.single-range .DateInput_input__disabled{font-style:normal}.mail-modal{display:flex;flex-direction:column;font-family:Nunito Sans;height:100%}.mail-modal .content{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden auto;padding:3.6rem;width:70rem}.mail-modal__form{width:100%}.mail-modal__form .setting-send{background-color:#f9fbff;border:.1rem solid #f0f3f8;border-radius:.4rem;font-size:1.6rem;padding:1.8rem 2.4rem}.mail-modal__form .setting-send__title{color:var(--primary-gray-1);font-size:1.4rem;font-weight:700}.mail-modal__form .setting-send .form-text-field{background-color:var(--primary-white);height:3.6rem;width:20.3rem}.mail-modal__form .setting-send .form-text-field .MuiInputBase-root{height:3.6rem}.mail-modal__form .setting-send .form-text-field input{font-size:1.6rem;padding:.8rem 1.6rem}.mail-modal__form .setting-send .radio-label{font-size:1.6rem}.mail-modal .single-range{height:auto;width:auto}.mail-modal .single-range .SingleDatePickerInput_calendarIcon{float:right}.mail-modal .single-range .SingleDatePickerInput__withBorder{height:3.6rem}.mail-modal .single-range .SingleDatePicker{width:22.7rem}.mail-modal .single-range .DateInput_input{padding-top:.5rem!important}.mail-modal .single-range .SingleDatePickerInput_calendarIcon{padding:.5rem}.mail-modal__select-menu-list .MuiPaper-root{width:8.8rem!important}.item-autocomplete{align-items:center;background:var(--primary-white);cursor:pointer;display:flex;font-size:1.6rem;padding:1rem 2.4rem}.item-autocomplete img{border-radius:50%;height:3rem;margin-right:.8rem;object-fit:cover;width:3rem}.item-autocomplete__name{font-weight:700}.item-autocomplete__id{color:var(--primary-gray-2);font-size:1.4rem;padding-top:.2rem}.template-mail .item-name{align-items:center;display:flex;font-weight:700}.template-mail .item-name img{border-radius:50%;height:3rem;margin-right:.8rem;object-fit:cover;width:3rem}.dialog-import-employee__content__upload .selected-file__name,.text-overflow-1-lines{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-overflow-2-lines{-webkit-line-clamp:2}.text-overflow-2-lines,.text-overflow-3-lines{-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-overflow-3-lines{-webkit-line-clamp:3}.text-overflow-4-lines{-webkit-line-clamp:4}.text-overflow-4-lines,.text-overflow-5-lines{-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-overflow-5-lines{-webkit-line-clamp:5}.staff-listing{align-items:flex-start;font-family:Nunito Sans}.staff-listing,.staff-listing__content{display:flex;height:100%;justify-content:flex-start;overflow:hidden}.staff-listing__content{flex:1 1;flex-direction:column;padding:1.5rem 2.8rem}.staff-listing__content__action{align-items:center;display:flex;justify-content:space-between;padding-bottom:2.7rem}.staff-listing__content__action__title{font-size:2rem;font-weight:700;line-height:2.6rem}.staff-listing__content__action .search-style{height:4.5rem;margin-right:1.5rem;width:40rem}.staff-listing__content__action .btn-cancel-style{border:.1rem solid #e0e6f0;font-weight:400;height:4.5rem;padding:1.2rem 2rem}.staff-listing__content__list{background-color:var(--primary-white);border-radius:.4rem;display:flex;flex-direction:column;font-size:1.4rem;height:100%;line-height:1.8rem;min-height:10rem;overflow:auto;width:100%}.staff-listing__content__list__id{width:20%}.staff-listing__content__list__name{width:26%}.staff-listing__content__list__email{width:28%}.staff-listing__content__list__phone{width:20%}.staff-listing__content__list__del,.staff-listing__content__list__edit{text-align:center;width:3%}.staff-listing__content__list .item-list-page .item-name{align-items:center;display:flex;font-weight:700}.staff-listing__content__list .item-list-page .item-name img{border-radius:50%;height:3rem;margin-right:.8rem;object-fit:cover;width:3rem}.dialog-import-employee{font-family:Nunito Sans}.dialog-import-employee__content{font-size:1.6rem;line-height:2rem;padding:3.8rem 3rem 6rem}.dialog-import-employee__content__file{display:flex;font-weight:600;margin-bottom:1.6rem}.dialog-import-employee__content__file__link-color{color:var(--secondary-blue-2);margin-left:4rem}.dialog-import-employee__content__upload{background:var(--primary-gray);border:.1rem dashed var(--secondary-gray);border-radius:1.2rem;height:30rem;width:100%}.dialog-import-employee__content__upload,.dialog-import-employee__content__upload__img{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.dialog-import-employee__content__upload__img{border-radius:50%;height:7.4rem;width:7.4rem}.dialog-import-employee__content__upload__img img{height:7.4rem;margin-bottom:1.6rem;object-fit:contain;width:7.4rem}.dialog-import-employee__content__upload__img input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.dialog-import-employee__content__upload .selected-file{align-items:center;border-bottom:.1rem solid #e0e6f0;display:flex;justify-content:space-between;margin-top:1rem;padding-bottom:1rem;width:36.4rem}.dialog-import-employee__content__upload .selected-file__name{text-overflow:ellipsis}.dialog-import-employee__content__input{align-items:center;color:var(--primary-gray-2);display:flex;flex-direction:column;font-weight:700;justify-content:center;width:100%}.dialog-import-employee__content__input input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.dialog-import-employee__content__input__line{align-items:center;display:flex;justify-content:center;margin-top:.4rem}.dialog-import-employee__content__input .btn-cancel-style{background-color:transparent;height:3.6rem;margin-top:1.2rem}.dialog-import-employee__content .err{align-items:center;color:#e93c3c;display:flex;font-weight:600;margin-top:1.6rem}.dialog-import-employee .modal-footer button,.dialog-import-employee .modal-footer input{width:100%}.dialog-import-sc{padding:3.2rem 3.7rem}.dialog-import-sc__clear{cursor:pointer;float:right}.dialog-import-sc__content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:51rem}.dialog-import-sc__content img{height:12rem;margin-left:5rem;object-fit:contain}.dialog-import-sc__content__title{font-size:3.6rem;font-weight:700;line-height:4.4rem;margin:2.2rem 0}.dialog-import-sc__content__table{border:.1rem solid #e0e6f0;border-radius:.4rem;font-size:1.6rem;font-weight:600;line-height:2rem;padding:1.8rem 4.6rem;width:35rem}.dialog-import-sc__content__table__row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.dialog-import-sc__content__table__row:last-child{color:#e93c3c;margin-bottom:0}.dialog-import-sc__content__table__row__val{font-weight:700}.dialog-import-sc__btn{display:flex}.dialog-import-sc__btn button{margin:4.8rem 1rem 0;width:100%}.staff-detail{display:flex;flex-direction:column;font-family:Nunito Sans;height:100vh}.staff-detail__content{display:flex;height:100%;justify-content:space-between;overflow:hidden;padding:2.4rem 3rem}.staff-detail__content .content-item{background-color:var(--primary-white);border-radius:.8rem;font-size:1.6rem;line-height:3rem;padding:3.6rem}.staff-detail__content .content-item__title{font-size:2rem;font-weight:700;line-height:2.6rem;padding-bottom:2.5rem}.staff-detail__content .content-item__label{color:var(--primary-gray-2);font-weight:700}.staff-detail__content .content-item__money{font-size:1.8rem;font-weight:700;text-align:right}.staff-detail__content__left{margin-right:2.4rem;padding:0!important;width:70%}.staff-detail__content__left ::-webkit-scrollbar{display:none}.staff-detail__content__left__profile{align-items:center;border-radius:.8rem .8rem 0 0!important;box-shadow:0 0 4rem hsla(222,8%,61%,.1);display:flex;padding:1.4rem 3.6rem}.staff-detail__content__left__profile img{border-radius:50%;height:8.3rem;margin-right:3.5rem;width:8.3rem}.staff-detail__content__left__profile__name{font-size:2rem;font-weight:700;line-height:2.6rem}.staff-detail__content__left__profile__text{color:var(--secondary-gray)}.staff-detail__content__left__profile__status{padding-top:.4rem}.staff-detail__content__left__profile__status .statusStaffLabel{border-radius:.8rem;font-weight:700;padding:.7rem 1.9rem}.staff-detail__content__left__info{display:flex;flex-direction:column;height:calc(100vh - 25rem);overflow:auto;padding:0 3.6rem 3.6rem}.staff-detail__content__left .content-item__title{padding-top:3.6rem}.staff-detail__content__right{width:30%}.staff-detail__content__right .btn-confirm-style{margin-top:3.1rem;width:100%}.staff-detail__content__right .overtime-salary{background-color:#f9fbff;border:.1rem solid #f0f3f8;border-radius:.8rem;margin-top:1rem;padding:2.1rem 1.8rem}.staff-detail__content__right .overtime-salary__label{color:var(--primary-gray-1);font-weight:700}.staff-detail__content__right .overtime-salary__list{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 64.5rem);overflow:auto}.image-upload{align-items:flex-start;display:flex;flex-wrap:wrap;font-family:SVN-Gotham;justify-content:flex-start;padding:2rem 1rem 1rem 2rem}.image-upload button{outline:none}.image-upload__upload-btn{align-items:center;background:var(--secondary-blue-1);border:0;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:13rem;justify-content:center;margin:0 1rem .8rem 0;width:13rem}.image-upload__input{height:8rem;margin:0 1rem .8rem 0;position:relative;width:8rem}.image-upload__input input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.image-upload__input label{background:#fff;border:1px dashed #6c778d;border-radius:.4rem;height:100%;width:100%}.image-upload__img,.image-upload__input label{align-items:center;display:flex;justify-content:center}.image-upload__img{border:1px solid #d9d9d9;border-radius:50%;height:13rem;margin:0 1rem .8rem 0;max-width:13rem;min-width:13rem;position:relative}.image-upload__img img{border-radius:50%;height:100%;max-height:100%;max-width:100%;object-fit:cover;pointer-events:none;width:-webkit-fill-available}.image-upload__img:hover .image-upload__img__actions{border-radius:50%;display:flex}.image-upload__img:hover .image-upload__img__unselected{display:inline;display:initial}.image-upload__img__actions{align-items:center;background-color:rgba(0,0,0,.5);border-radius:2px;display:none;height:100%;justify-content:center;left:0;padding:.8rem;position:absolute;top:0;width:100%}.image-upload__img__actions .ic-click{align-items:center;background:hsla(0,0%,100%,.5);border:0;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:1rem}.image-upload__img__actions__avt{background-color:var(--primary-white);border-radius:.8rem!important;flex-direction:column;left:-1.5rem;padding:0;top:90%;width:19.2rem}.image-upload__img__actions__avt button{background:transparent;border:0;border-radius:.8rem!important;font-family:Nunito Sans;font-size:1.6rem;font-weight:400;line-height:3rem;margin:0!important;outline:0;padding:0 1rem;text-align:start;width:19.2rem!important}.image-upload__img__actions__avt button:hover{background:#f0f3f8}.image-upload__img__selected,.image-upload__img__unselected{position:absolute;right:-1.8rem;top:-.8rem}.image-upload__img__unselected{display:none}.image-upload__preview__avt .app-form-header .title{padding-left:5.6rem;text-align:center!important}.image-upload__preview .app-form-header .title{font-size:3.6rem;text-transform:none}.image-upload__preview__body{align-items:center;display:flex;flex-direction:column;width:100%}.image-upload__preview__body button{outline:none}.image-upload__preview__body__upload{background:var(--secondary-blue-1);border:1px dashed var(--primary-blue-base);border-radius:50%;height:27rem;margin-top:4rem;width:27rem}.image-upload__preview__body__upload__avt{border-radius:0;height:40rem;margin-bottom:3rem;width:85%}.image-upload__preview__body__upload__img{align-items:center;display:flex;height:100%;justify-content:center;max-width:100%;min-width:100%;position:relative}.image-upload__preview__body__upload__img img{background-position:50%;background-repeat:no-repeat;border-radius:50%;height:100%;object-fit:cover;pointer-events:none;width:100%}.image-upload__preview__body__upload__img:hover .image-upload__preview__body__upload__img__actions{border-radius:50%;display:flex}.image-upload__preview__body__upload__img__actions{align-items:center;background-color:rgba(0,0,0,.5);border-radius:2px;display:none;height:100%;justify-content:center;left:0;padding:.8rem;position:absolute;top:0;width:100%}.image-upload__preview__body__upload__img__actions .ic-click{align-items:center;background:hsla(0,0%,100%,.5);border:0;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:1rem}.image-upload__preview__body .img-avt{border-radius:50%!important;height:27.2rem!important;margin:5rem auto;padding:0;width:27.2rem!important}.image-upload__preview__body .img-avt .image-upload__preview__body__upload__img__actions{border-radius:50%!important}.image-upload__preview__body .img-avt .image-upload__preview__body__upload{padding:0}.image-upload__preview__body .img-avt .image-upload__preview__body__upload__img{border-radius:50%!important}.image-upload__preview__body .img-avt .image-upload__preview__body__upload__img img{border-radius:50%;min-width:27.2rem!important;object-fit:cover}.image-upload__preview__body__input{height:100%;position:relative;width:100%}.image-upload__preview__body__input input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.image-upload__preview__body__input label{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-upload__preview__body__alt{color:#272b2f;font-family:SVN-Gotham;font-size:1.3rem;font-style:normal;font-weight:700;margin-top:4rem}.image-upload__preview .des{align-items:center;display:flex;flex-direction:column;font-family:SVN-Gotham;font-size:2.4rem;font-weight:700;line-height:3.5rem;margin-top:4rem;text-align:center}.image-upload__preview .des .btn-cancel-style{border:.1rem solid var(--primary-green);color:var(--primary-green);margin-top:2.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-upload__preview .des-suc{cursor:pointer;font-size:2.4rem;font-weight:700;line-height:3.5rem;text-align:center}.image-upload__preview .des-suc span{color:#525560;cursor:pointer;font-size:1.8rem;font-weight:400;position:relative;text-decoration:underline}.image-upload__preview .des-suc span input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.image-upload__preview__actions{align-items:center;display:flex;justify-content:flex-end;padding:.8rem 4rem 4rem}.image-upload__preview .btn-group{justify-content:space-between;padding-top:6rem}.image-upload__preview .btn-group .btn-confirm-style,.image-upload__preview .btn-group .btn-remove-style{width:23rem}.image-upload__preview .btn-group .hide{cursor:not-allowed;opacity:.5}.other-insuranc{font-family:Nunito Sans;font-size:1.6rem;width:100%}.other-insuranc__item{margin-bottom:1.6rem}.other-insuranc__title-add{color:var(--primary-blue-base);margin-top:2.5rem}.other-insuranc .btn-remove,.other-insuranc__title-add{align-items:center;cursor:pointer;display:flex;font-weight:700}.other-insuranc .btn-remove{color:#6c778d;float:right;justify-content:flex-end;margin:1.5rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.overtime-salary-modal{background-color:#f9fbff;border:.1rem solid #f0f3f8;border-radius:.8rem;font-family:Nunito Sans;font-size:1.6rem;padding:2.4rem}.overtime-salary-modal__label{color:var(--primary-gray-1);font-weight:700}.overtime-salary-modal .MuiFormControlLabel-root{margin-left:0}.overtime-salary-modal__check{font-family:Nunito Sans;font-size:1.6rem;line-height:2rem;padding-left:.6rem}.overtime-salary-modal__check__active{font-weight:700;line-height:3rem}.overtime-salary-modal__title-add{align-items:center;color:var(--primary-blue-base);cursor:pointer;display:flex;font-weight:700}.overtime-salary-modal .btn-remove{align-items:center;color:#6c778d;cursor:pointer;display:flex;font-weight:700}.staff-modal{display:flex;flex-direction:column;font-family:Nunito Sans;height:100%}.staff-modal .content{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden auto;padding:3rem 25rem;width:100%}.staff-modal__form__title{font-size:2rem;font-weight:700;line-height:2.6rem;padding:1.8rem 0}.staff-modal__form .single-range .DateInput_input{padding:1rem 1.6rem!important}.staff-modal__list-sub-header{display:flex;flex-direction:column;padding-top:2.4rem;width:100%}.staff-modal__list-sub-header button{height:3.6rem;margin-left:1.2rem;z-index:10}.staff-modal__list-sub-header .form-text-field{height:3.6rem}.staff-modal__title-add{align-items:center;color:var(--primary-blue-base)!important;cursor:pointer;display:flex;font-family:Nunito Sans!important;font-size:1.4rem!important;font-weight:700!important;height:3.6rem}.staff-modal .SingleDatePickerInput_calendarIcon{float:right}.date-range .DateRangePicker{width:100%}.date-range .DateRangePicker_picker{z-index:2}.date-range .DateRangePickerInput__withBorder{width:100%}.date-range .DateRangePickerInput_calendarIcon{float:right}.date-range .DateInput_input__focused{border-bottom:.2rem solid var(--primary-blue-base)}.date-range .CalendarDay__selected_span{background:var(--secondary-blue-2);border:.1rem solid var(--secondary-blue-1)}.date-range .CalendarDay__selected{background:var(--primary-blue-base);border:.1rem double #0e76d9}.export-modal{width:70rem}.export-modal__content{padding:2.6rem 5.4rem}.export-modal__label{display:flex;font-size:1.8rem;font-weight:700;line-height:2.4rem;padding-bottom:1.6rem}.export-modal__num{align-items:center;background-color:var(--secondary-blue-2);border-radius:50%;color:var(--primary-white);display:flex;font-size:1.6rem;height:2.2rem;justify-content:center;line-height:1.3rem;margin-right:.8rem;width:2.2rem}.export-modal .MuiFormControlLabel-root{margin-left:0}.export-modal__check{font-family:Nunito Sans;font-size:1.6rem;line-height:2rem;padding-left:.6rem}.export-modal__check__active{font-weight:700;line-height:3rem}.export-modal .modal-footer button,.export-modal .modal-footer input{width:100%}.choose-absence{font-family:Nunito Sans;font-size:1.6rem;line-height:3rem}.choose-absence__item{border:.1rem solid #e0e6f0;border-radius:.4rem;margin-bottom:1.6rem}.choose-absence__item__form{padding:2.4rem 2.4rem 0}.choose-absence__item__form__breaktime{color:var(--primary-gray-2);font-size:1.6rem;font-weight:700;text-align:left}.choose-absence__item__form .form-select-field{text-align:start}.choose-absence__item__group{background-color:var(--primary-gray);color:var(--primary-gray-2);display:flex;font-weight:700;justify-content:flex-end;padding:.5rem 2.4rem}.choose-absence__item__group__btn{align-items:center;border-left:.1rem solid #e0e6f0;cursor:pointer;display:flex;margin-left:2.4rem}.choose-absence__item__group__btn:first-child{border:0}.choose-absence__title-add{align-items:center;color:var(--primary-blue-base);cursor:pointer;display:flex;font-weight:700;margin-top:2.5rem}.absence-modal{width:65.7rem}.absence-modal__content{max-height:59rem;overflow:auto;padding:2.6rem 4.2rem}.absence-modal__form{text-align:center}.absence-modal__form .DateInput{width:88%}.absence-modal__form__title{font-size:1.8rem;font-weight:700;line-height:2.4rem;margin-bottom:1.6rem;text-align:start}.absence-modal__form .autocomplete-check__text-field input{padding-left:3.8rem!important}.absence-modal .modal-footer button,.absence-modal .modal-footer input{width:100%}.choose-timeshift{font-family:Nunito Sans;font-size:1.6rem;line-height:3rem}.choose-timeshift__item{border:.1rem solid #e0e6f0;border-radius:.4rem;margin-bottom:1.6rem}.choose-timeshift__item__form{padding:2.4rem 2.4rem 0}.choose-timeshift__item__form__breaktime{color:var(--primary-gray-2);font-size:1.6rem;font-weight:700;text-align:left}.choose-timeshift__item__group{background-color:var(--primary-gray);color:var(--primary-gray-2);display:flex;font-weight:700;justify-content:flex-end;padding:.5rem 2.4rem}.choose-timeshift__item__group__btn{align-items:center;border-left:.1rem solid #e0e6f0;cursor:pointer;display:flex;margin-left:2.4rem}.choose-timeshift__item__group__btn:first-child{border:0}.choose-timeshift__title-add{align-items:center;color:var(--primary-blue-base);cursor:pointer;display:flex;font-weight:700;margin-top:2.5rem}.shift-modal{font-family:Nunito Sans;width:65.7rem}.shift-modal__content{max-height:72rem;overflow:auto;padding:2.6rem 4.2rem}.shift-modal__form{text-align:center}.shift-modal__form .DateInput{width:88%}.shift-modal__form__radio{font-size:1.6rem;line-height:2rem}.shift-modal__form__title{font-size:1.8rem;font-weight:700;line-height:2.4rem;margin-bottom:1.6rem;text-align:start}.shift-modal .modal-footer button,.shift-modal .modal-footer input{width:100%}.notification-absence{font-size:2rem;line-height:3.1rem;margin-top:.9rem;max-height:16rem;overflow:auto}.notification-absence__item{align-items:center;border-bottom:.1rem solid #e0e6f0;display:flex;height:4rem;justify-content:center}.notification-absence__item:last-child{border:0}.daily-list{border-radius:.4rem;display:flex;flex-direction:column;font-size:1.4rem;height:100%;line-height:1.8rem;min-height:10rem;overflow:auto;width:100%}.daily-list__header{display:flex;margin-left:8rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.daily-list__header .time-sheet__content__list__item__col{background:var(--primary-white)!important;border-bottom:.2rem solid #f0f3f8!important;border:.1rem solid var(--primary-gray-3)!important;border-left:0!important;border-radius:.8rem .8rem 0 0;border-top:0!important;box-shadow:-1px 0 11px hsla(221,8%,52%,.15);padding:1rem 1.8rem}.daily-list__header .time-sheet__content__list__item__col .name{color:#2d3742}.daily-list__header .time-sheet__content__list__item__col .totalTime{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:.2rem}.daily-list__item,.daily-list__item__col{display:flex;width:100%}.daily-list__item__col{align-items:center;background-color:var(--primary-white);border:.1rem solid var(--primary-gray-3);border-left:0;border-top:0;color:var(--primary-gray-1);justify-content:flex-start;min-height:6.4rem;position:relative}.daily-list__item__col:first-child{background:var(--primary-gray);border:0;max-width:8rem;min-width:8rem}.daily-list__item__col .tag{border-radius:.4rem;color:var(--primary-gray-1);cursor:pointer;font-size:1.4rem;line-height:1.8rem;max-width:54.3rem;padding:2.4rem 0;position:absolute;top:0;width:100%;z-index:1}.daily-list__item__col .tag__item{padding:0 2.4rem}.daily-list__item__col .tag__title{font-size:1.8rem;font-weight:700;line-height:2.4rem;margin-bottom:1.9rem}.daily-list__item__col .tag__time{display:flex;margin-top:.4rem}.daily-list__item__col .tag__time__item{font-weight:700;margin-right:1.9rem}.daily-list__item__col .tag__time__item:last-child{margin-right:0}.daily-list__item__col .tag__time__item__label{font-size:1.2rem;font-weight:400;line-height:1.6rem;margin-bottom:.2rem}.daily-list__item__col .tag img{margin:1rem 0;max-width:54rem;width:100%}.tooltip__text{cursor:pointer;margin-bottom:2.4rem}.tooltip__text:last-child{margin-bottom:0}.tooltip__text__delete{color:#e93c3c}.dialog-daily-detail{width:48.8rem}.dialog-daily-detail__content{padding:3.5rem 4rem}.dialog-daily-detail__content__time{color:var(--primary-gray-1);font-size:1.6rem;line-height:3rem}.dialog-daily-detail .item-name,.dialog-daily-detail__content__time{align-items:center;display:flex;font-weight:700;justify-content:center}.dialog-daily-detail .item-name{font-size:1.8rem;line-height:2.4rem;margin-bottom:2.4rem}.dialog-daily-detail .item-name img{border-radius:50%;height:6.4rem;margin-right:1.4rem;object-fit:cover;width:6.4rem}.dialog-daily-detail .item-name .item-code{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400}.dialog-daily-detail__table{border:.1rem solid #e0e6f0;border-radius:.4rem;font-size:1.6rem;line-height:2rem;padding:2.4rem 1.8rem}.dialog-daily-detail__table__label{color:var(--primary-gray-1);font-size:1.4rem;font-weight:700;line-height:1.8rem;margin-bottom:.4rem}.dialog-daily-detail__table img{margin-bottom:-.5rem}.dialog-daily-detail__group{background-color:var(--primary-gray);color:var(--primary-gray-2);display:flex;font-weight:700;justify-content:flex-end;padding:.5rem 2.4rem}.dialog-daily-detail__group__btn{align-items:center;border-left:.1rem solid #e0e6f0;cursor:pointer;display:flex;margin-left:2.4rem}.dialog-daily-detail__group__btn:first-child{border:0}.time-sheet{align-items:flex-start;font-family:Nunito Sans}.time-sheet,.time-sheet__content{display:flex;height:100%;justify-content:flex-start;overflow:hidden}.time-sheet__content{flex:1 1;flex-direction:column;padding:1.5rem 2.8rem}.time-sheet__content__action{justify-content:space-between;padding-bottom:2.7rem}.time-sheet__content__action,.time-sheet__content__action .range-picker-cpn{align-items:center;display:flex}.time-sheet__content__action .range-picker-cpn .btn-back{margin:0 .6rem 0 0;width:4rem}.time-sheet__content__action .range-picker-cpn .btn-forward{margin:0 0 0 .6rem;width:4rem}.time-sheet__content__action__date{align-items:center;display:flex;position:relative}.time-sheet__content__action__date__val{font-size:1.4rem;position:absolute;right:10%}.time-sheet__content__action .date__val__daily .time-sheet__content__action__date__val{right:30%}.time-sheet__content__action .single-range{height:4.5rem;width:25.5rem}.time-sheet__content__action .single-range .SingleDatePickerInput__withBorder{border:.1rem solid #e0e6f0;height:4.5rem}.time-sheet__content__action .single-range .DateInput_input{opacity:0;padding:0!important}.time-sheet__content__action .MuiOutlinedInput-notchedOutline{border:.1rem solid #e0e6f0}.time-sheet__content__action .MuiOutlinedInput-root{height:4.5rem;padding:0!important}.time-sheet__content__action .btn-cancel-style{border:.1rem solid #e0e6f0;font-weight:400;height:4.5rem;padding:1.2rem 2rem}.time-sheet__content__action .autocomplete-check__text-field{background-color:var(--primary-white);border-radius:.4rem}.time-sheet__content__action .MuiAutocomplete-root{height:4.5rem;margin-right:.8rem}.time-sheet__content__action .MuiIconButton-root{padding:.5rem}.time-sheet__content__action .employee-check input::-webkit-input-placeholder{opacity:1}.time-sheet__content__action .employee-check input::placeholder{opacity:1}.time-sheet__content__list{border-radius:.4rem;display:flex;flex-direction:column;font-size:1.4rem;height:100%;line-height:1.8rem;min-height:10rem;overflow:auto;width:100%}.time-sheet__content__list .timeList{color:#536380;max-width:8rem!important;min-width:8rem!important}.time-sheet__content__list .header-list-page{display:flex;font-size:1.6rem;font-weight:400;justify-content:space-between;line-height:2rem;padding:0;position:relative;width:100%;z-index:0}.time-sheet__content__list .header-list-page .time-sheet__content__list__item__col{justify-content:center;min-height:4.3rem}.time-sheet__content__list .header-list-page .time-sheet__content__list__item__col .dateVal{font-weight:700;line-height:3rem;padding-right:.8rem}.time-sheet__content__list .header-list-page .employ{border-radius:.8rem .8rem 0 0;min-width:25rem;padding:1rem}.time-sheet__content__list .header-list-page .employ .name{color:#2d3742}.time-sheet__content__list .header-list-page .employ .totalTime{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:.2rem}.time-sheet__content__list .header-list-page__employ:first-child{background:var(--primary-gray);border:0;max-width:20rem;min-width:20rem}.time-sheet__content__list__item{display:flex;justify-content:space-between;width:100%}.time-sheet__content__list__item__col{align-items:center;background-color:var(--primary-white);border:.1rem solid var(--primary-gray-3);border-left:0;border-top:0;display:flex;justify-content:flex-start;min-height:6.4rem;position:relative;width:100%}.time-sheet__content__list__item__col:first-child{background:var(--primary-gray);border:0}.time-sheet__content__list__item__col img{border-radius:50%;height:3.5rem;margin-right:.8rem;object-fit:contain;width:3.5rem}.time-sheet__content__list__item__col .name{font-size:1.6rem;font-weight:700;line-height:3rem}.time-sheet__content__list__item__col .code{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:.2rem}.time-sheet__content__list__item__col .tag{background-color:#e6fcf7;border-left:.3rem solid #10bed2;border-radius:.3rem;color:var(--primary-gray-1);cursor:pointer;font-size:1.2rem;line-height:1.3rem;margin-left:.8rem;padding:1.1rem}.time-sheet__content__list__item__col .tag__time{color:var(--primary-dark);font-size:1.4rem;font-weight:700;line-height:1.5rem;margin-top:.3rem}.time-sheet__content__list__item__col .tagWeek{border-radius:.4rem;color:var(--primary-gray-1);cursor:pointer;font-size:1.2rem;line-height:1.6rem;padding:1.4rem 0;position:absolute;top:0;width:100%;z-index:1}.time-sheet__content__list__item__col .tagWeek__item{padding:0 1.4rem}.time-sheet__content__list__item__col .tagWeek__title{font-size:1.4rem;font-weight:700;margin:.4rem 0 .9rem}.time-sheet__content__list__item__col .tagWeek__time{display:flex;margin-top:.4rem}.time-sheet__content__list__item__col .tagWeek__time__item{font-size:1.4rem;font-weight:700;margin-right:1.9rem}.time-sheet__content__list__item__col .tagWeek__time__item:last-child{margin-right:0}.time-sheet__content__list__item__col .tagWeek__time__item__label{font-size:1.2rem;font-weight:400;line-height:1.6rem;margin-bottom:.2rem}.time-sheet__content__list__item__col .tagWeek img{border-radius:0;height:1.6rem;margin-top:1rem;object-fit:cover;width:100%}.tooltip-time-sheet-detail{padding:2.7rem}.tooltip-time-sheet-detail__time{align-items:center;color:var(--primary-gray-1);display:flex;font-size:1.6rem;font-weight:700;justify-content:center;line-height:3rem}.tooltip-time-sheet-detail .item-name{align-items:center;display:flex;font-size:1.8rem;font-weight:700;justify-content:center;line-height:2.4rem;margin-bottom:2.4rem}.tooltip-time-sheet-detail .item-name img{border-radius:50%;height:6.4rem;margin-right:1.4rem;object-fit:cover;width:6.4rem}.tooltip-time-sheet-detail .item-name .item-code{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400}.tooltip-time-sheet-detail__item{border:.1rem solid #e0e6f0;border-radius:.4rem;font-size:1.6rem;line-height:2rem;margin-bottom:2.4rem;padding:0 1.8rem 2.4rem}.tooltip-time-sheet-detail__item:last-child{margin-bottom:0}.tooltip-time-sheet-detail__item__label{color:var(--primary-gray-1);font-size:1.4rem;font-weight:700;line-height:1.8rem;margin-bottom:.2rem;padding-top:2.4rem}.tooltip-time-sheet-detail__list{max-height:33.5rem;overflow:auto}.tagGreen{background-color:#e6fcf7;border-left:.3rem solid #10bed2}.tagPaid{background-color:#d8ecff;border-left:.3rem solid #2886db}.tagUnpaid{background-color:#f0f3f8;border-left:.3rem solid #bdc6d7}.tagRed{background-color:#ffe7ec;border-left:.3rem solid #ff6262;display:flex;justify-content:space-between}.tagRed__icon{cursor:pointer;margin-right:1.4rem}.edit-timeshift{min-width:54.4rem}.edit-timeshift__content{padding:2.6rem 4.2rem}.edit-timeshift__content__time{color:var(--primary-gray-1);font-size:1.6rem;line-height:3rem}.edit-timeshift .item-name,.edit-timeshift__content__time{align-items:center;display:flex;font-weight:700;justify-content:center}.edit-timeshift .item-name{font-size:1.8rem;line-height:2.4rem;margin-bottom:2.4rem}.edit-timeshift .item-name img{border-radius:50%;height:6.4rem;margin-right:1.4rem;object-fit:cover;width:6.4rem}.edit-timeshift .item-name .item-code{color:var(--primary-gray-2);font-size:1.4rem;font-weight:400}.edit-timeshift__form{text-align:center}.edit-timeshift__form__breaktime{color:var(--primary-gray-2);font-size:1.6rem;font-weight:700;text-align:left}.edit-timeshift .modal-footer button,.edit-timeshift .modal-footer input{width:100%}.time-sheet-history-detail{font-family:Nunito Sans}.time-sheet-history-detail .header-list-page{background:#f0f3f8!important;padding:0!important}.time-sheet-history-detail-header{color:#6c778d;display:flex;flex-direction:column}.time-sheet-history-detail-header .header{background-color:var(--primary-white);border-top-left-radius:.8rem;border-top-right-radius:.8rem;display:flex;padding:1.4rem 2.4rem;width:100%}.time-sheet-history-detail-header .val{color:#272b2f;padding-top:.1rem}.time-sheet-history-detail-header__employee{align-items:center;display:flex;width:28%}.time-sheet-history-detail-header__employee .item-name{align-items:center;color:#2d3742;display:flex;font-size:1.6rem;font-weight:700;line-height:1.8rem}.time-sheet-history-detail-header__employee .item-name img{border-radius:50%;height:3.5rem;margin-right:.8rem;object-fit:cover;width:3.5rem}.time-sheet-history-detail-header__employee .item-code{color:#7a869a;font-size:1.4rem;font-weight:400}.time-sheet-history-detail-header__wage{width:14%}.time-sheet-history-detail-header__ot{display:flex;flex-direction:column;width:14%}.time-sheet-history-detail-header__ot .text-color{background-color:transparent;border:0;color:#0354a0;cursor:pointer;font-weight:700;margin-top:.1rem;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.time-sheet-history-detail-header__paid,.time-sheet-history-detail-header__weekly{width:14%}.time-sheet-history-detail-header__total{border-left:.1rem solid #e0e6f0;padding-left:2.4rem;width:16%}.time-sheet-history-detail__break-time,.time-sheet-history-detail__checkin,.time-sheet-history-detail__checkout,.time-sheet-history-detail__date,.time-sheet-history-detail__overtime,.time-sheet-history-detail__regular{width:14%}.time-sheet-history-detail__total{padding-left:2.4rem;width:14%}.time-sheet-history-detail__edit{width:2%}.time-sheet-history-detail__total-listing{bottom:0;position:-webkit-sticky;position:sticky}.time-sheet-history-detail__total-listing .total{background-color:var(--primary-gray);border-bottom:.2rem solid #f0f3f8;display:flex;padding:.6rem 2.4rem}.time-sheet-history-detail__total-listing__title{font-weight:700;width:56%}.time-sheet-history-detail__total-listing__col-1,.time-sheet-history-detail__total-listing__col-2{width:14%}.time-sheet-history-detail__total-listing__col-3{padding-left:2.4rem;width:16%}.time-sheet-history-detail .item-list-page{background-color:var(--primary-white)}.popover-ot{display:flex;flex-direction:column;min-width:20rem;padding:2.8rem 2.8rem 0}.popover-ot__item{margin-bottom:2rem}.popover-ot__item__ondays{color:var(--primary-gray-1);display:flex;font-size:1.4rem;line-height:1.8rem}.popover-ot__item__current{font-size:1.6rem;font-weight:700;margin-top:.2rem}.dialog-detail{width:43rem}.dialog-detail__content{padding:2.8rem 5.8rem}.dialog-detail__time{align-items:center;color:var(--primary-gray-1);display:flex;font-size:1.6rem;font-weight:700;line-height:3rem}.dialog-detail__table{display:flex}.dialog-detail__table__label{color:var(--primary-gray-1);font-size:1.4rem;font-weight:700;line-height:1.8rem;margin-bottom:.8rem}.dialog-detail__table__val{font-size:1.6rem;line-height:2rem;margin-bottom:.4rem}.time-sheet-history{align-items:flex-start;font-family:Nunito Sans}.time-sheet-history,.time-sheet-history__content{display:flex;height:100%;justify-content:flex-start;overflow:hidden}.time-sheet-history__content{flex:1 1;flex-direction:column;padding:1.5rem 2.8rem}.time-sheet-history__content__action{align-items:center;display:flex;justify-content:space-between;padding-bottom:2.7rem}.time-sheet-history__content__action .range-picker-cpn{display:flex}.time-sheet-history__content__action .range-picker-cpn .btn-back{margin:0 .6rem 0 0;width:4rem}.time-sheet-history__content__action .range-picker-cpn .btn-forward{margin:0 0 0 .6rem;width:4rem}.time-sheet-history__content__action .MuiOutlinedInput-notchedOutline{border:.1rem solid #e0e6f0}.time-sheet-history__content__action .date-range{border:.1rem solid #e0e6f0!important;border-radius:.4rem!important}.time-sheet-history__content__action .DateInput,.time-sheet-history__content__action .DateInput_1,.time-sheet-history__content__action .DateRangePicker,.time-sheet-history__content__action .DateRangePickerInput,.time-sheet-history__content__action .DateRangePicker_1{border:0;height:4.3rem}.time-sheet-history__content__action .DateInput input,.time-sheet-history__content__action .DateInput_1 input,.time-sheet-history__content__action .DateRangePicker input,.time-sheet-history__content__action .DateRangePickerInput input,.time-sheet-history__content__action .DateRangePicker_1 input{height:4.3rem}.time-sheet-history__content__action .DateRangePickerInput_calendarIcon{float:left;padding:1rem}.time-sheet-history__content__action__btn-time{margin:0!important;width:25.5rem}.time-sheet-history__content__action__btn-time__text{font-size:1.4rem;line-height:1.8rem;margin:0 4.6rem 0 2rem}.time-sheet-history__content__action .MuiOutlinedInput-root{height:4.5rem;padding:0!important}.time-sheet-history__content__action .MuiIconButton-root{padding:.8rem .5rem}.time-sheet-history__content__action .autocomplete-check__text-field{background-color:var(--primary-white);border-radius:.4rem}.time-sheet-history__content__action .btn-cancel-style{border:.1rem solid #e0e6f0;font-weight:400;height:4.5rem;margin-left:1rem;padding:1.2rem 2rem}.time-sheet-history__content__list{border-radius:.4rem;display:flex;flex-direction:column;font-size:1.4rem;height:100%;line-height:1.8rem;min-height:10rem;overflow:auto;width:100%}.time-sheet-history__content__list__employee{width:20%}.time-sheet-history__content__list__works-hours{width:12%}.time-sheet-history__content__list__overtime,.time-sheet-history__content__list__paid-hours,.time-sheet-history__content__list__regular-hours{width:11%}.time-sheet-history__content__list__paid{width:12%}.time-sheet-history__content__list__unpaid{width:13%}.time-sheet-history__content__list__pay{width:10%}.time-sheet-history__content__list__item-date{background-color:#f9fbff;border-bottom:.2rem solid #f0f3f8;color:var(--primary-gray-1);font-size:1.4rem;font-weight:700;padding:.6rem 2.4rem}.time-sheet-history__content__list .item-list-page .item-name{align-items:center;display:flex;font-weight:700;line-height:1.8rem}.time-sheet-history__content__list .item-list-page .item-name img{border-radius:50%;height:3rem;margin-right:.8rem;object-fit:cover;width:3rem}.time-sheet-history__content__list .item-list-page .item-code{color:#7a869a;font-size:1.4rem;font-weight:400}.popover-time{padding:1rem;width:25.5rem}.popover-time__text{font-size:1.6rem;line-height:2rem}.popover-time__select{display:flex;justify-content:center;margin-top:2rem}.popover-time__btn{display:flex;height:4.5rem;margin-top:2rem}.popover-time__btn .btn-cancel-style{margin-right:.5rem;width:11.2rem}.popover-time__btn .btn-confirm-style{margin-left:.5rem;width:11.2rem}.time-sheet-history__list{background-color:var(--primary-white)}.btn--shadow:hover{box-shadow:0 .4rem 1.6rem rgba(66,78,87,.16)}.app-toolbar-right-profile{border-radius:1rem;color:rgba(15,16,18,.8);font-family:Nunito Sans;font-size:1.6rem;font-weight:700;line-height:3rem}.app-toolbar-right-profile .name{align-items:center;display:flex;margin:2.2rem}.app-toolbar-right-profile .name img{border:.1rem solid #d5d9e2;border-radius:50%;height:3.6rem;margin-right:1.3rem;object-fit:cover;width:3.6rem}.app-toolbar-right-profile .name .email{word-wrap:break-word;color:#7a869a;font-size:1.4rem;font-weight:400;width:16.3rem}.app-toolbar-right-profile .menu-list{align-items:flex-start;background:#f0f3f8;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2rem}.app-toolbar-right-profile .menu-list button{align-items:center;background:transparent;border:0;border-radius:.6rem;cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:700;outline:none;padding:1rem;width:100%}.app-toolbar-right-profile .menu-list button:hover{background:var(--primary-white);box-shadow:0 .4rem 1.6rem hsla(222,8%,61%,.24)}.tab-green-style{background:var(--secondary-green);box-shadow:-4px 0 8px rgba(102,88,243,.24),4px 0 8px rgba(102,88,243,.24)}.tab-dark-green-style,.tab-green-style{align-items:center;border:0;border-radius:3rem;color:var(--primary-white);cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:400;font-weight:500;line-height:3rem;padding:.8rem 1.6rem}.tab-dark-green-style{background:var(--dark-green);box-shadow:.4rem 0 .8rem rgba(65,173,73,.2)}.btn-confirm-style{align-items:center;background:var(--primary-blue-base);border:0;border-radius:.4rem;color:var(--primary-white);cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:700;justify-content:center;line-height:3rem;outline:none;padding:1.2rem 3.6rem;text-align:center}.btn-remove-style{border:1px solid #e53935;border-radius:.4rem;box-sizing:border-box;color:#f84948}.btn-cancel-style,.btn-remove-style{align-items:center;background:var(--primary-blue-base);background:var(--primary-white);cursor:pointer;display:flex;font-family:Nunito Sans;font-size:1.6rem;font-weight:700;justify-content:center;line-height:3rem;outline:none;padding:1.2rem 3.6rem;text-align:center}.btn-cancel-style{border:.1rem solid var(--primary-dark);border-radius:.4rem;color:var(--primary-dark)}.btn-white{align-items:center;background:var(--primary-white);border:0;border-radius:.4rem;color:var(--primary-gray-3);display:flex;-webkit-filter:drop-shadow(0 4px 12px rgba(111,125,145,.16));filter:drop-shadow(0 4px 12px rgba(111,125,145,.16));font-family:Nunito Sans;font-size:1.6rem;font-weight:700;line-height:3rem;padding:1rem 1.3rem}.btn-icon,.btn-white{cursor:pointer;outline:none}.btn-icon{border:0;border-radius:.6rem;color:var(--primary-white);padding:.6rem 1.2rem}.btn-icon,.btn-icon[aria-selected=true]{background:var(--primary-blue-base)}.btn-white-style{background:var(--primary-white);color:#444c53!important;font-family:Nunito Sans;font-size:1.6rem!important;font-weight:700!important;line-height:2.4rem!important;padding-right:2rem}.btn-white-style .MuiOutlinedInput-input{padding:1.2rem 3.6rem}.btn-white-style .MuiSvgIcon-root{color:#444c53;font-size:2.6rem}.btn-green-style{background:var(--primary-blue-base);color:var(--primary-white)!important;font-family:Nunito Sans;font-size:1.6rem!important;font-weight:700!important;line-height:2.4rem!important;padding-right:2rem}.btn-green-style .MuiOutlinedInput-input{padding:1.2rem 3.6rem}.btn-green-style .MuiSvgIcon-root{color:var(--primary-white);font-size:2.6rem}.select-menu-list{font-family:Nunito Sans;max-height:30rem}.select-menu-list .MuiPaper-root{border-radius:.6rem!important;font-family:Nunito Sans;width:19rem}.select-menu-list .MuiMenuItem-root{background:var(--primary-white)!important;display:flex;font-family:Nunito Sans;font-size:1.6rem!important;justify-content:flex-start;padding:1rem 2rem;width:100%}.select-menu-list .MuiMenuItem-root:hover{background:#efefef!important;border-radius:.6rem!important}.select-menu-list-border-item .MuiMenuItem-root{border-bottom:.1rem solid #efefef!important;padding:auto 1.6rem}.floating-btn-item{background:var(--primary-blue-base);border-radius:50%;bottom:3.2rem;direction:rtl;justify-content:space-between;padding:2.5rem;position:absolute;right:5.2rem;transition:all .3s ease;z-index:2}.btn,.floating-btn-item{align-items:center;cursor:pointer;display:flex}.btn{-webkit-appearance:button;border-radius:.4rem;color:var(--primary-white);font-size:1.6rem;height:4.8rem;justify-content:center;padding:0 1rem;position:relative;text-align:center;touch-action:manipulation;transition:all .25s ease 0ms;-webkit-user-select:none;user-select:none;white-space:nowrap;width:inherit}.btn:active{box-shadow:0 0 11px 1px gray}.btn--hover:hover{border:1px solid #2d3742}.btn--transparent{background-color:transparent;background-image:none;border:1px solid transparent;outline:none}.btn--shiny,.btn-confirm-style{position:relative}.btn--shiny:hover,.btn-confirm-style:hover{-webkit-animation:shine 1s 1;animation:shine 1s 1;background-image:linear-gradient(90deg,transparent 33%,hsla(0,0%,100%,.3) 50%,transparent 66%);background-size:300% 100%}.btn--shadow:hover,.wrapper .sub-route-menu .nav-item-hover:hover{box-shadow:0 .4rem 1.6rem rgba(66,78,87,.16)}.btn--opacity{opacity:.5}.btn--disabled{cursor:not-allowed!important}.btn--active,.btn--disabled{background-color:#ebecf0!important}.btn__circle{border-radius:50%;height:4.8rem;width:4.8rem}.btn__square{width:4.8rem}.btn__oval{border-radius:3.2rem}.btn__text-cancel:hover{color:#b8292f}.btn-notification{background:transparent;border-radius:50%;height:.8rem;position:absolute;right:-.4rem;top:-.4rem;width:.8rem}.btn-notification.topLeft{left:-.4rem}.btn-notification.topRight{right:-.4rem}.btn-notification.blue{background:#08c4e3}@-webkit-keyframes shine{0%{background-position:100%}}@keyframes shine{0%{background-position:100%}}.wrapper{display:flex;flex-direction:column;font-family:Nunito Sans;overflow:hidden;width:100%}.wrapper .sub-route-menu{align-items:center;background-color:var(--primary-white);border-top:.1rem solid #e0e6f0;display:flex;justify-content:space-between;padding:.6rem 1.2rem;position:relative}.wrapper .sub-route-menu .nav-item{align-items:center;border-radius:100rem;color:var(--primary-dark);display:flex;font-size:1.6rem;line-height:2rem;margin-right:1.6rem;padding:.5rem 1.6rem}.wrapper .sub-route-menu .nav-item .icon{margin-right:1rem;margin-top:.5rem}.wrapper .sub-route-menu .nav-item-hover:hover{background:hsla(0,0%,100%,.223)}.wrapper .sub-route-menu .nav-item__active{background-color:var(--secondary-blue-base);color:var(--primary-white);font-weight:700}
/*# sourceMappingURL=main.f0381411.css.map*/