.navbar{height:7vh;min-height:30px;display:flex;justify-content:space-between;align-items:center;font-size:1em;position:sticky;width:100%;z-index:1000;top:0;left:0;background:var(--navBackCol)!important}.companyTag{color:#000;cursor:pointer;text-decoration:none;margin-left:40px;white-space:nowrap;display:flex;align-items:center;justify-content:center}.companyTag img{height:25px;width:25px;margin-right:20px}.companyTag span{font-size:1.5em}.nav-side-menu{display:grid;grid-template-columns:repeat(6,auto);gap:0 10px;width:70vw;justify-content:end;margin-right:35px;text-transform:uppercase;font-size:1.2em}.nav-items{display:flex;align-items:center;height:80px}.nav-links{color:#000;text-decoration:none;margin-right:20px}.nav-links:hover{border-bottom:4px solid var(--baseColor)}.nav-links-button{display:none}.dropdown-menu{position:absolute;top:7vh;list-style:none;text-align:start;width:fit-content;min-width:10vw;transition:all .5s;animation:zoom .5s;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--navBackCol);z-index:1;padding-top:.5%}.dropdown-menu li{cursor:pointer;transition:.5s all;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;margin-left:-40px;font-size:.8em;text-transform:normal;color:#000!important}.dropdown-menu li:hover,.dropdown-menu li a:hover{color:#f9a61a}.drop-menu{display:none;transition:.5s all;animation:zoom .5s}.menu-items{display:grid;text-decoration:none;color:#000;text-transform:none;padding:5px 15px;text-align:left;transition:.5s all;width:100%!important}.menu-icon{display:none}.logOutBtn{cursor:pointer}.nav-side-menu .fa-solid{transition:all .5s}.nav-side-menu .fa-solid:hover{transform:scale(1.3);font-weight:bolder;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.nav-items .userOptions{background:yellow;background:rgba(45,52,54,1);background:rgba(9,132,227,1);color:#fff;border-radius:50%;padding:.3em .7em;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-items .userOptions .dropdown-menu{margin-left:-4%!important;padding:0}.userOptions .nav-items{height:30px}.nav-items .userOptions .dropdown-menu li{margin-left:12%!important}.nav-items.nameIcon{margin-left:20%}@media screen and (max-width: 700px){.companyTag span{font-size:16px}.nav-side-menu{padding:0;display:flex;flex-direction:column;width:250px;position:absolute;justify-content:flex-start;margin:0;background:#fff;right:0;top:10vh;opacity:1;transition:all .5s ease;overflow:hidden;width:0;background:var(--navBackCol);color:#fff;z-index:1000000000}.nav-side-menu.start{transition:.5s all;width:230px}.nav-links{text-align:center;width:100%;display:table;transition:all .5s;padding:10px 20px;height:auto;font-size:16px}.nav-links:hover{background:transparent}.logo{width:80%}.menu-icon{display:revert;margin-right:16px;cursor:pointer}.dropdown-menu li{font-size:15px}.nav-links-button{display:block;margin:25px auto;border-radius:10px;background:#000;text-decoration:none;font-size:1rem}.nav-items{height:auto}.navLogo{display:none}.companyTag{margin-left:15px}.nav-links:hover{border-bottom:none}.nav-items{opacity:0;transition:.5s all}.dropdown-menu{position:relative;top:20px;list-style:none;text-align:start;white-space:nowrap;padding:0;animation:fade .5s;margin-left:-50px}.dropdown-menu li{background:transparent;cursor:pointer;margin-left:30px;margin-bottom:20px;transition:.5s all}}@media screen and (max-width:900px) and (orientation: landscape){.nav-links{margin-right:1px}.nav-side-menu{font-size:14px}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:absolute;background:rgba(255,255,255,.4);z-index:1}.loader{border:.5em solid whitesmoke;border-top:.5em solid rgba(44,62,80,1);border-radius:50%;width:6em;height:6em;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{height:4vh;position:fixed;bottom:0;width:100%;background:var(--navBackCol);font-size:1em;justify-content:flex-start!important;background:rgba(45,52,54,1);color:#fff}.footer span{margin-left:2%;margin-right:3%;padding-left:1%;border-left:.3em solid}.footer .p{border-left:.3em solid #0ac90a}.footer .o{border-left:.3em solid red}.footer .w{border-left:.3em solid rgb(232,198,198)}.dateBtn{width:100%;font-size:1.5em}.dateBtn .monthYear{padding:.2em .7em;text-transform:uppercase;box-shadow:#64646f33 0 7px 29px;border-radius:.2em;margin:.5em 1em}.dateBtn .fa-solid{cursor:pointer}.monthCont{height:78vh;padding-right:1em}.monthCont .dateHead .empName{width:17%;margin-left:1%;text-align:center;padding:.4em 0;box-shadow:#0000003d 0 3px 8px;border-radius:.2em}.monthCont .dateHead .fieldsCont{width:88%;justify-content:space-between;padding-left:2%}.monthCont .dateHead .fieldsCont .fields{text-align:center;padding:.1em .2em;margin-right:.55em;box-shadow:#0000003d 0 3px 8px;font-weight:700;font-size:.8em;border-radius:.2em;width:1.8%}.monthCont .empEntryCont{height:91%;margin-top:1%;overflow:auto}.monthCont .empEntryCont .empEntry{height:10%;margin-top:1%}.monthCont .empEntryCont .empEntry .empName{width:17%;font-size:1em;margin-left:1%;text-align:center;padding:.1em 0;box-shadow:#0000003d 0 3px 8px;border-radius:.2em}.monthCont .empEntryCont .empEntry .empStatusCont{width:88%;justify-content:space-between;padding-left:2%}.monthCont .empEntryCont{scrollbar-width:0}.monthCont .empEntryCont::-webkit-scrollbar{display:none}.monthCont .empEntryCont .empEntry .empStatusCont .empStatus{text-align:center;margin-right:.6em;box-shadow:#0000003d 0 3px 8px;font-size:1em;border-radius:.2em;width:1.8%;height:100%}.empStatus.A{border-bottom:#0ac90a .3em solid}.empStatus.W{border-bottom:.3em solid rgb(232,198,198)}.empStatus.O{border-bottom:.3em solid rgba(254,66,0,.82)}.updateCardCont{height:96%;width:100%;position:absolute;z-index:100;top:0%;display:flex;align-items:center;justify-content:center;background:rgba(223,230,233,.3);transition:all .5s}.updateCardCont .updateCard{height:30%;width:40%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.2);border-radius:10px;padding:20px;margin:50px auto;box-shadow:0 4px 6px #0000001a;background-color:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column}.updateCardCont .updateCard .field{display:flex;justify-content:space-between!important;width:80%}.updateCardCont .updateCard .fa-solid.fa-close{position:absolute;color:red;top:10%;right:3%;font-size:1.5em;cursor:pointer}.updateCardCont .updateCard .empName{margin-bottom:3%}.updateCardCont .updateCard .updateBtn{background:rgba(9,132,227,1);padding:.5% 1.5%;color:#fff;margin-top:3%;cursor:pointer}.updateCardCont .updateCard .field.status{margin-top:3%}.updateCardCont .updateCard .field.status select{width:27%}.updateUserDetCont{border:1px solid black;width:99.8%;height:99%;position:absolute;background-color:#fff6;top:0;left:0;display:flex;justify-content:center;align-items:center}.updateUserDetCont .userDetCard{background:white;height:50%;width:40%;border-radius:1em}.update-user-container{display:flex;justify-content:center;align-items:center;height:calc(100% - 7vh);background-color:#f9f9f9;position:absolute;top:7vh;width:100%;background:rgba(223,230,233,.3);transform:scale(0);transition:all .5s}.user-card{width:40%;padding:20px;background-color:#fff;border-radius:8px}.user-form{display:flex;flex-direction:column;gap:15px}.form-label{font-size:14px;font-weight:600;color:#333}.form-input,.form-select{width:100%;padding:5px;font-size:14px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color .3s ease}.form-input:focus,.form-select:focus{border-color:#007bff}.form-select{cursor:pointer}.form-button{width:100%;padding:10px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form-button:hover{background-color:#0056b3}.update-user-container .closeBtn{width:100%;text-align:right;cursor:pointer;font-size:1.2em}.update-user-container .closeBtn i{color:red}:root{--col1: #2c3e50;--col2: #f0f0f0}.loginCont{height:100vh;width:100vw;display:flex}.loginCont .loginLeft{height:100%;width:50%;display:flex;align-items:center;justify-content:center}.loginCont .loginLeft img{max-height:98%;max-width:98%}.loginCont .loginRight{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.loginCont .loginRight .input-field{background:var(--col2);width:50%;height:8%;display:flex;align-items:center;margin-top:2%;border-radius:80px;padding:5px}.loginCont .loginRight .input-field input{margin-left:5%;width:75%;background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1em;color:#333}.loginCont .loginRight .input-field i{margin-left:5%;color:gray}.loginCont .loginRight .appName{line-height:1;font-size:3em;color:#333;width:100%;text-align:center;margin-bottom:7%;color:var(--col1)}.loginCont .loginRight .loginBtn{margin-top:5%;background:var(--col1);color:#fff;font-size:1.5em;padding:1% 4%;border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.loginCont .loginRight .signupTag{margin-top:3%}.loginCont .loginRight .signupTag a{text-decoration:none;color:#ff4500}@media screen and (max-width:700px){.loginCont{flex-direction:column}.loginCont .loginLeft{width:100%;height:30%}.loginCont .loginRight{width:100%;height:50%}}.chartContPar{width:100vw;height:93vh;display:flex;overflow:hidden;text-align:center}.chartContPar .chartCont{width:50%;margin-top:1%;padding:1em;border-radius:.5em;display:flex;flex-direction:column;height:90%}.chartContPar .canvasjs-chart-credit{display:none}.chartContPar .chartBtnCont{display:flex;justify-content:center}.chartContPar .chartBtn{background:rgba(53,59,72,1);color:#fff;padding:.5em;width:20%;margin-top:3%;text-align:center;border-radius:.5em;cursor:pointer;margin-right:3%}.chartContPar .presentee,.chartContPar .absentee{height:95%;width:23%;padding:0% 1%;overflow-y:auto;overflow-x:hidden;margin-top:1%;transition:all .5s}.chartContPar .empName{padding:3%;text-align:center;box-shadow:#00000059 0 5px 15px;margin-top:5%;color:#fff;border-radius:.3em;transition:all .5s}.chartContPar .empName.absent{background:rgba(192,57,43,1)}.chartContPar .empName.present{background:rgba(39,174,96,1)}.chartCont div:nth-child(2){display:flex;justify-content:center;margin-top:5%}.chartContPar .attendanceHead{font-size:2.5em;margin-top:6%;margin-left:-15%}.apexcharts-legend-series[seriesname=Available]{margin-left:-11.2%!important}.chartContPar .presentee::-webkit-scrollbar,.chartContPar .absentee::-webkit-scrollbar{width:6px}.chartContPar .presentee::-webkit-scrollbar-thumb{background-color:#27ae60;border-radius:3px}.chartContPar .presentee::-webkit-scrollbar-track,.chartContPar .absentee::-webkit-scrollbar-track{background-color:#f1f1f1}.chartContPar .absentee::-webkit-scrollbar-thumb{background-color:#c0392b;border-radius:3px}.weekEntryCont{height:75vh}.weekEntryCont .entryCont{height:8%;padding:0% 1%;display:flex;margin-bottom:2%}.entryCont .entry{width:17%;font-size:1em;margin-left:1%;height:100%;text-align:center;box-shadow:#0000003d 0 3px 8px;border-radius:.2em;display:flex;align-items:center;padding:0 1%;justify-content:center;font-weight:500}.weekEntryCont .entryCont .entry.name{width:35%}.weekEntryCont .entryCont .entry.A{border-bottom:#0ac90a .3em solid}.weekEntryCont .entryCont .entry.W{border-bottom:.3em solid rgb(232,198,198)}.weekEntryCont .entryCont .entry.O{border-bottom:.3em solid rgba(254,66,0,.82)}.weekEntryCont .statusCont{overflow:auto;height:83%;margin-top:.5%;scrollbar-width:none;-ms-overflow-style:none}.weekEntryCont .statusCont::-webkit-scrollbar{display:none}.dash{display:flex;justify-content:center;flex-direction:column;background:#f9f9f9;height:90vh;text-align:center;align-items:center}.dash .dashCardCont{height:100%;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;overflow:auto;padding-bottom:2%}.dash .dashCardCont .card{background:white;height:35%;width:24%;margin-top:2%;margin-left:4%;border-radius:1em;padding:2%;text-align:left;display:flex;flex-direction:column;justify-content:space-evenly;transition:all .5s}.dash .dashCardCont .card .head{color:#000;font-weight:bolder;font-size:1.2em;transition:all .5s}.dash .dashCardCont .card .use{color:#686464;transform:scale(0);transition:all .5s}.dash .dashCardCont .card:hover .use{transform:scale(1)}.dash .dashCardCont .card .cardBtn{border:.1em solid;padding:5%;text-align:center;text-decoration:none;font-weight:bolder;color:#2980b9;transition:all 2s}.notAuthDash{height:89vh;font-size:3em;flex-direction:column}.updateEmpForm{min-height:10vh;margin-top:3vh;width:80%;margin-left:10%;border-radius:.5em;padding:2%;background:var(--navBackCol)}.updateEmpForm .entry{display:flex;justify-content:space-around;padding:.5%;margin-top:1%;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;background:rgba(44,62,80,1);color:#fff}.updateEmpForm .entry .fa-close{cursor:pointer;margin-top:.4%}.updateEmpForm .btnDiv{display:flex;justify-content:center;margin-top:3%}.updateEmpForm .btnDiv .addBtn,.updateEmpForm .btnDiv .updateBtn{padding:.3em .5em;margin-right:5%;cursor:pointer;min-width:50px;text-align:center;border-radius:.2em;background:rgba(44,62,80,1);color:#fff}.updateEmpForm .entry input,.updateEmpForm .entry select{border:none;outline:none;padding:.25%}.updateEmpForm .entry .fa-plus{display:flex;align-items:center;cursor:pointer}.registerClientCont{height:93vh;overflow-y:auto}.register-client{margin:0% auto;width:70%;border:1px solid #ccc;border-radius:.3125em;background:var(--navBackCol);display:flex;flex-direction:column;transition:all .5s;justify-content:center;border:none}.register-client form{width:100%;display:flex;flex-wrap:wrap}.register-client .field{display:flex;align-items:center;height:50px;width:31%;padding:1%}.register-client label{display:block;font-weight:700;margin-top:.625em;width:30%;margin-right:5%}.register-client input,.register-client select{width:100%;border:1px solid #ccc;border-radius:.3125em;padding:2%}.register-client select{margin-left:-1%}.register-client button{width:30%;background-color:var(--gssCol);color:#fff;border:none;border-radius:.3125em;cursor:pointer;padding:1%;margin:1% auto}.register-client button:hover{background-color:#fa8d00}:root{--navBackCol:rgba(236, 240, 241,1);--gssCol:#f9a61a }body{padding:0;margin:0;box-sizing:border-box;font-family:calibri!important;font-size:1.15vw;scrollbar-width:none}a{cursor:pointer}*:not(i):not(.fas){font-family:calibri!important}body::-webkit-scrollbar{display:none}.flex-c{display:flex;justify-content:center;align-items:center}.errCard{position:absolute;top:5%;width:40%;margin-left:30%;color:#fff;padding:1%;text-align:center;left:0;right:0;font-size:1.5em;border-radius:.5em;animation:fadeIn .5s;z-index:1001}.errCard.error{background:indianred}.errCard.success{background:rgba(45,52,54,1)}@media screen and (max-width:700px){body{font-size:2vw}}