#root{margin:0 auto;padding:2rem;text-align:center;background-color:#f7f7f7;overflow:scroll;width:100%;justify-content:center;display:flex}html{background-color:#f0f0f0!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{background-color:#add8e6}form{background-color:#e0e0e0;padding:20px;height:100px;display:flex;transform:scale(.7);align-items:center;flex-direction:column}.role{background-color:#90ee90;padding:20px;margin-bottom:10px;width:100%;flex:1 1 200px;min-width:150px;max-width:200px}.rolesContainer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px;width:97%!important;border-radius:0!important}form{display:flex;justify-content:space-around;flex-direction:column;flex-wrap:nowrap;gap:8px;width:300px;margin-left:3vw;border:2px solid black;border-radius:10px;transform:scale(.7)}.salary{margin-left:-30px}@media (max-width: 768px){.salary{margin-left:0;padding-left:15px;width:100%}}.rolesHeader{margin-top:70px;margin-left:150px}.addRole{margin-left:150px}.empForm{padding:20px;transform:scale(.7);height:auto;max-width:300px}.deptHeader{margin-left:150px}.deptForm{height:500px;padding-right:50px}.noAudits{margin-top:20px}.dept{background-color:#ffb6c1;border:2px solid black;border-radius:10px;margin-bottom:10px;padding:20px;width:200px;transform:scale(.7);flex:1 1 200px;min-width:150px}.dept p{width:200px}.deptsContainer{display:flex;gap:8px;justify-content:center;width:100%;flex-wrap:wrap;padding:20px}.editDept{background-color:orange;border:2px solid black;border-radius:10px;margin-bottom:20px;padding:20px;width:400px;height:400px;transform:scale(.7);margin-left:-20px}.emp{background-color:gold;border:2px solid black;border-radius:15px;width:440px;display:flex;flex-direction:column;justify-content:flex-start;padding:20px}.empsContainer{display:flex;gap:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;min-height:150px;margin-top:45%}.addEmp{margin-top:20px}.reviewForm{margin-left:-20px;padding-bottom:30px;transform:scale(.7);margin-bottom:40px!important;height:400px;padding-right:40px;font-size:20px}.reviewContainer{display:flex;flex-direction:column;gap:10px;flex-grow:1;margin-top:70px;padding:50px!important;justify-content:center;margin-left:-50px}.reviewSubmit{height:50px;width:100px;font-size:20px;margin-right:25%;text-align:center}.promoteForm{margin-left:25px;margin-top:20px;transform:scale(.7);height:500px}.auditsContainer{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:80%;padding:20px}.audit{background-color:#ffffe0;width:200px;border:2px solid black;border-radius:12px;margin-bottom:10px;padding:20px;flex:1 1 200px;min-width:150px}.audit p{width:200px}body{display:flex;place-items:center;min-width:320px;justify-content:center;align-items:center}#root div{background-color:#fff;padding:20px;border-radius:8px;width:100%;max-width:400px}h1{text-align:center}input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px}button{width:100%;max-width:120px;background-color:#2a9d8f;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0077b6}@media (max-width: 600px){body{padding:0 20px}#root{padding:1rem}#root div{padding:10px}form{width:90%;transform:scale(1)}.role,.dept,.audit{width:100%;background-color:#fff}#root .maxWidthRolesCont{max-width:300px!important}}.employeesCont{position:fixed;left:0;top:0;width:100%;max-width:300px;height:auto;align-items:center;justify-content:center;display:flex}.employeesCont{position:fixed;left:0;top:0;width:300px;height:100vh;overflow-y:auto;padding:20px;box-shadow:2px 0 5px #0000001a;background-color:#e8eaef}.empForm{margin-bottom:20px}#root .editEmpForm{margin-bottom:20px;height:500px;transform:none;height:200vh;z-index:99999;height:300vh!important;width:100vw;position:absolute;z-index:99999999999999;left:-300px;top:-200px!important;align-items:flex-start!important;border-radius:0;max-height:100vh}#root .empsContainer{display:flex;width:80%;flex-direction:column;gap:10px;background-color:#e8eaef!important;margin-left:100px;padding:0 0 30px;transform:scale(.8);margin-top:40%}button{width:100px;margin-top:20px;margin-bottom:20px;margin-left:10px;display:block}.auditsContainer{right:0;top:0;width:100%;max-width:300px;height:100%;overflow-y:auto;overflow-x:hidden;box-shadow:-2px 0 5px #0000001a}.auditContainer{position:fixed;right:0;top:0;width:40%;height:100%;box-shadow:-2px 0 5px #0000001a;padding:20px;background-color:orange!important;margin-left:300px!important;display:flex;flex-direction:column;align-items:center}.auditsContainer{margin-top:100px;padding-bottom:20px;max-height:calc(100% - 40px);background-color:orange!important}.departmentsContainer{padding:20px!important;transform:scale(.7);margin-top:100px;margin-left:-60px;background-color:red}.deptsContainer{display:flex;flex-direction:column;gap:10px;background-color:red!important}.rolesCont{margin-left:-20px;margin-top:-70px!important;height:110vh;position:fixed;gap:10px;background-color:pink!important;padding-bottom:100px;margin-left:-200px}@media (max-width: 768px){.employeesCont,.auditContainer,.auditsContainer{position:static;width:100%;height:auto;padding:10px;box-shadow:none}}.deptForm{margin-bottom:180px}.review{background-color:#f3f4f6!important;display:flex!important;flex-direction:column!important;justify-content:center!important;width:300px!important;height:300px!important;padding-top:100px!important;padding-bottom:100px!important}.review div{width:50%!important;margin-left:20%;margin-top:8px}.review button{margin-left:37%}button{color:#fff!important}.empsContainer h2{margin-left:10%;margin-top:200px;margin-bottom:-450px!important}.emp button{margin-left:30%}.editReviewForm{display:flex!important;flex-direction:column!important;width:40%!important;background-color:#fff!important;border:none;height:60vh;padding-top:20px!important;justify-content:flex-start!important;left:450px;position:absolute;top:100px;max-width:15%}.editRoleForm{background-color:#fff;border:none;width:80%;height:65px!important;transform:none;margin:0;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;gap:50px}.editRoleForm label{display:flex;flex-direction:column;align-items:flex-start}.editRoleForm button{background-color:#76bc21;font-weight:500;margin-top:10px}.roleForm{width:100%;transform:scale(.9);background-color:#fff;border:none;margin-left:0;height:90%!important;padding-right:0!important}.departmentsContainer{overflow-y:auto;margin-left:20%;margin-bottom:30%;margin-left:225px!important;margin-top:-250px!important;z-index:99999999999999;min-height:100vh;top:-160px;min-width:100vw;left:-250px;border-radius:0!important}.dept button{margin-left:30%}.dept p{margin-left:20%}.rolesHeader,.deptHeader,.addRole{margin:10px auto}.rolesHeader,.deptHeader,.addRole{margin:50px}.deptForm button{width:200px}.deptsContainer{justify-content:center}.role button{margin-left:40%}.reviewContainer{display:flex;flex-direction:column;gap:10px;flex-grow:1;margin-top:70px;padding:50px!important;justify-content:center;margin-left:-10px;width:30%;width:80%!important}.departmentsContainer{margin:0;padding:0}.dept{margin-bottom:5px;padding:10px}.departmentsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media (max-width: 768px){.departmentsContainer{flex-direction:column;padding:10px}}.departmentsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px}.dept{background-color:#ffb6c1;border:2px solid black;margin:5px;padding:10px;width:150px;max-height:50px;display:flex;border:none;border-radius:20px}.deptsHeader{margin-top:-100px;margin-left:20%!important}h1{color:#333}body{background-color:#f0f0f0;color:#333}{background-color:#f0f0f0!important}#root{margin:0;width:100vw;max-width:100vw;padding-top:0!important}#root{background-color:#f5f5f7;width:100%;height:90%;max-width:90%;display:flex;justify-content:center;align-items:center}#root .formCont{max-width:50%;width:30%;height:50%;align-items:center;display:flex;justify-content:flex-start;flex-direction:column}#root div{max-width:100%}.signUpForm{height:80%;width:40%;background-color:#fff;box-shadow:0 5px 8px #0003;border:none;display:flex;flex-direction:column;justify-content:flex-start}.signUpForm input{background-color:#00000017;height:60px;border-top:1px solid gray;font-size:20px;padding-left:20px;width:85%;margin-top:50px}.signUpForm button[type=submit]{background-color:#0bf;height:80px;width:90%;max-width:100%;font-size:30px;font-weight:400;margin-top:50px}.logInLink,.signUpLink{font-size:25px;margin-top:50px}.loginForm{width:40%;height:80%;background-color:#fff;box-shadow:0 5px 8px #0003;border:none;display:flex;flex-direction:column;justify-content:flex-start}.loginForm input{background-color:#00000017;height:60px;border-top:1px solid gray;font-size:20px;padding-left:20px;width:85%;margin-top:50px}.loginForm button[type=submit]{background-color:#0bf;height:80px;width:90%;max-width:100%;font-size:30px;font-weight:400;margin-top:50px}#root .navBar{position:fixed;width:100px;z-index:2147483647;height:100vh;left:0;top:0;display:flex;flex-direction:column;gap:10px;border-radius:0}#root .nav-item{padding:0}#root .horizontalNav{background-color:#ff920b;position:fixed;top:0;left:0;border-radius:0;height:30px;z-index:9999}#root .horizontalSubNav{position:fixed;top:70px;left:0;height:20px;display:flex;justify-content:center;align-items:center;z-index:9999;gap:100px}.horizontalSubNav button{height:40px;margin:0;background-color:#ff7b1d1a;color:#ff7b1d!important;font-size:12px;width:150px}.employeesCont{background-color:#f6f5fb!important}.empForm{position:absolute;top:5%;left:20px;width:100%;max-width:100%;background-color:#fff;border:none;border-radius:20px;display:flex;flex-direction:column;align-items:center}.empForm h1{font-size:20px;border-bottom:1px solid #64728c;width:100%;text-align:left;padding-bottom:20px;color:#64728c}.empForm label{display:flex;flex-direction:column;align-items:flex-start}#root .deptCont{max-width:30%}#root .deptCont select{width:100%}#root .roleCont{width:30%}#root .roleCont select{width:100%}.empNameCont{width:30%;margin-top:20px}.salary{width:30%}.empForm button{max-width:30%;width:20%;margin-top:20px}.addEmpBtnCont{width:100%;display:flex;justify-content:flex-end}.empForm input{height:40px;border-radius:15px;font-size:20px;color:gray;padding-left:20px}.empForm select{height:70px;border-color:#d3d3d3;border-radius:15px;font-size:20px;color:gray;padding-left:20px}.empForm button{width:130px;background-color:#76bc21;border-radius:30px;height:50px;font-size:20px;font-weight:600}.divider{border-bottom:1px solid lightgray}.empForm{color:#64728c;font-weight:700}#root{width:100vw;max-width:100vw}#root .rolesCont{background-color:#fff!important;position:absolute;top:230px;padding-left:0;padding-right:0;max-width:80%;left:27%;height:auto}#root .rolesContainer{background-color:#e8eaef;border-top-left-radius:0;border-top-right-radius:0;height:70%;display:flex;overflow:auto;margin-top:0;height:auto}#root .role{max-height:60px;display:flex;justify-content:space-between;align-items:center;width:auto;flex-basis:100%;max-width:80%}.role p{max-height:20px;margin:0}#root .editRoleBtn,#root .deleteRoleBtn{margin:0}#root .roleDetailsCont{height:100%;display:flex;gap:50px;align-items:center;width:300px;justify-content:space-between;font-size:15px!important}#root .roleDetailsCont p:first-of-type{white-space:nowrap;overflow-x:auto;min-width:200px;text-align:left}#root .roleBtnCont{display:flex;width:auto;gap:10px}#root .roleKeys{text-align:left;width:100%;background-color:#e8eaef;gap:80px;margin-left:0;max-width:80%;display:flex;gap:200px}#root .roleDivider{border-bottom:1px solid lightgray;text-align:left;color:#64728c;font-weight:700;width:95%;border-radius:0}#root .recordsFound{text-align:left;color:#64728c;width:95%}.roleForm label{width:80%;display:flex;flex-direction:column;align-items:flex-start;color:#64728c;font-weight:700}.roleForm label:first-of-type{margin-right:30px}.roleForm input{height:30px;border-radius:12px}.roleForm button{background-color:#76bc21;font-weight:700;margin:30px 30px 0 0}#root .deptsContainer{background-color:#e8eaef!important}#root .departmentsContainer{margin:0!important;transform:none;position:absolute;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006}#root .deptsWrapper{background-color:#e8eaef;height:100%;padding-left:0;padding-top:0;display:flex;flex-direction:column;align-items:center;padding-right:0!important}#root .deptsHeadDivider{background-color:#fff;height:100px;margin-bottom:20px;padding:0}.dept p,.dept button{margin:0}#root .dept{border-radius:15px;display:flex;justify-content:space-between;transform:none;width:90%;align-items:center;min-height:100px}#root .deptBtnCont{padding:0;width:300px;display:flex;height:50px;gap:20px;align-items:center}#root .deptBtnCont button{height:40px}#root .dept p{align-items:center;display:flex;justify-content:center}.editDept{position:absolute;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:100vw;transform:none;border:none;background:#0006;justify-content:flex-start;height:100vh;top:-160px;z-index:9999999999999;width:100vw;left:-250px;border-radius:0!important}#root .editDeptContent{width:40%;border-radius:20px;color:#64728c;font-weight:500;margin-top:20px}#root .editDeptContent input{width:90%;border-radius:8px;border-color:#d3d3d3}#root .editDeptContent label{display:flex;flex-direction:column;align-items:flex-start}#root .editDept button{background-color:#76bc21;font-weight:500;border-radius:20px;margin-right:30px;margin-top:40px}#root .editDeptBtnCont{width:100%;display:flex;justify-content:flex-end;align-items:flex-end}#root .deptForm{border:none;width:50%;transform:none;background-color:#fff;margin-top:40px}#root .deptForm label{color:#64728c;font-weight:700;width:90%;display:flex;flex-direction:column;align-items:flex-start}#root .deptForm input{height:30px;border-radius:12px}#root .deptForm button{background-color:#76bc21;font-weight:700;border-radius:20px;margin:0}#root .emp{display:flex;flex-direction:row;justify-content:space-between;border:none;border-radius:50px;width:95%;height:30px}#root .emp p{display:flex;align-items:center}#root .empLabels{width:90%;display:flex;justify-content:space-evenly;color:#64728c;font-weight:700;gap:100px}#root .empEditBtnCont button{margin:0;height:30px;display:flex;align-items:center;justify-content:center;flex:1 1 50%}#root .empEditBtnCont{width:250px;gap:10px;padding:0;align-items:center;display:flex;flex-wrap:wrap;margin:0;justify-content:center;justify-content:flex-start}#root .empsContDivider{height:50px}#root .editEmpForm{position:absolute!important;width:100vw;height:100vh;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;display:flex!important;justify-content:center!important;max-height:100vh}#root .editEmpFormSubWrapper{width:50%;border-radius:40px;display:flex;flex-direction:column;align-items:center;padding-left:130px;transform:scale(.8);height:80%;margin:0}#root .editEmpForm label{display:flex;flex-direction:column;align-items:flex-start;width:100%}#root .editEmpForm input{height:60px;border-radius:12px;border:1px solid lightgray;padding:0 0 0 20px;width:80%}#root .editEmpForm select{height:60px;border-radius:12px;border:1px solid lightgray;padding-left:20px;width:80%}#root .editEmpForm button{background-color:#76bc21;font-weight:700;border-radius:20px;margin-right:30px;margin-top:0}.editEmpFormBtnCont{display:flex;justify-content:flex-end;margin-top:25px;align-items:flex-start;height:20px}.editEmpFormBtnCont button{margin-left:0}#root .auditContainer{background-color:#f3f4f6!important}#root .auditDivider{height:1px;border-bottom:1px solid black;background-color:#d3d3d3;padding:5px;width:85%;margin-left:180px;border-radius:0}#root .auditsContainer{margin-top:0;background-color:#f3f4f6!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:84.3%;border-radius:0;padding:0;width:85.5%;margin-left:183px;box-shadow:none}#root .audit{height:40px;max-height:40px;width:100%;border-radius:0;background-color:#f3f4f6;border:none;border-bottom:2px solid gray;display:flex;justify-content:space-around}#root .audit p{text-align:center}#root .promoteFormCont{width:40%;margin:0;padding:0;flex:1 1 40%}#root .promoteFormCont button{width:100%}#root .promotionCont{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;width:100vw;max-width:100vw;display:flex;justify-content:center;align-items:center;width:300vw;position:absolute;z-index:9999999999;left:-250px;align-items:flex-start;margin-top:-240px;height:100vh;top:50px}#root .promoteForm{background-color:#fff;border:none;width:40%;padding-top:0;align-items:flex-start;padding-left:100px;margin-top:0;height:70%}#root .promoteForm label{width:80%;text-align:left;color:#64728c;font-weight:600;font-size:20px}#root .promoteForm input{height:40px;border-radius:20px;font-size:20px;padding-left:20px}#root .promoteForm button{width:50%;background-color:#76bc21;font-weight:600;border-radius:20px;height:50px;font-size:20px}#root .promoteEmpLabel{border-bottom:1px solid black;width:100%;font-weight:700;font-size:25px;text-align:left;color:#64728c;padding-bottom:10px;margin-bottom:-100px}#root .promoteBtnCont{justify-content:flex-end;display:flex;margin-left:-40px}#root .promoteFormDivider{border-bottom:1px solid lightgray;width:90%;border-radius:0}#root .addReviewBtn{font-size:15px;display:flex;align-items:center}#root .reviewContainer{position:absolute;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;width:200vw;height:300vh;left:-300px;min-width:100vw;align-items:center;justify-content:flex-start;z-index:999999999999999;top:-300px;height:100vh}#root .reviewForm{width:40%;border:none;background-color:#fff;margin-left:70px;height:50%}#root .addReviewLabel{border-bottom:1px solid lightgray;text-align:left;width:80%;font-size:25px;color:#64728c;font-weight:700}#root .reviewForm label{width:80%;display:flex;flex-direction:column;align-items:flex-start}#root .reviewForm input{height:50px;border-radius:15px;font-size:20px;padding-left:20px}#root .reviewForm button{margin:0;display:flex;justify-content:center;width:130px;background-color:#76bc21;border-radius:30px;height:50px;font-size:20px;font-weight:600}#root .addReviewBtnCont{width:100%;display:flex;justify-content:flex-end;margin-top:0}#root .emp{height:auto;flex-wrap:wrap;justify-content:space-evenly}#root .review{padding-top:0!important;padding-bottom:20px!important;margin:0!important;display:flex!important;justify-content:flex-start!important;align-items:flex-start;height:auto!important}#root .reviewComments{padding:"0px"}#root .crudReviewBtnCont{display:flex;padding:0;margin:20px 0 0;background-color:#f3f4f6;min-width:100%;justify-content:flex-end;gap:20px}#root .emp-item-1{flex-direction:row;display:flex;gap:10px;justify-content:space-evenly;width:90%}#root .emp-item-2{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;width:90%;justify-content:center}#root .reviewsHdr{text-align:left;margin-left:180px;margin-top:20px;font-weight:700;flex-basis:100%;text-align:center;margin-right:180px}#root .editReviewFormWrapper{position:absolute;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;max-width:100vw;max-height:100vh;min-height:100vh;justify-content:center;align-items:center;display:flex;z-index:999999999999;top:-300px;left:-300px;height:300vh;width:300vw;max-width:500vw;max-height:500vh}.editReviewForm label{width:90%;text-align:left}.editReviewForm input{height:40px;border-radius:12px;font-size:15px}.editReviewForm button{margin:20px 0 0;display:flex;justify-content:center;width:130px;background-color:#76bc21;border-radius:30px;height:50px;font-size:20px;font-weight:600}#root .editReviewDiv{width:90%;border-bottom:1px solid lightgray;border-radius:0}#root .successMsg{color:green;font-size:20px}#root .errorMsg{color:red;font-size:20px}#root .employeesCont{margin-top:200px;border:none;box-shadow:none;height:auto}#root .empsContainer{margin:0!important;left:14%;top:180px;transform:none;position:absolute}.deleteReviewStatusEle{position:absolute}.hidden{display:none}.cancel{background-color:#fff!important;color:#76bc21!important;border-color:#76bc21}@media (max-width:767px){#root .logInLink{margin-top:0!important;font-size:12px!important}.signUpForm input{margin-top:0!important;max-height:40px!important;padding-top:0;padding-bottom:0}.signUpForm button[type=submit]{margin:0!important;font-size:12px!important;height:30px}.signUpForm{width:80%;transform:none;max-width:500px;height:70%}.loginForm{width:80%;padding-top:0;padding-bottom:0;height:70%}.loginForm button[type=submit]{margin:0!important;font-size:12px!important;padding:0;height:40px}.loginForm input{margin-top:0!important;padding-top:0;padding-bottom:0;height:40px}#root .signUpLink{margin-top:0!important;font-size:12px!important}#root .navBar{width:50px}#root .empForm{width:80%;padding-right:40px;height:auto;left:6%;transform:scale(.5);max-width:500px;margin-top:-50px}#root .empForm h1,#root .empForm label,#root .empForm select,#root .empForm input{height:40px;margin-top:0}#root .empForm label{width:80%}#root .empForm input{margin-top:0}#root .empNameCont{margin:0}#root .empForm .divider{display:none}#root .empNameCont{margin-bottom:15px}#root .empForm .deptCont{max-width:92%;margin-left:20px;margin-top:30px}#root .empForm .roleCont{width:90%;margin-left:20px}#root .empForm .salary{margin-left:0;padding:20px}#root .empForm label[for=roleId]{margin-bottom:5px}.addEmpBtnCont button{min-width:100px;height:30px;display:flex;align-items:center;margin-top:20px}.addEmpBtnCont{margin-top:0}#root .empsContainer{top:40%;left:16%}#root .emp{transform:scale(.8);width:80%!important}#root .empEditBtnCont{width:40%;justify-content:center;margin-left:15px}#root .emp p:nth-of-type(2){flex-basis:100%;margin-left:0!important;display:flex;justify-content:center!important;margin-top:0!important}#root .emp p:first-of-type{margin-top:0}#root{background-color:#f0f0f0!important}#root .promotionCont{left:-250px!important;top:160px;height:180vh}.navBar{height:30px!important;flex-direction:row!important;width:100vw!important}}@media (min-width: 768px)and(max-width: 1000px){.signUpForm{width:80%;transform:none;max-width:500px}.signUpForm button{margin:0!important;font-size:12px!important}.signUpForm input{margin-top:0!important}#root .logInLink{margin-top:0!important;font-size:12px!important}.registerEle{margin-bottom:0!important;margin-top:0!important}.loginForm{width:80%;max-width:500px}.loginForm button[type=submit]{margin:0!important;font-size:12px!important;padding:0;height:40px}.loginForm input{margin-top:0!important;padding-top:0;padding-bottom:0;height:40px}#root .signUpLink{margin-top:0!important;font-size:20px!important}#root .empsContainer{left:16%;top:40%}#root{background-color:#f0f0f0!important}#root .emp{width:80%!important}#root .promotionCont{left:-250px!important;top:160px;height:180vh}.navBar{height:20px!important;flex-direction:row!important;width:100vw!important}#root .emp{gap:90px}#root .empEditSal{margin-left:130px}}@media (max-width:600px){#root .navBar{justify-content:center}#root .horizontalNav{top:50px}#root .horizontalSubNav{top:100px!important;padding-top:20px!important;padding-bottom:20px!important;gap:10px!important}#root .nav-item{width:90px;margin-right:25px}#root .empForm{margin-top:0;left:0;width:80%!important;max-width:500px;transform:scale(.7);top:100px}#root .empsContainer{left:12%}#root .promotionCont{max-width:300vw;top:-200px;z-index:999999999999999;height:320vh;justify-content:flex-start}#root .promoteForm{width:20%;margin-top:250px;height:30%;padding-left:50px;margin-left:240px}#root .promoteBtnCont{padding:0!important;margin-left:0}#root .promoteEmpLabel{width:100%!important;font-size:18px!important;margin-top:10px!important}#root .promoteForm label:nth-of-type(2){margin-top:100px!important}#root .promoteFormDivider{padding:0!important}#root .reviewContainer{left:-40px;padding-left:0!important;height:200vh}#root .reviewForm{margin-left:20px;width:80%;margin-top:-30px!important;height:60%}#root .reviewForm label:nth-of-type(2){margin-top:10px!important}#root .scoreDiv{text-align:left!important;margin-left:-10px!important;padding-bottom:0!important}#root .enterDiv{text-align:left!important;margin-bottom:5px!important;padding:0!important;font-size:10px!important}#root .editEmpForm{width:300vw!important;top:-300px!important;max-height:400vh!important;justify-content:flex-start!important}#root .editEmpFormSubWrapper{transform:scale(.5);height:50%;margin-left:106px;width:45%;margin-top:-50px}#root .editDeptCont{max-width:90%!important;margin-left:0!important}#root .editRoleCont{max-width:95%!important;margin-left:0!important}#root .rolesCont{top:250px;height:50%;max-width:300px!important;left:65%!important;margin-top:160px!important;margin-left:0!important;height:auto!important;position:static!important}#root .maxWidthRolesCont{max-width:300px!important}#root .addJobTitle{margin-left:0!important;font-size:12px;padding-top:0}#root .roleForm{padding:0}#root .salary{padding-left:0;margin-left:-30px}#root .roleForm button{margin:0;padding:5px}#root .roleForm input{max-height:30px!important;padding:0}#root .rolesContainer{padding-left:0!important;padding-right:0!important;max-width:100%!important;width:100%!important}#root .recordsFound{padding-left:10px!important;padding-right:0!important}#root .roleDivider{padding-right:0!important}}@media (min-width:330px) and (max-width:370px){#root .editEmpFormSubWrapper{margin-left:100px}}@media (min-width:370px) and (max-width:389px){#root .editEmpFormSubWrapper{margin-left:80px}}@media (min-width:390px) and (max-width:427px){#root .editEmpFormSubWrapper{margin-left:80px}}@media (min-width:427px) and (max-width:509px){#root .editEmpFormSubWrapper{margin-left:60px}}@media (min-width:510px) and (max-width: 1000px){#root .editEmpFormSubWrapper{margin-left:30px}}@media (min-width:601px) and (max-width:767px){#root .horizontalNav{top:70px!important}#root .horizontalSubNav{top:140px!important}#root .empForm{margin-top:0;left:10%;width:80%!important;max-width:500px;transform:scale(.7);top:150px}#root .empNameCont{width:80%}#root .deptCont{max-width:85%!important;margin-left:30px!important}#root .roleCont{max-width:85%!important;margin-left:30px!important;width:85%}#root .salary{max-width:85%!important;width:80%}#root .deptCont label,#root .roleCont label{margin-bottom:10px}#root .empsContainer{left:12%;top:250px}#root .empsContainer{left:12%}#root .promotionCont{max-width:300vw;top:-200px;z-index:999999999999999;height:320vh;justify-content:flex-start}#root .promoteForm{width:20%;margin-top:7%;height:30%;padding-left:50px;margin-left:240px}#root .promoteBtnCont{padding:0!important;margin-left:0}#root .promoteEmpLabel{width:100%!important;font-size:18px!important;margin-top:10px!important}#root .promoteForm label:nth-of-type(2){margin-top:100px!important}#root .promoteFormDivider{padding:0!important}#root .reviewContainer{left:-40px;padding-left:0!important;height:250vh;margin-top:-20px;margin-left:-70px}#root .reviewForm{margin-left:2%;width:80%;margin-top:-30px!important;height:60%}#root .reviewForm label:nth-of-type(2){margin-top:10px!important}#root .scoreDiv{text-align:left!important;margin-left:-20px!important;padding-bottom:0!important}#root .enterDiv{font-size:12px!important;text-align:left!important;margin-bottom:5px!important}#root .editEmpForm{width:300vw!important;top:-300px!important;max-height:400vh!important;justify-content:flex-start!important}#root .editEmpFormSubWrapper{transform:scale(.5);height:50%;width:45%;margin-left:0;margin-top:-100px;font-size:30px}#root .editEmpFormSubWrapper label,#root .editEmpFormSubWrapper input,#root .editEmpFormSubWrapper select{font-size:30px}#root .editPersonalDetails{font-size:40px}#root .editDeptCont{max-width:90%!important;margin-left:0!important}#root .editRoleCont{max-width:95%!important;margin-left:0!important}#root .rolesCont{max-width:300px!important;left:55%!important;top:280px;height:auto!important;position:static!important;margin-left:0!important;margin-top:350px!important}#root .maxWidthRolesCont{max-width:500px!important;left:42%!important;height:auto!important;overflow:auto;padding:0!important}#root .addJobTitle{font-size:12px;padding:0;margin-left:10px!important}#root .roleForm{padding:0}#root .salary{padding-left:0;margin-left:-30px}#root .roleForm button{margin:0;padding:5px}#root .roleForm input{max-height:30px!important;padding:0}#root .roleKeys{gap:0;justify-content:center;align-items:center}#root .role{max-height:200px}#root .roleDetailsCont{gap:0px;height:50px;flex-direction:column}#root .roleDetailsCont p{text-align:center!important;max-width:80%}#root .roleKeys span{margin:0!important}#root .roleDivider,#root .recordsFound{padding-left:5px;padding-right:5px}#root .rolesContainer{padding-right:0;padding-left:10px;width:100%!important}#root .editRoleForm{flex-direction:column;height:auto!important}#root .editRoleDiv{display:flex;padding:0;flex-direction:column;gap:0px!important}#root input{width:90%}#root .editRoleForm .cancel{margin-right:0!important;margin-left:70px!important;margin-top:-30px!important}#root .editRoleForm button[type=submit]{margin-left:70px!important;margin-top:-30px!important}#root .editRoleForm button{margin-left:160px!important}#root .deptsHeadDivider{margin-top:0;margin-bottom:10px!important;margin-right:0}#root .deptsHeadDivider button{margin-top:0!important;margin-right:10px!important}#root .dept{flex-direction:column;max-height:100%!important;padding:0!important}#root .dept p:first-of-type{margin-top:10px!important}#root .deptBtnCont{margin-left:50px;margin-left:30px!important}#root .editDept{max-width:300vw!important;height:130vh;width:300vw!important;margin:0;top:-140px}#root .editDeptContent{width:20%;transform:scale(.8);margin-top:100px!important;position:absolute;left:16%!important}#root .deptForm{width:60%!important;margin-left:150px!important;margin-top:160px!important;height:80%!important;padding:20px}#root .deptForm label:first-of-type{font-size:15px!important}#root .deptForm label{width:90%!important;max-width:100%!important}#root .auditContainer{margin-left:0!important;position:absolute}#root .auditDivider:first-of-type{margin-top:60px}#root .auditDivider{margin-left:20px}#root .numLogEntries{margin-left:25px!important}#root .auditLabels{margin-left:25px!important;gap:40px!important}#root .auditLabels .auditLabelDate,#root .auditDate{margin-right:40px!important}#root .audit p{font-size:12px}#root .auditsContainer{margin-left:25px}#root .editEmpNameLabel{margin-left:-20px}#root .editEmpFormSalaryLabel{margin-left:-30px}#root .editEmpFormSubWrapper{height:65%!important}#root .editPersonalDetails{font-size:40px!important}.editEmpFormBtnCont button{min-width:200px!important}#root .reviewForm{height:100%;position:absolute;top:-45px;margin-left:0;left:70px}#root .reviewContainer{left:30px}#root .promoteForm{position:absolute;top:280px!important;left:10px!important}#root .promoteBtnCont .successMsg,#root .promoteBtnCont .errorMsg{text-align:center!important}#root .promoteForm{left:100px!important;height:35%;top:250px!important}#root .promoteBtnCont{flex-direction:column;align-items:center}#root .promoteBtnCont .cancel{margin-left:0!important;margin-right:0!important;margin-bottom:10px!important}#root .promoteFormCont{justify-content:center;display:flex}#root .roleForm .successMsg,#root .roleForm .errorMsg{width:90%}#root .roleForm .successMsg,#root .roleForm .errorMsg{background-color:green!important;color:#fff!important;font-weight:700!important;width:100%!important;max-width:100%!important}#root .editRoleStatusEle{margin-left:0!important;margin-top:-40px;width:90%}#root .editDeptBtnCont{flex-direction:column!important;gap:10px;align-items:center!important}#root .editDeptContent{left:18%!important;top:-75px;margin-top:0!important;transform:scale(.7)!important}#root .editDeptBtnCont .successMsg,#root .editDeptBtnCont .errorMsg{width:90%!important;margin-left:0!important}#root .editDeptBtnCont button{margin:0!important}#root .editDept{height:100vh!important;top:0;position:fixed}#root .dept .successMsg,#root .dept .errorMsg{margin-right:0!important;margin-left:20px!important;width:80%;font-size:15px}#root .reviewsHdr{margin-left:35%}#root .editReviewForm{height:auto;transform:scale(.6);left:200px;top:220px;width:40%!important;max-width:100%}#root .editReviewMsg{gap:10px}#root .editReviewMsg .cancel{margin-right:0!important}#root .editReviewMsg .successMsg{margin-left:0!important}#root .editReviewForm label{flex-direction:column!important;display:flex!important}#root .deleteReviewStatusEle{background-color:green;color:#fff;width:60%!important;left:-20px!important}#root .editEmpNameLabel input,#root .editEmpFormSalaryLabel input{margin-top:0!important}#root .empForm .deptCont label{margin-bottom:0!important;justify-content:flex-end!important}#root .empForm .roleCont label{justify-content:flex-end!important;margin-bottom:0!important}#root .empForm .salary input{margin-top:0!important}}@media (min-width:768px) and (max-width: 1000px){#root .empForm{margin-top:0;left:20%;width:80%!important;max-width:500px;transform:scale(.7);top:100px}#root .empNameCont{width:80%}#root .deptCont{max-width:85%!important;margin-left:30px!important}#root .roleCont{max-width:85%!important;margin-left:30px!important;width:85%}#root .salary{max-width:85%!important;width:80%}#root .deptCont label,#root .roleCont label{margin-bottom:10px}#root .empsContainer{left:12%;top:250px}#root .empsContainer{left:12%}#root .promotionCont{max-width:300vw;top:-200px;z-index:999999999999999;height:320vh;justify-content:flex-start}#root .promoteForm{width:20%;height:30%;padding-left:50px;margin-left:10%;margin-top:160px;max-width:700px}#root .promoteBtnCont{padding:0!important;margin-left:0}#root .promoteEmpLabel{width:100%!important;font-size:18px!important;margin-top:10px!important}#root .promoteForm label:nth-of-type(2){margin-top:100px!important}#root .promoteFormDivider{padding:0!important}#root .reviewContainer{left:-40px;padding-left:0!important;height:250vh;margin-top:-20px;margin-left:-200px;min-width:300vw!important}#root .reviewForm{margin-left:2%;width:80%;margin-top:-30px!important;height:60%;width:20%;position:absolute;margin-left:0;left:7%}#root .reviewForm label:nth-of-type(2){margin-top:10px!important}#root .scoreDiv{text-align:left!important;margin-left:-20px!important;padding-bottom:0!important}#root .enterDiv{font-size:12px!important;text-align:left!important;margin-bottom:5px!important}#root .editEmpForm{width:300vw!important;top:-300px!important;max-height:400vh!important;justify-content:flex-start!important}#root .editEmpFormSubWrapper{transform:scale(.5);height:50%;width:45%;margin-left:-50px;margin-top:-100px}#root .editRoleCont{max-width:95%!important}#root .rolesCont{max-width:500px!important;top:300px;left:48%!important;margin-left:0!important;height:auto!important;position:static!important;margin-top:350px!important}#root .maxWidthRolesCont{max-width:800px!important}#root .addJobTitle{font-size:12px;padding:0;margin-left:10px!important}#root .roleForm{padding:0}#root .salary{padding-left:0;margin-left:-30px}#root .roleForm button{margin:0;padding:5px}#root .roleForm input{max-height:30px!important;padding:0}#root .roleKeys{gap:0;justify-content:center;align-items:center}#root .role{max-height:200px}#root .roleDetailsCont{gap:0px;height:50px;flex-direction:column}#root .roleDetailsCont p{text-align:center!important;max-width:100%}#root .roleKeys span{margin:0!important}#root .roleDivider,#root .recordsFound{padding-left:5px;padding-right:5px}#root .rolesContainer{padding-right:0;padding-left:10px}#root .editRoleForm{flex-direction:column;height:auto!important}#root .editRoleDiv{display:flex;padding:0;flex-direction:column;gap:0px!important}#root input{width:90%}#root .editRoleForm .cancel{margin-right:0!important;margin-left:240px!important;margin-top:-30px!important}#root .editRoleForm button[type=submit]{margin-left:240px!important;margin-top:-30px!important}#root .editRoleForm button{margin-left:240px!important}#root .editRoleForm label{width:60%!important;margin-left:130px}#root .deptsHeadDivider{margin-top:0;margin-right:0;margin-bottom:10px!important;width:90%!important}#root .deptsHeadDivider button{margin-top:0!important;margin-right:10px!important}#root .dept{flex-direction:column;max-height:100%!important;padding:0!important}#root .dept p:first-of-type{margin-top:10px!important}#root .deptBtnCont{margin-left:100px!important}#root .f{left:45%!important}#root .editDept{max-width:300vw!important;top:-140px;height:130vh;width:300vw!important;margin:0}#root .editDeptContent{left:15%!important;width:20%;transform:scale(.8);margin-top:100px!important;position:absolute;max-width:600px!important}#root .editDept{max-width:300vw!important;height:130vh;width:300vw!important;margin:0;top:-140px}#root .editDeptContent{width:20%;transform:scale(.8);margin-top:100px!important;position:absolute;left:16%!important}#root .deptForm{width:60%!important;margin-left:150px!important;margin-top:160px!important;height:80%!important;padding:20px;max-width:500px}#root .deptForm label:first-of-type{font-size:15px!important}#root .deptForm label{width:90%!important;max-width:100%!important}#root .auditContainer{margin-left:0!important;position:absolute}#root .auditDivider:first-of-type{margin-top:60px}#root .auditDivider{margin-left:20px}#root .numLogEntries{margin-left:25px!important}#root .auditLabels{margin-left:25px!important;gap:80px!important}#root .auditLabels .auditLabelDate,#root .auditDate{margin-right:40px!important}#root .audit p{font-size:12px}#root .auditsContainer{margin-left:25px;flex-direction:row!important;flex-wrap:wrap!important}#root .audit{flex-basis:100%!important}#root .auditContainer{height:auto!important}#root .editEmpFormSalaryLabel{margin-left:0!important}#root .editEmpFormSubWrapper{height:55%!important}#root .editEmpFormSubWrapper,#root .editEmpFormSubWrapper label,#root .editEmpFormSubWrapper input,#root .editEmpFormSubWrapper select{font-size:30px}#root .editEmpNameLabel{margin-left:-20px}#root .editEmpFormSalaryLabel{margin-left:-30px}#root .editEmpFormSubWrapper{height:65%!important}#root .editPersonalDetails{font-size:40px!important}.editEmpFormBtnCont button{min-width:200px!important}#root .enterDiv{font-size:20px!important}#root .reviewForm{height:100%;position:absolute;top:-45px;margin-left:0;left:13%!important;max-width:800px}#root .promoteForm{position:absolute;top:250px;left:13%;margin-left:0;width:50%;left:8.5%!important;min-width:35%;max-width:800px!important;min-width:300px}#root .promoteForm .cancel{margin-top:0}#root .roleForm .successMsg,#root .roleForm .errorMsg{background-color:green!important;color:#fff!important;font-weight:700!important;width:60%!important;max-width:100%!important}#root .editRoleStatusEle{margin-left:0!important;margin-top:-40px;width:90%}#root .editDeptBtnCont{flex-direction:column!important;gap:10px;align-items:center!important}#root .editDeptBtnCont .successMsg,#root .editDeptBtnCont .errorMsg{width:90%!important}#root .editDeptBtnCont button{margin:0!important}#root .editDept{position:fixed}#root .editDeptContent{transform:scale(.7);top:-35px}#root .dept .successMsg,#root .dept .errorMsg{margin-right:0!important;margin-left:20px!important;width:80%}#root .reviewsHdr{margin-left:35%}#root .editReviewForm{height:auto;transform:scale(.6);left:13%;top:220px;width:40%!important;max-width:800px}#root .editReviewForm label{flex-direction:column;display:flex}#root .editReviewMsg{gap:10px}#root .editReviewMsg .cancel{margin-right:0!important}#root .editReviewMsg .successMsg{margin-left:0!important}#root .deleteReviewStatusEle{background-color:green;color:#fff;width:40%!important;max-width:400px!important}#root .empNameCont{margin-bottom:0!important}#root .empForm .salary input{margin-top:10px!important}#root .empNameCont span{margin-bottom:0!important}#root .editEmpNameLabel input,#root .editEmpFormSalaryLabel input,#root .empForm .empNameCont input,#root .empForm .salary input{margin-top:0!important}#root .empForm .deptCont label{margin-bottom:0!important}#root .empForm .roleCont label{justify-content:flex-end!important;margin-bottom:0!important}}@media (min-width:985px) and (max-width: 1000px){#root .empForm{left:25%!important}}@media (min-width:1100px) and (max-width: 1000px){#root .empForm{left:30%!important}}@media (min-width:1400px) and (max-width: 1000px){#root .empForm{left:32%!important}}@media (min-width:320px) and (max-width: 1000px){html{overflow-x:hidden}#root .emp{transform:none}}@media (min-width:800px) and (max-width:900px){#root .maxWidthRolesCont{left:32%!important;max-width:700px!important;overflow:auto;height:auto}#root .rolesContainer{width:100%!important;max-width:100%!important}#root .roleDetailsCont{width:100%}}@media (min-width:901px) and (max-width:1200px){#root .maxWidthRolesCont{left:38%!important;max-width:700px!important;overflow:auto;height:auto}#root .rolesContainer{width:100%!important;max-width:100%!important}#root .roleDetailsCont{width:100%}#root .auditLabels{gap:130px!important}}@media (min-width:1201px) and (max-width: 1000px){#root .maxWidthRolesCont{left:39.5%!important;max-width:700px!important;overflow:auto;height:auto}#root .rolesContainer{width:100%!important;max-width:100%!important}#root .roleDetailsCont{width:100%}#root .auditLabels{gap:200px!important}}@media (min-width:900px) and (max-width:1000px){#root .editEmpFormSubWrapper{max-width:900px;margin-left:100px}}@media (min-width:1000px) and (max-width: 1000px){#root .editEmpFormSubWrapper{max-width:900px;margin-left:4%}}@media (min-width:1300px) and (max-width: 1000px){#root .editEmpFormSubWrapper{max-width:900px;margin-left:6%;height:55%!important}#root .editEmpFormSubWrapper label,#root .editEmpFormSubWrapper input,#root .editEmpFormSubWrapper select{font-size:25px}#root .editEmpFormSubWrapper .editDeptCont{margin-left:10px!important}#root .editEmpFormSubWrapper .editRoleCont{margin-left:0!important}#root .editEmpFormSubWrapper{font-size:30px}#root .editEmpFormBtnCont .cancel{padding-left:20px!important}#root .editEmpFormSalaryLabel{margin-left:-20px!important}#root .editEmpNameLabel{margin-left:-20px}#root .editEmpFormSalaryLabel{margin-left:-30px}#root .editEmpFormSubWrapper{height:65%!important}#root .editPersonalDetails{font-size:40px!important}.editEmpFormBtnCont button{min-width:200px!important}#role .editEmpFormBtnCont div:first-of-type{font-size:30px}}@media (min-width:320px) and (max-width:330px){#root .rolesCont{margin-top:160px!important;height:auto!important;position:static!important;margin-left:-50px!important}#root .maxWidthRolesCont{max-width:300px!important;left:65%!important;margin-top:300px!important;margin-left:-50px!important}#root .maxWidthRolesCont .role{flex-direction:column}#root .roleKeys{gap:0;flex-direction:column;justify-content:center;align-items:center}#root .role{max-height:200px}#root .roleDetailsCont{gap:0px;height:50px;flex-direction:column}#root .roleDetailsCont p{max-width:100%}#root .roleKeys span{margin:0!important}#root .editRoleForm{flex-direction:column;height:auto!important}#root .editRoleDiv{display:flex;padding:0;flex-direction:column;gap:0px!important}#root input{width:90%}#root .editRoleForm .cancel{margin-right:0!important;margin-left:70px!important;margin-top:-30px!important}#root .editRoleForm button[type=submit]{margin-left:70px!important;margin-top:-30px!important}#root .deptsHeadDivider{margin:0 10px 10px;width:90%;margin-bottom:0!important}#root .deptsHeadDivider button{margin-top:0!important;margin-right:10px!important}#root .dept{flex-direction:column;max-height:100%!important}#root .deptBtnCont{margin-left:20px;width:80%}#root .editDept{max-width:100vw!important;height:130vh;width:100vw!important;margin:0;left:0!important;top:0!important}#root .editDeptContent{width:80%;transform:scale(.8);margin-top:-40px!important;position:absolute;left:3%!important}#root .deptForm{width:60%!important;margin-left:70px!important;margin-top:160px!important;height:80%!important;padding:20px}#root .deptForm label:first-of-type{font-size:15px!important}#root .deptForm label{width:100%!important;max-width:100%!important}#root .auditContainer{margin-left:0!important;position:absolute}#root .auditDivider:first-of-type{margin-top:60px}#root .auditDivider{margin-left:20px}#root .numLogEntries{margin-left:25px!important}#root .auditLabels{margin-left:25px!important;gap:0!important}#root .auditLabels .auditLabelDate,#root .auditDate{margin-right:40px!important}#root .audit p{font-size:12px}#root .auditsContainer{margin-left:25px}#root .addEmpBtnCont{flex-direction:column}#root .addEmpBtnCont button[type=submit]{margin-left:170px;height:40px}#root .addEmpBtnCont div:first-of-type{margin-top:20px}#root .editEmpFormBtnCont{flex-wrap:wrap;margin-top:10px;gap:10px;text-align:left}#root .editEmpFormBtnCont div:first-of-type{margin-left:30px;min-width:100%;min-height:150px}#root .editEmpFormBtnCont button{margin-top:-70px;min-width:180px}#root .editEmpFormSubWrapper{font-size:30px;height:70%}#root .editEmpFormSubWrapper input,#root .editEmpFormSubWrapper select{font-size:30px}#root .editPersonalDetails{font-size:40px!important}#root .editEmpForm label{margin-top:10px!important}#root .addReviewBtnCont{flex-direction:column}#root #reviewAddMsg{margin-left:0!important}#root .addReviewBtnCont button{align-self:center;margin-bottom:10px}#root .addReviewBtnCont .reviewSubmit{align-self:center;margin:0!important}#root .reviewForm{height:100%;position:absolute;top:-45px;margin-left:0;left:30px}#root .addReviewBtnCont .cancel{margin-top:20px}#root .promoteForm{position:absolute;top:150px;left:40px;height:35%}#root .promoteBtnCont{flex-direction:column;align-items:center}#root .promoteBtnCont button[type=submit]{margin-top:10px!important}#root .promoteBtnCont button{margin-left:0!important}#root .promoteBtnCont .cancel{margin-top:10px;margin-right:0!important}.promoteForm{width:30%!important;left:-10px!important}#root .promoteBtnCont .successMsg,#root .promoteBtnCont .errorMsg{text-align:center!important;font-size:15px}#root .emp{gap:0px!important}#root .rolesCont{margin-top:250px!important}#root .addJobTitle{margin-left:10px!important}#root .roleForm input{padding-left:10px}#root .roleForm .successMsg,#root .roleForm .errorMsg{background-color:green!important;color:#fff!important;font-weight:700!important;width:100%!important;max-width:100%!important}#root .editRoleStatusEle{margin-left:0!important;margin-top:-40px}#root .deptForm{width:80%!important;margin-left:30px!important}#root .editDeptBtnCont{flex-direction:column!important;gap:10px;align-items:center!important}#root .editDeptBtnCont .successMsg,#root .editDeptBtnCont .errorMsg{width:90%!important;margin-left:0!important}#root .editDeptBtnCont button{margin:0!important}#root .dept .successMsg,#root .dept .errorMsg{margin-right:0!important;margin-left:40px!important;width:80%;font-size:15px}#root .reviewsHdr{margin-left:35%}#root .editReviewForm{height:auto;transform:scale(.6);left:235px;top:200px;width:40%!important;max-width:100%}#root .editReviewMsg{flex-direction:column!important;align-items:center}#root .editReviewMsg .cancel{margin-right:0!important}#root .editReviewMsg .successMsg{margin-left:0!important}#root .deleteReviewStatusEle{background-color:green;color:#fff;width:100%!important;left:-65px!important}#root .editEmpNameLabel input,#root .editEmpFormSalaryLabel input{margin-top:0!important}#root .empForm .empNameCont span{margin-bottom:0!important}#root .empForm .deptCont label{justify-content:flex-end!important}#root .empForm .roleCont label{justify-content:flex-end!important;margin-bottom:0!important}#root .empForm .salary input{margin-top:0!important}#root .empsContainer{top:50%!important}}@media (min-width:331px) and (max-width:600px){#root .rolesCont{margin-top:160px!important;margin-left:0!important;height:auto!important;position:static!important}#root .maxWidthRolesCont{max-width:300px!important;left:64%!important;margin-top:300px!important;margin-left:-50px!important}#root .maxWidthRolesCont .role{flex-direction:column}#root .roleKeys{gap:0;flex-direction:column;justify-content:center;align-items:center}#root .role{max-height:200px}#root .roleDetailsCont{gap:0px;height:50px;flex-direction:column}#root .roleDetailsCont p{text-align:center!important;max-width:100%}#root .roleKeys span{margin:0!important}#root .editRoleForm{flex-direction:column;height:auto!important}#root .editRoleDiv{display:flex;padding:0;flex-direction:column;gap:0px!important}#root input{width:90%}#root .editRoleForm .cancel{margin-right:0!important;margin-left:70px!important;margin-top:-30px!important}#root .editRoleForm button[type=submit]{margin-top:-30px!important}#root .deptsHeadDivider{margin:0 10px 10px;width:90%;margin-bottom:0!important}#root .deptsHeadDivider button{margin-top:0!important;margin-right:10px!important}#root .dept{flex-direction:column;max-height:100%!important}#root .deptBtnCont{margin-left:20px;width:80%}#root .editDept{max-width:300vw!important;height:130vh;width:300vw!important;margin:0;left:0!important;top:0!important}#root .deptForm{width:60%!important;margin-left:100px!important;margin-top:160px!important;height:80%!important;padding:20px}#root .deptForm label:first-of-type{font-size:15px!important}#root .deptForm label{width:100%!important;max-width:100%!important}#root .auditContainer{margin-left:0!important;position:absolute}#root .auditDivider:first-of-type{margin-top:60px}#root .auditDivider{margin-left:20px}#root .numLogEntries{margin-left:25px!important}#root .auditLabels{margin-left:25px!important;gap:20px!important}#root .auditLabels .auditLabelDate,#root .auditDate{margin-right:40px!important}#root .audit p{font-size:12px}#root .auditsContainer{margin-left:25px}#root .addEmpBtnCont{flex-direction:column}#root .addEmpBtnCont button[type=submit]{margin-left:170px;height:40px}#root .addEmpBtnCont div:first-of-type{margin-top:20px}#root .editEmpFormBtnCont{flex-wrap:wrap;margin-top:10px;gap:10px;text-align:left}#root .editEmpFormBtnCont div:first-of-type{margin-left:30px;min-width:100%;min-height:150px}#root .editEmpFormBtnCont button{margin-top:-70px;min-width:180px}#root .editEmpFormSubWrapper{font-size:30px;height:70%}#root .editEmpFormSubWrapper input,#root .editEmpFormSubWrapper select{font-size:30px}#root .editPersonalDetails{font-size:40px!important}#root .editEmpForm label{margin-top:10px!important}#root .addReviewBtnCont{flex-direction:column}#root #reviewAddMsg{margin-left:0!important}#root .addReviewBtnCont button{align-self:center;margin-bottom:10px}#root .addReviewBtnCont .reviewSubmit{align-self:center;margin:0!important}#root .reviewForm{height:100%;position:absolute;top:-45px;margin-left:0;left:50px}#root .addReviewBtnCont .cancel{margin-top:20px}#root .promoteForm{position:absolute;top:150px;height:35%;width:30%;left:-10px}#root .promoteBtnCont button[type=submit]{margin-top:10px!important;margin-right:20px}#root .promoteBtnCont button{margin-left:20px!important}#root .promoteBtnCont{flex-direction:column;align-items:center}#root .promoteBtnCont .cancel{margin-top:10px}#root .promoteBtnCont .successMsg,#root .promoteBtnCont .errorMsg{text-align:center!important}#root .promoteFormCont{justify-content:center!important;display:flex}#root .rolesCont{margin-top:250px!important;margin-left:0!important}#root .addJobTitle{margin-left:10px!important}#root .roleForm .successMsg,#root .roleForm .errorMsg{background-color:green!important;color:#fff!important;font-weight:700!important;width:100%!important;max-width:100%!important}#root .roleForm input{padding-left:10px}#root .editRoleStatusEle{margin-left:0!important;margin-top:-40px}#root .deptForm{width:75%!important;margin-left:10%!important}#root .editDeptBtnCont{flex-direction:column!important;gap:10px;align-items:center!important}#root .editDeptBtnCont .successMsg,#root .editDeptBtnCont .errorMsg{width:90%!important;margin-left:0!important}#root .editDeptBtnCont button{margin:0!important}#root .dept .successMsg,#root .dept .errorMsg{margin-right:0!important;margin-left:20px!important;font-size:15px;width:80%}#root .reviewsHdr{margin-left:35%}#root .editReviewForm{height:auto;transform:scale(.6);left:220px;top:200px;width:40%!important;max-width:100%}#root .editReviewMsg{flex-direction:column!important;align-items:center}#root .editReviewMsg .cancel{margin-right:0!important}#root .editReviewMsg .successMsg{margin-left:0!important}#root .editReviewForm label{flex-direction:column!important;display:flex!important}#root .deleteReviewStatusEle{background-color:green;color:#fff;width:100%!important;left:-70px!important}#root .editEmpNameLabel input,#root .editEmpFormSalaryLabel input{margin-top:0!important}#root .empForm .empNameCont span{margin-bottom:0!important}#root .empForm .deptCont label{justify-content:flex-end!important}#root .roleCont label{justify-content:flex-end!important;margin-bottom:0!important}#root .empForm .salary input{margin-top:0!important}#root .empsContainer{top:20%!important}}@media (min-width:320px) and (max-width: 1000px){.loginForm{margin-left:-40px}.signUpForm{margin-left:-45px}#root .editDeptCont,#root .editRoleCont{min-width:100%!important}#root .editEmpFormBtnCont .successMsg,#root .editEmpFormBtnCont .errorMsg{font-size:30px}#root #deleteEmpEle{background-color:#f0f0f0!important;margin-top:10px}#root #reviewAddMsg{margin:0 10px 0 0!important;font-size:20px!important;min-width:52%;padding:0}#root .reviewContainer{max-height:100%!important;min-height:100%!important;max-height:100vh!important;margin-top:0;top:0;position:fixed}#root .promotionCont{position:fixed}#root .roleForm input{padding-left:10px}#root .recordsFound,#root .roleDivider{padding-left:20px!important;width:90%}#root .maxWidthRolesCont{margin-top:400px!important}#root .maxWidthRolesCont .rolesContainer{overflow:hidden!important}#root .horizontalSubNav button{width:90px;font-size:10px}#root .horizontalSubNav button:first-of-type{margin-left:-20px}#root .reviewsHdr{width:100%!important;margin:20px 0 0!important;text-align:center!important}#root .reviewComments{width:100%!important;text-align:center!important}#root .emp-item-2 .review div:first-of-type span:nth-child(2){font-size:12px!important;margin-top:-40px!important}#root .emp-item-2 .review div:first-of-type{justify-content:center!important;flex-direction:column;align-items:center!important}#root .emp{padding-bottom:20px!important}#root .editReviewFormWrapper{position:fixed}#root .empForm .salary input{margin-top:20px}#root .empForm .salary{height:auto}#root .editReviewMsg .errorMsg{margin-left:0!important}#root .loginForm button{font-size:20px!important}}@media (min-width:900px) and (max-width: 1000px){#root .promoteForm{left:12%!important}}@media (min-width:1100px) and (max-width: 1000px){#root .promoteForm{left:14%!important;max-width:800px!important;min-width:300px}}@media (min-width:800px) and (max-width:991px){.emp{gap:80px!important}}@media (min-width:768px) and (max-width:884px){#root .emp{gap:30px!important}}@media (min-width:885px) and (max-width: 1000px){#root .emp-item-2{margin-top:-70px}}@media (min-width:600px) and (max-width: 1000px){#root .rolesCont{margin-top:250px!important}}@media (max-width:599px) and (max-width: 1000px){#root .rolesCont{margin-top:200px!important}}#root{height:100vh}@media (min-width:1240px){.reviewForm{height:70%!important}.scoreDiv{text-align:left!important;padding-left:0!important}.reviewContainer{position:fixed!important;left:0!important;top:-100px!important}.editEmpFormBtnCont .successMsg{padding-top:0!important}.empEditBtnCont .successMsg,.empEditBtnCont .errorMsg{position:absolute!important}.deleteReviewStatusEle{width:80%!important}#root .editRoleForm .successMsg{margin-left:0!important}#root .editDeptBtnCont .successMsg,#root .editDeptBtnCont .errorMsg{margin-left:0!important;margin-right:-200px!important}#root .dept .successMsg,#root .dept .errorMsg{margin-top:25px!important;margin-right:0!important;padding-top:15px!important}#root .dept .successMsg{background-color:green;color:#fff;max-width:300px!important}#root .dept .errorMsg{background-color:red;color:#fff;max-width:300px!important}#root .addJobTitle{width:80%!important}}#root .signUpForm,#root .loginForm{height:auto!important}@media (min-width:601px) and (max-width:1200px){#root .empsContainer{top:25%!important}#root .horizontalNav{top:60px!important}#root .horizontalSubNav{top:130px!important}#root .navBar{position:fixed;z-index:2147483647;left:0;top:0;display:flex;gap:10px;border-radius:0;height:30px!important;flex-direction:row!important;width:100vw!important}#root .emp{width:80%!important}#root .empLabels{width:90%;display:flex;justify-content:space-evenly;color:#64728c;font-weight:700;gap:100px}#root .empEditSal{margin-left:80px!important}}#root .editEmpForm{position:fixed!important;top:0!important;min-height:100vh!important;max-height:100vh!important;height:auto!important;min-width:100vw!important;left:0!important;border-radius:0;width:100vw!important;padding-left:0!important;justify-content:center!important;align-items:center!important;margin-left:0!important}#root .editEmpFormSubWrapper{max-height:100vh!important;height:auto!important;margin-top:-100px!important;width:50%!important;min-width:500px!important}#root .editEmpFormBtnCont{height:auto!important;width:auto!important;align-self:flex-end!important}#root .editRoleCont{min-width:0%!important}#root .editEmpFormBtnCont button{margin-top:0!important}#root .editEmpFormBtnCont .successMsg,#root .editEmpFormBtnCont .errorMsg{max-height:20px!important;min-height:0!important}#root .reviewForm{max-height:70%!important;top:0;margin-left:20px!important;left:0!important;width:80%!important;max-width:500px!important;min-height:500px!important}#root .enterDiv{font-size:15px!important}#root .reviewContainer{left:0!important;height:100vh!important;justify-content:center!important;align-items:center!important;position:fixed!important;margin-left:0!important;padding-right:0!important;max-width:100vw!important;min-width:100vw!important;min-height:100vh!important;max-height:100vh!important;padding-top:0!important;top:0!important;margin-top:0!important}#root .promoteForm{max-height:800px;top:0!important;min-width:300px!important;margin-left:0!important;left:0!important;width:80%!important;max-width:500px!important;position:static;margin-top:-200px!important;height:80%!important}#root .promotionCont{align-items:center!important;justify-content:center!important;height:100vh!important;max-height:100vh!important;position:fixed;top:0!important;max-width:100vw!important;left:0!important;margin-top:0!important;width:100vw!important;min-width:100vw!important}#root .promoteBtnCont .successMsg,#root .promoteBtnCont .errorMsg{max-width:80%!important;position:static!important}#root .promoteBtns{display:flex;justify-content:center;max-width:80%;margin-top:0!important}#root .promoteBtnCont{display:flex;flex-direction:column;margin-top:-40px;justify-content:flex-start!important}#root .empForm{top:100px!important;margin-top:0!important}@media (min-width:1200px){#root .empForm{top:50px!important;margin-top:0!important}}#root .editReviewFormWrapper{top:0!important;max-height:100vh!important;height:100vh!important;left:0!important;width:100vw!important;max-width:100vw!important;position:fixed!important;justify-content:center!important;align-items:center!important;display:flex!important}#root .editReviewForm{left:0!important;top:0!important;position:static!important;width:80%!important;min-width:600px!important;margin-top:-200px!important;max-width:900px!important}#root .emp-item-2 .successMsg{left:8%!important;margin-top:-50px;max-width:300px;margin-left:0!important}@media (min-width:1000px){#root .emp-item-2 .successMsg{left:38%!important;margin-left:0!important}#root .addReviewBtnCont{flex-direction:column;align-items:center;gap:10px}#root .addReviewBtnCont .successMsg{width:80%}#root .addReviewBtnCont .reviewSubmit{margin-left:0!important}}#root .reviewForm{max-height:100%!important;height:auto!important;margin-top:0!important}#root #reviewAddMsg{margin-left:0!important}#root .rolesCont{margin-top:0!important;max-width:600px!important}#root .recordsFound{text-align:center!important}#root .rolesContainer{width:95%!important}#root .addJobTitle{max-width:80%}#root .maxWidthRolesCont{position:absolute!important;top:0!important;left:0!important;max-width:100vw!important;width:100vw!important;margin-left:0!important;display:flex;justify-content:center;align-items:center;flex-direction:column}#root .editRoleForm{margin-left:10%!important;padding:10px!important;margin-bottom:10px!important}#root .editRoleForm,#root .role{margin-left:0!important;padding:10px!important}#root .roleDetailsCont{padding-right:0!important;padding-top:0!important;padding-bottom:0!important}@media (min-width:1000px){#root .roleKeys{justify-content:space-evenly!important;margin-right:460px!important;margin-left:0!important}#root .roleKeys span{margin-left:0!important}#root .role{flex-direction:row!important}#root .roleDetailsCont{width:auto!important}#root .editRoleForm .successMsg{margin-bottom:0!important}}@media (max-width:768px){#root .editRoleForm button[type=submit],#root .editRoleForm .cancel{margin-left:0!important}}.editRoleStatusEle{padding:0!important;max-width:260px!important}#root .editRoleForm{align-items:center!important}#root .editRoleForm .successMsg{margin-left:40px!important;max-width:260px!important;padding:0!important}@media (min-width:768px){#root .editRoleForm .successMsg,#root .editRoleForm button[type=submit],#root .editRoleForm .cancel{margin-left:0!important}}@media (max-width:999px){#root .editRoleForm .successMsg{margin-bottom:30px!important}}@media (min-width:1200px){#root .role,#root .editRoleForm{margin-left:6%!important}}#root .recordsFound{margin-top:100px!important;text-align:left!important}#root .recordsFound span{margin-left:10%!important}.deleteRoleStatusEle{padding:0!important;max-width:260px!important}#root .auditContainer{position:absolute!important;display:flex!important;flex-direction:column!important;align-items:center!important}#root .auditContainer,#root .auditsContainer{height:auto!important}#root .deptContClass{min-height:100%!important;top:0!important;left:0!important;position:absolute!important;min-width:100%!important;justify-content:center!important;align-items:center!important;display:flex;background-color:#f5f5f7!important;margin-top:40px!important}#root .deptsWrapper{max-width:100%!important;width:80%!important;height:auto!important;overflow-x:hidden}#root .deptsHeadDivider{margin-bottom:80px!important;margin-left:0!important;margin-right:0!important;width:100%}#root .orgStructure{width:100%!important}#root .deptBtnCont{width:100%;margin-left:0!important;display:flex;justify-content:center;margin-bottom:20px}#root .plusAddCont{padding-left:0!important;padding-right:0!important;width:100%!important}@media (min-width:1000px){#root .deptsWrapper{margin-left:35%!important}#root .plusAddCont{padding-left:0!important}#root .deptBtnCont{margin-bottom:0!important}}@media (max-width:1000px){#root .deptsWrapper{margin-top:100px!important}}@media (min-width:768px) and (max-width:1000px){#root .deptsHeadDivider{padding-left:50px!important;padding-right:50px!important;height:auto!important;margin-bottom:20px!important}#root .plusAddCont{height:auto!important}#root .plusAddCont button{margin-bottom:0!important}}#root .departmentsContainer{position:fixed!important;left:0!important;top:0!important;display:flex!important;justify-content:center!important;align-items:center!important}#root .deptForm{margin:0!important;width:50%!important}#root .deptFormBtns{padding-left:0!important}#root .editDept{top:0!important;width:100vw!important;left:0!important;margin-left:0!important;margin-bottom:0!important;position:fixed;display:flex;justify-content:flex-start!important;align-items:center!important;width:100%!important}@media (max-width:600px){#root .editDeptContent{width:80%!important;max-width:100%!important;margin-top:100px!important;margin-left:-40px!important}}@media (min-width:600px){#root .editDeptContent{width:80%!important;max-width:100%!important;margin-top:100px!important;margin-left:-100px!important;max-width:800px!important}}#root .deleteDeptStatusEle{position:fixed!important;margin-top:0!important;max-width:250px!important;background-color:green!important;color:#fff!important}@media (min-width:1000px){#root .deleteDeptStatusEle{left:50%!important}}#root .empNameCont input,#root .salary input,#root .editEmpNameLabel input,#root .editEmpFormSalaryLabel input{margin-top:0!important}#root .scoreDiv{padding-bottom:0!important}#root .enterDiv{padding-top:0!important;padding-bottom:0!important}#root .editEmpFormBtnCont{display:flex;justify-content:space-between!important;width:100%!important}#root .editEmpFormBtnCont .errorMsg{margin:0!important}#root .roleForm .errorMsg{background-color:red!important;color:#fff!important}@media (min-width:765px) and (max-width:800px){#root .rolesContainer .errorMsg{position:absolute!important;background-color:red!important;color:#fff!important;margin-left:20%!important}}#root .editRoleForm .errorMsg{background-color:red!important;color:#fff!important;position:absolute!important;left:10%!important;width:auto!important}#root .deptContClass .errorMsg{background-color:red!important;color:#fff!important}#root .editEmpFormBtnCont .errorMsg{position:absolute!important;background-color:red!important;color:#fff!important;top:30%!important;display:flex;align-items:center;left:10px;justify-content:center}#root .emp{padding-left:0!important;padding-right:0!important;width:auto!important}#root .empLabels{background-color:#888!important;border-radius:20px 20px 0 0!important;width:95%!important;margin-top:-20px!important;color:#fff!important}#root .empEditSal{margin-left:0!important}#root .empEditBtnCont{margin-left:0;flex:1!important}#root .empLabels{flex:1!important}#root .empLabels span{margin-left:0!important;margin-right:0!important;flex:1!important;gap:0px!important;display:flex;text-align:center}#root .empLabels span:nth-child(2),#root .empLabels span:nth-child(3){justify-content:center!important}#root .empVals{display:flex}#root .empVals p{flex:1!important;display:flex;justify-content:center!important;text-align:center;min-width:100px}#root .empVals .empValName,#root .empVals span .empLabelName{justify-content:flex-start!important}#root .roleKeys{margin-right:0!important;padding:10px!important;gap:0px!important}#root .roleKeys span{flex:1;text-align:center}#root .role{margin-left:0!important}#root .role p,#root .role .roleBtnCont{flex:1;text-align:center}#root .role .roleBtnCont{padding-left:0!important;padding-right:0!important;justify-content:center}#root .roleForm label input{margin-top:0!important}#root .deptLabels{display:flex;width:84.5%;background-color:#e8eaef}#root .deptLabels span{text-align:center;flex:1}#root .dept{flex-direction:row!important}#root .dept p,#root .dept .deptBtnCont{flex:1}#root .dept .deptBtnCont{flex-direction:column}#root .empEditBtnCont{flex-wrap:noWrap!important;flex-direction:column!important}#root .promoteFormCont{min-width:100px!important;width:25%!important}#root .promoteFormCont button{min-width:100%!important}#root .empLabels{gap:0!important;width:100%!important}#root .empVals p,#root .empEditBtnCont{flex:1 1 347px!important}#root .emp{margin-bottom:20px!important;max-width:80%!important}#root .emp-item-2{padding:5px!important}#root .promoteBtns{width:100%!important;max-width:100%!important;justify-content:flex-end;padding:0!important;gap:10px}#root .promoteBtns button{max-width:100px!important;min-width:0px!important}#root .empVals{border-radius:30px}#root .editRoleForm{margin-left:0!important}#root .deptsWrapper{margin-top:100px!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}