@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,900;9..40,1000&display=swap";#root{width:100%;margin:0 auto;font-family:DM Sans,sans-serif!important;background-color:#f1f6fd;overflow:auto;position:relative}body{display:flex;place-items:center;font-family:DM Sans,sans-serif!important;background-color:#f1f6fd}.wrapper{margin:10px auto;justify-items:center;font-family:DM Sans,sans-serif!important;background-color:#f1f6fd;min-height:100vh}.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}.defaultparameters{position:relative;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(90px,auto);background-color:#f7fafd;padding:20px}.ssnitbox,.tierbox,.taxesbox{grid-column:span 1;padding:10px;background-color:#fff;border-radius:24px;grid-row:span 2}.dashboard{position:relative;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(90px,auto);transition:all .5s ease}.box{padding:5px 0;border-radius:10px;background-color:#fff}.main_page_wrapper{padding:20px;margin:0 auto;box-shadow:0 0 10px #0003;width:80%}.previouspayroll,.upcomingpayroll{grid-column:span 1}.employeetrend{grid-column:span 1;padding:20px 0 0}.staffByDepartment{grid-row:span 3;font-size:14px;padding:20px 0!important}.staffByDepartmentChart{display:flex;flex-direction:column;position:relative;text-align:left;font-size:14px;font-weight:600;height:100%}.monthlyPayroll{grid-column:span 3;grid-row:span 3;padding:20px 0}.payrollHistory{grid-column:span 4;grid-row:span 3}.dheading{display:grid;gap:10px;grid-template-columns:1fr;justify-content:center;align-items:center;margin:0;text-align:right;padding:0 10px}@media (max-width: 600px){.dashboard{grid-template-columns:repeat(2,1fr)}}.employeelistItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin:5px 0;font-size:14px;text-align:left}.no-data-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;margin:5px 0;font-size:14px;text-align:left}.employeelistItem .row,.bold-column,.MuiDataGrid-colCell.bold-column{font-weight:700}.MuiDataGrid-virtualScroller{background-color:#f7fafd}.employee_payroll_list{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:5px 0;font-size:14px;text-align:left}.legends{text-align:right;display:flex;gap:20px;justify-content:space-evenly}.gross-legend,.taxes-legend,.ssnit-legend{background-color:#f7fafd;padding:5px;border-radius:8px;width:100px;text-align:center}.export{text-align:right;display:flex;justify-items:right;margin:0 15px 0 auto;padding:5px 15px;border-radius:12px;background-color:#f7fafd;border:1px solid #252525}.sub-heading h3{text-align:left;margin:0 20px;display:flex;align-items:center}.table-filters{text-align:right;padding:5px 15px;border-radius:12px;background-color:#f7fafd;margin:0 15px 0 0;border:1px solid #252525}.employee_payroll_summary .header{font-weight:700;text-transform:uppercase;text-align:left;display:flex;background-color:#f7fafd;padding:5px 20px;border-radius:12px;margin:40px 0 0}.employee_payroll_summary .heading{color:gray;text-align:center}.employee_payroll_summary{font-family:DM Sans,sans-serif;position:relative;text-align:left;font-size:14px;font-weight:600;padding:10px;margin:0 auto}.employee_payroll_summary h3{margin:0 20px;display:flex;align-items:center}.employee_payroll_summary .user{display:flex;align-items:center}.employee_payroll_summary img{width:40px;height:36px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid #e2eefe}.employee_payroll_summary .name{display:block;font-weight:600;color:#365072}.employee_payroll_summary .employee_dept{display:block;color:gray}.employee_payroll_summary .payrollstatus{padding:5px;background-color:#dbfaf3;border-radius:12px;width:100px;position:relative;display:block;text-align:center;font-weight:600}.employee_payroll_summary .amount{font-weight:500}.monthly_payroll_chart{display:flex;flex-direction:column;position:relative;text-align:left;font-size:14px;font-weight:600;height:100%}.monthly_payroll_chart h3{margin:0 20px;display:flex;align-items:center}.monthlychart{flex:1;width:100%;margin:30px 0 0}.table-filters{text-align:right;padding:5px 15px;border-radius:12px;background-color:#f7fafd}.payroll_overview{position:relative;text-align:left;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:5px 0;font-size:14px}.payroll_overview h3,.staff_count h3{margin:0 20px;display:flex;align-items:center}.payroll-summary-data{display:flex;padding:0 15px;align-items:center;font-weight:700;font-size:20px;margin:20px 0 0}.payroll-summary-data img{display:flex;width:26px;height:26px;background-color:#dbfaf3;border-radius:50%;margin:0 5px 0 0}.payroll-summary-data span{color:#2488ff}.payrollaction{color:#72acf8;padding:5px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}.staff_count{position:relative;text-align:left;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:5px 0;font-size:14px}.sub-heading img{padding:0 0 0 15px}.sub-heading p{color:#696969;padding:0 0 0 20px;font-weight:500}.table-sub-heading{display:flex;justify-content:right;margin:10px 0}.summary-card{flex-direction:column;position:relative;text-align:left;font-size:14px;font-weight:600;height:100%;width:50%;box-shadow:0 0 5px #0000001a;border-radius:24px;margin:0 20px 0 0;padding:10px;background-color:#f7fafd;height:250px}.summary-card .inside-label{font-size:14px;font-weight:600;color:#000!important}.summary-card .inside-label-count{font-size:14px;font-weight:600;color:#000!important;position:relative;top:10px!important}.staffByDepartmentChart .recharts-responsive-container{display:flex;flex-direction:row;width:100%}.staffByDepartmentChart .recharts-legend-wrapper{flex:1;width:100%;margin:30px 0 0;position:relative}.staff-count-data{display:flex;gap:10px;padding:0 15px;justify-content:space-between;align-items:center;margin:20px 0 0}.staff-count-left{display:flex;align-items:center;font-size:20px;font-weight:700}.staff-count-left span{font-size:20px;font-weight:700}.percent-text{color:green;font-size:14px;font-weight:700;display:flex;align-items:center}.staff-icon{display:flex;align-items:center;gap:5px}.upcoming_payroll{position:relative;text-align:left;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:5px 0;font-size:14px}.upcoming-payroll-data{display:flex;padding:0 10px;align-items:center;font-weight:700;font-size:20px;margin:20px 0 0}.upcoming-payroll-data img{display:flex;width:26px;height:26px;background-color:#dbfaf3;border-radius:50%;margin:0 5px 0 0}.payment_status{position:relative;text-align:left;align-items:center;justify-content:space-between;gap:10px;padding:0;margin:5px 0;font-size:14px}.payment-status-data{display:flex;padding:0 10px;align-items:center;font-weight:700;font-size:20px;margin:20px 0 0}.status-chart-container{width:100%;display:flex;justify-content:flex-end;font-size:14px;height:30px}.viewall{font-size:80%}.status-count-left{display:flex;align-items:center;font-size:20px;font-weight:700}.status-count-left span{font-size:20px;font-weight:700}.staff-dept-chart-container{width:100%;display:flex;font-size:14px}.employees .name{display:block;font-weight:600;color:#365072}.clickable-name{cursor:pointer;display:block;font-weight:600;color:#365072}.employees .dept{display:block;color:gray}.payrllrunlist .payrollrun{display:block;font-weight:600;color:#365072}.payrollrunlist .payrollruntype{display:block;color:gray}.table-container{background-color:#007bff;border-radius:12px;padding:12px;margin-bottom:16px;color:#fff}.bold-text-amount{font-weight:700!important;font-size:110%;color:#365072}.bold-text-amount2{font-weight:700!important;font-size:110%;color:#000}.status-bold-header{font-weight:700;padding:5px;background-color:#dbfaf3;border-radius:12px;width:100px;position:relative;display:block;text-align:center;font-weight:600}.MuiDataGrid-columnHeaders{background-color:#e2eefe;padding:0;max-height:26px!important;margin:0 0 10px}.MuiDataGrid-withBorderColor{border-radius:12px!important}.custom-pagination ul{list-style:none;display:flex;gap:5px;justify-content:center;padding:0}.custom-pagination li{display:inline-block;border-radius:50%;width:36px;height:36px;text-align:center;line-height:36px;background-color:#e0e0e0;cursor:pointer;transition:background-color .2s}.custom-pagination li.active,.custom-pagination li:hover{background-color:#007bff;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;background-color:#fff;padding:20px;border-radius:10px;z-index:101}.modal-content{display:flex;flex-direction:column;align-items:center}.popup-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:600px;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0003;z-index:101}.popup-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:100}.popup-modal-content{display:flex;flex-direction:column;align-items:center}.popup-modal-buttons{display:flex;justify-content:center;margin-top:20px}.modal-button{display:flex;align-items:center;border:#72acf8 1px solid;margin:0 10px}.modal-close-btn,.modal-confirm-btn{font-family:DM Sans,sans-serif;font-size:16px;margin:0 10px;padding:10px 20px;cursor:pointer;color:#fff;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center}.modal-close-btn{background-color:#365072}.modal-confirm-btn{background-color:#72acf8}.paid-button{background-color:#999;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:12px!important;width:50%}.employees_info{display:flex;justify-content:space-between;align-items:center;padding:10px}.heading-and-button{display:flex}.employees{padding:10px 0;font-family:DM Sans,sans-serif!important}.add-button{text-align:right;display:flex;justify-items:right;align-items:right;background:#007bff;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:4px;align-items:center;margin:0 15px 0 auto}.add-button-container{text-decoration:inherit;align-items:center;display:flex}.add-button>svg{margin:0 8px 0 0}.employee-summary{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:calc(1rem + 1vw);margin:10px;background-color:#f1f6fd;border-radius:12px}.employee-summary h3{margin:0;font-size:1.1rem;font-weight:600}.employee-summary h4{margin:0;font-size:1rem;font-weight:600}.employees-container{font-family:Arial,sans-serif}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-section .title{display:flex;align-items:center;gap:10px}.header-section .add-button{padding:10px 20px;font-size:14px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.header-section .add-button:hover{background-color:#0056b3}.employee-summary{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.summary-card{flex:1;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a}.summary-card h3{font-size:16px;margin-bottom:10px}.summary-card p{margin:5px 0;font-size:14px;color:#555}.summary-card span{font-weight:700;color:#007bff}.table-section{margin-top:20px}.table-section h3{margin-bottom:10px;font-size:18px;font-weight:700}.add-button-container{text-decoration:none}.MuiDataGrid-toolbarContainer{flex-direction:row-reverse;margin:10px}.view-icon{color:green;padding:5px}.delete-icon{color:red;padding:5px}.react-grid-Cell{border:none}.MuiDataGrid-root,.MuiDataGrid-withBorderColor,.css-1ubdnac-MuiDataGrid-root{border-style:none!important}.add-employees{position:relative;padding:20px}.add-employees form{display:flex;flex-wrap:wrap;padding:20px;background-color:#f7fafd;font-family:DM Sans,sans-serif!important}.add-employees .card{width:100%;background-color:#f7fafd;padding:20px;border:1px solid #b7d1e2;border-radius:5px;margin-bottom:10px}.add-employees .card h3{margin:0 0 10px;font-size:20px;font-weight:700}.add-employees .input-group{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.add-employees .input-group>div{flex:1;margin-right:10px}.add-employees .input-group>div:first-child{margin-right:0;width:40%}.add-employees .input-group>div:nth-child(1){margin-right:0;width:40%}.add-employees .input-group>div:nth-child(2){margin-right:0;width:20%}.add-employees .input-group>div:last-child{margin-right:0}.add-employees label{font-size:16px;font-weight:700;flex:1;margin:0 15px 0 0;width:200px;display:block}.error{color:red}.bold-text-amount{font-weight:700!important;font-size:110%;color:#365072!important}.add-employees input,.add-employees select{flex:2;padding:10px;border:1px solid #b7d1e2;border-radius:5px;font-size:16px;font-family:DM Sans,sans-serif!important;width:80%}.add-employees .empl_address{width:40%}.add-employees .address-input{width:90%}.add-employees button{padding:10px 20px;font-size:14px;font-weight:700;border-radius:5px;border:none;cursor:pointer}.date-input{width:90%;border:3px solid #000!important;margin:5px 0}.add-employees .card-button{width:100%;padding:10px;border:1px solid #ffffff;border-radius:5px;font-size:16px;color:#fff;cursor:pointer;margin-left:auto}.add-employees .upload-button{background:none;border:none;color:#365072;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;margin:0 20px;text-decoration:none;font-weight:700}.add-employees .save-button{background-color:#006400;margin:0 0 0 20px;color:#fff;width:30%}.updatebankinfo form{display:flex;flex-wrap:wrap;padding:20px;background-color:#f7fafd;font-family:DM Sans,sans-serif!important;position:relative;overflow:auto}.updatebankinfo .card{width:100%;background-color:#f7fafd;padding:20px;border:1px solid #b7d1e2;border-radius:5px;margin-bottom:10px}.updatebankinfo .input-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.updatebankinfo .input-group>div{margin-right:10px}.updatebankinfo .input-group>div:last-child{flex:1;margin-right:0}.updatebankinfo label{font-size:16px;font-weight:700;flex:1;margin:0 15px 0 0;display:block}.updatebankinfo input,.updatebankinfo select{padding:10px;border:1px solid #b7d1e2;border-radius:5px;font-size:16px;font-family:DM Sans,sans-serif!important}.updatebankinfo .banktype{width:100%}.updatebankinfo .bankname{width:90%}.updatebankinfo button{padding:10px;border:1px solid #fff;border-radius:5px;font-size:16px;background-color:#007bff;color:#fff;cursor:pointer;margin-left:auto}.updatebankinfo .card-button{width:100%;padding:10px;border:1px solid #ffffff;border-radius:5px;font-size:16px;color:#fff;cursor:pointer;margin-left:auto}.updatebankinfo .upload-button{background:none;border:none;color:#365072;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;margin:0 20px;text-decoration:none;font-weight:700}.updatebankinfo .save-button{background-color:#006400;margin:0 0 0 20px;width:30%}.employeeprofile{position:relative;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,auto);background-color:#f7fafd;padding:20px}.employee-details{padding:0 0 0 10px}.employeeprofile p,.employeeprofile h4{padding:0;margin:0}.updateemployeeprofile{position:relative;gap:20px;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,auto);background-color:#f7fafd;padding:20px}input[name=EffectiveDate]{border:2px solid #007bff;background-color:#f9f9f9}.updateemployee-details{padding:0 0 0 10px}.updateemployeeprofile p,.updateemployeeprofile h4{padding:0;margin:0}.employee-activities p{background-color:#fff!important;border-radius:12px;margin:10px 0;padding:10px;border-left:solid #6ea3ff!important}.activity-date,.employee-details span{font-weight:700;color:gray}.employee-details img{width:100px;height:100px;border-radius:50%}.red-text{color:red!important}.grey-text{color:#ccc!important}.green-text{color:green!important}.bold-text{font-weight:500}.green-btn{background-color:green;color:#fff;margin:20px 0 0;padding:10px;border-radius:5px;border:none;cursor:pointer}.green-btn:hover{background-color:#006400;color:#fff}.grey-btn{background-color:gray;color:#fff;margin:20px 0 0 10px;padding:10px;border-radius:5px;border:none;cursor:pointer}.grey-btn:hover{background-color:red;color:#fff}.text-links{text-decoration:none;color:#007bff;font-weight:700;margin:20px 0 0!important}img.icon{width:24px;height:24px}.cancel-button{background-color:gray!important;color:#fff!important;margin:0 0 0 20px!important;padding:10px;border-radius:5px;border:none;cursor:pointer;width:20%}.cancel-button:hover{background-color:#006400;color:#fff}.benefits{position:relative;display:grid;gap:20px;justify-items:flex-start;background-color:#f7fafd;padding:20px}.benefits .input-group{background-color:#f7fafd;padding:20px;border:1px solid #b7d1e2;border-radius:5px;margin-bottom:10px}.benefits-form{width:100%}.benefits-table{grid-column:3/3;padding:10px;width:100%;text-align:left}.small-profile-img{width:48px;height:48px;border-radius:50%}.employee-card{background-color:#fff;padding:20px;box-shadow:0 0 10px #0000001a;justify-content:space-between;align-items:center;margin:10px 0;border-radius:24px}.employee-summary{display:flex;gap:15px;margin-bottom:20px}.employee-summary-card{flex:1;padding:15px;background-color:#fff;border-radius:12px;box-shadow:2px 2px 8px #0000000a}.compact-card{display:flex;flex-direction:column;gap:10px}.employee-stats{display:flex;justify-content:space-between;gap:10px;background-color:#f0f8ff;padding:10px;border-radius:12px}.stat-item{display:flex;align-items:center;gap:8px}.stat-icon{font-size:24px;color:#007bff}.stat-item p{margin:0;font-size:12px;color:#1a1a1a99;font-weight:600}.stat-item h4{margin:0;font-size:18px;color:#333}.staff-count-trend{margin-top:0}.employee-staff-count-data{display:flex;gap:10px;padding:0 15px;justify-content:space-between;align-items:center;background-color:#f0f8ff;border-radius:12px}.employee-sub-heading{display:flex;justify-content:space-between;margin:0;border-bottom:solid 1px #f1f6fd}.employee-sub-heading img{padding:0 0 0 15px}.employee-sub-heading p{color:#696969;padding:0 0 0 20px;font-weight:500}.employee-sub-heading h3{text-align:left;display:flex;align-items:center}.staff-count-data img{display:flex;width:26px;height:26px;background-color:#dbfaf3;border-radius:50%;margin:0 5px 0 0}.staff-chart-container{width:100%;display:flex;justify-content:flex-end}.staffByDepartmentChart{display:flex;flex-direction:column;position:relative}.staff-count-trend h4{margin-bottom:5px}.form,.MuiTypography-root .MuiTypography-h4{font-family:"DM Sans, san-serif"}.back-link{margin:30px 0;font-size:larger}.form_wrap .container{display:flex;flex-direction:column;align-items:center;font-family:"DM Sans, san-serif"}.form_wrap .form{width:100%;font-family:"DM Sans, san-serif"}.form_wrap .textField{margin-bottom:10px}.form_wrap .button{background-color:#664de5;color:#fff;width:100%}.mt3{font-family:DM Sans,sans-serif!important}form{font-family:DM Sans,sans-serif!important;width:100%}.MuiFormControl-root,.MuiFormLabel-root,.MuiTypography-root{font-family:DM Sans,sans-serif!important}input[type=date]{background:transparent;border:none;border-bottom:1px solid #000000;outline:none;height:40px;color:#000;font-size:16px;margin-bottom:20px;font-family:DM Sans}label{font-size:14px;font-weight:700;color:#000;font-family:DM Sans!important}.MuiPaper-root{background:#ffffff;font-family:DM Sans,sans-serif!important}.MuiTypography-h4{font-size:48px!important;font-weight:700;color:#000;font-family:DM Sans,sans-serif!important;text-align:center!important}.error-message{color:red;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif!important}.indexedStep{color:#bebebe;width:30px;height:30px;font-size:12px;background-color:#fff;border-radius:50%;border-style:solid;border-width:1px;border-color:#cecece;display:flex;justify-content:center;align-items:center;cursor:pointer}.indexedStep.accomplished{background-color:#664de5;color:#fff;border-style:none}.RSPBprogressBar{height:2px;width:30%;line-height:1;border-radius:10px;position:relative;background-color:#cfcfcf;display:flex;justify-content:space-between;align-items:center;z-index:0;margin:20px auto}.RSPBprogressBar .RSPBstep{display:inline-flex;justify-content:center;align-items:center;z-index:0;position:absolute;transform:translate(-50%);transition-property:all;transition-timing-function:ease}.RSPBprogressBar .RSPBprogressBarText{color:#fff;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.RSPBprogressBar .RSPBprogression{position:absolute;transition:width .3s ease;left:0;top:0;bottom:0;border-radius:10px;background:#664DE5;z-index:-1}@media screen and (max-width: 480px){.indexedStep{width:15px;height:15px;font-size:6px}}.create_business{font-family:DM Sans,sans-serif!important;border-radius:12px;box-shadow:0 0 10px #0000001a;max-width:960px;min-height:80vh;font-size:80%;justify-content:center;background-color:#fff!important;margin:30px auto;padding:40px}.form_wrap{display:flex;flex-flow:column;justify-content:center;align-items:center;margin:20px auto}.MuiTextField-root{margin:10px 0!important;font-family:DM Sans,sans-serif!important}.businessprofile{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,auto);background-color:#f7fafd;padding:20px}.businessprofile h3{color:#6ea3ff}.businessprofile .row{display:flex;gap:20px;justify-content:space-between;border:solid 1px #d1d5de;border-radius:12px;padding:10px}.businessprofile .boldtext{font-weight:700;padding:0;margin:0;color:#696969}.businessprofile p{margin:0;padding:0;font-weight:500}.business-info{grid-column:span 2;padding:20px 10px;background-color:#fff;border-radius:24px;grid-row:span 2}.business-bankinfo,.business-users{grid-column:span 2;padding:10px;background-color:#fff;border-radius:24px;grid-row:span 2}.bankform{grid-column:3/3;display:flex;flex-wrap:wrap;padding:20px;background-color:#f7fafd;font-family:DM Sans,sans-serif!important;width:100%!important;box-sizing:border-box}.businessprofile .input-group{display:flex;margin-bottom:10px;grid-gap:10px;width:100%}.businessprofile .input-group input,.businessprofile .textfield{width:100%!important}.readOnly{background-color:#add8e6;font-weight:700;border:none;border-bottom:1px solid #ccc;width:100%;padding:10px;font-size:16px;color:#000;font-family:DM Sans,sans-serif!important}.readOnly_short{width:50%!important;background-color:#add8e6;font-weight:700;border:none;border-bottom:1px solid #ccc;padding:10px;font-size:16px;color:#000;font-family:DM Sans,sans-serif!important}.grey-button{background-color:#789!important;color:#fff;margin:0 0 0 10px!important;font-family:DM Sans,sans-serif!important}.grey-button:hover{background-color:red!important}.grey-button2{background-color:#789!important;color:#fff;margin:20px 0 0;padding:10px;border-radius:5px;border:none;cursor:pointer}.green-status{color:#fff!important;background-color:green;font-weight:700;border:1px solid green;padding:0 10px;border-radius:8px}.red-status{color:#fff!important;background-color:red;font-weight:700;border:1px solid red;padding:0 10px;border-radius:8px}.cancel_button{background-color:gray!important;color:#000;margin:0 0 0 10px!important;font-family:DM Sans,sans-serif!important}.terms{margin:0 auto;min-width:500px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0003;font-family:DM Sans,sans-serif!important;font-size:14px;line-height:1;color:#333;overflow:auto}.terms h1{font-size:24px;font-weight:700;margin-bottom:20px}.terms h2{font-size:20px;font-weight:700;margin-bottom:20px}.reporting{font-family:DM Sans,sans-serif;position:relative;text-align:left;font-size:14px;font-weight:600;padding:10px;margin:0 auto}.report-parameters{display:flex;align-items:center;margin:0 auto;padding:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-align:left}.report-parameters button{background-color:#51d200;color:#fff}.report-container{margin:0 auto;padding:20px}.report-container select{padding:.5rem;margin:0 10px 0 0;border-radius:.5rem;border:1px solid #ccc;outline:none;font-family:DM Sans,sans-serif!important}.report-container select:focus{border:1px solid lightskyblue}.report-table{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-align:left;padding:10px;margin:0 auto;box-shadow:0 1px 3px #0003}.report-header{display:flex;justify-content:space-between}.report-table thead tr{background-color:#344955;color:#fff;font-size:16px;font-weight:600;text-align:left;padding:10px!important;margin:0 auto}.report-table thead{background-color:#f9aa33;color:#344955;font-size:16px;font-weight:600;text-align:left;padding:10px!important;margin:0 auto}.report-table th{padding:10px;margin:0 auto}.report-table tr{border-bottom:1px solid #ddd!important;padding:10px;margin:0 auto;font-weight:400;background-color:#f1f6fd;transition:background-color .2s ease}.report-table tr:hover{background-color:#e2eefe}.report-table td{padding:10px;margin:0 auto}.row-heading{font-weight:700;color:#fff;font-size:18px;padding:10px;background-color:#6ea3ff!important}.report-table td:nth-child(1){font-weight:600}.report-table td:nth-child(3){text-align:right}.total-text{font-weight:700;color:#000;font-size:18px;padding:10px;background-color:#93b0c8!important}.generate_button{background-color:#51d200;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;margin:0 10px 0 0}.help-and-support-container{display:flex;flex-direction:column;gap:20px;padding:20px}h1{font-size:24px;font-weight:700;margin-bottom:20px}.section{margin-bottom:40px}.section-title{font-size:20px;font-weight:700;margin-bottom:10px}.section-content{font-size:16px;line-height:1.5}.button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:#0056b3}.button:active{background-color:#004080}.navbar{width:100%;padding:0 20px 0 0;display:flex;align-items:center;justify-content:space-between}.welcome_text p{padding:0;margin:0;font-size:18px;font-weight:600}.icons{display:flex;align-items:center;justify-content:end}.dropdown{position:relative;display:inline-block;color:#fff;margin:0 0 10px;font-weight:700;border-radius:10px;background-color:#3498db;padding:10px 20px;cursor:pointer;font-size:16px;font-family:DM Sans,sans-serif}.dropdown select{width:200px;padding:10px;border:none;border-radius:4px;background-color:#f1f1f1;font-size:16px}.dropbtn{font-family:DM Sans,sans-serif;background-color:#e2eefe;color:#3498db;padding:10px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.notification,.icon,.messages{background-color:#fff;padding:10px;border-radius:12px;margin:0 10px;width:26px;height:26px;position:relative}.notification img,.icon img,.messages img{max-width:26px;max-height:26px}.notification span,.messages span{background-color:red;width:16px;height:16px;color:#fff;border-radius:50%;position:absolute;top:2px;right:5px;font-size:70%;text-align:center}.user{display:flex;align-items:center}.user img{width:42px;height:42px;border-radius:50%;object-fit:cover;padding:10px}.search-box{height:36px;width:300px;border:1px solid #ffffff;border-radius:12px;background-color:#fff;padding:4px 8px;font-size:14px;color:#000;outline:none;transition:border-color .2s ease-in-out}.search-box-wrap{display:flex;justify-content:end;align-items:center;margin-left:200px;display:none}.search-box::placeholder{color:gray}.user-dropdown{position:absolute;top:110px;background-color:#b7d1e2;right:46px;padding:0 5px;text-align:center;border-radius:12px;border:2px soldi #2488ff;z-index:9999}.user-dropdown ul{margin:0;padding:8px;text-align:center}.user-dropdown ul li{list-style-type:none}.role{background-color:#d9fdd3;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;color:#000;margin:0 10px}.users_wrapper{font-family:DM Sans,sans-serif;position:relative;text-align:left;font-size:14px;font-weight:600;padding:10px;margin:0 auto}.users_wrapper h3{margin:0 20px;display:flex;align-items:center}.sub-heading{display:flex;justify-content:space-between;margin:0;border-bottom:solid 1px #f1f6fd;padding:0 10px 10px}.userprofile{display:flex;flex-direction:column;margin:0 auto;overflow:auto;box-sizing:border-box!important}.userprofile_info{align-items:center;padding:10px;justify-items:center;overflow:auto}.userprofile_info form{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:center;align-items:center}.sub-img-content{grid-column:span 1;width:100%;text-align:center}.sub-img{width:256px;height:256px;border-radius:50%}.input-fields{grid-column:span 1;overflow:auto;width:100%;box-sizing:border-box!important}.userprofile_info button{display:flex;padding:10px;border:1px solid #ccc;border-radius:5px;width:30%;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;text-transform:uppercase;margin:10px 0 10px auto}.userprofile_info h3{margin:0 20px;align-items:center}.userprofile_info .input-fields input[type=text],.userprofile_info .input-fields input[type=password]{font-family:DM Sans,sans-serif!important;padding:10px;border:1px solid #ccc;border-radius:5px;margin:0 0 10px;width:100%;font-size:14px;box-sizing:border-box!important}.userprofile_info form label{margin:10px 0 0;width:100%;text-align:left;font-size:16px;font-weight:700;text-transform:uppercase}.delete_proflle{text-align:center}.green-text{color:green}.red-text{color:red}.add_user{display:flex;flex-direction:column;margin:0 auto;overflow:auto;box-sizing:border-box!important}.add_user form{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:center;align-items:center}.add_user_modal_content{display:flex;flex-direction:column;margin:0 auto;overflow:auto;box-sizing:border-box!important;width:500px!important}.MuiTextField-root{margin:10px 0!important;font-family:DM Sans,sans-serif!important;width:100%}.add_user .select{margin:10px 0!important;font-family:DM Sans,sans-serif!important;width:50%}.login-form-checkbox{display:flex;justify-content:space-between;align-items:center}.login-wrapper{font-family:DM Sans,sans-serif!important;display:flex;border-radius:12px;margin:40px;padding:20px;min-width:880px;min-height:80vh;font-size:80%}.login-header{color:#fff}.left-div{flex:1;background-color:#015efe;padding:20px;border-top-left-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;text-align:center}.login_logo{display:flex;justify-content:center;align-items:center;margin-bottom:50px}.login_logo img{max-width:100%;max-height:50%}.left-div a{font-weight:700;font-family:DM Sans;color:#93b0c8}.right-div{flex:2;background-color:#fff;padding:20px;border-top-right-radius:12px;border-bottom-right-radius:12px;align-items:center;font-family:DM Sans,Courier,monospace;display:flex}.signIn-Button{background-color:#015efe;color:#fff;border-radius:12px;padding:10px;width:100%;border:none;font-size:16px;font-weight:500;cursor:pointer;margin-top:10px}.signIn-Button:hover{background-color:#003ecb}@media (max-width: 768px){.login-wrapper{flex-direction:column;padding:10px}.right-div{padding:10px}}.signup-wrapper{font-family:DM Sans,sans-serif!important;display:flex;border-radius:12px;box-shadow:0 0 10px #0000001a;min-width:960px;min-height:80vh;font-size:80%}.signup-right-div{flex:2;background-color:#fff;padding:20px;border-top-left-radius:12px;border-bottom-left-radius:12px;align-items:center;font-family:DM Sans,Courier,monospace;display:flex}.signp-right-div a{font-weight:700;font-family:DM Sans;color:#93b0c8}.signup-left-div{flex:1;background-color:#015efe;padding:20px;border-top-right-radius:12px;border-bottom-right-radius:12px}.MuiFormHelperText-root{font-family:DM Sans,sans-serif!important}body{box-sizing:border-box!important;padding:0;margin:0;font-family:DM Sans,sans-serif}.custom-card{background-color:#fff;border-radius:12px;padding:10px}.main{display:flex;font-family:DM Sans,sans-serif;background-color:#f1f6fd;color:#000;flex-basis:100%;margin:0 auto;font-size:95%}.mainNav{width:100%;display:flex}.contentWrap{width:100%!important;margin:0 20px;overflow:auto}.container{width:100%}.sidebar_wrap{display:flex;padding:5px 0;margin:0 0 0 20px;border-radius:24px;background-color:#f7fafd;position:relative;flex-flow:column;height:100vh}.sidebar{display:flex;padding:5px 0;border-radius:24px;color:#93b0c8;background-color:#f8fafc;position:relative;flex-flow:column;height:100vh}.contentContainer{max-width:100%!important;margin:0 auto}.subtext{display:flex;font-size:80%;color:#5d6369;text-align:left;font-weight:600}.logo{display:flex;align-items:center;justify-content:center;border-bottom:solid 1px #f1f6fd;position:relative;max-height:150px}.logo img{max-width:200px;max-height:150px;padding:10px}@media (max-width: 768px){.logo img{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAO3RFWHRDb21tZW50AHhyOmQ6REFGNkVMSEJjNlE6MixqOjg2NTg1ODU5Njg5NDkyMzYyMzYsdDoyNDAxMTYxNoTRfHIAAATVaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9J2Fkb2JlOm5zOm1ldGEvJz4KICAgICAgICA8cmRmOlJERiB4bWxuczpyZGY9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMnPgoKICAgICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogICAgICAgIHhtbG5zOmRjPSdodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyc+CiAgICAgICAgPGRjOnRpdGxlPgogICAgICAgIDxyZGY6QWx0PgogICAgICAgIDxyZGY6bGkgeG1sOmxhbmc9J3gtZGVmYXVsdCc+T1IuIC0gMTwvcmRmOmxpPgogICAgICAgIDwvcmRmOkFsdD4KICAgICAgICA8L2RjOnRpdGxlPgogICAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgoKICAgICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogICAgICAgIHhtbG5zOkF0dHJpYj0naHR0cDovL25zLmF0dHJpYnV0aW9uLmNvbS9hZHMvMS4wLyc+CiAgICAgICAgPEF0dHJpYjpBZHM+CiAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSdSZXNvdXJjZSc+CiAgICAgICAgPEF0dHJpYjpDcmVhdGVkPjIwMjQtMDEtMTY8L0F0dHJpYjpDcmVhdGVkPgogICAgICAgIDxBdHRyaWI6RXh0SWQ+N2JjNjRhZWYtZDIyMi00NWJmLWI5NGQtZmEzMjZlNTBiNWNmPC9BdHRyaWI6RXh0SWQ+CiAgICAgICAgPEF0dHJpYjpGYklkPjUyNTI2NTkxNDE3OTU4MDwvQXR0cmliOkZiSWQ+CiAgICAgICAgPEF0dHJpYjpUb3VjaFR5cGU+MjwvQXR0cmliOlRvdWNoVHlwZT4KICAgICAgICA8L3JkZjpsaT4KICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgPC9BdHRyaWI6QWRzPgogICAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgoKICAgICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogICAgICAgIHhtbG5zOnBkZj0naHR0cDovL25zLmFkb2JlLmNvbS9wZGYvMS4zLyc+CiAgICAgICAgPHBkZjpBdXRob3I+RCBZPC9wZGY6QXV0aG9yPgogICAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgoKICAgICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0nJwogICAgICAgIHhtbG5zOnhtcD0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyc+CiAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5DYW52YTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICAgIAogICAgICAgIDwvcmRmOlJERj4KICAgICAgICA8L3g6eG1wbWV0YT6JHpC7AAAGfElEQVR4nO2af4wdVRXHP/talm5BK9Q+ATHVEDR6LkLRoGkCXURCQtBWWmaiJhTll/LbREma6BvnIVGiqIlGpDUghaBzZQtYEVS0ryg0UH4sei+/ybZSQ3lLSylsq7jb5x+zu3m7fXPnR9fMH7xPssl795x75sx3Z+6ce+b18Danp+wEyqYrQNkJlE1XgLITKJuuAGUnUDZdAcpOoGy6AmR1FBFE5JMiskQpdTywEHgHMAbsAl40xjxqrb1fa/1ChpALgEUZD98C9gIvA0PAvqx5p5EqgIgc4nneV5VSlwLvzxCzBTxijLlea32HtbaV4HcmcE/2VCd5HfgzsAa4r8D8KTgFCMNwmVLqp8B7C8Z/OIqiC7TWpoOtqADtNIDzgK1FA3QUQEQq9Xr9h8AVST452GOMuTgIgtumjc+EAABN4NPAP4pMrkwfEJHZ9Xo9Aq5kZhbJuUqptWEYXjUDsTpRBdYD7ywyeVb7FxGhXq/fDHx+BhJrp6darZ4hIlsbjcbg+NixwBdnKP67iBfGv+SdOOUK8DzvKuDcjHN3As8ALwB7Mvj3KKVu8DzvhAy+dwGLgVOAzwHfJf0+P59p/9AszJ744HneB5VS30vxHzHG/MRae7PW+rmJQRGpiMhi3/cvAzySb505vu+vtdYusta6jtMENrV9vwv4DnAvsSidOAIQ4O8p5zCFyUQHBgbuBj7r8B2KouhMrfUzroBhGK5QSt0GHJzkY4z5ShAEL5G8CK4GLu4wfjww2GF8ghXAgCu/6VQAPM9TwGccfrujKDoj7eQBgiC4wxhzictHKfUNESmywD4JvOqw514IKwC+76/EseIbY1ZprZ/PGjQIgpuAPzlcjhGRpEs5jb0OW5a1aAoTi+Ayh882rfWavIGjKLrGZe/t7T0tb0zgcOJ7PYnteQNWPM+rAsc4fH5lrf1v3sBa678CLybZ58+ff3TemMSF2UEJtlHgibwBK8BHcFz+URRtzBu0jQeSDH19ffNyxDkWuA74psPnPmB3jphALEBanZ+68CURRdHTSbZZs2bNcUw9B7DAs8AO4DngapKf8/uIa4XczAYOSfHZUSTwOLsKzjts/C8rPwIeKnKgCul769kp9v/X3Kz8gvjqKEQFeCPFp1o0uIgcnmRrtVpJfYKsbAe+BFzIATRIKsA/U3w+XDS4UupjSbbR0dHcz+w2fgx8APjlAcQAYgEscVurI77vFypYROQg4OQk+8jIiGtt+T3xfiCJL+CuBzJT0VrvJhYhCU9EEuv6xEmedzbw7iT7zp07tzimbyPeKo8m2KvAb4l7kgdEBcAYc6fD5wjP876WJ6iIHKyUclaCY2Nj61PC3A+EDvtxwK10aOrkoQJgrb2FZLVRSoVhGJ6eNWi9Xv8+cfGSxINa66cyhLqWuNuTxFIKPv8nqABorYeA3zj8epVS68MwvMS1ixORuQMDAzcAl7sOaoy5NmN+LeKm55DD52pgZcd8/GCRt651u7euZb11rU399Q2rFsiSvnafyZPxPG+h7/uW9MLoKWPMWmvtZuAVYhHfJyInK6VWAkemzL9n+fLlZ+Fuik7vB5wI/A3o6+zOv4HTaCuG+usbllZVf8T+fYnNG77V/6lhu/FNmLYHCMPwIqXUjSkncCA0a7XaCdbal8knAMTP+9WO2K8AnwC2LpAl8069pjFEcjV5vT675+swbQEJgmA18HP3ORRmrzFm2fjJF2ENcJPD/h7GnwxV1X867lLam/iw3wpaq9UuZQYKjGmMGGOWBkGwKd3VyWW4W2IfBdaSXr1OPp73E8Bau69Wq33ZGBPgKJByMGSMOSUIAleHKCt7ift+rzl8lu3Z8a9zUuJMvrvsuL0cHh6m0WhsBP6olFoEHJU3U+At4Ge1Ws3TWm/pYHe9F3gM+F2C7TXgacAnoY+xa2hw4dGLV7w1Z16142asaRqrtmy4ZRBS+ujW2m3W2tXNZnOzUmou8cvRpI7MBC8BN0ZRdG4QBL8eHh7+T4JfUQEg7hPMIbHUbvVsH/wDR338rD29hx7W22bY1zSN6xq1U38wMZCrMysivSJyEvAhETlSKXUoMBZF0evEm6rH298XlM0CWdJbVf3Lxf+2aprG7mHbuNdG4ZT3Bt0fSJSdQNl0BSg7gbLpClB2AmXTFaDsBMqmK0DZCZRNV4CyEyibrgBlJ1A2XQHKTqBsugKUnUDZdAUoO4GyedsL8D9GAOFcFvs0MgAAAABJRU5ErkJggg==)}}.menu-wrap{margin:20px 0;position:relative}.footer{display:flex;align-items:baseline;justify-content:center;padding:30px 10px;justify-items:baseline;align-content:center;text-align:center}.footer-wrap{position:relative;bottom:0}.footer p{font-weight:400}.footer span{font-weight:700}.footer :first-child{font-size:14px}.menu{position:relative;box-sizing:border-box;background-color:#fff;padding:10px;margin:0}.menu_items{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.title{font-size:14px;margin:20px 0 10px;font-weight:600;color:gray;display:flex;justify-content:start}.listItem{display:flex;align-items:center;gap:10px;padding:5px;margin:5px 0;border-radius:12px;border-left:solid 2px #ffffff;background-color:#e2eefe;font-weight:600;font-size:85%;color:#000!important}.listItem a:link{font-weight:600}.listItem img{width:18px;height:18px}.listItem:hover,.listItem:active,.active{background-color:#2488ff;border-left:solid 2px #56aeff;color:#fff}.listItem img:hover{color:#00f}.listItemTitle{transition:all .5s ease}@media (min-width: 768px){.listItemTitle{display:inline;opacity:1}}@media (max-width: 767px){.listItemTitle{display:none;opacity:0}}.employee-activities{display:flex;flex-direction:column}.employee-activities p{background-color:#fff;border-radius:12px;margin:10px 0;padding:10px;border-left:solid #6ea3ff!important}.activity-date{font-weight:700;color:gray}.payrollrun{display:flex;justify-content:space-between;align-items:center;padding:10px}.employees_info h3{margin:0 20px;display:flex;align-items:center}.status-indicator{display:flex;align-items:center;justify-content:space-between;margin-right:10px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 5px 0 0}.green{background-color:green;border-radius:12px!important}.orange{background-color:orange}.blue{background-color:#00f}.status-text{font-weight:700}.action-button{border:1px solid #ccc;padding:5px 10px;width:100%;color:#fff}.run-button{color:#fff;padding:5px 10px;border:1px solid #ccc;width:50%}.action-button.pending{background-color:#90ee90!important}.rounded-button{border-radius:12px!important;background-color:#92a7ba!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important}.payrolllistItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;margin:5px 0;font-size:14px;text-align:left}.payslip-container{margin:0 auto;padding:20px;width:80%}.MuiCardHeader-content{display:flex!important;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif!important}.table-heading{background-color:#e2eefe!important;padding:10px;font-weight:700!important;font-size:16px;text-transform:uppercase}.sub-total{background-color:#6ea3ff!important;padding:10px;font-weight:700!important;font-size:24px;text-transform:uppercase;color:#000!important;border-radius:12px!important}.black-bold-text{font-weight:700!important;color:#000!important;font-size:24px!important}.bold-text-payslip{font-weight:700!important;color:#93b0c8!important;font-size:16px!important}.bold-money{font-weight:700!important;color:#000!important;font-size:18px!important}.centered-items{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}.minus-bold-money{font-weight:700!important;color:gray!important;font-size:18px!important}.bold-items{font-weight:700!important;color:#000!important;font-size:16px!important}.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6,.MuiTableCell-root{font-family:DM Sans,sans-serif!important}.MuiTableCell-head{font-weight:700!important;font-size:16px!important;text-transform:uppercase!important}.employee_table .root{flex-grow:1;margin-top:20px;margin-bottom:20px}.employee_table .title{flex-grow:1}.employee_table .button{margin:8px;float:right;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#2d62ed}.employee_table .buttonback{margin:8px;float:right;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#6ea3ff}.employee_table .table{min-width:650px}.payslip-container .card{margin-bottom:10px}.payslip-container .table{min-width:650;font-family:DM Sans}.payslip-container .button{margin:10px;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#2d62ed}.payslip-container .button2{margin:10px;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#f2134f}.payslip-container .TableCell{font-family:DM Sans;font-weight:700}.payslip-container .title{font-size:14px;font-family:DM Sans;font-weight:700}.payroll-modal-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;width:50%}.payslip-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:10px;margin:10px auto;width:80%}.payslip-footer .MuiPaper-root{margin-bottom:10px;border:none;box-shadow:none}.payslip-footer .card{display:flex;margin-left:auto;margin-bottom:10px;border:none;box-shadow:none;padding:10px;justify-content:space-evenly;align-items:flex-end}.payslip-footer .download-button{margin:10px;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#365072}.payslip-footer .back-button{margin:10px;font-family:DM Sans;font-weight:700;border-radius:12px;background-color:#6ea3ff;text-transform:capitalize}.businessName-heading{font-size:24px;font-weight:700;text-transform:uppercase;color:#fff;background-color:#2488ff!important}.payroll-selectors{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;margin:20px 10px;font-family:DM Sans,sans-serif!important}.bonus-summary{display:flex;flex-direction:row;justify-content:left;align-items:left;gap:10px;padding:0 1rem;margin:20px 10px;font-family:DM Sans,sans-serif!important;width:auto}.process-button{background-color:#92a7ba!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important;border-radius:12px!important;padding:5px 10px;border:1px solid #ccc;color:#fff}.pay-button{background-color:#005bef!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important;border-radius:12px!important;padding:5px 10px;border:1px solid #ccc;color:#fff;width:100%}.paid-button{background-color:#6ea3ff!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important;border-radius:12px!important;padding:5px 10px;border:1px solid #ccc;color:#fff;width:100%}.process_payroll{background-color:#51d200!important;color:#fff;border:1px solid #ccc;transition:border .3s ease-in-out}.process-bonus{background-color:#365072!important;color:#fff;border:1px solid #ccc;transition:border .3s ease-in-out}.bold-header{font-weight:700;text-align:center!important;font-size:110%}.payroll-heading{position:relative}.hidden{display:none}.delete-button{background-color:#990303!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important;border-radius:12px!important;padding:5px 10px;border:1px solid #ccc;color:#fff}.process-button{background-color:#51d200!important;color:#fff;border:1px solid #ccc;transition:border .3s ease-in-out;width:100%}.payroll-selectors select{padding:.5rem;border-radius:.5rem;border:1px solid #ccc;outline:none;font-family:DM Sans,sans-serif!important}.payroll-selectors input{padding:.5rem!important;border-radius:.5rem;border:1px solid #ccc;outline:none;font-family:DM Sans,sans-serif!important}.payroll-selectors select:focus{border:1px solid lightskyblue}.employee_table{border-collapse:collapse;font-family:DM Sans,sans-serif!important;padding:15px;margin:15px;border:1px solid #ccc;border-radius:12px}.selected-period{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;font-family:DM Sans,sans-serif!important;color:green}.view-button{background-color:#92a7ba!important;font-size:97%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0!important;font-family:DM Sans,sans-serif!important;border-radius:12px!important;padding:5px 10px;border:1px solid #ccc;width:100%;color:#fff}.autocomplete-results{position:absolute;z-index:1;width:30%;top:30%;left:14%;background-color:#f3f5f9;border-radius:12px;border:1px solid #ccc;padding:10px;margin-top:5px;font-family:DM Sans,sans-serif!important;list-style:none!important}.autocomplete-results ul{list-style-type:none!important;list-style:none!important;padding:0;margin:0}.autocomplete-results ul li{padding:5px;cursor:pointer;list-style:none!important;list-style-type:none!important}.autocomplete-results ul li:hover{background-color:#e9e9e9;list-style:none!important;list-style-type:none!important}.LoansAdvances{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.LoansAdvances h1{font-size:2rem;font-weight:700;color:#333}.LoansAdvances__container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.MuiContainer-root{background-color:#fff!important;border-radius:16px}.MuiButton-root{border-radius:16px;margin-top:10px;font-weight:700!important}.MuiTab-root{min-width:0;margin:0 5px 0 0!important;text-transform:none;font-weight:400;font-size:1rem;color:#000000de;letter-spacing:.00938em;padding:6px 16px;min-width:72px;max-width:264px;border-radius:16px;transition:background-color .2s;margin-right:10px;background-color:#e2eefe!important;border:none!important}.MuiTab-root.Mui-selected{background-color:#1976d2!important;color:#fff!important;border-bottom:none!important;border:none!important}.messages-container{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,auto);background-color:#f7fafd;padding:20px}.messages-info{grid-column:span 2;padding:20px 10px;background-color:#fff;border-radius:24px;grid-row:span 2}:root{font-family:DM Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:DM Sans,sans-serif!important;background-color:#f1f6fd}a{text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:DM Sans,sans-serif!important;background-color:#f1f6fd;box-sizing:border-box}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}button{background-color:#f9f9f9}}