body{color:#494848;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;margin:0;padding:0}*,body{box-sizing:border-box}li,ul{list-style-type:none;margin:0;padding:0}.sr-only{clip:rect(1px 1px 1px 1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;white-space:nowrap;width:1px!important}a{text-decoration:none}button{cursor:pointer}.box_app{display:flex;text-align:center}@media (max-width:500px){.box_app{flex-direction:column}}.box_navHome{display:flex;justify-content:center}.box_home,.main_newEmployee{margin:0 auto;text-align:center}@media (min-width:500px){.br{display:none}}h1,h2{color:#545252}.main_newEmployee .pageApp_title{margin-top:30px}.main_ListEmployees .pageApp_title{margin-top:20px}.pageApp_title{font-size:2.4rem;margin:20px auto;width:350px}.titleErrorLoading{font-size:2rem;font-weight:700;margin:30px auto;max-width:800px}.box_imgErrorLoading{height:300px;margin:40px auto 20px;width:500px}.box_imgErrorLoading img{height:100%;width:100%}@media (max-width:900px){.titleErrorLoading{font-size:1.2rem;width:350px}.box_imgErrorLoading{height:200px;width:350px}}@media (max-width:500px){.pageApp_title{font-size:2rem}}#containerSpinner{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}#spinner{margin-left:-75px;margin-top:-400px}.spinner{-webkit-animation:spin 1.4s linear infinite;animation:spin 1.4s linear infinite;border-color:#546a03 transparent;border-radius:50%;border-style:solid;border-width:6px;height:120px;width:120px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.textLink{font-weight:700;margin:0 auto}.linkApp>svg{color:#657a1b}.linkApp:hover>svg{color:#728c14}.box_navHome .linkApp>svg{font-size:5rem;height:30%;margin-bottom:30px}header .linkApp>svg{font-size:2.8rem}header .linkApp .br_homeTitle{display:none}.linkApp:hover{background:linear-gradient(335deg,#9abc20 45%,#92b418 55%)}header .linkApp:hover{border-left:11px solid #8aa919;box-shadow:-20px 20px 20px rgba(0,0,0,.5)}.box_navHome .linkApp:hover{border-left:30px solid #8aaa18;box-shadow:-40px 40px 40px rgba(0,0,0,.5)}.linkApp{align-items:center;background:linear-gradient(144deg,#87a420 40%,#91b02d 50%,#9fbc36 60%);border-radius:0 8px 8px 0;color:inherit;color:#595a59;display:flex;-webkit-filter:contrast(1.4) brightness(.8);filter:contrast(1.4) brightness(.8);font-weight:700;text-decoration:none}.box_navHome .linkApp{border-left:30px solid #7f9c16;box-shadow:-50px 50px 50px rgba(0,0,0,.5);flex-direction:column;height:450px;padding:30px;-webkit-transform:rotate(-5deg) skewX(10deg) scale(.8);transform:rotate(-5deg) skewX(10deg) scale(.8);width:300px}header .linkApp{border-left:11px solid #7e9b16;box-shadow:-40px 40px 40px rgba(0,0,0,.5);height:90px;margin:10px 30px 20px 6px;padding:10px;-webkit-transform:rotate(-2deg) skewX(10deg) scale(.8);transform:rotate(-2deg) skewX(10deg) scale(.8);width:280px}header .linkApp .textLink{color:#5a6e2d}.linkApp:before{content:"";left:0;position:absolute}.box_navHome .linkApp:before{background:linear-gradient(148deg,#718722,#718722 55%,#7c9426 70%,#7c9426);height:100%;top:0;-webkit-transform:skewY(-45deg) translate(-57px,-43px);transform:skewY(-45deg) translate(-57px,-43px);width:30px}header .linkApp:before{background:#6c8122;height:100%;top:-1px;-webkit-transform:skewY(311deg) translate(-26px,-20px);transform:skewY(311deg) translate(-26px,-20px);width:16px}.linkApp:after{background:repeating-linear-gradient(0deg,#a7a7a7,#b2b2b2 1px,#fff 0,#fff 3px);bottom:0;content:"";left:0;position:absolute}.box_navHome .linkApp:after{height:30px;-webkit-transform:skewX(-45deg) translate(-11px,30px);transform:skewX(-45deg) translate(-11px,30px);width:106%}header .linkApp:after{height:17px;left:4px;-webkit-transform:skewX(318deg) translate(-6px,17px);transform:skewX(318deg) translate(-6px,17px);width:102%}.box_home .linkApp:hover .textLink{color:#81974a}.box_home .linkApp .textLink{color:#6a7d3b;font-size:2rem;text-shadow:1px 1px #7b9731,1px 2px 1px #7b9731,1px 3px 1px #474141,1px 3px 4px hsla(0,0%,6%,.4),1px 3px 4px hsla(0,0%,6%,.3)}@media (max-width:700px){.box_navHome .linkApp:hover{box-shadow:-30px 30px 30px rgba(0,0,0,.5)}header .linkApp{margin-right:10px}header .linkApp .textLink{margin-left:20px}.box_navHome .linkApp>svg{font-size:3rem;height:25%;margin-bottom:30px}.box_navHome .linkApp,.box_navHome .linkApp:hover{border-left:12px solid #7e9b16}.box_navHome .linkApp{height:240px;margin-left:6px;padding:10px;-webkit-transform:rotate(-2deg) skewX(10deg) scale(.8);transform:rotate(-2deg) skewX(10deg) scale(.8);width:160px}.box_home .linkApp .textLink{color:#677e11;font-size:1.2rem;text-shadow:1px 1px #7b9731,1px 1px 1px #7b9731,1px 2px 1px #4f4f4f,1px 1px 1px hsla(0,0%,6%,.6)}.box_navHome .linkApp:before{content:"";-webkit-transform:skewY(-45deg) translate(-28px,-20px);transform:skewY(-45deg) translate(-28px,-20px);width:16px}.box_navHome .linkApp:after{content:"";height:17px;left:3px;-webkit-transform:skewX(-45deg) translate(-6px,17px);transform:skewX(-45deg) translate(-6px,17px)}}@media (max-width:500px){header .linkApp .br_homeTitle{display:block}header .linkApp .textLink{text-align:center}}.box_home{background:linear-gradient(180deg,transparent,#fff) #e0e5e6;min-height:100vh}.box_home img{height:250px;margin-top:30px;width:280px}.main_newEmployee{display:flex;min-height:100vh;min-width:100%}@media (max-width:900px){.main_newEmployee{flex-direction:column}}.boxDate input{border-radius:10px;box-shadow:inset -6px -6px 6px #e1e1e1,inset 6px 6px 6px #fff;outline:1px solid #dcefe8}@media (max-width:1000px){.box_home img{margin:20px auto 0}.main_newEmployee header{width:400px}}@media (max-width:900px){.main_newEmployee{flex-direction:column}.main_newEmployee header{width:100%}}.boxName{display:flex;justify-content:center}.box_formEntree{position:relative}.boxDate{display:flex;justify-content:center}.box_dateOfBirth,.box_endDate,.box_startDate{align-items:center;display:flex;justify-content:center;margin-left:30px;margin-right:30px;margin-top:15px}.box_dateOfBirth .text_dateOfBirth,.box_endDate .text_endDate,.box_startDate .text_startDate{margin-right:10px}.box_dateOfBirth .css-1ralhbl-MuiFormControl-root-MuiTextField-root,.box_startDate .css-1ralhbl-MuiFormControl-root-MuiTextField-root{vertical-align:middle}.box_dateOfBirth .css-1ralhbl-MuiFormControl-root-MuiTextField-root .MuiInputBase-input,.box_endDate .css-1ralhbl-MuiFormControl-root-MuiTextField-root .MuiInputBase-input,.box_startDate .css-1ralhbl-MuiFormControl-root-MuiTextField-root .MuiInputBase-input{height:20px;padding:8px}@media (max-width:700px){.boxDate{flex-direction:column}.box_startDate{margin-bottom:15px;margin-top:15px}.boxDate .box_startDate .text-startDate{margin-left:0}.box_dateOfBirth,.box_endDate{margin-bottom:15px}}.editEmployeeModal .box_endDate .MuiInputBase-formControl .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{height:40px;padding:8px}.editEmployeeModal .box_endDate .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root input{height:20px}@media (max-width:500px){.box_dateOfBirth,.box_endDate,.box_startDate{margin-left:0;margin-right:0}}.errorMessage{bottom:-18px;color:#d21f1f;font-size:.8rem;font-weight:600;margin:0;position:absolute}.box_dateOfBirth.errorBorder fieldset,.box_endDate.errorBorder fieldset,.box_startDate.errorBorder fieldset,.form-item input.errorBorder{border:1px solid #d21f1f}.address{margin:20px auto 10px}fieldset{border:1px solid #57810b}.box_Department .dropdownMenu li:hover,.box_Department li.focused,.box_State .dropdownMenu li:hover,.box_State li.focused{background-color:#bcd178}@media (max-width:650px){.boxName{display:flex;flex-direction:column}}.formApp .address{align-items:center;background:linear-gradient(180deg,transparent,#f5f5f5) #e0e4e4;display:flex;flex-direction:column}#zipCode{max-width:330px}@media (max-width:650px),(min-width:900px) and (max-width:1000px){.address{flex-direction:column;margin:20px auto}#zipCode{margin-bottom:20px}}.box_titleModal{align-items:center;display:flex;justify-content:center}.formAddModal{left:50%;min-height:300px;min-width:500px}.editEmployeeModal{height:auto;right:100px;z-index:999}.editEmployeeModal .box_titleModal,.formAddModal.confirmationModal .box_titleModal{border-bottom:2px solid #677e11}.editEmployeeModal.deleteEmployeeModal .box_titleModal,.formAddModal.errorConfirmationModal .box_titleModal{border-bottom:2px solid #e01111}.formAppModal .box_titleModal{margin-top:20px}.formAppModal{align-items:center;background-color:#fff;border-radius:8px;box-shadow:-40px 40px 40px rgba(0,0,0,.7);display:flex;flex-direction:column;max-height:99%;padding:20px 30px;position:fixed;top:50%}.formAddModal{z-index:9999}.editEmployeeModal.deleteEmployeeModal,.formAddModal.errorConfirmationModal{border:5px solid #d32f2f;box-sizing:border-box}.editEmployeeModal .box_changeModalName{display:flex;justify-content:center}.editEmployeeModal .box_changeModalName .box_nameLeft,.editEmployeeModal .box_changeModalName .box_nameRight{display:flex;flex-direction:column;text-align:center;width:50%}.box_changeEmployeeData{align-items:center;display:flex;flex-direction:column}.box_nameRight{margin-right:10px}.box_nameLeft{margin-left:10px}.editEmployeeModal .box_changeModalName{margin-top:20px;width:300px}.box_titleModal h2{font-size:1.6rem}@media (max-width:900px){.editEmployeeModal{left:50%;right:inherit}}@media (max-width:700px){.editEmployeeModal .box_titleModal{margin-top:40px}.editEmployeeModal .box_btnsDelete{flex-direction:column}.editEmployeeModal .box_btnsDelete button{margin-top:20px}.formAddModal{min-width:350px}.box_titleModal h2{font-size:1.4rem}}.editEmployeeModal{overflow-y:auto;padding-right:45px}.formAppModal .iconCheckedModal{font-size:2.3rem;margin-right:20px}.modal-title{padding-right:20px}@media (max-width:500px){.iconCheckedModal{font-size:2rem}.formAppModal{padding-left:15px;padding-right:15px;width:95%}}.btn_closeModal{border-radius:50px;height:40px;position:absolute;right:15px;top:15px;width:40px}.btn_closeModal_icon{height:25px;width:25px}.containerNewEmployee{align-items:center;display:flex;flex-direction:column;width:100%}.titleService{color:#545252;font-size:2rem;font-weight:700;margin:10px 0}.header_ListEmployees{align-items:center;background:linear-gradient(180deg,transparent,#e2e5e5) #d6dbdc;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:space-between}.box_logoService{align-items:center;display:flex;width:350px}.header_ListEmployees img{height:92px;margin-left:20px;width:100px}@media (max-width:1000px){.header_ListEmployees img{height:74px;margin:10px 0 0;width:80px}.titleService{font-size:1.5rem;margin-bottom:3px;margin-top:3px}.box_logoService{align-items:center;flex-direction:column;justify-content:center;width:140px}}#create-employee{align-items:center;display:flex;flex-direction:column;padding:0 20px 20px}.containerNewEmployee .btnFormSave{margin:20px auto 30px}.btnFormEdit{margin-bottom:20px}.box_btnsDelete{display:flex;margin:20px auto}.btnFormArchive,.btnFormEdit,.btnFormSave{margin-top:10px;padding:10px 20px;width:300px}.btnFormCancel,.btnFormDelete{margin:5px 20px;padding:10px;width:180px}.btnApp,.btn_closeModal{background-color:#677e11;border:none;color:#fff}.btnApp{border-radius:15px;box-shadow:2px 2px 5px rgba(0,0,0,.5);font-size:1.1rem;text-align:center}.btnFormArchive{margin:30px auto 20px}.btnApp:hover{box-shadow:1px 1px 2px rgba(0,0,0,.2)}.btnApp:hover,.btn_closeModal:hover{background-color:#7e9b16}@media (max-width:500px){.btnApp{width:250px}}.formChangeEmployee .box_endDate .box_input #\:rd\: input,.formChangeEmployee .box_endDate .box_input .MuiInputBase-input .MuiOutlinedInput-input input{height:40px}.box_dateOfBirth .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,.box_startDate .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,.formChangeEmployee .box_endDate .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input input{height:20px;margin:10px;padding:10px}.formChangeEmployee .box_endDate .MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input,.formChangeEmployee .css-1y9arzu .MuiInputBase-input{height:40px}.box_table .editEmployeeModal .box_endDate label,.main_newEmployee .box_formEntree .boxDate .box_dateOfBirth label,.main_newEmployee .box_formEntree .boxDate .box_startDate label{padding-left:8px;padding-right:10px;padding-top:3px}.main_ListEmployees{padding-bottom:30px}.MuiInputBase-input .MuiOutlinedInput-input .css-1x5jdmq{margin:10px}.formApp .box_State .dropdown{z-index:10}.formApp .dropdown{display:inline-block;position:relative}.formApp .dropdownToggle{align-items:center;border:1px solid #57810b;border-radius:4px;cursor:pointer;display:flex;height:35px;justify-content:space-between;padding:6px 12px 6px 30px;width:220px}.box_Department .dropdownToggle{background-color:#fff}.address .dropdownToggle{background-color:#ececec}.formApp .arrow{color:#7d7878;margin-left:8px}.formApp .dropdownMenu{border:1px solid #ccc;border-radius:4px;cursor:pointer;left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:100%}.formApp .box_Department .dropdownMenu{background-color:#fff}.formApp .box_State .dropdownMenu{background:#eef1f1}.formApp .dropdownOptionButton{background-color:initial;border:none;height:100%;padding:8px 12px;width:100%}.bg_modalConfirm{background:rgba(5,5,5,.6);height:100%;left:0;position:fixed;top:0;width:100%}.main_newEmployee .bg_modalConfirm{z-index:9999}.box_table .bg_modalConfirm{z-index:998}.editEmployeeModal .address{padding-bottom:20px}.editEmployeeModal .formChangeEmployee{text-align:center}.editEmployeeModal .name{font-weight:700}.box_changeModalName p{margin-left:6px;margin-right:6px}.box_changeModalName .box_input{padding-bottom:60px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.editEmployeeModal{-webkit-animation:fadeIn .3s ease-out forwards,slideInEdit .3s ease-out forwards;animation:fadeIn .3s ease-out forwards,slideInEdit .3s ease-out forwards}.formAddModal{-webkit-animation:fadeIn .3s ease-out forwards,slideInConfirm .3s ease-out forwards;animation:fadeIn .3s ease-out forwards,slideInConfirm .3s ease-out forwards}.bg_modalConfirm{-webkit-animation:fadeIn .3s ease-out forwards;animation:fadeIn .3s ease-out forwards}.bg_modalConfirm.fadeOut{-webkit-animation:fadeOut .3s ease-out forwards;animation:fadeOut .3s ease-out forwards}.editEmployeeModal.fadeOut{-webkit-animation:fadeOut .3s ease-out forwards,slideOutEdit .3s ease-out forwards;animation:fadeOut .3s ease-out forwards,slideOutEdit .3s ease-out forwards}.formAddModal.fadeOut{-webkit-animation:fadeOut .3s ease-out forwards,slideOutConfirm .3s ease-out forwards;animation:fadeOut .3s ease-out forwards,slideOutConfirm .3s ease-out forwards}@-webkit-keyframes slideInEdit{0%{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}to{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}}@keyframes slideInEdit{0%{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}to{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}}@-webkit-keyframes slideOutEdit{0%{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}to{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}}@keyframes slideOutEdit{0%{-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}to{-webkit-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}}@-webkit-keyframes slideInConfirm{0%{-webkit-transform:translateX(100%) translate(-50%,-50%);transform:translateX(100%) translate(-50%,-50%)}to{-webkit-transform:translateX(0) translate(-50%,-50%);transform:translateX(0) translate(-50%,-50%)}}@keyframes slideInConfirm{0%{-webkit-transform:translateX(100%) translate(-50%,-50%);transform:translateX(100%) translate(-50%,-50%)}to{-webkit-transform:translateX(0) translate(-50%,-50%);transform:translateX(0) translate(-50%,-50%)}}@-webkit-keyframes slideOutConfirm{0%{-webkit-transform:translateX(0) translate(-50%,-50%);transform:translateX(0) translate(-50%,-50%)}to{-webkit-transform:translateX(100%) translate(-50%,-50%);transform:translateX(100%) translate(-50%,-50%)}}@keyframes slideOutConfirm{0%{-webkit-transform:translateX(0) translate(-50%,-50%);transform:translateX(0) translate(-50%,-50%)}to{-webkit-transform:translateX(100%) translate(-50%,-50%);transform:translateX(100%) translate(-50%,-50%)}}@media (max-width:900px){.editEmployeeModal{-webkit-animation:fadeIn .3s ease-out forwards,slideInConfirm .3s ease-out forwards;animation:fadeIn .3s ease-out forwards,slideInConfirm .3s ease-out forwards}.editEmployeeModal.fadeOut{-webkit-animation:fadeOut .3s ease-out forwards,slideOutConfirm .3s ease-out forwards;animation:fadeOut .3s ease-out forwards,slideOutConfirm .3s ease-out forwards}}.formApp .dropdownMenu{max-height:200px;overflow-y:auto}.editEmployeeModal .box_Department .dropdownMenu{max-height:100px;overflow-y:auto}.form-item{background-color:#fff;height:35px;margin-bottom:20px;position:relative;width:280px}.main_newEmployee .boxDate .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{padding:10px}.main_newEmployee .boxDate{width:240px}.form-item input{border:1px solid #bbb;border-radius:4px;box-shadow:inset -6px -6px 6px #e1e1e1,inset 6px 6px 6px #fff;color:#5a5a5a;font-weight:600;height:100%;outline:1px solid #dcefe8;padding:10px;text-align:center;width:260px;width:100%}.form-item input:focus{border:2px solid #97ac53}.form-item input~label{background-color:initial;color:#747474;font-size:.8rem;font-size:.9rem;left:15px;padding:2px 10px;position:absolute;top:5px;transition:all .3s ease}.formApp .form-item input:focus~label{background-color:inherit;border-inline:1px solid #97ac53;color:#7a8f37;font-size:12px;font-weight:700;left:15px;padding:2px;top:-12px}.main_newEmployee .boxName .form-item{margin-top:10px}.formApp .form-item label.up{background-color:inherit;border-inline:1px solid #7e8181;color:#616060;font-size:.8rem;font-weight:700;left:15px;padding:2px 10px;top:-12px}.address .box_streetCity{display:flex;margin-top:10px}@media (max-width:700px){.boxName .form-item{margin-left:15px;margin-right:15px}}@media (max-width:900px){.address .box_streetCity{flex-direction:column}.address .box_streetCity .form-item{margin-left:0;margin-right:0}}form .address input:focus~label,form .address label.up{background:linear-gradient(0deg,#fff 30%,#fff 0,#e4e6e6 0,#e4e6e6 80%);border-inline:1px solid #7e8181}form .address #zipCode:focus~label,form .address #zipCode~label.up{background:linear-gradient(0deg,#fff 30%,#fff 0,#f3f4f4 0,#ececec 80%)}form .form-item input:focus~label{color:#7e9046}form .address .form__linput{margin-bottom:20px}form .box_Department{margin-bottom:20px;margin-top:20px}form .address .box_State{margin-bottom:25px;margin-top:8px}form .address .box_State .p_label,form .box_Department .p_label{color:#616060;font-size:.9rem;font-weight:700}.form__label,form .address .box_State .p_label,form .box_Department .p_label{cursor:text;letter-spacing:1px;padding-inline:.5em;-webkit-user-select:none;user-select:none}.form__label{font-weight:500;left:.9em;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:top .18s linear,font-size .18s linear}.box_Department .form__label{background:#fff}.box_Department .form__label,.box_State .form__label{border-inline:1px solid #7e8181;font-size:.9rem;margin:0;top:0}.formChangeEmployee .address .form__label,.main_newEmployee .address .box_State .p_label{background-color:#e9e9e9}.form-item{margin-left:30px;margin-right:30px}@media (max-width:500px){.form-item{margin-left:0;margin-right:0}}.main_ListEmployees .box_searchGlobal input,.main_ListEmployees .inputSearchByProperty{border-radius:10px;box-shadow:inset -6px -6px 6px #e1e1e1,inset 6px 6px 6px #fff}
/*# sourceMappingURL=main.6ec72dd1.css.map*/