:root{--secondary-text:#6c6c89;--nav-link-text:#f9fafb;--color-primary100:#e8e8ed;--color-primary500:#8c8ca3;--color-primary600:#757591;--color-primary700:#62627b;--color-primary800:#505064;--color-primary900:#3d3d4d;--color-primary1000:#202029;--color-secondary100:#eae3f9;--color-secondary500:#9472df;--color-lighten1:#7e8695;--color-lighten2:#3f588d;--color-darken1:#a5091e;--color-darken2:#17191c;--color-darken3:#c6d4f2;--color-base-white:#fcfcfd;--color-dark-neutral:#5c6370;--color-base:#f5f6fa;--bg:#f8f9fb;--border:#ebebef;--border2:#3a3a44;--header-badge:#e8e8ed;--outline-normal:#d1d1db;--divider:#eaeaea;--white:#ffffff;--success-badge-bg:#ecfdf3;--success-badge-text:#027a48}body{background:var(--bg);color:#adb3c0}label{color:#344054}.btn:focus,:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:none!important}img{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0!important}input::placeholder{color:#667085!important;font-size:14px}a{color:var(--primary)}hr{height:1px;background-color:var(--divider)}.btn{padding:10px 24px!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=email],input[type=number],input[type=password],input[type=text],textarea{font-size:16px!important}.border{border:1px solid var(--border)!important}.btn-primary{background-color:var(--primary)!important;color:white}.cancel-btn{background:#eeeeee;color:var(--primary-text)}.form-control{height:44px;max-width:320px;width:100%!important;font-size:14px;border:1px solid #d0d5dd}.form-control:focus{border:1px solid #d0d5dd;box-shadow:0 0 0 0}.form-check-input{margin-top:0}.form-check-input:focus{border:1px solid #d0d5dd}.form-check-input:checked{background-color:var(--primary)!important;border-color:var(--primary)!important}.bg-input{background:var(--nav-link-text)}.bg-background{background:var(--bg)!important}.bg-secondary-text{background-color:var(--color-primary100);color:var(--color-primary900)}.max-content{width:max-content}.color-primary-text{color:var(--primary-text)}.color-primary500{color:var(--color-primary500)}.color-primary600{color:var(--color-primary600)}.color-primary700{color:var(--color-primary700)}.color-primary800{color:var(--color-primary800)}.color-primary900{color:var(--color-primary900)}.color-primary1000{color:var(--color-primary1000)}.color-secondary-text{color:var(--secondary-text)}.color-base-white{color:#fcfcfd}.color-dark-neutral{color:var(--color-dark-neutral)}.color-outline-normal{color:var(--outline-normal)}.color-darken2{color:var(--color-darken2)}.text-sm{font-size:14px!important}.text-xs{font-size:12px!important}.navbar .dropdown-menu{width:240px;border-radius:4px}.navbar .profile-icon{padding:12px 16px}.navbar .dropdown-item{color:#344054;padding-left:16px}.dropdown-item{color:var(--secondary-text)}.dropdown-item.active{background-color:#fafafa;color:var(--primary)}.dropdown-item:active{background-color:var(--primary)!important;color:#fafafa}.dropdown .fa-check{color:var(--primary)}.nav-link{color:var(--color-lighten1)}.nav-right{column-gap:12px}.navbar-nav .nav-item:first-of-type .nav-link{padding-left:0}.navbar-toggler{background-color:var(--color-lighten1)}.navbar-nav .nav-link.active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{color:var(--color-base-white)}.navbar-expand-lg .navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar a{padding:18px 0}.nav-pills .nav-link{color:var(--secondary-text)}.dropdown-menu{color:#344054}.dropdown-divider{margin:0;border-color:var(--divider)}.fa-regular,.fa-solid{cursor:pointer;display:grid;place-items:center}.navbar .fa-regular,.navbar .fa-solid{color:var(--color-lighten1)}.fa-bell,fa-xmark{font-size:1.2rem}.fa-bell,.fa-calendar,fa-xmark{height:32px;width:32px}.coverage-card{background:#f8f8f8!important}.coverage-card p{font-size:14px;font-weight:500}.coverage-card .active{color:var(--success-badge-text)}.calendar-picker{display:flex;align-items:center!important;gap:10px;padding:10px;background-color:var(--nav-link-text);position:relative}.calendar-picker .fa-calendar{font-size:20px}.calendar-picker input[type=date]{padding-right:.5rem;position:absolute;inset:0;opacity:0;width:100%;height:100%}::-webkit-calendar-picker-indicator{cursor:pointer}.left-right-nav-btn button{padding:4px 8px}.left-right-nav-btn button.btn:hover{opacity:.5}.left-right-nav-btn i{font-size:10px}@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--primary:#2b2b36;--primary-text:#121217}body{font-family:Inter,sans-serif}.bg,body{background:#f8f9fb}h1,h2,h3,h4,h5,h6,p{margin:0}.auth{background:#f8f9fb}form{padding:48px 40px;max-width:470px}input::placeholder{color:var(--primary)!important}.form-controls{height:44px;font-size:14px;border:1px solid #d0d5dd;color:var(--primary-text);width:100%!important;border-radius:8px;padding:10px}.form-check-input:focus,.form-control:focus,.form-select:focus{border:1px solid #d0d5dd;box-shadow:0 0 0 0}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check{padding-left:0;margin:0;cursor:pointer}.form-check .form-check-input{margin:0}.btn{padding-top:16px;padding-bottom:16px}.btn:focus{border:1px solid var(--primary);background-color:transparent;color:var(--primary);box-shadow:0 0 0 0}.border{border:1px solid #eaeaea}.btn-primary{background-color:var(--primary);color:white!important;border:1px solid transparent;padding:20px 10px!important;height:50px}.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:hover{background-color:transparent;color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 0 0}.btn.btn-primary:active{background-color:var(--primary);border:1px solid var(--primary)}:not(.btn-check)+.btn:active:focus-visible{box-shadow:0 0 0 0}.color-primary{color:#121217}.color-secondary{color:#6c6c89}.text-sm{font-size:14px}.ml9{margin-left:9px}.mt32{margin-top:32px}.mt40{margin-top:40px}.py10{padding-top:10px;padding-bottom:10px}.py20{padding-top:20px;padding-bottom:20px}.input-eye{position:absolute;right:14px;top:12px;cursor:pointer}.calendar-sidebar{background-color:var(--nav-link-text);padding:32px 16px 69px;max-width:274px}.calendar-sidebar h2{font-size:20px;line-height:24.2px;color:#202029;width:100%}.calendar-sidebar .nav-pills{column-gap:1px}.calendar-sidebar .nav-item .nav-link{border:1px solid var(--primary);padding:10px 12px;color:var(--color-primary-text);cursor:pointer}.calendar-sidebar .nav-item .nav-link:not(.active){border:1px solid var(--header-badge)}.calendar .calendar-header{padding:10px}.calendar .dropdown{padding:10px 24px}.fc{text-align:right}.fc-theme-standard .fc-scrollgrid{border:1px solid var(--divider)}.fc .fc-col-header-cell{color:#000;padding-top:1rem;font-weight:500}.fc-event{border-radius:0;padding:4px 6px}.fc a{color:#333333;text-decoration:none}.leave-request-modal{padding:37px 20px}.leave-request-modal .card{border:1px solid var(--divider)}.leave-request-modal .fa-image{font-size:1.5rem}.leave-request-modal .upload-input{opacity:0}.request-submitted-modal{max-width:500px;padding:37px 20px}.request-submitted-modal .fa-circle-check{font-size:3rem}.leave-request-container{max-width:60%!important}.hmo-card{padding:20px}.hospitals{max-height:600px;height:100%;span{cursor:pointer}}.search-bar{display:flex;gap:6px;background-color:#fafafa;margin:18px 0 32px}.search-bar i{padding:10px}.search-bar input{outline:0}.preferred-hospital-card{padding:12px;cursor:pointer;background:#f8f8f8;margin:24px 0 40px}.pension-managment-container{padding:32px 20px}main h1{margin:32px 0 20px}.pfas-list-container{margin-top:40px}.pfa{padding:6px 12px;cursor:pointer}.pfa:hover{opacity:.8}.pfa-icon{background-color:var(--color-secondary100);color:var(--color-primary900);padding:10px;display:grid;place-items:center}.proceed-btns{margin-top:60px}.coverage-card{padding:12px}.clinic-address{max-width:50%!important;height:300px!important;.map-box{width:100%;height:300px;img{width:100%;height:100%}}}.payroll{height:calc(100vh - 5vh);overflow-y:auto}.view-btn{padding:6px 23px;color:var(--color-secondary500)}.payslip-user-info{display:flex;flex-direction:column;gap:10px}.coverage-card{padding:11px 31px;background-color:var(--color-secondary100)}.coverage-card .name{font-size:16px}.payslip-download-container{padding:40px 20px;.tables{margin-top:46px;font-size:16px}.table td,.table th{text-align:right}.table tbody tr td:first-child,.table tbody tr th:first-child,.table thead tr th:first-child{text-align:left}.table th{padding:12px 40px;font-weight:500!important}.table td{padding:8px 40px}.table thead{background:red;border-top:1px solid var(--color-darken3);border-bottom:1px solid var(--color-darken3)}.table>:not(caption) th{color:var(--color-lighten2);font-weight:500!important}.table tbody tr td{color:#001540}.table tbody tr:last-child td,.table tbody tr:last-child th{background-color:var(--color-secondary100)}.table tbody tr .vertical-th{background-color:var(--color-base);width:310px}.empty-tr{height:32px}}.summary-card .card-body{padding-bottom:0}.summary-card hr{margin:0}.summary-card .vr{background-color:var(--divider);width:1px}.progress{--bs-progress-height:7px!important;display:none}.time-sheets{background:white!important;.button,.form-select{background-color:var(--bg);height:50px}}.timesheets .progress{--bs-progress-height:0.5rem}.progress p{top:18%;right:10px}.team-members-count{background-color:var(--border)}.time-tracking-modal{padding:32px 20px;.card{background-color:var(--nav-link-text)}input::-webkit-input-placeholder{font-size:12px;font-weight:400;color:var(--color-primary100)}textarea{height:100px;resize:none}button{padding:10px 25px}}.timesheet-item{cursor:pointer!important;img{width:100%}}.table td{color:var(--color-dark-neutral)}.screenshot-modal{max-width:90%!important;button{background:transparent;height:30px;display:flex;align-items:center;justify-content:center}}.settings .sidebar{background-color:var(--nav-link-text);padding:32px 16px}.sidebar ul{display:flex;flex-direction:column;gap:10px;list-style-type:none;padding:0;margin:0}.sidebar ul a{padding:7px 12px;font-size:14px;cursor:pointer;color:var(--color-primary900);text-decoration:none;border-radius:0 5px 5px 0}.sidebar ul a.active,.sidebar ul a:hover{background-color:var(--color-primary100)}.sidebar ul a.active{color:var(--color-primary1000);border-left:3px solid var(--color-primary1000)}.settings .sidebar-content{padding:40px 30px;hr{margin:44px 0 24px}}.input-boxes{gap:20px}.form-group{margin-top:20px}.save-changes-btn{margin-top:70px;display:flex;align-items:center;justify-content:center}.dot{width:6px;height:6px;border-radius:100%;background-color:var(--color-primary500)}.job-details{display:grid;grid-gap:12px;gap:12px}.job-description{padding:20px}.job-responsibilites{margin:16px 0 24px;line-height:24px}.download-offer-letter{padding:11px 16px;background-color:var(--color-primary100);color:var(--color-primary900)}.direct-report-manager{display:flex;flex-direction:column;gap:14px;padding:10px 0;img{width:24px;height:24px;border-radius:200px}}.coverage-card .bank{display:flex;gap:12px;align-items:center;color:#3d3d4d}.coverage-card .dot{background-color:#757591}.onboarding-modal{max-width:70%!important;margin-top:50px!important}.welcome-modal{.card{img{width:100%!important;object-fit:contain}}button{height:50px;display:flex;align-items:center;justify-content:center}}.welcome-modal .btn{padding:6px 12px}.welcome-modal .badge{background-color:#f3f3f3;color:var(--secondary-text);width:max-content}.dashboard-content{padding:32px 20px;margin-top:26px;button{height:50px;display:flex;align-items:center;justify-content:center;font-size:14px;padding:10px 20px!important}}.header-badge{margin-right:12px;background-color:var(--header-badge);color:var(--primary-text)!important}.badge.account-name-badge{background-color:var(--success-badge-bg);color:var(--success-badge-text)}.hmo-benefit-details-modal{max-width:870px;padding:37px 20px}.fa-xmark{color:var(--color-primary-text)}.fa-caret-down{color:var(--color-lighten1)}.hr{margin:44px 0 24px}.proceed-btns{margin-top:99px;column-gap:14px}.coverage-card p{color:var(--color-primary600)}.map-img{height:322px;width:832px}.p12{padding:12px}.mt9{margin-top:9px}.mt20{margin-top:20px!important}.mt21{margin-top:21px}.mt24{margin-top:24px}.mt26{margin-top:26px}.mb6{margin-bottom:6px}.mb32{margin-bottom:32px}.min-h186,.min-h209{min-height:209px}.time-sheets{background:var(--white)}.team-avatar{height:44px;width:44px;border:3px solid #f4ebff}.tracking-summary{background:var(--primary-text)!important;p{color:var(--outline-normal)!important;margin:0 0 5px!important}.card{background-color:var(--primary)}hr{margin:18px 0 24px!important;background-color:var(--divider);height:2px}}.summary-card{.card-body{padding-bottom:0;h4,h6{color:var(--outline-normal)}}hr{margin:0}}.nav-pills{margin-top:20px;.nav-link{background:var(--bg)!important;border:1px solid transparent;font-size:14px;padding:12px 20px;color:var(--color-primary-text)!important;&:hover{border:1px solid var(--primary);color:#000}&.active{background:var(--primary)!important;color:var(--white)!important}}}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--primary)}.nav-pills .nav-link{color:var(--nav-link-text);background-color:var(--nav-link-text)}.overview{.progress{height:2rem!important;p{top:18%;right:10px}}.form-select{background-color:var(--nav-link-text)!important;font-size:14px!important;height:40px;width:150px!important}}.timesheets hr{margin:12px 0}.team-members-count{background-color:var(--border2)}.timesheet-item{flex:1 1 197px;max-width:197px}.table>:not(caption)>*>*{padding:1rem}.table td{color:var(--border2)}.camera-img{width:85px;height:85px;display:flex;justify-content:center;align-items:center}.team-members{background:var(--bg);height:100vh;overflow:auto;padding:30px 30px 100px;h4{font-size:18px}.tag{font-size:13px;padding:8px 10px!important;border-radius:3px!important}.table-container,.tag{background:var(--white);border:1px solid var(--border)!important}.table{margin-bottom:0;width:100%!important;th{border:none;font-size:14px;font-weight:500;padding:15px}tr{border-bottom:1px solid var(--border);&:hover{background:#fdf6e3}td{font-size:14px;padding:20px 10px;margin-bottom:0!important;align-self:center}}}.badge{font-size:12px;padding:5px 12px;border-radius:20px;background:#E8FCF9;color:#15AE96;font-weight:400}.btn-outline-secondary{border-radius:10px}.form-control,.form-select{width:200px;font-size:14px}.form-select{height:40px}}.navbar{background-color:var(--primary-text);border-bottom:1px solid var(--border2);padding:0!important;.nav-item{color:var(--white)!important;.nav-link{color:var(--color-lighten1)!important;padding:18px;&.active,&:hover{color:var(--white)!important}}}.navbar-toggler{background-color:var(--color-lighten1)}.profile{color:var(--color-lighten1);.bi-bell-fill{font-size:18px}}}.avatar{height:32px;width:32px;background-color:var(--color-darken1);color:var(--white)}.profile-icon{padding:12px;display:flex;align-items:center;.rounded-circle{height:40px;width:40px;img{width:100%;height:100%;object-fit:contain}}}