body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.loaderWrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;z-index:100}.loaderWrapper__loader{animation:spin 2s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#212121;height:4rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4rem;z-index:999}.loaderWrapper__smallLoader,.loaderWrapper__tableLoader{border:2px solid #f0f0f0;border-top-color:#212121;height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loaderMinHeight{height:70rem}.MTableHeader-header-14,.MuiTableCell-head{background-color:#244f96!important}.MuiTableCell-head{color:#fff!important}.jss14{background-color:#244f96!important}.MuiTableSortLabel-root.MuiTableSortLabel-active,.MuiTableSortLabel-root.MuiTableSortLabel-active.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiTableSortLabel-icon{color:#add8e6!important}.tbody .tr{background-color:#fff!important}.tbody .tr:nth-child(2n){background:#eee!important}.MuiTableRow-root{background-color:#e6e6fa}[data-rfd-drag-handle-context-id="7"]{justify-content:center!important}img{padding:14.5px 0;width:60%}.employee-refresh{background-color:#0072ff;cursor:pointer;font-size:18px;height:50px;margin:65px 0 0;padding:0 15px;position:absolute;right:30px;width:13%}.MuiMenu-paper{width:-moz-fit-content!important;width:fit-content!important}.confirm{background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.confirm__dialog{background-color:#fff;border-radius:20px;box-shadow:0 4px 16px 0 hsla(0,0%,100%,.251);color:#fff;left:50%;padding:2vw 4vw;position:absolute;top:50%;transform:translate(-50%,-50%)}.confirm__dialog__button{border:none;padding:1.2rem;width:auto!important}.confirm__dialog__button--cancel{background:#212121;box-shadow:6px 6px 9px 0 #0003,-6px -6px 8px 0 #ffffff05,inset 4px 4px 8px 0 #ffffff0d,inset -3px -3px 8px 0 #0000004a;padding:1.4rem}.confirm__dialog__button--cancel:active{background:linear-gradient(180deg,#212121,#212121),linear-gradient(119deg,#c0bbbb00,#32323245 98%);background-clip:content-box,border-box;background-origin:border-box;border-image-slice:1;border-image-source:linear-gradient(119deg,#c0bbbb00,#32323245 98%);border-style:solid;border-width:1px;box-shadow:inset -6px -6px 6px 0 #272727,inset 6px 6px 8px 0 #00000014,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727}.confirm__dialog__button:focus{outline:none}.confirm__dialog__content{padding:0}.confirm__dialog__description{color:#000;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:22px;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;line-height:1.57;margin:0;text-align:center}.confirm__dialog__footer{display:flex;justify-content:space-evenly}@media screen and (min-width:320px)and (max-width:760px){.confirm__dialog{width:60%}}.button{background:#244f96;border:1px solid #244f96;border-radius:24px;box-shadow:6px 6px 9px 0 #00000045,-1px -1px 4px 0 #ffffff0d;color:#fff;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:17px;margin:1rem 0 0;outline:none;padding:10px 29px;width:48%}.button__disabled{background:#42597a;border:1px solid #42597a;box-shadow:6px 6px 9px 0 #42597a,-1px -1px 4px 0 #42597a;color:#fff;cursor:not-allowed;opacity:.5}.button:active{background:#244f96!important;background-origin:border-box;border-image-slice:1;border-style:solid;border-width:1px;box-shadow:inset -6px -6px 6px 0 #244f96,inset 6px 6px 8px 0 #244f96,inset 6px 6px 8px 0 #244f96,inset -6px -6px 6px 0 #244f96!important}.container-login{align-items:center;display:flex;height:100vh;position:relative;width:100%}.container-login img{left:20%;position:absolute;width:20%}.form-box{border-radius:2%;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;position:absolute;right:0;width:35%}button{margin-bottom:10px!important;margin-top:9px!important}.input-group-login{align-items:center;display:flex;justify-content:center;margin:30px 0;width:80%}.input-group-text{display:none;padding:15px!important}.input-password{position:relative}.login__icon{color:#000;cursor:pointer;position:absolute;right:80px}.fa-lock,.login-user{font-size:20px}.fa-user-circle{color:#0008ff}.login-btn{background-color:#0008ff;border:none;border-radius:10px;color:#fff;margin-bottom:10px;margin-top:20px;padding:15px;width:40%}.message{color:#000}.form-control{border:1px solid gray!important;border-radius:5px!important;border-top:none!important;height:44px!important}.btn-sign{color:#0008ff;cursor:pointer}.fixed-height{max-height:23px!important}.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{height:45px!important}.css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root{font-size:14px!important}.body-form{align-items:center;display:flex;flex-direction:column}.MuiOutlinedInput-root{height:45px}body{box-sizing:border-box;color:#fff;margin:0;padding:0}.container{align-items:center;display:flex;justify-content:center;width:100%}.form-box1{background-color:#000;border-radius:2%;display:flex;flex-direction:column;justify-content:flex-start;opacity:.5;padding:20px;width:50%}.form-1{display:flex;justify-content:space-between}.form-l,.form-r{display:flex;flex-direction:column;width:45%}.header-form{margin-bottom:15px}.header-form h4{font-size:30px;margin:0}button{background-color:gray;border-radius:10px;margin-bottom:10px;margin-top:40px;padding:15px;width:75%}.social{display:flex;justify-content:space-around;padding:30px}.social i{font-size:35px}.social i:hover{color:red;cursor:pointer}.input-group{align-items:center;display:flex;justify-content:center}.form-control{border:none;border-radius:0 5px 5px 0;margin:10px 0;padding:12px 20px;width:75%}.form-input,.form-select{border:none;border-radius:5px;margin:10px 0;padding:10px 20px}.input-group-text{background-color:gray;border-radius:5px 0 0 5px;padding:10px}.btn{cursor:pointer}.employee-details1{height:100vh;width:100%}.employee-links ul a{font-size:20px}.employee-data-main{align-items:center;display:flex;gap:1vw;justify-content:flex-end;margin-bottom:-1.5vw;width:97%}.employee-data-main h1{color:#000;font-family:sans-serif;font-size:1.2vw;font-weight:400}.employee-data-main button{color:#fff;font-family:sans-serif;font-size:1vw;font-weight:400;width:8vw}.employee-data-search{width:20%}.employee-data-search h1{color:#244f96}.employee-data-search h2{color:#244f96;position:absolute;right:3%}.logs{background-color:#244f96;cursor:pointer;font-size:.8vw;margin:0;padding:.7vw 0;width:4vw}.detail{overflow-x:hidden}.detail_container{width:100%}.detail_container_form h4{color:#0008ff;font-size:30px}.employee-sidebar{overflow-y:scroll}.css-15k6ek6-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-15k6ek6-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-15k6ek6-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding-right:61px!important;padding-right:128px!important}.css-12j5vmm-MuiTypography-root{text-align:left!important}.css-nb45ws{margin-bottom:2rem;margin-top:0!important}.overlay{background-color:#0003;bottom:0;cursor:auto;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:20}.overlay__dialog{background-color:#fff;border:1px solid #989898;max-height:100%;min-height:99.4%;overflow:auto;padding:2rem;position:absolute;right:-30%;top:40%;transform:translate(-50%,-40%);width:70%}.overlay__dialog__title{position:relative}.overlay__dialog__title__cancelBackground__cancel-box{align-items:center;background:linear-gradient(-45deg,#fff,#e8dbdb);border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:0;top:20px;width:2rem}.overlay__dialog__title__cancelBackground__cross{border:solid #757575;border-width:0 2px 2px 0;margin:2px;padding:4px}.overlay__dialog__title__cancelBackground__right-arrow{margin-left:3px;transform:rotate(-45deg)}.overlay__dialog__title__cancelBackground__left-arrow{margin-left:.1rem;transform:rotate(135deg)}.overlay__dialog__title__description{color:#757575;float:left;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;width:100%}.overlay__dialog__background{background-color:#0003}.overlay__dialog__elements{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1rem;width:100%}.overlay__dialog__elements__label{color:rgba(0,0,0,.678);font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.2rem;margin:1rem 0;text-align:start}.overlay__dialog__elements__custom-dropdown{color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;position:relative;width:100%}.overlay__dialog__elements__custom-dropdown__selection{border-radius:1.2rem;box-shadow:6px 6px 9px 0 #00000045,-1px -1px 4px 0 #ffffff0d;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.1rem;height:4rem;padding:1rem;position:relative;width:100%}.overlay__dialog__elements__custom-dropdown__items-holder{background-color:#212121;border-radius:8px;box-shadow:6px 6px 9px 0 #0003,-6px -6px 8px 0 #ffffff05,inset 4px 4px 8px 0 #ffffff0d,inset -3px -3px 8px 0 #0000004a;color:#fff;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;letter-spacing:.19px;margin-top:3px;max-height:150px;overflow-y:auto;position:absolute;width:100%;z-index:100}.overlay__dialog__elements__custom-dropdown__items-holder__dropdown-item{background:#212121;border-bottom:1px solid #0000004d;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:4.5rem;padding:1.4rem 2rem}.overlay__dialog__elements__custom-dropdown__items-holder-category{background-color:#212121;border-radius:8px;box-shadow:6px 6px 9px 0 #0003,-6px -6px 8px 0 #ffffff05,inset 4px 4px 8px 0 #ffffff0d,inset -3px -3px 8px 0 #0000004a;color:#fff;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;letter-spacing:.19px;margin-top:3px;max-height:150px;overflow-y:auto;position:absolute;width:90%;z-index:100}.overlay__dialog__elements__custom-dropdown__selection:after{border-bottom:2px solid #e35424;border-right:2px solid #e35424;content:"";display:block;height:1rem;position:absolute;right:2.3rem;top:1.5rem;transform:rotate(45deg);width:1rem}.overlay__dialog__elements__custom-dropdown__selection:active,.overlay__dialog__elements__custom-dropdown__selection:focus{border:1px solid #b3735d63}.overlay__dialog__elements__input{width:45%}.overlay__dialog__elements__customInput{background-color:#fff;border:1px solid #989898;border-radius:12px;color:gray!important;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:1.8rem;letter-spacing:.19px;padding:.6rem 1rem;width:90%}.overlay__dialog__elements__customInput:focus{border:1px solid #b3735d63}.overlay__dialog__elements__textWidth{background-color:#272727;border-image:linear-gradient(104deg,#c0bbbb00 5%,#32323245 94%);border-radius:12px;border-width:1px;box-shadow:-6px -6px 9px 0 #ffffff08,6px 6px 8px 0 #0003,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727;color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:14rem;letter-spacing:.19px;padding:1rem;width:100%}.overlay__dialog__elements__textWidth:focus{border:1px solid #b3735d63}.overlay__dialog__elements__image-container__wrapper{align-items:center;background-color:#272727;border-image:linear-gradient(104deg,#c0bbbb00 5%,#32323245 94%);border-radius:10px;border-width:1px;box-shadow:-6px -6px 9px 0 #ffffff08,6px 6px 8px 0 #0003,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727;color:#fff;display:flex;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;height:232px;justify-content:center;letter-spacing:.19px;overflow:hidden;position:relative;width:100%}.overlay__dialog__elements__image-container__wrapper__main-image{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:20}.overlay__dialog__elements__image-container__wrapper__main-image img{height:100%;object-fit:cover;width:100}.overlay__dialog__elements__image-container__wrapper__image-content{position:relative}.overlay__dialog__elements__image-container__wrapper__image-content__upload-btn{background:none;border:none;color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:500;outline:none}.overlay__dialog__elements__image-container__wrapper #cancel-btn{color:#ccc;cursor:pointer;display:none;font-size:20px;position:absolute;right:15px;top:15px}.overlay__dialog__elements__image-container__upload-btn:focus,.overlay__dialog__elements__image-container__wrapper:active{border:1px solid #b3735d63}.overlay__dialog__elements__image-container__wrapper.active:hover #cancel-btn{color:linear-gradient(-45deg,#1e1e1e,#4b4b4b);display:block}.overlay__dialog__elements__image-container__wrapper #cancel-btn:hover{color:#fff}.overlay__dialog__elements__clr{color:#f3f7f9}.overlay__dialog__content{padding:4rem 0 2rem}.overlay__dialog__footer{padding-top:2rem;text-align:center}.overlay__dialog__footer__confirm{font-size:1.2rem;padding:1rem;width:40%}.overlay__dialog__pad10{padding-top:1rem}.overlay__table{background-color:#fff;border:1px solid #121213;box-shadow:.4rem 0 0 .56rem #0003;left:50%;max-height:100%;min-height:99.4%;overflow:auto;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.overlay__index{z-index:5}.overlay__cancel{box-shadow:none}.overlay__mar1{margin-left:1rem}.overlay__pad1{padding:1.3rem 1.4rem 1rem 2rem}.overlay__pad-left{padding-left:.5rem}.overlay__marTop{margin-bottom:1rem}.overlay__type{box-shadow:none;margin:0 0 14px;padding:0}.overlay__img-block,.overlay__type{align-items:center;display:flex}.overlay__img-block__input{width:95%}.overlay__cross-btn{align-items:center;cursor:pointer;display:flex}.overlay__cross-icon{color:#fff;font-size:1.5rem}.overlay__add-btn{padding:1rem;width:40%}.overlay__activeTab{background:linear-gradient(180deg,#212121,#212121),linear-gradient(119deg,#c0bbbb00,#32323245 98%);background-clip:content-box,border-box;background-origin:border-box;border-image-slice:1;border-image-source:linear-gradient(119deg,#c0bbbb00,#32323245 98%);border-style:solid;border-width:1px;box-shadow:inset -6px -6px 6px 0 #272727,inset 6px 6px 8px 0 #00000014,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727}.country-dropdown{border:1px solid #989898;color:#989898}.employeed{background-color:rgba(0,0,0,.451);bottom:0;cursor:auto;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:20}.employeed__container{background-color:#fff;border:1px solid #989898;border-radius:10px;max-height:100%;overflow:scroll;padding:24px;position:absolute;right:-40%;top:40%;transform:translate(-50%,-40%);width:84%}.employeed__container__header{position:relative}.employeed__container__header__cancelBackground__cancel-box{align-items:center;background:linear-gradient(-45deg,#fff,#e8dbdb);border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:0;top:20px;width:2rem}.employeed__container__header__cancelBackground__cross{border:solid #757575;border-width:0 2px 2px 0;margin:2px;padding:4px}.employeed__container__header__cancelBackground__right-arrow{margin-left:3px;transform:rotate(-45deg)}.employeed__container__header__cancelBackground__left-arrow{margin-left:.1rem;transform:rotate(135deg)}.employeed__container__header__description{color:#757575;float:left;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:600;width:100%}.employeed__container__background{background-color:#0003}.employeed__container__elements{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1rem;width:100%}.employeed__container__elements__label{color:rgba(0,0,0,.678);font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.2rem;margin:1rem 0;text-align:start;width:40%}.employeed__container__elements__custom-dropdown{color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;position:relative;width:100%}.employeed__container__elements__custom-dropdown__selection{border-radius:1.2rem;box-shadow:6px 6px 9px 0 #00000045,-1px -1px 4px 0 #ffffff0d;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.1rem;height:4rem;padding:1rem;position:relative;width:100%}.employeed__container__elements__custom-dropdown__items-holder{background-color:#212121;border-radius:8px;box-shadow:6px 6px 9px 0 #0003,-6px -6px 8px 0 #ffffff05,inset 4px 4px 8px 0 #ffffff0d,inset -3px -3px 8px 0 #0000004a;color:#fff;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;letter-spacing:.19px;margin-top:3px;max-height:150px;overflow-y:auto;position:absolute;width:100%;z-index:100}.employeed__container__elements__custom-dropdown__items-holder__dropdown-item{background:#212121;border-bottom:1px solid #0000004d;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:4.5rem;padding:1.4rem 2rem}.employeed__container__elements__custom-dropdown__items-holder-category{background-color:#212121;border-radius:8px;box-shadow:6px 6px 9px 0 #0003,-6px -6px 8px 0 #ffffff05,inset 4px 4px 8px 0 #ffffff0d,inset -3px -3px 8px 0 #0000004a;color:#fff;cursor:pointer;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;letter-spacing:.19px;margin-top:3px;max-height:150px;overflow-y:auto;position:absolute;width:90%;z-index:100}.employeed__container__elements__custom-dropdown__selection:after{border-bottom:2px solid #e35424;border-right:2px solid #e35424;content:"";display:block;height:1rem;position:absolute;right:2.3rem;top:1.5rem;transform:rotate(45deg);width:1rem}.employeed__container__elements__custom-dropdown__selection:active,.employeed__container__elements__custom-dropdown__selection:focus{border:1px solid #b3735d63}.employeed__container__elements__input{align-items:center;display:flex;width:45%}.employeed__container__elements__input h6{color:rgba(0,0,0,.678);margin:0}.employeed__container__elements__customInput{background-color:#fff;border-image:linear-gradient(104deg,#c0bbbb00 5%,#32323245 94%);border-radius:12px;border-width:1px;color:gray!important;color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:1.8rem;letter-spacing:.19px;padding:.6rem 1rem}.employeed__container__elements__customInput:focus{border:1px solid #b3735d63}.employeed__container__elements__textWidth{background-color:#272727;border-image:linear-gradient(104deg,#c0bbbb00 5%,#32323245 94%);border-radius:12px;border-width:1px;box-shadow:-6px -6px 9px 0 #ffffff08,6px 6px 8px 0 #0003,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727;color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:14rem;letter-spacing:.19px;padding:1rem;width:100%}.employeed__container__elements__textWidth:focus{border:1px solid #b3735d63}.employeed__container__elements__image-container__wrapper{align-items:center;background-color:#272727;border-image:linear-gradient(104deg,#c0bbbb00 5%,#32323245 94%);border-radius:10px;border-width:1px;box-shadow:-6px -6px 9px 0 #ffffff08,6px 6px 8px 0 #0003,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727;color:#fff;display:flex;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;height:232px;justify-content:center;letter-spacing:.19px;overflow:hidden;position:relative;width:100%}.employeed__container__elements__image-container__wrapper__main-image{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:20}.employeed__container__elements__image-container__wrapper__main-image img{height:100%;object-fit:cover;width:100}.employeed__container__elements__image-container__wrapper__image-content{position:relative}.employeed__container__elements__image-container__wrapper__image-content__upload-btn{background:none;border:none;color:#fff;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:500;outline:none}.employeed__container__elements__image-container__wrapper #cancel-btn{color:#ccc;cursor:pointer;display:none;font-size:20px;position:absolute;right:15px;top:15px}.employeed__container__elements__image-container__upload-btn:focus,.employeed__container__elements__image-container__wrapper:active{border:1px solid #b3735d63}.employeed__container__elements__image-container__wrapper.active:hover #cancel-btn{color:linear-gradient(-45deg,#1e1e1e,#4b4b4b);display:block}.employeed__container__elements__image-container__wrapper #cancel-btn:hover{color:#fff}.employeed__container__elements__clr{color:#f3f7f9}.employeed__container__content{padding:4rem 0 2rem}.employeed__container__footer{padding-top:2rem;text-align:center}.employeed__container__footer__confirm{font-size:1.2rem;padding:1rem;width:40%}.employeed__container__pad10{padding-top:1rem}.employeed__table{background-color:#fff;border:1px solid #121213;box-shadow:.4rem 0 0 .56rem #0003;left:50%;max-height:100%;min-height:99.4%;overflow:auto;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.employeed__index{z-index:5}.employeed__cancel{box-shadow:none}.employeed__mar1{margin-left:1rem}.employeed__pad1{padding:1.3rem 1.4rem 1rem 2rem}.employeed__pad-left{padding-left:.5rem}.employeed__marTop{margin-bottom:1rem}.employeed__type{box-shadow:none;margin:0 0 14px;padding:0}.employeed__img-block,.employeed__type{align-items:center;display:flex}.employeed__img-block__input{width:95%}.employeed__cross-btn{align-items:center;cursor:pointer;display:flex}.employeed__cross-icon{color:#fff;font-size:1.5rem}.employeed__add-btn{padding:1rem;width:40%}.employeed__activeTab{background:linear-gradient(180deg,#212121,#212121),linear-gradient(119deg,#c0bbbb00,#32323245 98%);background-clip:content-box,border-box;background-origin:border-box;border-image-slice:1;border-image-source:linear-gradient(119deg,#c0bbbb00,#32323245 98%);border-style:solid;border-width:1px;box-shadow:inset -6px -6px 6px 0 #272727,inset 6px 6px 8px 0 #00000014,inset 6px 6px 8px 0 #00000014,inset -6px -6px 6px 0 #272727}.country-dropdown{border-radius:5px;border-width:1px;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1rem;height:3rem;letter-spacing:.19px;margin:0;outline:none;padding:.6rem 1rem;width:100%}.country-dropdown:active,.country-dropdown:focus{border:1px solid #b3735d63}@media screen and (min-width:320px)and (max-width:760px){.overlay__dialog{right:0;top:0;transform:translate(0);width:100%}}@media screen and (min-width:768px)and (max-width:1024px){.overlay__dialog{transform:translate(-30%,-40%);width:50%}}.payment-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-popup{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;color:#000;max-height:80vh;max-width:373px;overflow-y:auto;padding:20px;position:relative;width:100%}.close-popup{align-self:flex-end;background-color:#007bff;border:none;border-radius:5px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:8px 12px;transition:background-color .3s ease}.close-popup:hover{background-color:#0056b3}.stepper{background-color:#fff;height:100vh!important;overflow-y:scroll;width:calc(100% - 250px)}.employee{display:flex;height:100vh;width:100%}.detail{gap:20px;width:100%}.detail,.detail_container{align-items:center;display:flex;justify-content:center}.detail_container{max-width:100%;width:80%}.detail_container_form{display:flex;flex-direction:column;gap:18px;width:90%}.form-row{align-items:center;display:flex;gap:16px}.form-control,.form-row>*{flex:1 1}.button-container{display:flex;justify-content:center;margin-top:16px}@media screen and (max-width:767px){.personal{padding:0!important}.personal,.personal_container{width:100%}}.block-container{display:flex;height:100vh;width:100%}.pop{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.pop__container{background-color:#f6f6f6;border-radius:10px;padding:2vw 3vw;position:relative}.pop__cancel-box{align-items:center;background:linear-gradient(-45deg,#fff,#e8dbdb);border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:10px;top:10px;width:2rem}.pop__header h1{color:#10377a;font-size:26px;margin:0;padding-bottom:2vw}.pop__confirm{display:flex;justify-content:space-around}.pop__confirm Button{width:30%}.employee-header{background-color:#244f96}.employee-details,.employee-details1{display:flex}.employee-links ul{padding:0}.employee-links ul li{cursor:pointer;list-style-type:none;padding:0;text-align:start}.employee-links ul li:active,.employee-links ul li:hover{background-color:#fff;color:#244f96!important}.employee-links ul a{color:#fff!important;display:flex;font-size:22px;padding:1.8vw 0 .8vw 2vw;text-decoration:none}.employee-links ul a:hover{background-color:#fff;color:#244f96!important}.employee-data-header{display:flex;justify-content:center}.employee-data-header h1{color:#244f96}.employee-data-header h2{color:#244f96;position:absolute;right:3%}.MuiPaper-root{margin-top:40px;width:100%}.line{border-top:1px solid #fff;margin:0}.logout,.logout h4{text-align:start}.logout h4{cursor:pointer;font-size:22px;font-weight:400;margin:0;padding:1.8vw 0 .8vw 2vw}.logout h4:hover{background-color:#fff;color:#244f96!important}.fa-pencil{font-size:20px}.MuiTableSortLabel-root{font-size:14px!important}.pagination{align-items:center;display:flex;justify-content:center}.paginationItem{background:#fff;border:2px solid #666;border-radius:50%;cursor:pointer;height:45px;margin:0 5px;padding:10px 15px;position:relative;width:45px}.paginationItem span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.next,.prev{background:#fff;border:none;box-shadow:0 0 3px #0006;color:blue;cursor:pointer;margin:0 10px;padding:10px}.paginationItem.active{border:1px solid #888;color:#888;pointer-events:none}.next.disabled,.prev.disabled{box-shadow:none;color:#999;pointer-events:none}.employee-data{position:static}.employee-sidebar{background-color:#244f96;height:100vh!important;width:250px}.Component-horizontalScrollContainer-12,.employee-sidebar{position:static!important}.login-data__filter{border:1px solid #999;display:flex;justify-content:center}.login-data__filter__container{display:flex;padding:1vw 0;width:90%}.login-data__dates{display:flex;width:60%}.login-data__start-date{display:flex;justify-content:space-around;width:50%}.login-data__start-date h2{color:#244f96;margin:0}.login-data__start-date input{height:-moz-fit-content;height:fit-content;padding:.5vw 0;width:50%}.login-data__buttons{align-items:center;display:flex;justify-content:space-around;width:40%}.login-data__button{background-color:#fff;border:1px solid #666;color:#244f96;height:-moz-fit-content;height:fit-content;margin:0;padding:1vw 0;width:30%}.update{background-color:#244f96;cursor:pointer;float:right;margin-right:3vw;padding:11px;width:16%}.supervisor-popup{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.supervisor-popup__container{background:#fff;border-radius:5px;box-shadow:0 0 10px #0003;padding:20px;width:67%}.field-row{display:flex;flex-wrap:wrap;justify-content:space-between}.field,.field-row{margin-bottom:10px}.field{margin-right:10px;text-align:left;width:45%}.submit-button{margin:20px auto auto;width:10%}button{background-color:#244f96;font-size:14px;padding:10px 20px}label{color:#000;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1.2vw;margin-bottom:5px}input[type=date],input[type=email],input[type=password],input[type=text],textarea{border-radius:5px;font-family:Nunito,Helvetica,Arial,sans-serif;outline:none;padding:10px;width:calc(100% - 20px)}select[type=text]{border:1px solid #ccc;border-radius:5px;font-family:Nunito,Helvetica,Arial,sans-serif;font-size:1vw;outline:none;padding:10px;width:100%}textarea{height:10px}.supervisor-popup__header{align-items:flex-end;display:flex;justify-content:flex-end;padding:10px}.supervisor-popup__header__button{background:none;border:none;color:#000;cursor:pointer;font-size:24px;margin-right:10px;padding:10px;width:10%}.css-v2b6li-MuiTableCell-root,.css-v2b6li-MuiTableCell-root.MuiTableCell-body{text-align:center!important}.totals-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:20px 0;padding:15px}.totals h3{margin-bottom:10px}.totals p{font-size:16px;margin:5px 0}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleUp .3s ease-out forwards;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:25px;text-align:center;transform:scale(.9);width:400px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{color:#333;font-size:20px;font-weight:700;margin:0;width:100%}.close-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:24px;transition:color .3s ease}.close-btn:hover{color:#ff4d4d}.modal-body{align-items:center;display:flex;flex-direction:column;gap:15px}button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:0;padding:12px 25px;transition:background-color .3s ease,filter .3s ease}.button-disabled{background-color:#c8c8c880;filter:blur(2px);pointer-events:none}button:active{transform:translateY(0)}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.employee-data{background-color:#fff;display:flex;flex-direction:column;height:100vh!important;overflow-y:scroll;position:absolute;right:0;width:85%;width:calc(100% - 250px)}.employee-data-button{align-items:center;display:flex;gap:1vw;justify-content:flex-end;margin-bottom:-1.5vw;width:97%}.employee-data-button button{color:#fff;font-family:sans-serif;font-size:1.1vw;font-weight:400;width:10vw}.upload-message.success{color:green;font-family:Arial,sans-serif;font-size:11px;font-weight:700;margin-top:-3px}.upload-message.error{color:red;font-family:Arial,sans-serif;font-size:14px;font-weight:700;margin-top:8px}.download-button:disabled{cursor:not-allowed;opacity:.5}.css-1h47bez-MuiTableCell-root{padding:26px!important;text-align:justify!important;width:100%!important}.employee-data-payment{align-items:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:2rem auto;padding:2rem;transition:all .3s ease;width:60%}.employee-data-payment:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.image-upload-container{display:flex;flex-direction:column;gap:.5rem}.image-upload-container input{background-color:#fff;border:1px solid #ddd;border-radius:8px;transition:border-color .3s ease}.image-upload-container input:hover{border-color:#007bff}.image-upload-container input:focus{border-color:#007bff;outline:none}input[type=file]::file-selector-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-right:10px;padding:.5rem 1rem;transition:background-color .3s ease}input[type=file]::file-selector-button:hover{background-color:#0056b3}h1{color:#333;font-weight:700;margin-bottom:1rem;text-align:center}.success-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border-radius:10px;color:#000;padding:20px;text-align:center;width:300px}.modal-content h2{font-size:1.5rem;margin:0}.modal-content p{margin:10px 0}.modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.toggle-label{font-size:16px;margin-right:10px}.toggle-button{background-color:#ccc;border:none;cursor:pointer;font-size:16px;padding:8px 15px;transition:background-color .3s}.toggle-button.on{background-color:#4caf50;color:#fff}.toggle-button.off{background-color:#f44336;color:#fff}.employee-data-download{gap:1vw;margin-top:3vw;width:97%}.employee-data-download,.toggle-container{align-items:center;display:flex;justify-content:center}.toggle-container{background-color:#fafafa;border-radius:10px;box-shadow:0 4px 8px #0000000d;flex-direction:column;margin:0 auto;padding:20px;width:300px}.MuiTypography-root{color:#444}.MuiSwitch-root{margin-top:20px}
/*# sourceMappingURL=main.c66c65df.css.map*/