@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");.monthlyPayrollGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.monthlyPayrollGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.monthlyPayrollGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.monthlyPayrollGridView--CardFooter {
  margin-top: 0.5rem;
}
.monthlyPayrollGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.monthlyPayrollGridView--StatusChip--configured {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.monthlyPayrollGridView--StatusChip--payrollcalculated {
  background-color: #E2E8F0 !important;
  color: #64748B !important;
}
.monthlyPayrollGridView--StatusChip--validated {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.monthlyPayrollGridView--StatusChip--slipgenerated {
  background-color: #DCFCE7 !important;
  color: #22C55E !important;
}
.monthlyPayrollGridView--redirection {
  cursor: pointer;
  width: 100%;
}.monthlyPayroll {
  padding: 0rem 2rem;
  width: 100%;
}
.monthlyPayroll--StatusChip--configured {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.monthlyPayroll--StatusChip--payrollcalculated {
  background-color: #E2E8F0 !important;
  color: #64748B !important;
}
.monthlyPayroll--StatusChip--validated {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.monthlyPayroll--StatusChip--slipgenerated {
  background-color: #DCFCE7 !important;
  color: #22C55E !important;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 2rem 0 !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  display: flex;
  padding-bottom: 16px;
  border-radius: 12px;
  background-color: #f5f6f5;
}
.form--CheckboxSection--Row {
  align-items: center;
  gap: 8px;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}.addMonthlyPayroll--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addMonthlyPayroll--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.addMonthlyPayroll--FormContainer {
  width: 100%;
}
.addMonthlyPayroll--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editMonthlyPayroll--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editMonthlyPayroll--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.editMonthlyPayroll--FormContainer {
  width: 100%;
}
.editMonthlyPayroll--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.monthlyPayrollSummary .summary-card {
  margin-bottom: 2rem;
}
.monthlyPayrollSummary .employee-details-card {
  margin-bottom: 2rem;
}
.monthlyPayrollSummary .info-section .section-title {
  color: #1976d2;
  margin-bottom: 1rem;
  font-weight: 600;
}
.monthlyPayrollSummary .info-section .info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.monthlyPayrollSummary .info-section .info-row:last-child {
  border-bottom: none;
}
.monthlyPayrollSummary .info-section .info-row .label {
  font-weight: 500;
  color: #666;
  flex: 1;
}
.monthlyPayrollSummary .info-section .info-row .value {
  flex: 1;
  text-align: right;
  font-weight: 500;
}
.monthlyPayrollSummary .info-section .info-row .value.highlight {
  color: #1976d2;
  font-weight: 600;
  font-size: 1.1rem;
}.viewMonthlyPayroll {
  padding: 1rem;
}
.viewMonthlyPayroll .summary-container {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.wpsGenerationGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.wpsGenerationGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.wpsGenerationGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.wpsGenerationGridView--CardFooter {
  margin-top: 0.5rem;
}
.wpsGenerationGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.wpsGenerationGridView--StatusChip--generated {
  background-color: #B6E9D6 !important;
  color: #4AC08C !important;
}
.wpsGenerationGridView--StatusChip--salaryprocessed {
  background-color: #f7eac0 !important;
  color: #a6914d !important;
}
.wpsGenerationGridView--redirection {
  cursor: pointer;
  width: 100%;
}.wpsGeneration {
  padding: 0rem 2rem;
  width: 100%;
}
.wpsGeneration--StatusChip--generated {
  background-color: #B6E9D6 !important;
  color: #4AC08C !important;
}
.wpsGeneration--StatusChip--salaryprocessed {
  background-color: #f7eac0 !important;
  color: #a6914d !important;
}.form--Container {
  width: 100%;
  padding: 2rem;
  padding-bottom: 100px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 2rem 0 !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  display: flex;
  padding-bottom: 16px;
  border-radius: 12px;
  background-color: #f5f6f5;
}
.form--CheckboxSection--Row {
  align-items: center;
  gap: 8px;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}
.form--Payroll-Box {
  border-top: 1px solid #d3d3d4 !important;
  padding-top: 12px !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.form--Payroll-Box--Icons {
  width: 16px !important;
  height: 16px !important;
}
.form--Payroll-Box--Icons--Total {
  color: #54CC96 !important;
}
.form--Payroll-Box--Icons--Validated {
  color: #2EB273 !important;
}
.form--Payroll-Box--Icons--Warning {
  color: #f86060 !important;
}
.form--Payroll-Box--KPI-Container {
  display: flex;
  flex-direction: row;
  gap: 12px !important;
}
.form--Payroll-Box--KPI-Box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f5f6f5 !important;
  width: 178px !important;
  height: 33px !important;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #eeeff1;
  padding: 8px;
}
.form--Validation-Icon {
  width: 24px !important;
  height: 24px !important;
}
.form--Validation-Icon--Pending {
  color: #a6914d !important;
}
.form--Validation-Icon--Validated {
  color: #2EB273 !important;
}
.form--Validation-Icon--Error {
  color: #F97316 !important;
}
.form--Total-Container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 651;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #eeeff1 !important;
  padding: 12px 24px !important;
  box-shadow: 10px -8px 25px 0px #bdbebf;
}
.form--Total-Container--Wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.form--Total-Container--KPI {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form--Total-Container--KPI--Details {
  width: 210px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form--Total-Container--Payable {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 159px;
  height: 57px;
  padding-right: 16px;
  border: 1px solid #EEEFF1;
  background-color: #fff;
}
.form--Total-Container--Payable--Content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}.addWpsGeneration--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addWpsGeneration--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.addWpsGeneration--FormContainer {
  width: 100%;
}
.addWpsGeneration--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editWpsGeneration--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editWpsGeneration--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.editWpsGeneration--FormContainer {
  width: 100%;
}
.editWpsGeneration--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.wpsGenerationSummary .summary-card {
  margin-bottom: 2rem;
}
.wpsGenerationSummary .employee-details-card {
  margin-bottom: 2rem;
}
.wpsGenerationSummary .info-section .section-title {
  color: #1976d2;
  margin-bottom: 1rem;
  font-weight: 600;
}
.wpsGenerationSummary .info-section .info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.wpsGenerationSummary .info-section .info-row:last-child {
  border-bottom: none;
}
.wpsGenerationSummary .info-section .info-row .label {
  font-weight: 500;
  color: #666;
  flex: 1;
}
.wpsGenerationSummary .info-section .info-row .value {
  flex: 1;
  text-align: right;
  font-weight: 500;
}
.wpsGenerationSummary .info-section .info-row .value.highlight {
  color: #1976d2;
  font-weight: 600;
  font-size: 1.1rem;
}.viewWpsGeneration {
  padding: 1rem;
}
.viewWpsGeneration .summary-container {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.payslips {
  padding: 0rem 2rem;
  width: 100%;
}
.payslips--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.payslips--StatusChip--pending {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.payslips--Container {
  display: flex;
  padding: 16px 0px !important;
  flex-direction: column;
  gap: 24px;
  border-top: 1px solid #eeeff1 !important;
  border-bottom: 1px solid #eeeff1 !important;
}.form--Container {
  padding: 0.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 100px !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Validation-Icon {
  width: 24px !important;
  height: 24px !important;
}
.form--Validation-Icon--Pending {
  color: #a6914d !important;
}
.form--Validation-Icon--Validated {
  color: #2EB273 !important;
}
.form--Validation-Icon--Error {
  color: #F97316 !important;
}
.form--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.form--StatusChip--pending {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.form--Payroll-Box {
  border-top: 1px solid #d3d3d4 !important;
  padding-top: 12px !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.form--Payroll-Box--Icons {
  width: 16px !important;
  height: 16px !important;
}
.form--Payroll-Box--Icons--Total {
  color: #54CC96 !important;
}
.form--Payroll-Box--Icons--Validated {
  color: #2EB273 !important;
}
.form--Payroll-Box--Icons--Warning {
  color: #f86060 !important;
}
.form--Payroll-Box--KPI-Container {
  display: flex;
  flex-direction: row;
  gap: 12px !important;
}
.form--Payroll-Box--KPI-Box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f5f6f5 !important;
  width: 178px !important;
  height: 33px !important;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #eeeff1;
  padding: 8px;
}
.form--Total-Container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 651;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #eeeff1 !important;
  padding: 12px 24px !important;
  box-shadow: 10px -8px 25px 0px #bdbebf;
}
.form--Total-Container--Wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.form--Total-Container--KPI {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form--Total-Container--KPI--Details {
  width: 210px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.form--Total-Container--Payable {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 159px;
  height: 57px;
  padding-right: 16px;
  border: 1px solid #EEEFF1;
  background-color: #fff;
}
.form--Total-Container--Payable--Content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}.addPayslips--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addPayslips--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.addPayslips--FormContainer {
  width: 100%;
}.editPayslips--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editPayslips--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.editPayslips--FormContainer {
  width: 100%;
}.viewPayslips {
  padding: 1rem;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.approvalHistoryDropdown--Popup {
  padding: 1rem;
  width: 100%;
  max-width: 431px;
}
.approvalHistoryDropdown--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eeeff1;
}
.approvalHistoryDropdown--Header--Close {
  cursor: pointer;
  color: #a7a8a9;
  transition: color 0.2s ease;
}
.approvalHistoryDropdown--Header--Close:hover {
  color: #7b7c7f;
}
.approvalHistoryDropdown--Timeline {
  position: relative;
  max-height: 633px;
  overflow-y: auto;
  overflow-x: hidden;
}
.approvalHistoryDropdown--Date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0 0.5rem 0;
  position: relative;
  z-index: 1;
}
.approvalHistoryDropdown--Date::before, .approvalHistoryDropdown--Date::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #eeeff1;
  margin: 0 1rem;
}
.approvalHistoryDropdown--Date span {
  background-color: #F5F6F5;
  color: #919294;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.approvalHistoryDropdown--Group {
  position: relative;
  background-color: #FFFFFF;
}
.approvalHistoryDropdown--Group:first-child {
  margin-top: 0;
}
.approvalHistoryDropdown--Card {
  background-color: #F5F6F5;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  position: relative;
  border: 1px solid transparent;
}
.approvalHistoryDropdown--Card--Icon {
  width: 2rem;
  height: 2rem;
}
.approvalHistoryDropdown--Card--Icon.submitted {
  background-color: #E0F2F1;
  color: #00695C;
}
.approvalHistoryDropdown--Card--Icon.approved {
  background-color: #E8F5E9;
  color: #2E7D32;
}
.approvalHistoryDropdown--Card--Icon.rejected {
  background-color: #FFEBEE;
  color: #C62828;
}
.approvalHistoryDropdown--Content--Title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #232529;
  margin-bottom: 0.5rem;
}
.approvalHistoryDropdown--Content--SubTitle {
  color: #919294;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.approvalHistoryDropdown--Content--Message {
  background-color: white;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #eeeff1;
  color: #7b7c7f;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.approvalHistoryDropdown--Loading {
  text-align: center;
}

.my-doc-icon {
  color: #72a7b6 !important;
}
.my-doc-icon .doc-bg {
  opacity: 1;
}
.my-doc-icon .doc-line {
  fill: #fff !important;
}
.my-doc-icon .doc-fold {
  fill: #72a7b6 !important;
}.viewResourceAssign--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewResourceAssign--DeleteButton {
  color: #f86060 !important;
}
.viewResourceAssign--EditButton {
  color: #1f2125 !important;
}
.viewResourceAssign--moveButton {
  border-color: var(--theme-neutral-300, #d1d5db) !important;
  color: var(--theme-neutral-700, #374151) !important;
  font-size: 13px !important;
}
.viewResourceAssign--Container {
  padding: 2rem;
}
.viewResourceAssign--ChipContainer {
  display: flex;
  gap: 0.75rem;
}
.viewResourceAssign--ChipContainer--Chip {
  background-color: #f5f6f5 !important;
  border-radius: 0.5rem !important;
}
.viewResourceAssign--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.viewResourceAssign--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-left: 20px;
  padding-top: 24px;
}
.viewResourceAssign--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewResourceAssign--detailContainer {
  border-left: 2px solid #f5f6f5;
}
.viewResourceAssign--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 1.75rem;
}
.viewResourceAssign--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewResourceAssign--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.viewResourceAssign--Accordion--Title {
  padding-left: 12px;
}
.viewResourceAssign--Accordion--Filled {
  background-color: #fbfbfb;
}
.viewResourceAssign--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewResourceAssign--HeaderButtons--DiscardButton, .viewResourceAssign--HeaderButtons--DraftButton {
  color: #1f2125 !important;
  min-width: 120px;
  color: #1f2125 !important;
}
.viewResourceAssign--HeaderButtons--SaveButton {
  min-width: 120px;
}
.viewResourceAssign--HeaderButtons--BackButton {
  min-width: 100px;
  color: #232529 !important;
}
.viewResourceAssign--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.viewResourceAssign--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.viewResourceAssign--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.viewResourceAssign--StatusChip--Requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.viewResourceAssign--StatusChip--inProgress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.viewResourceAssign--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.viewResourceAssign--StatusChip--Completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.viewResourceAssign--StatusChip--onHold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.viewResourceAssign--StatusChip--medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.viewResourceAssign--StatusChip--high {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.viewResourceAssign--StatusChip--low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.viewResourceAssign--StatusChip--Medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.viewResourceAssign--StatusChip--High {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.viewResourceAssign--StatusChip--Low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.viewResourceAssign--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewResourceAssign--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.viewResourceAssign--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.viewResourceAssign--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewResourceAssign--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}

.ActivityContainer {
  width: 100%;
  position: unset;
}
@keyframes cardswipe {
  100% {
    transform: translate(5vw, 10vh) rotate(0);
  }
}
@keyframes cardreverseswipe {
  0% {
    transform: translate(5vw, 10vh) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(-45deg);
  }
}
@keyframes cardrotate {
  100% {
    transform: rotateX(15deg) rotateY(10deg);
  }
}
@keyframes cardreverserotate {
  0% {
    transform: rotateX(15deg) rotateY(10deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(15deg);
  }
}
@keyframes tabletreversemoveup {
  0% {
    transform: rotate(-35deg) translate(8vw, 7vh);
  }
  100% {
    transform: rotate(-35deg) translate(8vw, 12vh);
  }
}
@keyframes textfadein {
  0% {
    transform: translateY(10vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes navbarexpand {
  0% {
    width: 0;
  }
  100% {
    width: 45vw;
  }
}
@keyframes navbarshrink {
  0% {
    width: 45vw;
  }
  100% {
    width: 0;
  }
}
@media screen and (max-width: 1112px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 12vh);
    }
  }
}
@media screen and (max-width: 812px) {
  @keyframes cardswipe {
    100% {
      transform: translate(7vw, 5vh);
    }
  }
}
@media screen and (max-width: 450px) {
  @keyframes swipemovedown {
    100% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
  }
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
  }
  @keyframes swipereversemovedown {
    0% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
    100% {
      transform: rotate(-35deg) translate(11vw, -2vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 5vh);
    }
  }
  @keyframes navbarexpand {
    0% {
      width: 0;
    }
    100% {
      width: 70vw;
    }
  }
  @keyframes navbarshrink {
    0% {
      width: 70vw;
    }
    100% {
      width: 0;
    }
  }
}
@media screen and (max-width: 360px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 2vh);
    }
  }
}
.edisabled {
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  filter: opacity(0.5);
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-1 {
  padding-bottom: 0.625rem;
}
.pb-2 {
  padding-bottom: 1.25rem;
}
.pt-1 {
  padding-top: 0.625rem;
}
.pl-1 {
  padding-left: 0.625rem;
}
.pr-1 {
  padding-right: 0.625rem;
}
.pr-2 {
  padding-right: 1.25rem;
}
.pt-0 {
  padding-top: 0px !important;
}
.pl-2 {
  padding-left: 1.25rem !important;
}
.p-0 {
  padding: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 0.625rem !important;
}
.mb-2 {
  margin-bottom: 1.25rem !important;
}
.mb-1 {
  margin-bottom: 0.625rem !important;
}
.mt-2 {
  margin-top: 1.25rem !important;
}
.mb-1-2 {
  margin-bottom: 0.75rem !important;
}
.mr-2 {
  margin-right: 1.25rem !important;
}
.d-flex {
  display: flex !important;
}
.justify-content-center {
  justify-content: center !important;
}
.align-items-center {
  align-items: center !important;
}
.flex-direction-column {
  flex-direction: column !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-space-evenly {
  justify-content: space-evenly !important;
}
.fd-column,
.fd-col {
  flex-direction: column !important;
}
.ai-center {
  align-items: center !important;
}
.ai-start {
  align-items: flex-start !important;
}
.jc-space-between {
  justify-content: space-between;
}
.jc-start {
  justify-content: flex-start !important;
}
.jc-end {
  justify-content: end !important;
}
.fd-col {
  flex-direction: column !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.w-100 {
  width: 100% !important;
}
.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-40 {
  width: 60%;
}
.w-60 {
  width: 60%;
}
.h-100 {
  height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.row {
  width: 100%;
  display: flex;
  margin: 0.625rem;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.64%;
}
.col-7 {
  width: 58.31%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.65%;
}
.col-4 {
  width: 33.32%;
}
.col-3 {
  width: 25%;
}
.col {
  width: 33.33%;
}
.h1 {
  font-size: 1.75rem;
  line-height: 140%;
  letter-spacing: -0.035rem;
}
.h2 {
  font-size: 1.5rem;
  line-height: 140%;
  letter-spacing: -0.03rem;
}
.h3 {
  font-size: 1.25rem;
  letter-spacing: -0.025rem;
}
.h4 {
  font-size: 1.125rem;
  letter-spacing: -0.0225rem;
}
.h5 {
  font-size: 1rem;
  letter-spacing: -0.02rem;
}
.s1 {
  font-size: 1.125rem;
  letter-spacing: -0.0225rem;
}
.s2 {
  font-size: 1rem;
  letter-spacing: -0.02rem;
}
.s3 {
  font-size: 0.875rem;
  letter-spacing: -0.0175rem;
}
.s4 {
  font-size: 0.8125rem;
  letter-spacing: -0.01625rem;
}
.s5 {
  font-size: 0.75rem;
  letter-spacing: -0.015rem;
}
.normal {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 600;
}
:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.MuiTableCell-root a {
  color: #1f2125;
  text-decoration: none;
}
.scroller {
  overflow-y: scroll;
  scrollbar-color: #0A4C95 #C2D2E4;
}
/* For Chrome, Safari, and other WebKit-based browsers */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #BDBEBF;
  border-radius: 2px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #BDBEBF;
}
::selection {
  background-color: #2EB273;
  color: #fff;
}
/* For Firefox */
* {
  scrollbar-width: thin;
  /* 'auto' or 'thin' */
  scrollbar-color: #D3D3D4 transparent;
  /* Scrollbar thumb and track */
}
/* Optional: For more detailed control over scrollbar elements in Firefox */
/* 
  Note: This part is not necessary, 
  but included for completeness if you want to style specific elements differently.
*/
body {
  scrollbar-width: thin;
  scrollbar-color: #BDBEBF transparent;
  height: 100vh;
  font-family: "Inter", sans-serif !important;
}
html {
  font-size: 100%;
}
html body {
  font-family: "Inter", sans-serif;
  width: 100%;
}
img {
  object-fit: contain;
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
hr {
  border-color: "#c1c1c1";
  margin: 0;
}
button {
  cursor: pointer;
}
svg {
  fill: currentColor;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
@media screen and (max-width: 450px) {
  html {
    font-size: 80%;
  }
  html body {
    width: 100vw;
    overflow: scroll;
  }
}
.MuiModal-root .MuiDialog-container .MuiPaper-root {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.MuiModal-root .MuiDialog-container .MuiPaper-root::-webkit-scrollbar {
  display: none;
}
.content {
  padding: 1.5rem !important;
}
.remove-filters {
  position: absolute;
  padding: 0rem;
  right: 1.5rem;
}
.remove-filters_rtl {
  position: absolute;
  padding: 0rem;
  left: 1.5rem;
}
.queryBuilder {
  position: relative;
}
.queryBuilder .ruleGroup {
  border: none;
  padding: 0rem;
  display: flex;
  flex-direction: column-reverse;
}
.queryBuilder .ruleGroup .actions .MuiOutlinedInput-root {
  display: none;
}
.queryBuilder .ruleGroup .rule {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.queryBuilder .filterGrp-remove-btn {
  color: #c64d4d;
}
.ruleGroup {
  background-color: white;
}
.ruleGroup-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ruleGroup-body .ruleGroup {
  background-color: #fbfbfb;
  border: 0.063rem solid #f3f2f2;
  padding: 0.5rem;
}
.ruleGroup-body .add-group {
  display: none;
}
.add-filter {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}
.add-group {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}
.queryBuilder > .ruleGroup {
  gap: 1rem;
}
.ruleGroup-body > .ruleGroup {
  margin: 0.25rem 0rem;
}
.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.063rem solid #d3d3d4;
}
.combinator-value {
  text-transform: uppercase;
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: fit-content;
  padding: 0.25rem 1rem;
}
.filter-footer {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 0.063rem solid #d3d3d4;
  background-color: #f5f6f5;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}
.filter-footer .cancel-filter-btn {
  color: #18274b;
  background-color: #ffffff;
}
.filter-footer .cancel-filter-btn:hover {
  background-color: #f5f6f5;
  color: #18274b;
}
.searchbar-box-list {
  padding: 0.5rem;
  margin-bottom: 4px;
  border-bottom: 0.063rem solid #f3f2f2;
}
.filter-title {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.063rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #919294;
  padding: 0.625rem 0.625rem 0rem;
}
.menu-list {
  justify-content: space-between;
}
.menu-list .icon-list .icons-img {
  min-width: 1.688rem;
}
.select-drps {
  width: 100%;
  color: #1f2125;
  text-transform: capitalize;
}
.select-drps .MuiSelect-select {
  padding: 0.625rem 0.875rem;
}
.select-drps input {
  width: 100%;
  padding: 0.625rem 0.875rem;
}
.new-searchbar .search-wrapper input {
  font-size: 0.781rem;
}
.betweenRules .combinator-list {
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: 5rem;
}
.betweenRules .combinator-list .MuiOutlinedInput-notchedOutline {
  border: none;
}
.betweenRules .combinator-list .MuiSelect-select {
  padding: 0.375rem 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #656669;
}
.sidebar-search .MuiFormControl-root {
  padding: 0.375rem 0.75rem;
  background-color: #fff;
  border: 1px solid #f3f2f2;
  border-radius: 0.25rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.valueField--Container {
  gap: 0.2rem !important;
}
.MuiPaper-root.MuiAccordion-root.Mui-expanded {
  margin: 0 !important;
  padding-bottom: 10px;
}
.hrms-mfe-root .form--Accordion .MuiAccordionSummary-root {
  padding: 8px 0 !important;
}

/**
 * Consolidated SCSS file for all styled components
 * Generated from MUI styled-components throughout the codebase
 * 
 * Note: Theme-dependent values use CSS custom properties (variables)
 * These should be set via your theme provider
 */
:root {
  --theme-primary-50: #B6E9D6;
  --theme-primary-100: #E8F5F0;
  --theme-primary-200: #D1EBE1;
  --theme-primary-300: #BAE1D2;
  --theme-primary-400: #A3D7C3;
  --theme-primary-500: #8CCDB4;
  --theme-primary-600: #75C3A5;
  --theme-primary-700: #54CC96;
  --theme-primary-800: #2EB273;
  --theme-primary-900: #1A6B44;
  --theme-secondary-50: #F9F9F9;
  --theme-secondary-100: #F5F5F5;
  --theme-secondary-200: #E0E0E0;
  --theme-secondary-300: #D3D3D4;
  --theme-secondary-400: #C4C4C4;
  --theme-secondary-500: #9E9E9E;
  --theme-secondary-600: #757575;
  --theme-secondary-700: #616161;
  --theme-secondary-800: #424242;
  --theme-secondary-900: #212121;
  --theme-secondary-1000: #000000;
  --theme-error-100: #FFEBEE;
  --theme-error-200: #FFCDD2;
  --theme-error-300: #EF9A9A;
  --theme-error-400: #E57373;
  --theme-error-500: #EF5350;
  --theme-error-600: #E53935;
  --theme-error-700: #C62828;
  --theme-error-800: #B71C1C;
  --theme-error-900: #880E4F;
  --theme-tertiary6-100: #FFEBEE;
  --theme-tertiary6-900: #880E4F;
}
.MuiButton-root {
  font-size: 0.875rem;
  text-transform: none;
  min-height: 0;
  min-width: 0;
  padding: 0.25rem 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.01875rem;
}
.MuiButton-root.MuiButton-contained {
  background-color: var(--theme-primary-700);
}
.MuiButton-root.MuiButton-contained:hover {
  background-color: var(--theme-primary-800);
}
.MuiButton-root.MuiButton-outlined {
  border: none;
  box-shadow: 0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
  color: var(--theme-primary-700);
}
.MuiButton-root.MuiButton-text {
  color: var(--theme-secondary-1000);
  background-color: white;
}
.MuiButton-root.MuiButton-text:hover {
  color: var(--theme-primary-700);
}
.MuiButton-root.MuiButton-containedError {
  background-color: var(--theme-error-500);
}
.MuiButton-root.MuiButton-containedError:hover {
  background-color: var(--theme-error-600);
}
.MuiButton-root.Mui-disabled {
  opacity: 0.5;
}
.MuiDialog-root .MuiDialog-paper {
  border-radius: 1rem;
}
.MuiDialog-root .MuiDialogTitle-root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
}
.MuiDialog-root .MuiDialogContent-root {
  padding: 1.5rem;
}
.MuiDialog-root .MuiDialogActions-root {
  padding: 0.5rem 1rem;
}
.MuiTextField-root .MuiOutlinedInput-root {
  padding: 0;
  color: var(--theme-secondary-800);
}
.MuiTextField-root .MuiOutlinedInput-root fieldset {
  border-color: var(--theme-secondary-400);
}
.MuiTextField-root .MuiOutlinedInput-root:hover fieldset {
  border-color: var(--theme-secondary-500);
}
.MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset {
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--theme-primary-700);
}
.MuiTextField-root .MuiOutlinedInput-root.Mui-error fieldset {
  border-color: var(--theme-error-600);
}
.MuiTextField-root .MuiOutlinedInput-root.Mui-error .MuiInputBase-input::placeholder {
  color: var(--theme-error-600);
}
.MuiTextField-root .MuiOutlinedInput-root.Mui-disabled {
  background-color: "#EBEBEB";
  color: var(--theme-secondary-700);
}
.MuiTextField-root .MuiOutlinedInput-root .MuiInputBase-input::placeholder {
  color: var(--theme-secondary-800);
  opacity: 1;
}
.MuiTextField-root .MuiFormHelperText-root {
  margin-left: 0;
  color: var(--theme-secondary-800);
}
.MuiTextField-root .MuiFormHelperText-root.Mui-error {
  color: var(--theme-error-600);
}
.MuiTextField-root .MuiIconButton-root {
  margin-right: 0;
}
form .Mui-focused fieldset {
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--theme-primary-700);
}
.MuiSelect-root {
  color: var(--theme-secondary-800);
  font-size: 0.875rem;
}
.MuiSelect-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--theme-secondary-300);
}
.MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-width: 0.0625rem;
  border-color: var(--theme-primary-700);
}
.MuiSelect-root.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline {
  border-width: 0.0625rem;
  border-color: var(--theme-error-600);
}
.MuiSelect-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--theme-secondary-400);
}
.MuiSelect-root.Mui-error:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--theme-error-600);
}
.MuiSelect-root.Mui-disabled {
  background: var(--theme-secondary-200);
  color: var(--theme-secondary-800);
}
.MuiSelect-root .MuiMenuItem-root {
  font-size: 10px;
}
.MuiSelect-root.Mui-error {
  color: var(--theme-error-600);
}
.MuiCheckbox-root {
  padding: 0;
  color: var(--theme-secondary-300);
  border-radius: 0.625rem;
}
.MuiCheckbox-root.Mui-checked {
  color: var(--theme-primary-600);
}
.MuiCheckbox-root.Mui-checked:hover {
  color: var(--theme-primary-500);
}
.MuiCheckbox-root.Mui-disabled {
  color: var(--theme-secondary-400);
}
.MuiChip-root {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--theme-secondary-800);
  border-radius: 0.25rem;
  background-color: var(--theme-secondary-200);
  height: fit-content;
  padding: 0.25rem 0.5rem;
}
.MuiChip-root.MuiChip-rounded {
  border-radius: 1.5rem;
}
.MuiChip-root .MuiChip-label {
  padding: 0;
}
.MuiChip-root .MuiChip-icon {
  margin-right: 0.125rem;
  margin-left: 0;
  color: inherit;
}
.MuiChip-root .MuiChip-deleteIcon {
  margin-left: 0.25rem;
  font-size: 0.875rem;
  color: inherit;
  margin-right: 0;
}
.MuiChip-root[data-active=true].MuiChip-filled {
  color: var(--theme-primary-700);
  background-color: var(--theme-primary-200);
}
.MuiChip-root[data-active=true].MuiChip-filled:hover {
  background-color: var(--theme-primary-200);
}
.MuiChip-root[data-active=true].MuiChip-outlined {
  color: var(--theme-primary-800);
  border-color: var(--theme-primary-300);
}
.MuiChip-root[data-active=true].MuiChip-outlined:hover {
  background-color: var(--theme-primary-200);
}
.MuiChip-root[data-inactive=true].MuiChip-filled {
  color: var(--theme-error-700);
  background-color: var(--theme-error-200);
}
.MuiChip-root[data-inactive=true].MuiChip-filled:hover {
  background-color: var(--theme-error-200);
}
.MuiChip-root[data-inactive=true].MuiChip-outlined {
  color: var(--theme-error-800);
  border-color: var(--theme-error-300);
}
.MuiChip-root[data-inactive=true].MuiChip-outlined:hover {
  background-color: var(--theme-error-200);
}
.MuiAlert-root {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.24px;
  padding: 0 0.75rem;
}
.MuiAlert-root.MuiAlert-standardInfo {
  color: var(--theme-secondary-900);
  background-color: var(--theme-secondary-200);
}
.MuiAlert-root.MuiAlert-standardSuccess {
  color: var(--theme-primary-900);
  background-color: var(--theme-primary-100);
}
.MuiAlert-root.MuiAlert-standardError {
  color: var(--theme-tertiary6-900);
  background-color: var(--theme-tertiary6-100);
}
.MuiAlert-root.MuiAlert-standardError .MuiAlert-icon {
  color: var(--theme-tertiary6-900);
}
.MuiAlert-root .MuiAlert-action svg {
  font-size: 1rem;
}
.MuiAccordion-root {
  color: var(--theme-secondary-1000);
  font-size: 0.875rem;
  box-shadow: none;
}
.MuiAccordion-root .MuiAccordionSummary-root {
  padding: 0.625rem 1.5rem;
  min-height: 0 !important;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--theme-secondary-200);
}
.MuiAccordion-root .MuiAccordionSummary-content {
  margin: 0;
}
.MuiAccordion-root .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.MuiAccordion-root .MuiAccordionSummary-content.MuiButtonBase-root {
  margin: 0;
}
.MuiAccordion-root .MuiAccordionSummary-content.MuiButtonBase-root.MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.MuiAccordion-root .MuiAccordionDetails-root {
  padding: 0;
}
.toggle-wrapper input:checked + .slider {
  background-color: var(--theme-primary-700);
}
.toggle-wrapper .slider {
  background-color: var(--theme-secondary-200);
}
.toggle-wrapper .slider:hover {
  background-color: var(--theme-secondary-300);
}
.toggle-wrapper input {
  display: none;
}
.MuiAlert-root.toast-alert {
  color: white;
  height: 2.5rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
}
.MuiAlert-root.toast-alert.MuiAlert-standardWarning {
  background-color: var(--theme-error-600);
}
.MuiAlert-root.toast-alert.MuiAlert-standardInfo {
  background-color: var(--theme-secondary-900);
}
.MuiAlert-root.toast-alert .MuiAlert-action {
  padding: 0;
  margin-left: 0.5rem;
}
.MuiAlert-root.toast-alert .MuiAlert-icon {
  margin-right: 0.5rem;
}
.MuiTextareaAutosize-root {
  padding: 0.4375rem 0.5rem;
  border-radius: 0.25rem;
  border-color: var(--theme-secondary-400);
  outline: none;
  color: var(--theme-secondary-800);
  font-size: 0.875rem;
}
.MuiTextareaAutosize-root::placeholder {
  opacity: 1;
}
.MuiTextareaAutosize-root:hover {
  border-color: var(--theme-secondary-500);
}
.MuiTextareaAutosize-root:focus-visible {
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--theme-primary-700);
}
.MuiTextareaAutosize-root:disabled {
  background: var(--theme-secondary-200);
}
.MuiTextareaAutosize-root[data-error=true] {
  border-color: var(--theme-error-600);
}
.MuiTextareaAutosize-root[data-error=true]:hover {
  border-color: var(--theme-error-600);
}
.MuiTextareaAutosize-root[data-error=true]:focus-visible {
  border-color: var(--theme-error-600);
}
.react-tel-input:hover {
  border: none;
}
.react-tel-input .form-control {
  border-radius: 0.25rem;
  padding: 8px 8px 8px 55px;
  border: 1px solid var(--theme-secondary-300);
  font-size: 0.875rem;
  width: 100%;
  max-height: 36.13px;
  direction: ltr;
  text-align: left;
  color: var(--theme-secondary-800);
}
.react-tel-input .form-control:hover {
  border: 1px solid var(--theme-secondary-400);
}
.react-tel-input .form-control:focus {
  border: 1px solid var(--theme-primary-600);
  box-shadow: none;
}
.react-tel-input .form-control:disabled {
  background: var(--theme-secondary-200);
  color: var(--theme-secondary-800);
}
.react-tel-input .form-control.invalid-number {
  border: 1px solid var(--theme-error-600);
}
.react-tel-input .form-control.invalid-number:focus {
  box-shadow: none;
}
.react-tel-input .flag-dropdown {
  left: 0;
  right: auto;
  border-radius: 0.25rem 0 0 0.25rem;
}
.react-tel-input .flag-dropdown .selected-flag {
  border-radius: 0.25rem 0 0 0.25rem;
}
.react-tel-input .flag-dropdown .selected-flag:hover {
  background-color: var(--theme-secondary-100);
}
.react-tel-input .country-list {
  box-shadow: none;
  border: 1px solid var(--theme-secondary-300);
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  margin: 4px 0 10px -1px;
  max-height: 300px;
}
.react-tel-input .country-list .search {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  border-bottom: 1px solid #F3F2F2;
  display: flex;
  align-items: center;
  z-index: 2;
}
.react-tel-input .country-list .search .search-box {
  width: 100%;
  margin-left: 0;
  border: 1px solid var(--theme-secondary-200);
  background-color: var(--theme-secondary-100);
  border-radius: 0.5rem;
  padding: 0.4rem;
  padding-left: 2rem;
  font-size: 0.8125rem;
  direction: ltr;
  text-align: left;
  color: var(--theme-secondary-800);
}
.react-tel-input .country-list .search .search-box:hover {
  border: 1px solid var(--theme-secondary-300);
}
.react-tel-input .country-list .search .search-box:focus {
  border: 1px solid var(--theme-primary-600);
}
.react-tel-input .country-list .search .search-emoji {
  color: unset;
}
.react-tel-input .country-list .country {
  font-size: 0.8125rem;
  direction: ltr;
  text-align: left;
  border-radius: 0.25rem;
  margin-bottom: 2px;
}
.react-tel-input .country-list .country .dial-code {
  font-size: 0.75rem;
  position: absolute;
  right: 1rem !important;
}
.react-tel-input .country-list .country.highlight {
  background-color: var(--theme-primary-100);
  color: var(--theme-primary-800);
}
.react-tel-input .country-list .country.highlight .dial-code {
  color: var(--theme-primary-800);
}
.react-tel-input .country-list .country:hover {
  background-color: var(--theme-primary-100);
  color: var(--theme-primary-800);
}
.react-tel-input .country-list .country:hover .dial-code {
  color: var(--theme-primary-800);
}
.react-tel-input[dir=rtl] .country-list {
  left: auto;
  right: 0;
}
.react-tel-input[dir=rtl] .country-list .search {
  direction: rtl;
  text-align: right;
}
.react-tel-input[dir=rtl] .country-list .search .search-box {
  padding-left: 0.4rem;
  padding-right: 2rem;
  direction: rtl;
  text-align: right;
}
.react-tel-input[dir=rtl] .country-list .country {
  direction: rtl;
  text-align: right;
}
.react-tel-input[dir=rtl] .country-list .country .dial-code {
  right: auto;
  left: 0.5rem;
}
.MuiAppBar-root {
  box-shadow: none;
  transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.MuiAppBar-root[data-open=true] {
  width: calc(100% - var(--drawer-width, 240px));
  transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, margin 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.MuiAppBar-root[dir=ltr][data-open=true] {
  margin-left: var(--drawer-width, 240px);
}
.MuiAppBar-root[dir=rtl][data-open=true] {
  margin-right: var(--drawer-width, 240px);
}
.MuiDatePicker-root .MuiOutlinedInput-root {
  padding: 0;
  color: var(--theme-secondary-800);
}
.MuiDatePicker-root .MuiOutlinedInput-root fieldset {
  border-color: var(--theme-secondary-400);
}
.MuiDatePicker-root .MuiOutlinedInput-root:hover fieldset {
  border-color: var(--theme-secondary-500);
}
.MuiDatePicker-root .MuiOutlinedInput-root.Mui-focused fieldset {
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--theme-primary-700);
}
.MuiDatePicker-root .MuiOutlinedInput-root.Mui-error fieldset {
  border-color: var(--theme-error-600);
}
.MuiDatePicker-root .MuiOutlinedInput-root.Mui-disabled {
  background: var(--theme-secondary-200);
  color: var(--theme-secondary-800);
}
.MuiDatePicker-root .MuiOutlinedInput-root .MuiInputBase-input::placeholder {
  color: var(--theme-secondary-800);
  opacity: 1;
}
.MuiDatePicker-root .MuiFormHelperText-root {
  margin-left: 0;
  color: var(--theme-secondary-800);
}
.MuiDatePicker-root .MuiFormHelperText-root.Mui-error {
  color: var(--theme-error-600);
}
.MuiDatePicker-root .MuiIconButton-root {
  margin-right: 0;
}
.MuiDatePicker-root .MuiPickersCalendarHeader-labelContainer {
  font-weight: 600;
}
.page-loader {
  position: absolute;
  left: 50%;
  top: 50%;
}
.page-loader .MuiCircularProgress-root {
  color: var(--theme-primary-500);
}
.form-loader-container,
.modal-loader-container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.59);
  z-index: 1;
  left: 0;
  top: 0;
}
.form-loader-container .MuiCircularProgress-root,
.modal-loader-container .MuiCircularProgress-root {
  color: var(--theme-primary-500);
}
.form-loader-container {
  position: fixed;
}
.modal-loader-container {
  position: absolute;
  z-index: 3;
}
.erp-loader {
  position: fixed;
  left: 50%;
  top: 50%;
}
.erp-loader .MuiCircularProgress-root {
  color: var(--theme-primary-500);
}
.MuiMenu-root .MuiPaper-rounded {
  border-radius: 0.5rem;
  min-width: 10rem;
}
.MuiTextField-root.search-bar {
  background-color: var(--theme-secondary-200);
  border-radius: 0.5rem;
  padding: 0.375rem 0.75rem;
}
.MuiTextField-root.search-bar .MuiOutlinedInput-input {
  font-size: 0.875rem;
  padding: 0;
  padding-left: 1.375rem;
}
.MuiTextField-root.search-bar .MuiOutlinedInput-input.Mui-disabled {
  background-color: var(--theme-secondary-200) !important;
}
.MuiTextField-root.search-bar .MuiOutlinedInput-notchedOutline {
  border: none;
}
.MuiDrawer-root {
  flex-shrink: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.MuiDrawer-root .MuiDrawer-paper {
  background-color: var(--theme-secondary-100);
  overflow: visible !important;
  z-index: 1201;
  border-right: 1px solid var(--theme-secondary-200);
  transition: width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.MuiDrawer-root[data-open=true] .MuiDrawer-paper {
  width: var(--drawer-width, 240px);
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.MuiDrawer-root[data-open=false] .MuiDrawer-paper {
  width: 57px;
}
@media (min-width: 600px) {
  .MuiDrawer-root[data-open=false] .MuiDrawer-paper {
    width: 65px;
  }
}
.drawer-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  min-height: 64px;
}
.submenu-popover {
  min-width: 250px;
  max-width: 350px;
  max-height: 80vh;
  overflow-y: auto;
  background-color: var(--theme-secondary-100);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--theme-secondary-200);
  transform-origin: top left;
}
.submenu-popover::-webkit-scrollbar {
  width: 6px;
}
.submenu-popover::-webkit-scrollbar-track {
  background-color: transparent;
}
.submenu-popover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.breadcrumb-container {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--theme-secondary-200);
  background-color: var(--theme-secondary-50);
}
.MuiToggleButtonGroup-root.styled-toggle-group {
  display: grid;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  width: 100%;
}
.MuiToggleButtonGroup-root.styled-toggle-group[data-items="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.MuiToggleButtonGroup-root.styled-toggle-group[data-items="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.MuiToggleButtonGroup-root.styled-toggle-group .MuiToggleButtonGroup-grouped {
  margin: 0.25rem;
  border: 0;
  border-radius: 4px;
}
.MuiToggleButtonGroup-root.styled-toggle-group .MuiToggleButtonGroup-grouped.Mui-disabled {
  border: 0;
}
.MuiToggleButtonGroup-root.styled-toggle-group .MuiToggleButtonGroup-middleButton,
.MuiToggleButtonGroup-root.styled-toggle-group .MuiToggleButtonGroup-lastButton {
  margin-left: -1px;
  border-left: 1px solid transparent;
}
.MuiToggleButtonGroup-root.styled-toggle-group .Mui-selected {
  background-color: var(--theme-primary-800) !important;
  color: #fff !important;
}
.custom-styled-icon {
  fill: transparent;
}
.custom-styled-icon[data-font-size] {
  font-size: var(--icon-font-size, 1.5rem) !important;
}
.custom-styled-icon[data-width] {
  width: var(--icon-width);
  height: var(--icon-width);
}
.custom-styled-icon[data-color] {
  color: var(--icon-color, inherit);
}
.chip-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  min-height: 1.4375em;
  border: 1px solid #D3D3D4;
  border-radius: 0.25rem;
  cursor: text;
  font-size: 0.875rem;
  padding-left: 1.5rem;
}
.chip-container.focused {
  border-color: #54CC96;
  border-width: 1px;
}
.chip-container.error {
  border-color: var(--theme-error-600);
}
.chip-container.disabled {
  background-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.inline-input {
  border: none;
  outline: none;
  background-color: transparent;
  flex-grow: 1;
  min-width: 120px;
  padding: 0.5rem;
  font-size: 0.875rem;
}
.inline-input::placeholder {
  color: var(--theme-secondary-700);
  opacity: 1;
}
.inline-input:disabled {
  cursor: default;
}
.inline-chip {
  height: 24px;
  font-size: 0.875rem;
  border-color: #54CC96;
  background-color: var(--theme-primary-50);
  color: #2EB273;
  margin: 1px;
}
.inline-chip .MuiChip-deleteIcon {
  font-size: 16px;
  color: #2EB273;
}
.inline-chip .MuiChip-deleteIcon:hover {
  color: #2EB273;
}
.activity-tag-textfield {
  width: 100%;
}
.activity-tag-textfield .MuiOutlinedInput-root {
  height: 2rem;
}
.activity-tag-textfield .MuiOutlinedInput-root fieldset {
  border-color: var(--theme-secondary-300);
  border-width: 2px;
}
.activity-tag-textfield .MuiOutlinedInput-root:hover fieldset {
  border-color: var(--theme-secondary-300);
}
.activity-tag-textfield .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: var(--theme-primary-700);
}
.activity-tag-textfield .MuiOutlinedInput-root.Mui-error fieldset {
  border-color: var(--theme-error-600);
}
.MuiSwitch-root.android-12-switch {
  padding: 8px;
}
.MuiSwitch-root.android-12-switch .MuiSwitch-track {
  border-radius: 11px;
}
.MuiSwitch-root.android-12-switch .MuiSwitch-track::before, .MuiSwitch-root.android-12-switch .MuiSwitch-track::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.MuiSwitch-root.android-12-switch .MuiSwitch-track::before {
  left: 12px;
}
.MuiSwitch-root.android-12-switch .MuiSwitch-track::after {
  right: 12px;
}
.MuiSwitch-root.android-12-switch .MuiSwitch-thumb {
  box-shadow: none;
  width: 16px;
  height: 16px;
  margin: 2px;
}
.MuiSwitch-root.android-12-switch.Mui-checked {
  color: var(--theme-primary-800);
}
.MuiSwitch-root.android-12-switch.Mui-checked + .MuiSwitch-track {
  background-color: var(--theme-primary-700);
}
.table-controls-accordion {
  border: 1px solid var(--theme-secondary-200);
  border-radius: 0;
}
.table-controls-accordion:not(:last-child) {
  border-bottom: 0;
}
.table-controls-accordion::before {
  display: none;
}
.requiredStar {
  color: #c64d4d;
}
@media (max-width: 600px) {
  .MuiDrawer-root[data-open=false] .MuiDrawer-paper {
    width: 57px;
  }
}
.MuiTabs-root {
  border-bottom: 1px solid #f3f2f2;
}
.MuiTabs-root .MuiTabs-indicator {
  background-color: var(--theme-primary-800) !important;
}
.MuiTabs-root .MuiTab-root {
  border-bottom: 1px solid #f3f2f2 !important;
  text-transform: none !important;
  color: var(--theme-secondary-700) !important;
}
.MuiTabs-root .MuiTab-root.Mui-selected {
  color: var(--theme-secondary-900) !important;
}
.MuiTabs-root .MuiTabPanel-root {
  padding: 1.5rem 0 !important;
}
.MuiTabs-root .MuiTabPanel-root .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0.625rem 0 !important;
}
.viewPageTabs--Tab {
  border-bottom: 1px solid #f3f2f2 !important;
  text-transform: none !important;
  color: var(--theme-secondary-700) !important;
}
.viewPageTabs--Tab.Mui-selected {
  color: var(--theme-secondary-900) !important;
}
.MuiLink-root {
  color: var(--theme-secondary-900) !important;
}
.viewPageTabs--TabPanel {
  padding: 1.5rem 0 !important;
}
.viewPageTabs--TabPanel .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0.625rem 0 !important;
}
.form--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--TabPanel .MuiAccordionSummary-root {
  padding: 0.625rem 0 !important;
  border-bottom: 0 !important;
}
.summary--TabPanel {
  padding: 0 !important;
}
.form--Container .MuiOutlinedInput-notchedOutline {
  border: 1px solid;
  border-color: var(--theme-primary-700);
}
.search-wrapper .Mui-focused fieldset {
  border: none !important;
}
.MuiSelect-multiple .MuiChip-root {
  background-color: var(--theme-primary-200);
}
.MuiSelect-multiple .MuiChip-root .MuiChip-deleteIcon {
  color: var(--theme-primary-800);
}
.MuiMenuItem-root {
  border-radius: 0.25rem !important;
  margin-bottom: 0.125rem !important;
}
.MuiMenuItem-root.Mui-selected {
  background-color: var(--theme-primary-100) !important;
  color: var(--theme-primary-800) !important;
}
.MuiMenuItem-root.Mui-selected .MuiTypography-root {
  color: var(--theme-primary-800) !important;
}
.view-modal .MuiTab-root {
  border: 0 !important;
}
.view-modal .MuiTab-root.Mui-selected {
  color: var(--theme-primary-800) !important;
  background-color: var(--theme-primary-100) !important;
}
.formParser--Section--SectionDivider {
  margin-top: 2rem !important;
}
.sidebar-search .MuiFormControl-root {
  padding: 0.375rem 0.75rem;
  background-color: #fff;
  border: 1px solid #f3f2f2;
  border-radius: 0.25rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.valueField--Container {
  gap: 0.2rem !important;
}
.MuiPaper-root.MuiAccordion-root.Mui-expanded {
  margin: 0 !important;
  padding-bottom: 10px;
}
.hrms-mfe-root .form--Accordion .MuiAccordionSummary-root {
  padding: 8px 0 !important;
}.appMenu{width:"100%"}.navList,.menuItem{width:240px}.menuItemIcon{color:"#97c05c"}.drawer-expand-btn{position:fixed;top:64.5px;left:299px;transform:translateY(-50%);z-index:1201;background-color:#fbfbfb;border:1px solid #eeeff1;width:20px;height:30px;border-radius:0 8px 8px 0;border-left:0}.drawer-expand-btn_rtl{position:fixed;top:64.5px;right:299px;transform:translateY(-50%);z-index:1201;background-color:#fbfbfb;border:1px solid #eeeff1;width:20px;height:30px;border-radius:8px 0 0 8px;border-right:0}.sidebar-list{padding:.75rem .5rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;padding-top:0}.sidebar-list .list-item-text-box{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-list .sidebar-search .MuiFormControl-root{padding:.375rem .75rem;background-color:#fff;border:1px solid #f3f2f2;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}.dashboard-heading{margin-bottom:1.5rem}.dashboard-container{padding:2rem 8.25rem}.dashboard-title{color:#1f2125}.dashboard-subtitle{color:#656669}.module-container{display:flex;align-items:center;align-content:center;gap:1.5rem;flex-wrap:wrap}.valueField--Container{display:flex;flex-direction:column;gap:.5rem}/*$vite$:1*/.SnackBar{padding:0;border-radius:8px;box-shadow:0 6px 18px #0000001a;width:420px;cursor:pointer}.notistack-Snackbar:has(.SnackBar){transition:transform .3s ease-in-out}.notistack-Snackbar:has(.SnackBar):hover{transform:scale(1.05)!important}/*$vite$:1*/@media print{body{margin:0!important}}.main-container{font-family:"Inter, system-ui, Avenir, Helvetica, Arial, sans-serif";width:fit-content;margin-left:auto;margin-right:auto}.custom-editor-container{width:100%!important;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#fff}.tiptap-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tiptap-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:none;border-radius:4px;background:transparent;color:#495057;font-size:13px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;line-height:1}.tiptap-btn:hover{background:#e9ecef;color:#212529}.tiptap-btn.is-active{background:#dee2e6;color:#0d6efd}.tiptap-btn:disabled{opacity:.4;cursor:not-allowed}.tiptap-select{height:28px;padding:0 8px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;font-size:12px;cursor:pointer;outline:none}.tiptap-select:focus{border-color:#0d6efd}.tiptap-divider{display:inline-block;width:1px;height:20px;margin:0 4px;background:#dee2e6}.tiptap-color-label{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;position:relative;color:#333}.tiptap-color-label:hover{background:#e9ecef}.tiptap-bg-color{background:#fffde7;border:1px solid #e0e0e0}.tiptap-color-input{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.tiptap-color-label:active .tiptap-color-input,.tiptap-color-label:focus-within .tiptap-color-input{position:absolute;top:100%;left:0;width:32px;height:32px;opacity:1;pointer-events:auto;z-index:10}.tiptap-editor-wrapper{min-height:300px}.tiptap-editor-wrapper .tiptap{min-height:300px;padding:16px;outline:none;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;color:#212529}.tiptap-editor-wrapper .tiptap:focus{outline:none}.tiptap-editor-wrapper .tiptap p{margin:0 0 .5em}.tiptap-editor-wrapper .tiptap h1,.tiptap-editor-wrapper .tiptap h2,.tiptap-editor-wrapper .tiptap h3,.tiptap-editor-wrapper .tiptap h4{margin:.5em 0 .3em;line-height:1.3}.tiptap-editor-wrapper .tiptap blockquote{border-left:3px solid #dee2e6;margin:.5em 0;padding-left:1em;color:#6c757d}.tiptap-editor-wrapper .tiptap code{background:#f1f3f5;padding:2px 4px;border-radius:3px;font-size:.9em}.tiptap-editor-wrapper .tiptap pre{background:#1e1e1e;color:#d4d4d4;border-radius:6px;padding:12px 16px;overflow-x:auto;font-size:13px}.tiptap-editor-wrapper .tiptap pre code{background:none;padding:0;border-radius:0;color:inherit}.tiptap-editor-wrapper .tiptap hr{border:none;border-top:2px solid #dee2e6;margin:1em 0}.tiptap-editor-wrapper .tiptap img{max-width:100%;height:auto;border-radius:4px}.tiptap-editor-wrapper .tiptap table{border-collapse:collapse;width:100%;margin:.5em 0}.tiptap-editor-wrapper .tiptap td,.tiptap-editor-wrapper .tiptap th{border:1px solid #dee2e6;padding:8px 12px;min-width:80px;vertical-align:top}.tiptap-editor-wrapper .tiptap th{background:#f8f9fa;font-weight:600}.tiptap-editor-wrapper .tiptap .selectedCell{background:#e7f1ff}.tiptap-editor-wrapper .tiptap a{color:#0d6efd;text-decoration:underline}.tiptap-editor-wrapper .tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.custom-editor-source{width:100%;min-height:400px;padding:16px;border:none;outline:none;resize:vertical;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.5;color:#212529;background:#fafafa;box-sizing:border-box}.custom-editor-source:focus{outline:none;background:#fff}.custom-editor-resize-handle{position:absolute;width:8px;height:8px;background-color:#1976d2;border:1px solid white;pointer-events:auto;z-index:1001}.custom-editor-selection-box{position:absolute;border:2px solid #1976d2;pointer-events:none;z-index:1000}.table-cell-selected{background-color:#e3f2fd!important;outline:2px solid #1976d2;outline-offset:-2px}.table-cell-highlight{position:absolute;border:2px solid #1976d2;pointer-events:none;z-index:100;background-color:#1976d21a}.table-row-hover,.table-row-hover td,.table-row-hover th,.table-col-hover{background-color:#1976d214!important}.table-toolbar{position:absolute;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000026;z-index:1001;display:flex;gap:4px;align-items:center}.table-toolbar-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:none;border-radius:4px;background:transparent;color:#495057;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.table-toolbar-button:hover{background:#e9ecef;color:#212529}.table-toolbar-button:disabled{opacity:.4;cursor:not-allowed}.table-toolbar-button.active{background:#dee2e6;color:#0d6efd}.hbs-placeholder:hover{background:#fde68a!important;border-color:#f59e0b!important}.hbs-placeholder[contenteditable=false]{-webkit-user-modify:read-only;-moz-user-modify:read-only}table .hbs-placeholder{margin:0 2px}td .hbs-placeholder,th .hbs-placeholder{display:inline}/*$vite$:1*/@keyframes cardswipe{to{transform:translate(5vw,10vh) rotate(0)}}@keyframes cardreverseswipe{0%{transform:translate(5vw,10vh) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@keyframes cardrotate{to{transform:rotateX(15deg) rotateY(10deg)}}@keyframes cardreverserotate{0%{transform:rotateX(15deg) rotateY(10deg)}to{transform:rotateX(35deg) rotateY(15deg)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(8vw,7vh)}to{transform:rotate(-35deg) translate(8vw,12vh)}}@keyframes textfadein{0%{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navbarexpand{0%{width:0}to{width:45vw}}@keyframes navbarshrink{0%{width:45vw}to{width:0}}@media screen and (max-width: 1112px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,7vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw,7vh)}to{transform:rotate(-35deg) translate(15vw,12vh)}}}@media screen and (max-width: 812px){@keyframes cardswipe{to{transform:translate(7vw,5vh)}}}@media screen and (max-width: 450px){@keyframes swipemovedown{to{transform:rotate(-35deg) translate(11vw,3vh)}}@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw)}}@keyframes swipereversemovedown{0%{transform:rotate(-35deg) translate(11vw,3vh)}to{transform:rotate(-35deg) translate(11vw,-2vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw)}to{transform:rotate(-35deg) translate(15vw,5vh)}}@keyframes navbarexpand{0%{width:0}to{width:70vw}}@keyframes navbarshrink{0%{width:70vw}to{width:0}}}@media screen and (max-width: 360px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,2vh)}}}.Landing{display:flex;align-items:center;justify-content:center;flex-direction:column;height:auto;width:100%}.Landing--SubTitle{font-size:1.5625rem;font-weight:300;padding-bottom:.8125rem}.Landing--Para{padding:3.125rem 0;font-weight:300;font-size:1.4375rem;line-height:55px;font-family:Inter,sans-serif;width:85%}.Landing--Home{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;height:100vh}.Landing--HomeAnimation{width:40%;z-index:2}.Landing--HomeAnimationVideo{width:100%;margin-left:5vw;transform:translateY(5vh)}.Landing--HomeContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:50%;padding-top:8vh}.Landing--HomeContentTop{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.Landing--HomeContentBottom{display:flex;align-items:center;justify-content:center;flex-direction:row;width:75%;position:relative}.Landing--HomeContentBottomArrow{position:absolute;top:0;left:-200px;z-index:1}.Landing--HomeContentVisa{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:3.125rem;width:75%}.Landing--HomeContentVisaTitle{color:#a9a9a9;font-weight:300;font-size:1rem}.Landing--HomeContentVisaPic{height:3vh;padding-left:.625rem}.Landing--Animation{display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;width:100vw}.Landing--AnimationVideo{position:sticky;position:-webkit-sticky;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh}.Landing--AnimationVideoOpacity{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.Landing--AnimationVideoContent{position:relative;width:100%;height:100%;overflow:hidden;object-fit:cover}.Landing--AnimationText{position:relative;margin-top:0;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background:#000;padding-top:6.25rem}.Landing--AnimationTextContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-bottom:35vh;width:70%}.Landing--AnimationTextContent:nth-child(4){margin-bottom:20vh}.Landing--AnimationTextContentImg{height:12vh;margin-bottom:.9375rem}.Landing--AnimationTextContentButton{margin-top:5vh}.Landing--Features{width:100%;margin:15vh 0;text-align:center;position:relative}.Landing--FeaturesSticky{position:sticky;position:-webkit-sticky;top:14vh;width:100%;height:90vh}.Landing--FeaturesCards{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%;height:auto;margin-top:-70vh}.Landing--Security{display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative;width:100%;height:auto;padding:15vh 10vw;border-radius:2.5rem;background:radial-gradient(#4d4d4d,#000)}.Landing--SecurityContent{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;margin-top:2.5rem;width:85%}.Landing--SecurityContentFeaturesColumn{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;margin-bottom:.625rem}.Landing--SecurityMobile{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%}.Landing--SecurityImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;width:250px;height:250px}.Landing--Brands{display:flex;align-items:center;justify-content:space-around;flex-direction:column;height:auto;width:100%;padding:10vh 0}.Landing--BrandsTitle{font-size:1.875rem;font-weight:500;padding-bottom:15vh}.Landing--BrandsSubTitle{font-size:1.4375rem;font-weight:400;padding-top:1.25rem}.Landing--BrandsContainer{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:55%;flex-wrap:wrap}.Landing--BrandsContainerImg{height:12vh;max-width:10vw;margin-bottom:1.25rem;margin-right:1.875rem}.Landing--Carousel{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:100vh;width:100vw;border-radius:2.5rem;position:relative;overflow-x:hidden;background:none}.Landing--CarouselAnimationVideo{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1920px){.Landing--SubTitle{font-size:1.5625rem}.Landing--Para{font-size:1.25rem;padding:2.375rem 0}.Landing--HomeContentBottom{width:85%}.Landing--HomeContentVisa{width:85%;margin-top:1.5625rem}.Landing--BrandsTitle{font-size:1.5rem}.Landing--BrandsSubTitle{font-size:1.3125rem}}@media screen and (max-width: 1600px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:1.0625rem;padding:2.1875rem 0;line-height:40px}.Landing--HomeContentVisaTitle{font-size:.875rem}.Landing--BrandsTitle{font-size:1.4375rem}.Landing--BrandsSubTitle{font-size:1.1875rem}}@media screen and (max-width: 1440px){.Landing--SubTitle{font-size:1rem}.Landing--Para{font-size:.875rem;padding:2.0625rem 0;line-height:35px}.Landing--HomeContent{width:42%}.Landing--HomeContentBottom,.Landing--HomeContentVisa{width:75%}.Landing--HomeContentVisaTitle{font-size:.75rem}.Landing--AnimationTextContentImg{height:11vh}.Landing--BrandsContainer{width:55%}.Landing--BrandsTitle{font-size:1.3125rem}.Landing--BrandsSubTitle{font-size:1.03125rem;padding-top:.625rem}.Landing--SecurityContent,.Landing--SecurityContentFeatures{width:100%}}@media screen and (max-width: 1112px){.Landing--SubTitle{font-size:1.75rem}.Landing--Para{font-size:1.125rem;padding:1.875rem 0}.Landing--Home{height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.Landing--HomeContent{width:65%;padding-bottom:5vh;align-items:center}.Landing--HomeContentTop{align-items:center}.Landing--HomeContentBottom{width:90%}.Landing--HomeAnimation{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.Landing--HomeAnimationVideo{margin:10vh 0;width:55%}.Landing--Security{padding:15vh 3vw}.Landing--BrandsContainer{width:60%}.Landing--BrandsContainerImg{height:auto;max-width:14vw}}@media screen and (max-width: 812px){.Landing--SubTitle{font-size:1.5625rem}.Landing--HomeAnimationVideo{width:70%}.Landing--AnimationContentTitle{line-height:35px}.Landing--Security{justify-content:center}.Landing--SecurityContent{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:80%}.Landing--SecurityContentFeatures{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;margin-top:3.125rem}.Landing--SecurityImg{height:30vh;margin:1.875rem 0}.Landing--BrandsContainer{width:70%}}@media screen and (max-width: 450px){.Landing--SubTitle{font-size:1.25rem}.Landing--Para{font-size:.90625rem;width:90%;line-height:30px;padding:.625rem 0 1.875rem;text-align:center}.Landing--Home{height:auto;min-height:100vh;justify-content:space-around}.Landing--HomeAnimation{margin:11vh 0 5vh}.Landing--HomeAnimationVideo{width:95%;margin:0}.Landing--HomeContent{width:90%;align-items:center;padding-top:0}.Landing--HomeContentBottom{justify-content:center}.Landing--HomeContentVisaTitle{font-size:1rem}.Landing--AnimationTextContent{width:90%}.Landing--AnimationTextContentImg{height:10vh}.Landing--Features{margin:15vh 0 5vh}.Landing--FeaturesSticky{top:12vh}.Landing--Security{padding:10vh 3vw}.Landing--SecurityImg{height:30vh}.Landing--SecurityContentFeatures{align-items:center;margin-top:.625rem}.Landing--Brands{padding:7vh 0 0}.Landing--BrandsTitle{font-size:1.25rem;width:60%;text-align:center;line-height:30px;padding-bottom:5vh}.Landing--BrandsSubTitle{font-size:1.0625rem;padding:0 0 5vh}.Landing--BrandsContainer{flex-wrap:wrap;margin-bottom:0}.Landing--BrandsContainerImg{max-width:30vw;margin-bottom:3.75rem;margin-right:0}}@media screen and (max-width: 395px){.Landing--SubTitle{font-size:1.1875rem}.Landing--Para{font-size:.8125rem;line-height:25px}}@media screen and (max-width: 320px){.Landing--Home{min-height:120vh}}.editSectionModal--Divider{border-color:#eeeff1}.editSectionModal--DialogTitle{padding:.75rem 1.5rem!important;border-bottom:1px solid #d3d3d4}.editSectionModal--SectionTitle{padding-left:1.5rem}.editSectionModal--DialogContents{padding:1.5rem!important}.editSectionModal--DialogAction{justify-content:flex-end!important;padding:.5rem 1.5rem!important;background-color:#eeeff1}.editSectionModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125}.black-outlined-btn{color:#1f2125!important}.companySelectionModal--Divider{border-color:#eeeff1}.companySelectionModal--DialogTitle{border-bottom:1px solid #d3d3d4}.companySelectionModal--SectionTitle{padding-left:1.5rem}.companySelectionModal--DialogContents{padding:1.5rem!important}.companySelectionModal--DialogAction{justify-content:flex-end!important;padding:.5rem 1.5rem!important;background-color:#eeeff1}.companySelectionModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125}.templates{padding:0rem 2rem;width:100%}/*$vite$:1*/.select--MenuItemHeader{border-top:1px solid #d3d3d4;border-bottom:1px solid #d3d3d4;background-color:#fbfbfb}.search-wrapper{position:relative}.search-wrapper .search-icon{position:absolute;left:.75rem;top:.4rem}.textfield{border-radius:.25rem}.textfield input,.textfield textarea{padding:.5rem;font-size:.875rem}.textfield :disabled{-webkit-text-fill-color:unset}.requiredStar{color:#c64d4d}.Avatar{position:relative;display:inline-block}.Avatar--FirstChar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Avatar--Badge{position:absolute;bottom:-2%;right:-24%;transform:translate(-50%);background-color:green;border-radius:50%;z-index:1}.main-wrapper{width:100%;overflow-y:hidden}.confirm .MuiDialog-paper{min-width:2.375rem;border-radius:1rem}.confirm--head{display:flex;padding:.5rem 1rem;justify-content:space-between;align-items:center}.confirm--title{display:flex;align-items:center}.confirm--content{padding:1rem 1.375rem 1.5rem}.confirm--actions{padding:.5rem 1rem}.select-box .MuiSelect-select{display:flex;align-items:center;text-transform:capitalize;font-size:1rem;font-weight:500;color:#1f2125}.select-box .MuiSelect-select img{width:1.25rem;margin-right:.625rem}.select-box .MuiOutlinedInput-notchedOutline{border:0rem}.select-box .selected-menu-box{display:flex;align-items:center}.select-box-menu-item{font-size:1rem;font-weight:500;color:#1f2125}.select-box-menu-item img{width:1.25rem;margin-right:.625rem}.MuiMenu-paper{border-radius:.5rem}.header-right-wrap{display:flex;align-items:center;gap:1rem}.header-right-wrap .MuiButtonBase-root{margin-left:-.25rem}.header-right-wrap .Avatar{padding-left:.375rem}.header-right-wrap .Avatar .MuiAvatar-root{border-radius:.5rem}.header-right-wrap .profile-name{white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.225rem;color:#232529}.header-right-wrap .user-auth{font-size:.75rem;line-height:1.05rem;color:#a7a8a9}.main-profile-menu .user-data-wrap{font-size:.875rem;line-height:1.225rem;gap:.5rem}.main-profile-menu .user-assigned{font-size:.75rem;line-height:1.05rem}.logo{font-weight:700;letter-spacing:.00938rem;text-transform:uppercase;color:#000}.user-details{margin-left:.75rem}.main-box{display:flex;justify-content:space-between;align-items:center;width:100%}.main-box .second-box{display:flex;align-items:center;width:100%}.main-box .second-box .arrow-pointer{color:#1f2125;cursor:pointer}.main-box .second-box .arrow-pointer_rtl{color:#1f2125;cursor:pointer;transform:rotate(180deg)}.menu-item-color{color:#c64d4d}.menu-item-color:hover{background-color:#fedfdf}.avatar-class{color:#2eb273;background-color:#b6e9d6}.icon-btn{color:#1f2125}.user-profile-box{display:flex;gap:.625rem;cursor:pointer}.language-selector-wrapper{position:relative}.language-fallback-active{border-color:#ff9800!important}.language-loading{display:flex;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;min-width:100px}.language-error{display:flex;align-items:center;gap:8px}.MuiMenuItem-root[data-fallback=true]{background-color:#fff3e0!important;font-style:italic}.MuiMenuItem-root[data-fallback=true]:hover{background-color:#ffe0b2!important}.MuiSnackbar-root{z-index:1400}.language-selector-wrapper .MuiOutlinedInput-root.Mui-error,.language-selector-wrapper .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f44336}.MuiMenuItem-root[data-retry=true]{border-top:1px solid #e0e0e0;margin-top:4px;padding-top:8px;color:#666}.MuiMenuItem-root[data-retry=true]:hover{background-color:#f5f5f5}.popup-change-pass{padding:20px 30px;min-width:500px}.size15 .MuiTypography-root{font-size:15px}.form-element-wrapper--Element{position:relative;display:flex;border-radius:.5rem;padding:.75rem;cursor:pointer}.form-element-wrapper--Active{position:relative;display:flex;border-radius:.5rem;padding:.75rem;border:2px solid #54CC96;cursor:pointer}.form-element-wrapper--Default{background-color:#fbfbfb}.form-element-wrapper--Actions{position:absolute;right:1rem;display:flex;gap:.25rem}.formBuilder--GridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.formBuilder--Header{display:flex;justify-content:space-between;width:100%}.formBuilder--Section{border-radius:.5rem;border:2px dotted #919294;padding:.75rem}.formBuilder--Active{border-radius:.5rem;border:2px solid #54CC96;padding:.75rem}.MultiSelect .MuiSelect-select{padding-top:4px!important;padding-bottom:4px;padding-left:8px}.table--AddButton{color:#1f2125!important}.editor-container .ck-editor__editable{min-height:300px!important;border-top:0!important}.editor-container .ck-sticky-panel__content{border-bottom:0;padding:4px!important}.editor-container .ck-toolbar{border-bottom:0!important;background-color:#f5f6f5!important;border-radius:4px!important}.editor-container .ck-toolbar__items{justify-content:center}.toast-undo{margin:.4rem 1rem;padding:0rem;cursor:pointer}.action{display:flex;align-items:center}.icon{font-size:1rem}/*$vite$:1*/.e17a8fyf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 0;color:var(--gdg-text-light)}.e17a8fyf .active{color:var(--gdg-text-dark)}.e17a8fyf>*{position:relative;width:16px;height:16px;cursor:pointer;margin-right:2px}.e17a8fyf>* svg{width:100%;height:100%}.e43amum{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:6px;color:var(--gdg-text-dark);box-sizing:border-box}.e43amum *{box-sizing:border-box}.e43amum.e43amum.e43amum.e43amum label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer}.e43amum.e43amum.e43amum.e43amum label input{cursor:pointer;width:auto}.e43amum.e43amum.e43amum.e43amum label .pill{margin-left:8px;margin-right:6px;margin-bottom:6px;border-radius:var(--e43amum-0);min-height:var(--e43amum-1);padding:2px var(--e43amum-2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font:12px var(--gdg-font-family);background-color:var(--gdg-bg-bubble);-webkit-transition:box-shadow .15s;transition:box-shadow .15s}.e43amum.e43amum.e43amum.e43amum label .pill.unselected{opacity:.8}.e43amum label:hover .pill{box-shadow:0 1px 4px #00000026}.e43amum.e43amum.e43amum.e43amum.readonly label{cursor:default}.e43amum.e43amum.e43amum.e43amum.readonly label .pill{box-shadow:none!important}.w13j932a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.w13j932a .glide-select{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size)}.p19663q2{font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);color:var(--gdg-text-dark)}.p19663q2>div{border-radius:4px;border:1px solid var(--gdg-border-color)}.r1jyvvws{display:"flex";margin:auto 8.5px;padding-bottom:3px}.wkyirgj .footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px}.wkyirgj .footer button{border:none;padding:8px 16px;font-size:14px;border-radius:9px;font-weight:500;font-family:var(--gdg-font-family);cursor:pointer}.wkyirgj .save-button{background-color:var(--gdg-accent-color);color:var(--gdg-accent-fg)}.wkyirgj .close-button{background-color:var(--gdg-bg-header);color:var(--gdg-text-medium);margin-right:8px}.s1sdc9r3{min-height:26px;border:none;outline:none;background-color:transparent;font-size:var(--gdg-editor-font-size);font-family:var(--gdg-font-family);color:var(--gdg-text-dark)}.s1sdc9r3::-webkit-calendar-picker-indicator{background-color:#fff}.lneeve5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:4px 0}.lneeve5>button{color:var(--gdg-accent-color);font-weight:600;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;border:none;outline:none;background-color:transparent;-webkit-transition:background-color .2s;transition:background-color .2s;border-radius:4px;padding:6px 8px;cursor:pointer}.lneeve5>button:hover,.lneeve5>button:focus-visible{background-color:var(--gdg-accent-light)}.lneeve5>button:disabled{opacity:.4;pointer-events:none}.lneeve5 .gdg-link-title-editor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:250px}.lneeve5 .gdg-link-title-editor>input{outline:none;border:1px solid var(--gdg-border-color);border-radius:4px;box-shadow:none;padding:6px 8px;min-width:0;width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:border .2s;transition:border .2s}.lneeve5 .gdg-link-title-editor>input:not(:last-child){margin-right:4px}.lneeve5 .gdg-link-title-editor>input:focus{border:1px solid var(--gdg-accent-color)}.lneeve5 .gdg-link-title-editor:not(:last-child){margin-bottom:4px}.lneeve5 .gdg-link-title-editor>button{border:none;outline:none;border-radius:4px;background-color:transparent;cursor:pointer;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;color:var(--gdg-text-medium)}.lneeve5 .gdg-link-title-editor>button:hover,.lneeve5 .gdg-link-title-editor>button:focus-visible{background-color:var(--gdg-accent-light);color:var(--gdg-text-dark)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@keyframes cardswipe{to{transform:translate(5vw,10vh) rotate(0)}}@keyframes cardreverseswipe{0%{transform:translate(5vw,10vh) rotate(0)}to{transform:translate(0) rotate(-45deg)}}@keyframes cardrotate{to{transform:rotateX(15deg) rotateY(10deg)}}@keyframes cardreverserotate{0%{transform:rotateX(15deg) rotateY(10deg)}to{transform:rotateX(35deg) rotateY(15deg)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(8vw,7vh)}to{transform:rotate(-35deg) translate(8vw,12vh)}}@keyframes textfadein{0%{transform:translateY(10vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes navbarexpand{0%{width:0}to{width:45vw}}@keyframes navbarshrink{0%{width:45vw}to{width:0}}@media screen and (max-width: 1112px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,7vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw,7vh)}to{transform:rotate(-35deg) translate(15vw,12vh)}}}@media screen and (max-width: 812px){@keyframes cardswipe{to{transform:translate(7vw,5vh)}}}@media screen and (max-width: 450px){@keyframes swipemovedown{to{transform:rotate(-35deg) translate(11vw,3vh)}}@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw)}}@keyframes swipereversemovedown{0%{transform:rotate(-35deg) translate(11vw,3vh)}to{transform:rotate(-35deg) translate(11vw,-2vh)}}@keyframes tabletreversemoveup{0%{transform:rotate(-35deg) translate(15vw)}to{transform:rotate(-35deg) translate(15vw,5vh)}}@keyframes navbarexpand{0%{width:0}to{width:70vw}}@keyframes navbarshrink{0%{width:70vw}to{width:0}}}@media screen and (max-width: 360px){@keyframes tabletmoveup{to{transform:rotate(-35deg) translate(15vw,2vh)}}}.react-tel-input .selected-flag .arrow{right:0rem}.expandable-grid-summary{position:relative}.expandable-grid-summary__toggle-button{top:50%;left:-24px;z-index:1301;background-color:var(--mui-palette-background-paper);border:1px solid var(--mui-palette-divider);border-radius:50%;width:40px;height:40px;transform:translateY(-50%);box-shadow:var(--mui-shadows-3);opacity:1;visibility:visible}.expandable-grid-summary__toggle-button:hover{background-color:var(--mui-palette-action-hover);box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating{position:fixed;top:50%;right:16px;z-index:1300;background-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-contrastText);border:2px solid var(--mui-palette-background-paper);width:48px;height:48px;box-shadow:var(--mui-shadows-4)}.expandable-grid-summary__toggle-button--collapsed-floating:hover{background-color:var(--mui-palette-primary-dark);box-shadow:var(--mui-shadows-6)}.expandable-grid-summary__toggle-button--mobile{position:fixed;top:50%;right:8px;z-index:1400;border-radius:8px 0 0 8px}.expandable-grid-summary__content{height:100%;width:100%;display:flex;flex-direction:column;background-color:var(--mui-palette-background-paper);border-left:1px solid var(--mui-palette-divider);border-radius:8px 0 0 8px}.expandable-grid-summary__content--expanded{overflow:auto;min-width:0}.expandable-grid-summary__content--collapsed{overflow:hidden}.expandable-grid-summary__collapsed-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--mui-palette-text-secondary);cursor:pointer;transition:background-color .2s ease}.expandable-grid-summary__collapsed-indicator:hover{background-color:var(--mui-palette-action-hover)}.expandable-grid-summary__collapsed-indicator__text{writing-mode:vertical-lr;text-orientation:mixed;font-size:.875rem;font-weight:500;letter-spacing:.1em}.expandable-grid-container .MuiGrid-item{overflow:visible!important;transition:flex-basis .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.MuiGrid-container{overflow:visible}.expandable-summary-drawer .MuiDrawer-paper{width:90vw;max-width:400px}@media (max-width: 600px){.expandable-summary-drawer .MuiDrawer-paper{width:95vw}}.MuiCollapse-horizontal .MuiCollapse-wrapperInner{height:100%}.expandable-grid-summary__content--expanded::-webkit-scrollbar{width:6px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-track{background:var(--mui-palette-action-hover);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb{background:var(--mui-palette-action-disabled);border-radius:3px}.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb:hover{background:var(--mui-palette-action-focus)}@media (prefers-contrast: high){.expandable-grid-summary__toggle-button{border:2px solid var(--mui-palette-text-primary)}.expandable-grid-summary__collapsed-indicator{border-left:2px solid var(--mui-palette-text-primary)}}@media (prefers-reduced-motion: reduce){.expandable-grid-summary,.MuiGrid-item,.MuiCollapse-root{transition:none!important}}.inventoryReportsTitleBar--RightContent ul{max-height:180px;padding-bottom:20px;z-index:9999}.components-wrapper{width:100vw}@media screen and (max-width: 450px){.button-wrapper .button-wrapper-variants,.chip-wrapper-variants{display:flex;flex-direction:column}}.edisabled{-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:opacity(.5)}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.625rem}.pb-2{padding-bottom:1.25rem}.pt-1{padding-top:.625rem}.pl-1{padding-left:.625rem}.pr-1{padding-right:.625rem}.pr-2{padding-right:1.25rem}.pt-0{padding-top:0!important}.pl-2{padding-left:1.25rem!important}.p-0{padding:0!important}.pl-0{padding-left:0!important}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.625rem!important}.mb-2{margin-bottom:1.25rem!important}.mb-1{margin-bottom:.625rem!important}.mt-2{margin-top:1.25rem!important}.mb-1-2{margin-bottom:.75rem!important}.mr-2{margin-right:1.25rem!important}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.flex-direction-column{flex-direction:column!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start!important}.justify-content-space-evenly{justify-content:space-evenly!important}.fd-column,.fd-col{flex-direction:column!important}.ai-center{align-items:center!important}.ai-start{align-items:flex-start!important}.jc-space-between{justify-content:space-between}.jc-start{justify-content:flex-start!important}.jc-end{justify-content:end!important}.fd-col{flex-direction:column!important}.text-center{text-align:center}.text-right{text-align:right!important}.text-left{text-align:left!important}.w-100{width:100%!important}.w-25{width:25%}.w-50{width:50%}.w-40,.w-60{width:60%}.h-100{height:100%!important}.vh-100{height:100vh!important}.row{width:100%;display:flex;margin:.625rem}.col-9{width:75%}.col-8{width:66.64%}.col-7{width:58.31%}.col-6{width:50%}.col-5{width:41.65%}.col-4{width:33.32%}.col-3{width:25%}.col{width:33.33%}.h1{font-size:1.75rem;line-height:140%;letter-spacing:-.035rem}.h2{font-size:1.5rem;line-height:140%;letter-spacing:-.03rem}.h3{font-size:1.25rem;letter-spacing:-.025rem}.h4{font-size:1.125rem;letter-spacing:-.0225rem}.h5{font-size:1rem;letter-spacing:-.02rem}.s1{font-size:1.125rem;letter-spacing:-.0225rem}.s2{font-size:1rem;letter-spacing:-.02rem}.s3{font-size:.875rem;letter-spacing:-.0175rem}.s4{font-size:.8125rem;letter-spacing:-.01625rem}.s5{font-size:.75rem;letter-spacing:-.015rem}.normal{font-weight:400}.medium{font-weight:500}.bold{font-weight:600}/*$vite$:1*/.action-bar{display:flex;padding:.75rem 0rem;justify-content:space-between;align-items:center}.action-bar--RightContent{display:flex;align-items:center;justify-content:flex-end}.action-bar--LeftContent{display:flex;gap:1.25rem;align-items:center}.action-bar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.filter-bar{display:flex;padding:.75rem 0rem;align-items:center;justify-content:space-between}.filter-bar .filter-bar--LeftContent{display:flex;align-items:center;gap:1.25rem}.filter-bar .filter-bar--LeftContent h6{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:1.225rem}.filter-bar .filter-bar--LeftContent .hide-btn{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;background-color:#fff;box-shadow:unset;padding:0rem .5rem}.filter-bar .filter-bar--LeftContent .hide-btn:hover{box-shadow:unset}.filter-bar .filter-bar--LeftContent .filter-chip{border:.063rem solid #f3f2f2;font-size:1rem;font-weight:400;line-height:140%}.filter-bar .filter-bar--LeftContent .subtask-switch{display:flex;align-items:center;gap:.313rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch{width:1.75rem;height:1.063rem;margin-top:.375rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before{width:.875rem;height:.813rem}.filter-bar .filter-bar--RightContent .enable-filter-btn{display:flex;align-items:center;gap:.625rem;color:#4ac08c;font-size:1rem;font-weight:400;line-height:1.225rem;cursor:pointer}.view-modal--Head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f6f5}.view-modal--Tab{border-right:1px solid #f5f6f5;width:12rem;flex-shrink:0;padding-bottom:auto}.view-modal--Tab .MuiButtonBase-root{min-height:3rem;text-transform:none;display:flex;gap:.25rem;justify-content:flex-start;margin:0 .75rem .375rem;border-radius:.5rem}.view-modal--Tab .MuiButtonBase-root:first-child{margin-top:.375rem}.view-modal--Tab .MuiButtonBase-root:last-child{margin-bottom:0}.view-modal--Tab .MuiButtonBase-root:hover{background-color:#eeeff1}.view-modal--Tab .Mui-selected{border-radius:.5rem;background-color:#d2f0e6;color:#2eb273}.view-modal--Tab .Mui-selected svg{color:#2eb273}.view-modal--Tab .Mui-selected:hover{background-color:#d2f0e6}.view-modal--Tab .MuiTabs-indicator{display:none}.view-modal--TabsContent{display:flex}.view-modal .MuiDialog-paper{min-width:40rem}.view-modal--TabData{height:25rem}.view-modal--TabData img{width:100%;height:auto;object-fit:cover}.view-modal--Desc{padding:0rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;font-weight:400}.view-modal--Header{display:flex;align-items:center;color:#d3d3d4}.view-modal--Tabs{display:flex;gap:.25rem}.view-modal--Tabs svg{color:#7b7c7f}.view-modal--Tabs.Mui-disabled{color:#d3d3d4}.view-modal--Tabs.Mui-disabled svg{color:#d3d3d4}.view-modal--Select{border-radius:1.5rem;padding:0rem .5rem}.view-modal--Select .MuiSelect-select{padding:.25rem .5rem}.view-modal--BoardContainer{margin-top:.75rem;display:flex;align-items:center;gap:1rem}.view-modal--Actions{padding:.5rem 1rem}.header-card{display:flex;padding:.375rem .5rem;align-items:center;gap:.5rem;color:#7b7c7f;cursor:pointer}.header-card svg{width:1rem;height:1rem}.header-card--Active{color:#4ac08c}.switch{position:relative;display:inline-block;width:1.5625rem;height:.875rem}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s}.switch .slider:before{position:absolute;content:"";height:.625rem;width:.625rem;left:.1875rem;bottom:.125rem;background-color:#fff;transition:.4s}.switch input:checked+.slider:before{transform:translate(.625rem)}.slider.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}input:checked+.slider.round:before{border-radius:50%;border:none}.content{padding:1.5rem!important}.remove-filters{position:absolute;padding:0rem;right:1.5rem}.remove-filters_rtl{position:absolute;padding:0rem;left:1.5rem}.queryBuilder{position:relative}.queryBuilder .ruleGroup{border:none;padding:0rem;display:flex;flex-direction:column-reverse}.queryBuilder .ruleGroup .actions .MuiOutlinedInput-root{display:none}.queryBuilder .ruleGroup .rule{gap:.5rem;justify-content:space-between}.ruleGroup{background-color:#fff}.ruleGroup-body .ruleGroup{background-color:#fbfbfb;border:.063rem solid #f3f2f2;padding:.5rem}.ruleGroup-body .add-group{display:none}.add-filter,.add-group{box-shadow:0 0 .125rem #e0e0e0,0 .063rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.queryBuilder>.ruleGroup{gap:1rem}.ruleGroup-body>.ruleGroup{margin:.25rem 0rem}.filter-header{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;border-bottom:.063rem solid #d3d3d4}.combinator-value{text-transform:uppercase;border:.125rem dashed #bdbebf;border-radius:.5rem;width:fit-content;padding:.25rem 1rem}.filter-footer{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;border-top:.063rem solid #d3d3d4;background-color:#f5f6f5;padding:.5rem 1rem .5rem 1.5rem}.filter-footer .cancel-filter-btn{color:#18274b;background-color:#fff}.filter-footer .cancel-filter-btn:hover{background-color:#f5f6f5;color:#18274b}.searchbar-box-list{padding:.5rem;margin-bottom:4px;border-bottom:.063rem solid #f3f2f2}.filter-title{font-size:.75rem;font-weight:400;line-height:1.063rem;letter-spacing:-.02em;text-align:left;color:#919294;padding:.625rem .625rem 0rem}.menu-list{justify-content:space-between}.menu-list .icon-list .icons-img{min-width:1.688rem}.select-drps{width:100%;color:#1f2125;text-transform:capitalize}.select-drps .MuiSelect-select{padding:.625rem .875rem}.select-drps input{width:100%;padding:.625rem .875rem}.new-searchbar .search-wrapper input{font-size:.781rem}.betweenRules .combinator-list{border:.125rem dashed #bdbebf;border-radius:.5rem;width:5rem}.betweenRules .combinator-list .MuiOutlinedInput-notchedOutline{border:none}.betweenRules .combinator-list .MuiSelect-select{padding:.375rem .625rem;text-transform:capitalize;font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:-.02em;text-align:left;color:#656669}.MultiSelect .MuiSelect-select{padding-top:4px!important;padding-bottom:4px;padding-left:8px}.upload-icon{display:inline-block;position:relative;border-radius:calc(var(--size) * 625rem)}.upload-icon.hoverable:hover{background-color:#d3d3d4}.FileUploadCard--FileIcon .Avatar{background-color:#ebf9f2;padding:.375rem;border-radius:.25rem}.FileUploadCard .MuiListItemText-root .MuiTypography-root{font-size:.75rem;color:#232529;line-height:1.05rem}.FileUploadCard .MuiListItemIcon-root{min-width:2.75rem}.upload .MuiDialog-paper{min-width:38.875rem;border-radius:1rem}.upload--head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;background-color:#fbfbfb;border-top:1px solid #eeeff1}.upload--title{display:flex;align-items:center}.upload--content{padding:1.5rem 1.375rem 2.25rem}.upload--fileContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:16.25rem;border:.0625rem dashed #d3d3d4;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:border .3s ease;text-align:center}.upload--fileContent.drag-active{border-color:#4ac08c}.upload--text{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.upload--iconBox{display:flex;flex-direction:column}.upload--actions{padding:.5rem 1rem}.upload .upload--head .upload--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .upload--head button svg{width:1.25rem}.upload .upload--head button svg path{fill:#292d32}.upload .upload--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;margin-bottom:.5rem}.upload .autocomplete-input-upload{margin-left:0rem;margin-right:.3125rem;width:100%}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.0625rem}.upload .upload-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .public-check-label{margin-left:0rem}.upload .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion{border:0rem;border-radius:0rem;box-shadow:none;margin-top:0rem}.upload .people-access-accordion:before{background-color:unset}.upload .people-access-accordion .MuiAccordionSummary-root{padding:0rem;margin:0rem;min-height:4rem}.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details,.upload .people-access-accordion .user-accordion-details .accordion-list{padding:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0rem;margin-bottom:.9375rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.upload .upload--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.upload .upload--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.upload .upload--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:var(--PrimaryGreen-700, #289b64);box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.dzu-dropzone{border:unset!important;background:transparent!important;height:100%}.dzu-inputLabel{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.preview-box{display:flex;align-items:center;width:calc(100% - 1.875rem);padding:.625rem 3%;background:#fff;border-bottom:.0625rem solid #ddd;font-size:.875rem}.preview-box img{max-height:5rem;max-width:5rem;border-radius:.25rem;margin-right:.625rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid #f5f6f5}.document-name{display:flex;width:28.125rem;align-items:flex-start;gap:.75rem}.delete-icon{cursor:pointer}.upload-list{width:100%}.drop-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.after-drop{display:flex;flex-direction:column;row-gap:.75rem;align-items:center}.after-drop img{width:3rem;height:3rem}.after-drop p{font-weight:500}.device-wrap{display:flex;gap:1.5rem}.device-wrap .select-button{margin-top:1rem}.device-wrap .select-button img{padding:.5rem;border-radius:.5rem;background-color:#eeeff1}.device-wrap .select-button p{color:#656669}.bottom-corner-box{display:inline-block;position:fixed;bottom:0;right:0;z-index:2;max-height:50%}.bottom-corner-box .box-list{overflow-y:auto;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.bottom-corner-box .bottom-section{border-bottom:.063rem solid #eeeff1;padding:.5rem}.bottom-corner-box .bottom-section .close-icon,.bottom-corner-box .bottom-section .folder-icon{transform:translate(-50%,-79%);left:50%;right:unset}.avatar-container{position:relative;display:flex}.close-icon,.folder-icon{position:absolute;top:0;right:0;background-color:#ffffffb3;display:none}.avatar-container:hover .avatar{display:none}.avatar-container:hover .close-icon,.avatar-container:hover .folder-icon{display:block}.header-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-50, #fff)}.import-text{color:#000;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.canceled-text{color:#656669}.svgDiv{display:flex;width:2rem;height:2rem;padding:.125rem;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-200, #f5f6f5)}.svg{width:1.75rem;height:1.75rem;flex-shrink:0}.body-section{display:flex;height:20rem;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch;background:#fff}.document-section{display:flex;flex-direction:column;align-items:flex-start}.document-body{display:flex;width:35.375rem;flex-direction:column;align-items:flex-start;gap:.5rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch}.document-name{display:flex;width:34.375rem;align-items:flex-start;gap:.75rem;align-items:center}.document-choices{display:flex;width:9.625rem;justify-content:flex-end;align-items:center;gap:.75rem}.document-icon-sm{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-icon-lg{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;flex:1 0 0}.svg-document{width:1.25rem;height:1.25rem;flex-shrink:0}.document-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;align-self:stretch}.document-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.document-size{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.document-size .success-file{color:#289b64;margin:0 .75rem}.document-size .fail-file{color:#f86060;margin:0 .75rem}.checkbox{display:flex;height:2.5625rem;align-items:center;gap:.25rem}.delete-icon{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.checkbox-svg{width:1.5rem;height:1.5rem}.checkbox-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.svg-delete{width:1.5rem;height:1.5rem;flex-shrink:0}.button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Button-Secondary_BG, #fff);box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.button-body{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.button-content{display:flex;align-items:center;gap:.25rem}.button-add{display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center}.svg-add{width:1.25rem;height:1.25rem;flex-shrink:0}.button-add-text{color:var(--Button-On_Secondary, #1f2125);font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.submit-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:3.125rem;align-self:stretch;border-top:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-200, #f5f6f5)}.btn-box{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex:1 0 0}.button-group{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.btn-cancel{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:#fff;color:#292d32;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.btn-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-500, #a7a8a9);color:#fff;box-shadow:0 .125rem .3125rem -.125rem #144e320d,0 .0625rem .0625rem -.125rem #144e321a,0 -.0625rem .125rem #0000000d}.top-section{display:flex;width:350rem;padding:.5rem .75rem;justify-content:space-between;align-items:center;border-radius:.75rem .75rem 0rem 0rem;background:var(--PrimaryGreen-100, #ebf9f2)}.top-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.top-options{display:flex;align-items:center;gap:.25rem}.btn{display:flex;width:1.5rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center}.arrow-btn{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.svg-arrow-btn,.svg-cancel-btn{width:1.5rem;height:1.5rem;flex-shrink:0}.bottom-section{display:flex;padding:.5rem;align-items:center;gap:.75rem;align-self:stretch;background:#fff}.svg-icon{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;background:var(--PrimaryGreen-100, #ebf9f2)}.doc-icon{display:flex;align-items:flex-start;gap:.5rem;border-radius:.25rem}.svg-doc{width:20rem;height:20rem}.file-detail{display:flex;align-items:center;gap:.5rem;flex:1 0 0}.file-name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;flex:1 0 0}.file-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.015rem}.file-status{display:flex;width:2rem;height:2rem;padding:.375rem;justify-content:center;align-items:center;border-radius:.25rem}.svg-status{width:20rem;height:20rem;flex-shrink:0}.add-file{padding:.375rem .75rem!important;font-size:.875rem;font-weight:500;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f;border:unset}.uploadActions,.uploadHeader{padding:.5rem;background-color:#fbfbfb;border-top:1px solid #eeeff1}.remove-button{position:absolute;z-index:10;background:#54cc96;height:30px;width:30px;color:#fff;top:-10px;right:-10px;border:3px solid white}.remove-button:hover{z-index:10;background:#4ac08c}.icon-BG{position:relative;background:#b6e9d6;border-radius:8px}.datePicker{border-radius:.25rem;width:100%}.datePicker input{padding:.5rem;font-size:.875rem}.datePicker :disabled{-webkit-text-fill-color:unset}.MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer{font-weight:600}.MuiDateCalendar-root .MuiPickersDay-root{border-radius:2px}.MuiDateCalendar-root .MuiPickersDay-today{background-color:#f5f6f5}.MuiDateCalendar-root .MuiPickersDay-root:hover{background-color:#f5f6f5;color:#1f7c5e}.MuiDateCalendar-root .MuiPickersDay-root.Mui-selected,.MuiDateCalendar-root .MuiPickersYear-yearButton.Mui-selected{background-color:#4ac08c}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:fixed;bottom:50%;width:-webkit-fill-available;transform:translateY(50%)}.fallback--Text{width:25%;text-align:center}.pagination{display:flex;align-items:center}.page-size-select{width:auto;margin:0rem .5rem}.page-size-select .MuiSelect-select{font-size:.75rem;color:#656669;padding:.25rem .5rem!important}.page-size-select .MuiSvgIcon-root{right:2px;font-size:1.2rem}.page-input{padding:.25rem .5rem;border-radius:.25rem;width:fit-content;max-width:2rem;border:1px solid #d3d3d4!important;font-size:.75rem}.goto-box{margin:0 8px}.goto-box .MuiInputBase-root .MuiInputBase-input{padding:.25rem .5rem!important;max-width:26px;font-size:12px}.shared-pages-modal .tab-title-wrap{border-right:.0625rem solid #f5f6f5}.shared-pages-modal .tab-title-wrap .MuiTabs-indicator{background-color:#bdbebf}.shared-pages-modal .tab-title-wrap .tab-search-wrap{padding:.5rem .75rem;border-bottom:.0625rem solid #f5f6f5}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer{padding:.5rem}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root{margin-bottom:.5rem;color:#1f2125;padding:.375rem .75rem;min-height:auto;text-transform:capitalize;line-height:1.25rem;border-radius:.25rem;align-items:flex-start}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root.Mui-selected,.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root:hover{background-color:#f5f6f5}.shared-pages-modal .MuiDialogContent-root{padding:0}.shared-pages-modal .MuiPaper-root{max-width:44.0625rem;height:30.375rem}.shared-pages-modal .shared-grid-wrap{padding:1rem}.shared-pages-modal .shared-grid-wrap .shared-tab .MuiBox-root{padding:0}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main{background-color:#fbfbfb;padding:.625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap{position:relative}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img{height:13.4375rem;max-width:100%}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab{position:absolute;bottom:.5rem;right:.375rem;left:auto}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller{height:auto}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer{gap:.375rem}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root{padding:0;border:.0625rem solid #f3f2f2;border-radius:50%;height:1.5rem;width:1.5rem;font-size:.75rem;max-width:100%;min-width:auto;min-height:1.5rem;color:#656669;background-color:#f5f6f5}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root.Mui-selected{background-color:#32c27d;color:#fff;border-radius:3.75rem;width:auto;padding:.25rem .5rem;text-transform:capitalize}.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-indicator{display:none}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap{padding:1.5rem 0 .5rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info{display:flex;justify-content:space-between;align-items:center}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info h1{font-size:.875rem;font-weight:500;line-height:1.25rem;color:#1f2125;margin:0}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle{color:#232529;display:flex;align-items:center;gap:1rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .switch{margin-left:.75rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .MuiTypography-root{font-size:.75rem;font-weight:400;line-height:1.0625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.0625rem}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p span{color:#656669}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-content p{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.0625rem;margin:0;color:#656669}.share .MuiDialog-paper{min-width:42.375rem;border-radius:1rem}.share--head{display:flex;padding:.5rem 1rem;justify-content:space-between;align-items:center}.share--title{display:flex;align-items:center}.share--content{padding:1rem 1.375rem 1.5rem}.share--blurClass .MuiAccordionSummary-root,.share--blurClass .accordion-list{opacity:.3}.share--actions{padding:.5rem 1rem}.share .share--head .share--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.share .share--head button svg{width:1.25rem}.share .share--head button svg path{fill:#292d32}.share .share--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.015rem;margin-bottom:.5rem}.share .autocomplete-input-share{margin-left:0rem;margin-right:.313rem;width:100%}.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.share .autocomplete-input-share .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.063rem}.share .chip-selected-role .MuiChip-filled{border-radius:.25rem;background-color:#f5f6f5}.share .clear-role-icon{padding:0rem}.share .share-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.share .public-check-label{margin-left:0}.share .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.018rem}.share .people-access-accordion{border:0;border-radius:0;box-shadow:none;margin-top:0}.share .people-access-accordion:before{background-color:unset}.share .people-access-accordion .MuiAccordionSummary-root{padding:0;margin:0;min-height:4rem}.share .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px}.share .people-access-accordion .user-accordion-details{padding:0}.share .people-access-accordion .user-accordion-details .accordion-list{padding:0;width:100%;background-color:#fff}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0;margin-bottom:.938rem}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.018rem}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.24px;display:inline}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px;color:#232529}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.share .share--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.share .share--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.share .share--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:#4ac08c;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.24px;color:#232529}.user-select-chips{border-radius:.25rem}.page-navigator{width:100%}@media (min-width: 1200px) and (max-width: 1439px){.page-navigator{width:80%}}@media (min-width: 1440px){.page-navigator{width:100%}}@media (max-width: 1366px){.page-navigator-container{width:50%}}@media (max-width: 1199px){.footer--Container{flex-direction:column}.page-navigator-container{width:100%}.footer--Container .pagination{justify-content:flex-end}}.footer--Container{width:calc(100% - 350px)!important}.sheet-select{margin:0rem .5rem}.sheet-select .MuiOutlinedInput-notchedOutline{border:0}.sheet-select .MuiSelect-select{font-size:.75rem;color:#656669;padding:0rem .25rem!important}.footer--Container{display:flex;position:fixed;bottom:0;transition:all .4s ease-in-out;background-color:#fff;z-index:1201;width:calc(100% - 365px)}.footer--drawerContainer{display:flex;position:fixed;transition:all .4s ease-in-out;bottom:0;background-color:#fff;z-index:1201;width:calc(100% - 130px)}.formHeader--Header{padding:.75rem 2rem;display:flex;justify-content:space-between;border-bottom:2px solid #f5f6f5}.infoCard{display:flex;align-items:center;gap:.5rem}.account-payble-tabs-wrap{min-height:2.25rem;border-bottom:1px solid #F3F2F2}.account-payble-tabs-wrap .account-payble-tab-items{color:#7b7c7f;padding:.5rem 1rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;text-transform:capitalize;min-height:2.25rem}.account-payble-tabs-wrap .account-payble-tab-items.Mui-selected{color:#232529}.account-payble-tabs-wrap .account-payble-tab-items:hover{background-color:#f5f6f5;color:#7b7c7f}.account-payble-tabs-wrap .MuiTabs-scroller .MuiTabs-indicator{background-color:#4ac08c}.Tabs--Title{display:flex;gap:.5rem}.itemEntryModal--Divider{border-color:#eeeff1}.itemEntryModal--DialogTitle{border-bottom:1px solid #d3d3d4}.itemEntryModal--SectionTitle{padding-left:1.5rem}.itemEntryModal--DialogContents{padding-top:0!important}.itemEntryModal--DialogAction{justify-content:end!important;z-index:9999!important;padding:.5rem 1.5rem!important;background-color:#eeeff1!important}.itemEntryModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.itemEntryModal--DialogAction--GreenBtn{background-color:#2eb273!important;color:#fff!important}.scroll-container{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.add-role-drp ul{min-width:12.875rem;border-radius:.5rem;gap:.25rem;display:flex;flex-direction:column}.add-role-drp ul .searchbar-box-list{border:0;padding:.313rem .75rem .5rem}.add-role-drp ul .all-attribute-title{padding:0rem .938rem}.add-role-drp ul .all-attribute-title .MuiTypography-root{font-size:.875rem}.add-role-drp ul .role-drp-list .add-icon{min-width:1.5rem}.add-role-drp ul .role-drp-list .title span{font-size:.938rem;font-weight:400;line-height:1.125rem;letter-spacing:-.02em;color:#656669}.add-role-drp ul .role-drp-list .eye-icon{text-align:right;min-width:2rem}.add-role-drp ul .role-drp-list .eye-icon img{margin-left:auto}.add-role-drp ul .role-drp-list:last-child .title span{color:#1f2125}.add-role-drp ul .role-drp-list:last-child .eye-icon{position:relative;top:.188rem}.add-role-drp ul .role-drp-list:last-child .eye-icon svg{fill:#7b7c7f}.dropdown-inner--DestructiveActions{color:#c64d4d}.dropdown-inner--DestructiveActions:hover{background-color:#fedfdf}.action-items ul{display:flex;text-align:center}.no-data{display:flex;width:100%;flex-direction:column;align-items:center}.add-row-btn{color:#1f2125!important}.MuiTableSortLabel-iconDirectionAsc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionAsc path:last-child{fill:#bdbebf}.MuiTableSortLabel-iconDirectionDesc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionDesc path:last-child{fill:#bdbebf}.custom-table table th{background-color:#fbfbfb!important}.custom-table table th svg{height:16px!important;width:16px!important}.custom-table table th:nth-child(2) svg{height:20px!important;width:20px!important}.custom-table table th button[aria-label=Move]{display:none;transition:all .3s ease-in-out}.custom-table table th:hover button[aria-label=Move]{display:block}.custom-table .MuiTouchRipple-root{display:none}.custom-table table th span.MuiBadge-root{width:16px}.custom-table table td{font-size:12px!important}.timePicker{border-radius:.25rem;width:100%}.timePicker input{padding:.5rem;font-size:.875rem}.timePicker :disabled{-webkit-text-fill-color:unset}.timePicker svg{font-size:medium}.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item.Mui-selected{background-color:#4ac08c;border-radius:.5rem}.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item:hover{border-radius:.5rem;background-color:#f5f6f5;color:#1f7c5e}.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root{border-radius:.5rem;color:#4ac08c}.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root:hover{border-radius:.5rem;background-color:#f5f6f5;color:#1f7c5e}.requiredStar{color:#c64d4d}.brandAddModal--Divider{border-color:#eeeff1}.brandAddModal--DialogTitle{border-bottom:1px solid #d3d3d4}.brandAddModal--SectionTitle{padding-left:1.5rem}.brandAddModal--DialogAction{justify-content:space-between;padding:.5rem 1.5rem!important;background-color:#eeeff1}.brandAddModal--DialogAction--WhiteBtn{background-color:#fff!important;color:#1f2125}.formParser--Grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.formParser--Accordion{margin:1rem 0rem}.formParser--Section:first-child .formParser--Section--SectionTitle:first-child{margin-top:0}.formParser--Section--SectionDivider{margin-top:2rem;border-color:#eeeff1}.avtarDisplay{width:54px;height:56px;gap:10px;border-radius:8px;margin:5px 10px;background-color:#eaf2bf;transition:.3s ease;display:flex;justify-content:center;align-items:center;color:#505f07;font-weight:700}.m0{margin:0!important}.module-tile-container{display:flex;width:10.25rem;padding:1.5rem 1rem;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.module-box{display:flex;width:6.25rem;height:6.25rem;border-radius:.75rem;justify-content:center;align-items:center}.module-box.transparent{border:1px solid rgba(31,33,37,.1)}.module-box img{object-fit:none}.module-label{color:#1f2125}/*$vite$:1*/.Timeline li .MuiTimelineDot-root{margin:.125rem .3125rem;border-width:.125rem;padding:.0625rem;background:#656669}.Timeline--ActivityBox{padding:2rem 1.5rem;font-size:.75rem;width:100%}.Timeline--Content{display:flex;flex-direction:column}.Timeline--Activity{max-height:calc(100vh - 260px)}.Timeline{padding:0;margin:0;display:flex;justify-content:space-between}.Timeline li{min-height:2.5625rem}.Timeline li:before{content:unset}.Timeline li:last-child .MuiTimelineContent-root{padding:0 1.5rem}.Timeline li .MuiTimelineDot-root{margin:.25rem!important;border-width:.125rem;padding:.0625rem;background:#919294}.Timeline li .MuiTimelineContent-root{padding:0 .75rem 1rem;font-size:.75rem}.Timeline li .MuiTimelineConnector-root{background-color:#eeeff1;width:1px}.Timeline li .MuiFormControl-root{width:100%}.Timeline li .MuiTimelineSeparator-root .MuiSvgIcon-root{background-color:#eeeff1;height:1.0625rem;width:1.0625rem;border-radius:50%;padding:.1875rem}.Timeline--CommentWrap{padding:.4375rem .5rem;border-radius:.25rem;border:.0625rem solid #d3d3d4;margin:.5rem 0 1rem}.Timeline--Comment{margin:0}.Timeline--CommentBox{padding:1rem 1.5rem;font-size:.75rem;position:absolute;bottom:0;left:0;border-top:2px solid #eeeff1;width:100%}.Timeline--CommentText{margin:.5rem 0;display:flex;gap:1.25rem;align-items:center}.Timeline--Chat{overflow:auto;padding:1rem 1.5rem;max-height:calc(100vh - 260px)}.Timeline--Chat li:before{content:unset}.Timeline--Content{display:flex;flex-direction:column;gap:.25rem}.Timeline--Activity{max-height:calc(100vh - 260px);display:flex!important;flex-direction:column!important;gap:.75rem!important}.Timeline--ActivityLogItem{line-height:1.3}.MuiAccordionDetails-root{padding:1rem 1.5rem!important}.ActivityContainer{border-left:2px solid #f5f6f5;height:calc(100vh - 130px);position:absolute;width:100%;right:0}.Avatar .MuiAvatar-root{border-radius:.5rem}.Activity--Container{display:flex;flex-direction:column;gap:.75rem}.box-class{border:1px solid;border-color:#f3f2f2;border-radius:8px}.Timeline li .MuiTimelineDot-root{background:#d3d3d4!important;width:6px;height:6px;border-radius:50%}.Timeline li .MuiTimelineConnector-root{background:transparent!important}.quickApprovalModal--ModalContentContainer{padding:1.5rem!important}.quickApprovalModal--Title{background-color:#fbfbfb;border-bottom:1px solid #eeeff1}.quickApprovalModal--UserListingContainer{display:flex;justify-content:space-between;width:100%}.quickApprovalModal--UserContent{display:flex;gap:.5rem}.quickApprovalModal--DialogActions{background-color:#eeeff1;border-top:1px solid #d3d3d4}.quickApprovalModal--DialogActions--Cancel{background-color:#fff!important;color:#292d32}.quickApprovalModal--DisplayNameChip{padding:.25rem!important}.quickApprovalModal--DisplayNameChip .MuiChip-label{height:16px;width:100%}.react-kanban-board{font-family:Inter;font-size:.875rem;font-style:normal;line-height:140%;letter-spacing:-.0175rem}.react-kanban-board .react-kanban-column-adder-button{border-radius:.75rem;background-color:#eeeff1;width:17rem;height:3rem;padding:.75rem;content:"test"}.react-kanban-board .react-kanban-column{background-color:#fcf8f8;border-radius:.75rem;border:.063rem solid #faf0f0;position:relative;padding-bottom:2.5rem}.react-kanban-board .react-kanban-column:nth-child(1){background-color:#fcf8f8}.react-kanban-board .react-kanban-column:nth-child(2){background-color:#fdf7f9}.react-kanban-board .react-kanban-column:nth-child(3){background-color:#f7fcfd}.react-kanban-board .react-kanban-column .react-kanban-column-header,.react-kanban-board .react-kanban-column .react-kanban-card__title{font-weight:500}.react-kanban-board .react-kanban-column .react-kanban-card{border-radius:.5rem;border:.031rem solid #f3f2f2;background-color:#fff;box-shadow:0 .063rem .313rem #6464640d;padding:.75rem 1rem 1rem;height:8.0625rem}.react-kanban-board .react-kanban-column .react-kanban-card-adder-button{position:absolute;bottom:0;width:90%;background-color:transparent;border:none;font-weight:200}.react-kanban-board .react-kanban-column .react-kanban-card-adder-form{position:absolute;bottom:0rem}.react-kanban-board .react-kanban-column .react-kanban-card-adder-form+div:last-child{margin-bottom:4.375rem}.react-kanban-board .react-kanban-column form{display:block!important;text-align:center}.column-header{margin-bottom:1.25rem}.column-header .kanban-column{display:flex;align-items:baseline}.column-header .kanban-column .kanban-column-title{overflow:hidden;color:#883c3c;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;cursor:pointer}.column-header .kanban-column .count-length-text{color:#d5adad;text-overflow:ellipsis;font-size:.75rem;font-style:normal;font-weight:600;line-height:140%;letter-spacing:-.015rem;margin-left:.5rem}.column-header .kanban-column .more-menu-btn{margin-left:auto;line-height:140%}.column-header .kanban-column .create-status-box{display:flex;width:12.5rem;padding:.75rem;justify-content:space-between;align-items:center;border-radius:.75rem;background:#f5f6f5;margin:.313rem;cursor:pointer;flex-wrap:wrap}.column-header .kanban-column .create-status-box span{font-size:1.5rem;display:inline-block}.column-header .kanban-column .create-status-box .add-btns{width:100%;display:flex;justify-content:space-between;margin-top:.313rem}.column-header .kanban-column .create-status-box .add-btns button{background-color:#eee;border:none;padding:.313rem;width:45%;margin-top:.313rem;border-radius:.188rem}.column-header .kanban-column .create-status-box input{width:100%;font-size:.813rem;border:.063rem solid #ccc;border-radius:.3rem;min-height:1.813rem;padding:.313rem}.card-board-wrap .react-kanban-board .react-kanban-column .react-kanban-card-adder-button{width:1.875rem}.card-board-wrap .react-kanban-board .react-kanban-column-adder-button{justify-content:space-between!important}.create-status-box{display:flex;width:17rem;padding:.75rem;justify-content:space-between;align-items:center;border-radius:.75rem;background:#f5f6f5;margin:.313rem;cursor:pointer;flex-wrap:wrap}.create-status-box span{font-size:1.5rem;display:inline-block}.create-status-box .add-btns{width:100%;display:flex;justify-content:space-between;margin-top:.313rem}.create-status-box .add-btns button{background-color:#eee;border:none;padding:.313rem;width:45%;margin-top:.313rem;border-radius:.188rem}.create-status-box input{width:100%;font-size:.813rem;border:.063rem solid #ccc;border-radius:.3rem;min-height:1.813rem;padding:.313rem}button.react-kanban-card-adder-button:after{content:"New";color:#656669;text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;margin-left:.375rem;position:relative;top:-.188rem}@media screen and (max-width: 450px){.react-kanban-board{overflow:scroll}}.calculationSummary--SummaryContainer{display:flex;flex-direction:column;gap:1.5rem}.calculationSummary--SummaryItem{display:flex;flex-direction:column;gap:.5rem}.calendar-wrapper{background-color:#fff;padding:"1.25rem"}.calendar-wrapper .fc{font-family:Inter;font-style:normal;line-height:140%}.calendar-wrapper .fc .fc-header-toolbar .fc-toolbar-title{font-size:.875rem;font-weight:500;letter-spacing:-.0175rem}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group{display:flex}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active{background-color:transparent;color:#656669;border:none;box-shadow:none;outline:none}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-prev-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-prev-button{order:1}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-today-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-today-button{order:2}.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-next-button,.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-next-button{order:3}.calendar-wrapper .fc .fc-daygrid-day{font-size:.75rem;font-weight:400;letter-spacing:-.015rem;background-color:#fff;border:1px solid #eeeff1}.calendar-wrapper .fc .fc-daygrid-day .fc-daygrid-day-number{margin:.325rem;color:#656669}.calendar-wrapper .fc .fc-daygrid-day.fc-day-today{background-color:transparent}.calendar-wrapper .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{color:#fff;background-color:#289b64;width:20px;display:flex;height:20px;justify-content:center;align-items:center;border-radius:50%}.calendar-wrapper .fc .fc-daygrid-day-events{margin-left:.625rem;margin-right:.625rem}.calendar-wrapper .fc .fc-day-other{background-color:#fbfbfb}.calendar-wrapper .fc .fc-col-header-cell-cushion{font-weight:300;font-size:.75rem}@media screen and (max-width: 450px){.calendar-wrapper{overflow:scroll}}.card-wrapper{border-radius:.5rem;padding:1rem;border:1px solid #eeeff1;box-shadow:0 0 2px #e0e0e0,0 1px 4px -2px #18274b05,0 4px 4px -2px #18274b0f}.dashboard-card-icon{border-radius:50%;border:1px solid;width:30px;height:30px;border-color:#f5f6f5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-class{width:100%}.react-datepicker__today-button{padding:0;border-top:.0625rem solid #eeeff1;font-weight:400}.react-datepicker__day-name{color:#7b7c7f}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#4ac08c;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#b6e9d6;color:#232529}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#b6e9d6}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#2eb273}.calender-container{position:relative}.select-year{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem}.react-datepicker__close-icon:after{color:#7b7c7f!important;background-color:unset;font-size:1.25rem!important}.open-selected-calender{border-radius:.25rem;border:.0625rem solid #bdbebf;width:100%;height:2.4rem;color:#7b7c7f;font-weight:400;font-size:.875rem;padding:0 .625rem;outline-offset:unset;outline:unset}.icon-box{position:absolute;top:1.4375rem;transform:translateY(-50%);right:.625rem;color:#7b7c7f}.icon-box_rtl{position:absolute;top:1.4375rem;transform:translateY(-50%);left:.625rem;color:#7b7c7f}.btn-transparent{border:none;background:none;cursor:pointer;padding:0;margin:0;font-size:inherit}.date-picker-container{display:flex;justify-content:space-around;align-items:center;margin:.9375rem 0}.date-picker-container .MuiSvgIcon-root{color:#a7a8a9}.month-view{margin:0 .3125rem .25rem}.d-flex{display:flex;align-items:center}.select-year{border:none;background:none;cursor:pointer;padding:0 .625rem;margin:0 0 .0625rem;font-size:inherit;color:#000}.react-datepicker{border-radius:.5rem}.DateRangePicker .react-datepicker-wrapper{width:100%;min-width:250px}._3zRJQ{fill:#232529;font-weight:500}._3rUKi,._RuwuK{stroke:none}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:fixed;bottom:50%;width:-webkit-fill-available;transform:translateY(50%)}.fallback--Text{width:25%;text-align:center}.HrLine{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;margin:.9375rem 0;opacity:.6;font-size:.75rem;font-weight:500}.HrLine--Length{width:40%}@media screen and (max-width: 1600px){.HrLine{font-size:.6875rem}}@media screen and (max-width: 1440px){.HrLine{font-size:.625rem}}@media screen and (max-width: 1112px){.HrLine{font-size:.5625rem}}@media screen and (max-width: 450px){.HrLine{font-size:.9375rem}.HrLine--Length{width:43%}}.afterBorder{position:relative;margin-bottom:15px}.afterBorder:after{height:1px;display:block;width:100%;background:#eeeff1;border-right:1px white;content:"";position:absolute;bottom:0;left:0}.inventoryReportsTitleBar{display:flex;padding:.75rem 0rem;justify-content:space-between;align-items:center;margin:0 8px}.inventoryReportsTitleBar--RightContent{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.inventoryReportsTitleBar--RightContent--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.inventoryReportsTitleBar--LeftContent{display:flex;gap:1.25rem;align-items:center}.inventoryReportsTitleBar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.inventoryReportsTitleBar--FilterAction{display:flex;font-size:12px;align-items:center;text-wrap:nowrap;gap:8px}.inventoryReportsTitleBar--FilterAction .search-wrapper img{top:.6rem}.inventoryReportsTitleBar--FilterAction--lvWrapper{display:flex;align-items:center;gap:8px}.inventoryReportsTitleBar--FilterAction--Btn{border:1px solid #f3f2f2;border-radius:50px;color:#656669}.inventoryReportsTitleBar--FilterWrapper{display:flex;font-size:12px;align-items:center;gap:12px;text-wrap:nowrap;flex-wrap:wrap}.inventoryReportsTitleBar--FilterWrapper--Chip{display:flex;gap:4px;border:1px solid #ade7cb;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:2px 12px;align-items:center;cursor:pointer}.inventoryReportsTitleBar--FilterWrapper--Chip--Text{display:flex;gap:4px;align-items:baseline}.inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value{max-width:88px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.inventoryReportsTitleBar--ExtraButtonUi{margin-left:auto;margin-right:30px}.inventoryReportsTitleBar--RightContent ul{max-height:400px;overflow-y:auto}.inventoryReportsTitleBar--report-filter{display:flex;flex-direction:column;align-items:flex-start}.d1t1th9s{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d1t1th9s-0);left:var(--d1t1th9s-1);top:var(--d1t1th9s-2);min-width:var(--d1t1th9s-3);min-height:var(--d1t1th9s-4);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;max-height:calc(100vh - var(--d1t1th9s-5));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start}@-webkit-keyframes glide_fade_in-d1t1th9s{0%{opacity:0%}to{opacity:100%}}@keyframes glide_fade_in-d1t1th9s{0%{opacity:0%}to{opacity:100%}}.d1t1th9s.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;-webkit-animation:glide_fade_in-d1t1th9s 60ms 1;animation:glide_fade_in-d1t1th9s 60ms 1}.d1t1th9s.pad{padding:var(--d1t1th9s-6) 8.5px 3px}.d1t1th9s .clip-region{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.d1t1th9s .clip-region .gdg-growing-entry{height:100%}.d1t1th9s .clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none}.d1t1th9s .clip-region textarea.gdg-input{border:none;border-width:0;outline:none}.m15w2ly5{position:absolute;right:44px;bottom:44px;background-color:var(--gdg-bg-cell);background:linear-gradient(var(--gdg-bg-cell),var(--gdg-bg-cell-medium));border-radius:4px;z-index:1;box-shadow:0 0 0 1px var(--gdg-border-color),0 2px 5px #00000014;overflow:hidden}.m15w2ly5 .header{position:absolute;left:0;top:0;width:100%;height:4px;background-color:var(--gdg-bg-header);box-shadow:0 0 0 1px var(--gdg-border-color)}.m15w2ly5 .locationMarker{position:absolute;border:1px solid var(--gdg-accent-color);background-color:var(--gdg-accent-light)}.s1jz82f8 .dvn-scroller{overflow:var(--s1jz82f8-0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.s1jz82f8 .hidden{visibility:hidden}.s1jz82f8 .dvn-scroll-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;pointer-events:none}.s1jz82f8 .dvn-scroll-inner>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1jz82f8 .dvn-scroll-inner .dvn-spacer{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.s1jz82f8 .dvn-scroll-inner .dvn-stack{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.s1jz82f8 .dvn-underlay>*{position:absolute;left:0;top:0}.s1jz82f8 canvas{outline:none}.s1jz82f8 canvas *{height:0}.sxep88s{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);-webkit-transform:translateX(var(--sxep88s-0));-ms-transform:translateX(var(--sxep88s-0));transform:translate(var(--sxep88s-0));-webkit-transition:-webkit-transform .15s;-webkit-transition:transform .15s;transition:transform .15s}.sxep88s .search-bar-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sxep88s .search-status{padding-top:4px;font-size:11px}.sxep88s .search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light)}.sxep88s input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none}.sxep88s button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium)}.sxep88s button:hover{color:var(--gdg-text-dark)}.sxep88s button .button-icon{width:16px;height:16px}.sxep88s button:disabled{opacity:.4;pointer-events:none}.r1kzy40b{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;outline:none;background-color:var(--gdg-bg-header-has-focus);border-radius:9px;padding:0 8px;box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r1kzy40b-0);font:var(--gdg-header-font-style) var(--gdg-font-family)}.c1sqdbw3{padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--gdg-bg-header)}.wzg2m5k{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wzg2m5k-0);height:var(--wzg2m5k-1);overflow:hidden;overflow:clip;contain:strict;direction:ltr}.wzg2m5k>:first-child{position:absolute;left:0;top:0;width:100%;height:100%}.b1bqsp5z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.b1bqsp5z .boe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100px;padding:0 8px;height:20px;background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:2px}.b1bqsp5z textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.df2kt4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.df2kt4a .doe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:6px;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.df2kt4a .doe-bubble img{height:16px;object-fit:contain;margin-right:4px}.df2kt4a textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.i1eozt10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.i1eozt10 .centering-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.i1eozt10 .centering-container img,.i1eozt10 .centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.i1eozt10 .centering-container canvas{max-width:380px}.i1eozt10 .edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.i1eozt10 .edit-icon>*{width:24px;height:24px}.i1eozt10 textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.mlbeo71{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.mlbeo71>*{margin:0}.mlbeo71 *:last-child{margin-bottom:0}.mlbeo71 p img{width:100%}.ijuk0po{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:0;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0;margin:0}.ijuk0po::-webkit-input-placeholder{color:var(--gdg-text-light)}.ijuk0po::-moz-placeholder{color:var(--gdg-text-light)}.ijuk0po:-ms-input-placeholder{color:var(--gdg-text-light)}.ijuk0po::placeholder{color:var(--gdg-text-light)}.invalid .ijuk0po{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:#d60606;text-decoration-color:#d60606}.saq3p5l{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0 0 2px;margin:0}.gf8vzix{position:relative;margin-top:6px}.mdwzdl1{min-width:var(--mdwzdl1-0);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;color:var(--gdg-text-dark)}.mdwzdl1 .gf8vzix{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.mdwzdl1 .spacer{-webkit-flex:1;-ms-flex:1;flex:1}.mdwzdl1 .edit-icon{position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px}.mdwzdl1 .edit-icon>*{width:16px;height:16px}.mdwzdl1 .edit-hover:hover{background-color:var(--gdg-accent-light);-webkit-transition:background-color .15s;transition:background-color .15s}.mdwzdl1 .checkmark-hover:hover{color:#fff;background-color:var(--gdg-accent-color)}.mdwzdl1 .md-edit-textarea{position:relative;top:0;left:0;width:0px;height:0px;margin-top:25px;opacity:0;padding:0}.mdwzdl1 .ml-6{margin-left:6px}.n1czszh3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:6px 0 3px;color:var(--gdg-text-dark)}.n1czszh3>input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell)}.uf0sjo8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:21px}.uf0sjo8 .link-area{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);-webkit-text-decoration:underline!important;text-decoration:underline!important}.uf0sjo8 .edit-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.uf0sjo8 .edit-icon>*{width:24px;height:24px}.uf0sjo8 textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.main-card-nodal .card-wrapper{padding:.5rem 0;min-width:17.125rem;border-radius:.5rem;background:#fff}.main-card-nodal .card-wrapper .payable-header{display:flex;justify-content:space-between;padding:.5rem .5rem .5rem .75rem}.main-card-nodal .card-wrapper .payable-header .payable-title{color:#919294;display:inline-block}.main-card-nodal .card-wrapper .search-wrapper{padding:.5rem .75rem;border-bottom:1px solid #f3f2f2}.main-card-nodal .card-wrapper .search-wrapper .MuiFormControl-root{padding:.5rem .75rem .5rem .5rem;border-radius:.5rem;border:1px solid #f5f6f5;background:#fbfbfb}.main-card-nodal .card-wrapper .search-wrapper img{top:1.2rem;left:1.3rem}.main-card-nodal .card-wrapper .list-items{padding:.5rem .75rem}.main-card-nodal .card-wrapper .list-items .title{color:#1f2125;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.016rem;margin-bottom:.125rem;text-transform:capitalize}.main-card-nodal .card-wrapper .list-items .description{color:#656669;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.015rem;text-transform:capitalize}.main-card-nodal .card-wrapper .bottom-footer{display:flex;padding:.5rem .75rem;align-items:center;border-top:1px solid #eeeff1;background:#fff;cursor:pointer}.main-card-nodal .card-wrapper .bottom-footer svg{padding-right:.5rem}.main-card-nodal .card-wrapper .bottom-footer p{color:#1f2125;font-size:.813rem;font-weight:400;line-height:140%;letter-spacing:-.016rem}.reportsTitleBar{display:flex;padding:.5rem 0rem;justify-content:space-between;align-items:center;margin-bottom:-5px}.reportsTitleBar--FilterAction{display:flex;font-size:12px;align-items:flex-start;text-wrap:nowrap}.reportsTitleBar--FilterAction .search-wrapper img{top:.6rem}.reportsTitleBar--FilterAction--lvWrapper{display:flex;justify-content:space-between;gap:6px;color:#656669;align-items:center}.reportsTitleBar--SearchBar{display:flex;align-items:center;margin-left:auto;margin-right:8px}.reportsTitleBar--RightContent{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.reportsTitleBar--RightContent--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.reportsTitleBar--LeftContent{display:flex;gap:1.25rem;align-items:center}.reportsTitleBar--HeaderCard{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.reportsTitleBar--FilterWrapper{display:flex;font-size:12px;align-items:center;gap:12px;flex-wrap:wrap}.reportsTitleBar--FilterWrapper--Btn{border:1px solid #F3F2F2;border-radius:50px;color:#656669}.reportsTitleBar--FilterWrapper--Chip{display:flex;gap:4px;border:1px solid #ADE7CB;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:2px 12px;align-items:center;cursor:pointer}.reportsTitleBar--FilterWrapper--Chip--Text{display:flex;gap:4px;align-items:baseline}.reportsTitleBar--FilterWrapper--Chip--Text--Value{max-width:88px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.report-display{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:end;width:50%}.filter-bar{display:flex;padding:.75rem 0rem;align-items:center;justify-content:space-between}.filter-bar .filter-bar--LeftContent{display:flex;align-items:center;gap:1.25rem}.filter-bar .filter-bar--LeftContent h6{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:1.225rem}.filter-bar .filter-bar--LeftContent .hide-btn{color:#7b7c7f;font-size:1rem;font-weight:400;line-height:140%;letter-spacing:-.018rem;background-color:#fff;box-shadow:unset;padding:0rem .5rem}.filter-bar .filter-bar--LeftContent .hide-btn:hover{box-shadow:unset}.filter-bar .filter-bar--LeftContent .filter-chip{border:.063rem solid #f3f2f2;font-size:1rem;font-weight:400;line-height:140%}.filter-bar .filter-bar--LeftContent .subtask-switch{display:flex;align-items:center;gap:.313rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch{width:1.75rem;height:1.063rem;margin-top:.375rem}.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before{width:.875rem;height:.813rem}.filter-bar .filter-bar--RightContent .enable-filter-btn{display:flex;align-items:center;gap:.625rem;color:#4ac08c;font-size:1rem;font-weight:400;line-height:1.225rem;cursor:pointer}.search-filter{display:flex;gap:4px;width:220px;border:1px solid #ade7cb;border-radius:50px;background-color:#ebf9f2;color:#289b64;padding:4px 12px;align-items:center;cursor:pointer}.search-filter .css-1age63q{display:flex;justify-content:space-between;align-items:center;font-size:14px}.search-filter .css-1age63q p{font-size:14px}.search-filter .css-16hz2ux{height:100%}.search-filter .filter-select .MuiSelect-select{padding:0}.wrapper--WhiteBtn{background-color:#fff!important;color:#1f2125!important}.scheduleReport{padding:0rem 2rem;width:100%}.scheduleReport--StatusChip--inprogress{background-color:#cdebf4!important;color:#246e82}.scheduleReport--StatusChip--pendingapproval{background-color:#f7eac0!important;color:#82691a}.scheduleReport--StatusChip--rejected{background-color:#eed2d2!important;color:#883c3c}.scheduleReport--StatusChip--completed{background-color:#d2f0e6!important;color:#2eb273}.scheduleReport--StatusChip--cancelled{background-color:#f86060!important;color:#fbfbfb}.form-container--Grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem}.scheduleReport__addBtn{color:#1f2125!important}.scheduleReportModal--Divider{border-color:#eeeff1}.scheduleReportModal--Title{border-bottom:1px solid #d3d3d4}.scheduleReportModal--SectionTitle{padding-left:1.5rem}.scheduleReportModal--ActionContainer{padding:.5rem 1.5rem!important;background-color:#eeeff1}.scheduleReportModal--ActionContainer--WhiteBtn{background-color:#fff!important;color:#1f2125}.top-content{display:flex;padding:10px 20px;justify-content:space-between;align-items:center}.left-content,.right-content{display:flex;align-items:center;justify-content:flex-end;font-size:14px}.account-payble-tabsui-wrap{min-height:2.25rem}.account-payble-tabsui-wrap .account-payble-tab-items{color:#7b7c7f;padding:.5rem 1rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem;text-transform:capitalize;min-height:2.25rem;border:1px solid #f3f2f2;border-radius:50px;margin:10px}.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected{color:#232529;border:1px solid #ebf9f2}.account-payble-tabsui-wrap .account-payble-tab-items:hover,.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected{background-color:#ebf9f2;color:#7b7c7f;border:1px solid #ade7cb}.account-payble-tabsui-wrap .account-payble-tab-items .text-display{display:flex}.account-payble-tabsui-wrap .account-payble-tab-items .text-display img{padding-right:5px}.account-payble-tabsui-wrap .MuiTabs-scroller .MuiTabs-indicator{background-color:#fff}.Tabs--Title{display:flex;gap:.5rem}.react-datepicker__header{border-bottom:none;background-color:#fff;padding:0}.react-datepicker{box-shadow:0 .5rem 2rem #00000014,0 .125rem 1rem #0000000a;border:none}.react-datepicker__today-button{padding:0;border-top:.0625rem solid #eee;font-weight:400}.react-datepicker__day-name{color:gray}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#289b64;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#289b64}.drop-down-style{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .625rem}.react-datepicker__close-icon{right:1.25rem}.react-datepicker__close-icon:after{color:#313131;background-color:unset;font-size:1rem}.react-datepicker-wrapper input{border-radius:.25rem;border:.0625rem solid #b9b9b9;width:100%;height:2.5rem;color:#525462;font-weight:400;font-size:.875rem;padding:0 .625rem;outline-offset:unset;outline:unset}.react-datepicker__header{padding:.625rem 0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{line-height:1.875rem}.box-icon{display:inline;position:relative;top:.25rem}.box-icon svg{font-size:1rem;color:#7b7c7f}.time-input .MuiInputBase-root .MuiInputBase-input{border-right:unset}.time-input .MuiInputAdornment-root{padding:0 .625rem}.time-input .MuiInputAdornment-root button{padding:unset}.time-input .MuiInputAdornment-root .MuiSvgIcon-root{width:1rem;height:1rem}.upload-icon{display:inline-block;position:relative;border-radius:calc(var(--size) * 625rem)}.upload-icon.hoverable:hover{background-color:#d3d3d4}.FileUploadCard--FileIcon .Avatar{background-color:#ebf9f2;padding:.375rem;border-radius:.25rem}.FileUploadCard .MuiListItemText-root .MuiTypography-root{font-size:.75rem;color:#232529;line-height:1.05rem}.FileUploadCard .MuiListItemIcon-root{min-width:2.75rem}.upload .MuiDialog-paper{min-width:38.875rem;border-radius:1rem;border:.25rem solid rgb(128,128,128)}.upload .MuiDialog-paper .MuiButtonBase-root{padding:.25rem}.upload--head{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center}.upload--title{display:flex;align-items:center}.upload--content{padding:1.5rem 1.375rem 2.25rem}.upload--fileContent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:16.25rem;border:.0625rem dashed #d3d3d4;border-radius:.5rem;padding:.5rem;cursor:pointer;transition:border .3s ease;text-align:center}.upload--fileContent.drag-active{border-color:#4ac08c}.upload--text{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.upload--iconBox{display:flex;flex-direction:column}.upload--actions{padding:.5rem 1rem}.upload .upload--head .upload--title .dialog-box-title{color:#000;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .upload--head button svg{width:1.25rem}.upload .upload--head button svg path{fill:#292d32}.upload .upload--content .input-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;margin-bottom:.5rem}.upload .autocomplete-input-upload{margin-left:0rem;margin-right:.3125rem;width:100%}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root{padding:0rem .5rem}.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator{display:none;visibility:hidden}.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline{border-color:#ddd;border-width:.0625rem}.upload .upload-btn{min-width:6.25rem;color:#fff;font-size:1rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.upload .public-check-label{margin-left:0rem}.upload .public-check-label .MuiFormControlLabel-label{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion{border:0rem;border-radius:0rem;box-shadow:none;margin-top:0rem}.upload .people-access-accordion:before{background-color:unset}.upload .people-access-accordion .MuiAccordionSummary-root{padding:0rem;margin:0rem;min-height:4rem}.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details,.upload .people-access-accordion .user-accordion-details .accordion-list{padding:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root{padding:0rem;margin-bottom:.9375rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name{color:#1f2125;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.018rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text{color:#656669;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge{display:flex;padding:.25rem .375rem;align-items:center;gap:.25rem;border-radius:.5rem;background:#f5f6f5;overflow:hidden;color:#656669;text-overflow:ellipsis;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select{padding:.5rem 0rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline{border:0rem}.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path{fill:#919294}.upload .upload--actions{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:1rem;align-self:stretch;background-color:#eeeff1}.upload .upload--actions .cancel-btn{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;color:#1f2125;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.upload .upload--actions .success-btn{display:flex;padding:.375rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;border-radius:.25rem;color:#fff;background:var(--PrimaryGreen-700, #289b64);box-shadow:0 .25rem .625rem -.125rem #144e320d,0 .125rem .125rem -.0625rem #144e321a,0 -.0625rem .25rem #0000000d}.select-menu-items{font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.015rem;color:#232529}.user-select-chips{border-radius:.25rem}.dzu-dropzone{border:unset!important;background:transparent!important;height:100%}.dzu-inputLabel{text-align:center;color:#656669;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem;margin-bottom:.5rem}.preview-box{display:flex;align-items:center;width:calc(100% - 1.875rem);padding:.625rem 3%;background:#fff;border-bottom:.0625rem solid #ddd;font-size:.875rem}.preview-box img{max-height:5rem;max-width:5rem;border-radius:.25rem;margin-right:.625rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid #f5f6f5}.document-name{display:flex;width:28.125rem;align-items:flex-start;gap:.75rem}.delete-icon{cursor:pointer}.upload-list{width:100%}.drop-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.after-drop{display:flex;flex-direction:column;row-gap:.75rem;align-items:center}.after-drop img{width:3rem;height:3rem}.after-drop p{font-weight:500}.device-wrap{display:flex;gap:1.5rem}.device-wrap .select-button{margin-top:1rem}.device-wrap .select-button img{padding:.5rem;border-radius:.5rem;background-color:#eeeff1}.device-wrap .select-button p{color:#656669}.bottom-corner-box{display:inline-block;position:fixed;bottom:0;right:0;z-index:2;max-height:50%}.bottom-corner-box .box-list{overflow-y:auto;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.bottom-corner-box .bottom-section{border-bottom:.063rem solid #eeeff1;padding:.5rem}.bottom-corner-box .bottom-section .close-icon,.bottom-corner-box .bottom-section .folder-icon{transform:translate(-50%,-79%);left:50%;right:unset}.avatar-container{position:relative;display:flex}.close-icon,.folder-icon{position:absolute;top:0;right:0;background-color:#ffffffb3;display:none}.avatar-container:hover .avatar{display:none}.avatar-container:hover .close-icon,.avatar-container:hover .folder-icon{display:block}.header-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-50, #fff)}.import-text{color:#000;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.canceled-text{color:#656669}.svgDiv{display:flex;width:2rem;height:2rem;padding:.125rem;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-200, #f5f6f5)}.svg{width:1.75rem;height:1.75rem;flex-shrink:0}.body-section{display:flex;height:20rem;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch;background:#fff}.document-section{display:flex;flex-direction:column;align-items:flex-start}.document-body{display:flex;width:35.375rem;flex-direction:column;align-items:flex-start;gap:.5rem}.document-cover{display:flex;padding:.75rem 0rem .25rem;justify-content:space-between;align-items:center;align-self:stretch}.document-name{display:flex;width:34.375rem;align-items:flex-start;gap:.75rem;align-items:center}.document-choices{display:flex;width:9.625rem;justify-content:flex-end;align-items:center;gap:.75rem}.document-icon-sm{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-icon-lg{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.25rem;background:var(--Accent-Red-100, #ffebeb)}.document-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;flex:1 0 0}.svg-document{width:1.25rem;height:1.25rem;flex-shrink:0}.document-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;align-self:stretch}.document-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.document-size{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.document-size .success-file{color:#289b64;margin:0 .75rem}.document-size .fail-file{color:#f86060;margin:0 .75rem}.checkbox{display:flex;height:2.5625rem;align-items:center;gap:.25rem}.delete-icon{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.checkbox-svg{width:1.5rem;height:1.5rem}.checkbox-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Text-Secondary, #656669);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4rem;letter-spacing:-.015rem}.svg-delete{width:1.5rem;height:1.5rem;flex-shrink:0}.button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Button-Secondary_BG, #fff);box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.button-body{display:flex;padding:.375rem .75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.button-content{display:flex;align-items:center;gap:.25rem}.button-add{display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center}.svg-add{width:1.25rem;height:1.25rem;flex-shrink:0}.button-add-text{color:var(--Button-On_Secondary, #1f2125);font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.018rem}.submit-section{display:flex;padding:.5rem 1rem .5rem 1.5rem;justify-content:flex-end;align-items:center;gap:3.125rem;align-self:stretch;border-top:.0625rem solid var(--Border-Default, #d3d3d4);background:var(--Neutral-200, #f5f6f5)}.btn-box{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex:1 0 0}.button-group{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.btn-cancel{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:#fff;color:#292d32;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f}.btn-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.25rem;background:var(--Neutral-500, #a7a8a9);color:#fff;box-shadow:0 .125rem .3125rem -.125rem #144e320d,0 .0625rem .0625rem -.125rem #144e321a,0 -.0625rem .125rem #0000000d}.top-section{display:flex;width:350rem;padding:.5rem .75rem;justify-content:space-between;align-items:center;border-radius:.75rem .75rem 0rem 0rem;background:var(--PrimaryGreen-100, #ebf9f2)}.top-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.018rem}.top-options{display:flex;align-items:center;gap:.25rem}.btn{display:flex;width:1.5rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center}.arrow-btn{display:flex;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;flex-shrink:0}.svg-arrow-btn,.svg-cancel-btn{width:1.5rem;height:1.5rem;flex-shrink:0}.bottom-section{display:flex;padding:.5rem;align-items:center;gap:.75rem;align-self:stretch;background:#fff}.svg-icon{display:flex;width:2rem;height:2rem;padding:.5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;background:var(--PrimaryGreen-100, #ebf9f2)}.doc-icon{display:flex;align-items:flex-start;gap:.5rem;border-radius:.25rem}.svg-doc{width:20rem;height:20rem}.file-detail{display:flex;align-items:center;gap:.5rem;flex:1 0 0}.file-name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;flex:1 0 0}.file-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--Neutral-900, #232529);text-overflow:ellipsis;font-family:Inter;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.015rem}.file-status{display:flex;width:2rem;height:2rem;padding:.375rem;justify-content:center;align-items:center;border-radius:.25rem}.svg-status{width:20rem;height:20rem;flex-shrink:0}.add-file{padding:.375rem .75rem!important;font-size:.875rem;font-weight:500;box-shadow:0 0 .125rem #e0e0e0,0 .0625rem .25rem -.125rem #18274b05,0 .25rem .25rem -.125rem #18274b0f;border:unset}.SwitchList{padding:1rem .5rem .4375rem;flex:1;border-radius:.5rem;background:#fff;max-height:100%;overflow-y:auto}.SwitchList .MuiFormControlLabel-labelPlacementEnd{line-height:.9375rem;margin:unset;padding:0 .5rem;margin-bottom:.5rem}.SwitchList .MuiFormControlLabel-label{font-size:.875rem;line-height:1.225rem;color:#656669;margin:0 .5rem}.SwitchList .MuiList-root{max-width:100%;padding:unset}.SwitchList .MuiListItem-root{display:flex;padding:.5rem .75rem;align-items:center;gap:.5rem;align-self:stretch}.SwitchList .MuiListItemText-root{margin:unset}.SwitchList .list-secondary-content{width:1.25rem;height:1.25rem}.SwitchList .MuiList-root .MuiTypography-root{color:#1f2125;font-size:.875rem;font-weight:400;line-height:140%;letter-spacing:-.28px}.SwitchList .MuiList-root .MuiTypography-root span{color:#a7a8a9;position:relative;margin:0 .5rem}.SwitchList .MuiList-root .MuiTypography-root span:after{position:absolute;content:"";top:47%;left:-.5rem;border-radius:50%;border:.125rem solid #a7a8a9}.SwitchList .switch{width:1.5rem;height:1rem}.SwitchList .switch .slider:before{height:.875rem;width:.875rem;left:-.0625rem;bottom:.0625rem}.legends-circle{content:"";position:relative;top:4px;left:3px;width:8px;height:8px;border-radius:4px;margin-right:10px}.circle{content:"";width:8px;height:8px;border-radius:4px}.bar{position:relative;z-index:9999}.donut-chart-container{display:flex;justify-content:space-evenly;gap:10px;padding-top:10px}.donut-chart-container .donut-chart-legend{width:25rem;display:flex;flex-wrap:wrap}.donut-chart-container .donut-chart-legend .legend{padding:0 .625rem;max-height:2.5rem;margin-bottom:.938rem;width:50%}.donut-chart-container .donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-container .donut-chart-legend .legend .legend-value{font-size:.75rem}.donut-chart-container{display:flex;justify-content:center;gap:1rem}.donut-chart-container.vertical{flex-direction:column;align-items:center}.donut-chart-container.vertical .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-chart-container.horizontal{flex-direction:row;align-items:center}.donut-chart-container.horizontal .donut-chart-legend{width:auto;margin-top:1.25rem}.donut-legend{display:flex;justify-content:center}.donut-chart-legend{justify-content:center;width:150px;display:flex;flex-wrap:wrap;margin-top:46px;gap:12px}.donut-chart-legend .legend{padding:0 .75rem;max-height:2.5rem;padding-right:24px}.donut-chart-legend .legend .legend-title{color:var(--Text-Secondary, #656669);margin-bottom:.125rem;width:100%;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-legend .legend .legend-value{font-size:.75rem}.account-receivable-card{padding:16px;height:100%;display:flex;justify-content:center;align-content:center}.donut-chart-legend.horizontal{flex-direction:column;align-items:flex-start}.grid-wrapper{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media screen and (min-width: 450px){.grid-wrapper{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width: 812px){.grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1112px){.grid-wrapper{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1440px){.grid-wrapper{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1600px){.grid-wrapper{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1920px){.grid-wrapper{grid-template-columns:repeat(6,1fr)}}.MuiTableRow-root:after{display:none!important}.dynamic-report-header{border:1px solid;border-color:#f3f2f2;padding:8px;height:30px;background-color:#fafafa}.dynamic-report-row{border:1px solid;border-color:#f3f2f2;padding:8px;height:40px}.dynamic-report table tr{display:table-header-group}/*$vite$:1*/form{width:100%;margin:0 auto}.form{background:#0e101c;max-width:80%;margin:0 auto}.App{max-width:100%;margin:0 auto}.formSection--FullWidth{width:100%}.formSection--Active{border:2px dotted #3d8264;border-radius:1rem}.formSection--Relation{display:flex;align-items:center;gap:.5rem}.formSection--Tab{display:flex;gap:.5rem}.formSection--Tab .MuiTabPanel-root{padding:0}.formSection--Tab .Mui-selected{color:"#232529"}.formSection--Buttons{display:flex;gap:.75rem}.formSection--PreviewButton{width:fit-content;color:#1f2125!important}.formSection--Section{border-radius:.5rem;border:2px dotted #919294;padding:.75rem;width:100%;display:flex;align-items:center;justify-content:center}.formSection--Form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.formSection--GridContainer{width:100%;height:100%;background-color:#fff;border-radius:.5rem;overflow-y:scroll;min-height:75vh;max-height:78vh}.formSection--Grid{display:flex}.formSection--RightGrid{position:sticky;width:30%;min-height:75vh;max-height:78vh;overflow-y:scroll}.formSection--Text{display:flex;align-items:center;justify-content:center;flex-direction:column}.formSection--FieldContainer{padding:.75rem;display:flex;flex-direction:column;gap:1.5rem}.formSection--FieldContainer .MuiFormControlLabel-root{margin:0}.formSection--SubFieldContainer{display:flex;flex-direction:column;gap:1rem}.formSection--SubFieldContainer .MuiFormControlLabel-root{margin:0}.formSection--SelectOption{display:flex;flex-direction:column;gap:.25rem}.formSection--MultiOptions{display:flex;align-items:flex-start;gap:.1rem}.formSection--MultiOptions svg{cursor:pointer}.formSection--Button{width:fit-content;color:#4ac08c!important}.formSection--Button :disabled{color:#00000040}/*$vite$:1*/.fixedAssetItemAddModal--DialogTitle{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.fixedAssetItemAddModal--DialogContents{padding:24px!important}.fixedAssetItemAddModal--DialogAction{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #e0e0e0}.fixedAssetItemAddModal--DialogAction--WhiteBtn{background-color:#fff!important;border:1px solid #e0e0e0;color:#333}.fixedAssetItemAddModal--DialogAction--WhiteBtn:hover{background-color:#f5f5f5!important}/*$vite$:1*/.ai-summary-panel{position:relative}.ai-summary-panel__collapsed-toggle{width:calc(100% - 16px);display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #F3F2F2;border-radius:8px;cursor:pointer;transition:border-color .2s;margin-left:8px;margin-right:8px}.ai-summary-panel__collapsed-toggle:hover{border-color:#e0dfe0}.ai-summary-panel__collapsed-toggle:hover .ai-summary-panel__chevron{color:#656669}.ai-summary-panel__collapsed-toggle:disabled{cursor:default;opacity:.8}.ai-summary-panel__collapsed-toggle-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background-color:#4ac08c!important}.ai-summary-panel__collapsed-toggle-icon svg{width:12px;height:12px;color:#fff}.ai-summary-panel__collapsed-toggle-title{font-family:Inter,sans-serif;font-weight:500;font-size:13px;color:#1f2125;letter-spacing:-.26px}.ai-summary-panel__collapsed-toggle-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:#a7a8a9;letter-spacing:-.24px}.ai-summary-panel__collapsed-toggle-chevron{margin-left:auto;width:14px;height:14px;color:#a7a8a9}.ai-summary-panel__loading-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.ai-summary-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px}.ai-summary-panel__loading-spinner-large{width:28px;height:28px;border:3px solid #F3F2F2;border-top-color:#4ac08c;border-radius:50%;animation:spin .8s linear infinite}.ai-summary-panel__loading-text{font-family:Inter,sans-serif;font-size:13px;color:#656669;letter-spacing:-.26px}.ai-summary-panel__expanded{background:#fff;border:1px solid #F3F2F2;border-radius:8px;overflow:hidden;margin-left:8px;margin-right:8px}.ai-summary-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #F5F6F5}.ai-summary-panel__header-left{display:flex;align-items:center;gap:10px}.ai-summary-panel__header-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#4ac08c}.ai-summary-panel__header-icon svg{width:13px;height:13px;color:#fff}.ai-summary-panel__header-title{font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#1f2125;letter-spacing:-.28px}.ai-summary-panel__header-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:#d2f0e6;font-family:Inter,sans-serif;font-weight:500;font-size:10px;color:#279769;letter-spacing:-.2px;text-transform:uppercase}.ai-summary-panel__header-actions{display:flex;align-items:center;gap:4px}.ai-summary-panel__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:background-color .2s;background:transparent;border:none;padding:0}.ai-summary-panel__header-btn:hover{background:#f5f6f5}.ai-summary-panel__header-btn svg{width:14px;height:14px;color:#919294}.ai-summary-panel__header-btn--copy.copied svg{color:#2eb273}.ai-summary-panel__body{padding:12px 16px 14px}.ai-summary-panel__summary{font-family:Inter,sans-serif;font-weight:400;font-size:13px;color:#3d3f44;line-height:1.65;letter-spacing:-.26px}.ai-summary-panel__summary-cursor{display:inline-block;width:2px;height:14px;background:#7c3aed;margin-left:2px;vertical-align:middle;animation:pulse 1s infinite}.ai-summary-panel__visuals{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;animation:fadeSlideIn .3s ease-out both}.ai-summary-panel__card{background:#fafbfc;border:1px solid #F3F2F2;border-radius:8px;padding:12px}.ai-summary-panel__card-title{font-size:11.5px;color:#656669;letter-spacing:-.23px;font-weight:500;margin-bottom:10px}.ai-summary-panel__insights{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;animation:fadeSlideIn .3s ease-out .1s both}.ai-summary-panel__insight-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid #F3F2F2;cursor:pointer;transition:border-color .2s}.ai-summary-panel__insight-chip:hover{border-color:#e0dfe0}.ai-summary-panel__insight-chip svg{width:12px;height:12px}.ai-summary-panel__insight-chip-title{font-size:11.5px;color:#3d3f44;letter-spacing:-.23px}.ai-summary-panel__insight-chip-text{font-size:11px;color:#919294;letter-spacing:-.22px;margin-left:2px}@media (max-width: 640px){.ai-summary-panel__insight-chip-text{display:none}}.mini-horizontal-bar{display:flex;flex-direction:column;gap:6px}.mini-horizontal-bar__row{display:flex;align-items:center;gap:8px}.mini-horizontal-bar__row-label{font-size:11px;color:#656669;letter-spacing:-.22px;width:52px;flex-shrink:0;text-align:right}.mini-horizontal-bar__row-bar{flex:1;height:6px;background:#f5f6f5;border-radius:100px;overflow:hidden}.mini-horizontal-bar__row-bar-fill{height:100%;border-radius:100px;transition:width .7s}.mini-horizontal-bar__row-value{font-size:11px;color:#1f2125;letter-spacing:-.22px;width:32px;flex-shrink:0;font-weight:500}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-kanban-board{padding:5px}.react-kanban-card{border-radius:3px;background-color:#fff;padding:10px;margin-bottom:7px}.react-kanban-card-skeleton,.react-kanban-card,.react-kanban-card-adder-form{box-sizing:border-box;max-width:250px;min-width:250px}.react-kanban-card--dragging{box-shadow:2px 2px gray}.react-kanban-card__description{padding-top:10px}.react-kanban-card__title{border-bottom:1px solid #eee;padding-bottom:5px;font-weight:700;display:flex;justify-content:space-between}.react-kanban-column{padding:15px;border-radius:2px;background-color:#eee;margin:5px}.react-kanban-column input:focus{outline:none}.react-kanban-card-adder-form{border-radius:3px;background-color:#fff;padding:10px;margin-bottom:7px}.react-kanban-card-adder-form input{border:0px;font-family:inherit;font-size:inherit}.react-kanban-card-adder-button{width:100%;margin-top:5px;background-color:transparent;cursor:pointer;border:1px solid #ccc;transition:.3s;border-radius:3px;font-size:20px;margin-bottom:10px;font-weight:700}.react-kanban-card-adder-button:hover{background-color:#ccc}.react-kanban-card-adder-form__title{border-bottom:1px solid #eee;font-weight:700;display:flex;justify-content:space-between;width:100%;padding:0}.react-kanban-card-adder-form__title:focus{outline:none}.react-kanban-card-adder-form__description{width:100%;margin-top:10px}.react-kanban-card-adder-form__description:focus{outline:none}.react-kanban-card-adder-form__button{background-color:#eee;border:none;padding:5px;width:45%;margin-top:5px;border-radius:3px}.react-kanban-card-adder-form__button:hover{transition:.3s;cursor:pointer;background-color:#ccc}.react-kanban-column-header{padding-bottom:10px;font-weight:700}.react-kanban-column-header input:focus{outline:none}.react-kanban-column-header__button{color:#333;background-color:#fff;border-color:#ccc}.react-kanban-column-header__button:hover,.react-kanban-column-header__button:focus,.react-kanban-column-header__button:active{background-color:#e6e6e6}.react-kanban-column-adder-button{border:2px dashed #eee;height:132px;margin:5px}.react-kanban-column-adder-button:hover{cursor:pointer}._3_ygE{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}._1nBOt{display:table-row;list-style:none}._2eZzQ{border-right:1px solid rgb(196,196,196);opacity:1;margin-left:-2px}._WuQ0f{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}._3ZbQT{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}._34SS0{display:table-row;text-overflow:ellipsis}._34SS0:nth-of-type(2n){background-color:#f5f5f5}._3lLk3{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._nI1Xw{display:flex}._2QjE6{color:#565656;font-size:.6rem;padding:.15rem .2rem 0rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}._2TfEi{font-size:.6rem;padding-left:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3T42e{background:#fff;padding:12px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}._29NTg{font-size:12px;margin-bottom:6px;color:#666}._25P-K{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3gVAq{visibility:hidden;position:absolute;display:flex;pointer-events:none}._1eT-t{overflow:hidden auto;width:1rem;flex-shrink:0;scrollbar-width:thin}._1eT-t::-webkit-scrollbar{width:1.1rem;height:1.1rem}._1eT-t::-webkit-scrollbar-corner{background:transparent}._1eT-t::-webkit-scrollbar-thumb{border:6px solid transparent;background:#0003;background:var(--palette-black-alpha-20, rgba(0, 0, 0, .2));border-radius:10px;background-clip:padding-box}._1eT-t::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:#0000004d;background:var(--palette-black-alpha-30, rgba(0, 0, 0, .3));background-clip:padding-box}._2dZTy{fill:#fff}._2dZTy:nth-child(2n){fill:#f5f5f5}._3rUKi{stroke:#ebeff2}._RuwuK{stroke:#e6e4e4}._9w8d5{text-anchor:middle;fill:#333;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._1rLuZ{stroke:#e6e4e4}._2q1Kt{text-anchor:middle;fill:#555;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._35nLX{fill:#fff;stroke:#e0e0e0;stroke-width:1.4}._KxSXS{cursor:pointer;outline:none}._KxSXS:hover ._3w_5u{visibility:visible;opacity:1}._3w_5u{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}._31ERP{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;stroke-width:0}._RRr13{cursor:pointer;outline:none}._2P2B1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1KJ6x{cursor:pointer;outline:none}._2RbVy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.6}._2pZMF{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._3zRJQ{fill:#fff;text-anchor:middle;font-weight:lighter;dominant-baseline:central;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._3KcaM{fill:#555;text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._CZjuD{overflow:hidden;font-size:0;margin:0;padding:0}._2B2zv{margin:0;padding:0;overflow:hidden}._3eULf{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}._2k9Ys{overflow:auto;max-width:100%;scrollbar-width:thin;height:1.2rem}._2k9Ys::-webkit-scrollbar{width:1.1rem;height:1.1rem}._2k9Ys::-webkit-scrollbar-corner{background:transparent}._2k9Ys::-webkit-scrollbar-thumb{border:6px solid transparent;background:#0003;background:var(--palette-black-alpha-20, rgba(0, 0, 0, .2));border-radius:10px;background-clip:padding-box}._2k9Ys::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:#0000004d;background:var(--palette-black-alpha-30, rgba(0, 0, 0, .3));background-clip:padding-box}._19jgW{height:1px}.add-role-drp ul{min-width:12.875rem;border-radius:.5rem;gap:.25rem;display:flex;flex-direction:column}.add-role-drp ul .searchbar-box-list{border:0;padding:.313rem .75rem .5rem}.add-role-drp ul .all-attribute-title{padding:0rem .938rem}.add-role-drp ul .all-attribute-title .MuiTypography-root{font-size:.875rem}.add-role-drp ul .role-drp-list .add-icon{min-width:1.5rem}.add-role-drp ul .role-drp-list .title span{font-size:.938rem;font-weight:400;line-height:1.125rem;letter-spacing:-.02em;color:#656669}.add-role-drp ul .role-drp-list .eye-icon{text-align:right;min-width:2rem}.add-role-drp ul .role-drp-list .eye-icon img{margin-left:auto}.add-role-drp ul .role-drp-list:last-child .title span{color:#1f2125}.add-role-drp ul .role-drp-list:last-child .eye-icon{position:relative;top:.188rem}.add-role-drp ul .role-drp-list:last-child .eye-icon svg{fill:#7b7c7f}.dropdown-inner--DestructiveActions{color:#c64d4d}.dropdown-inner--DestructiveActions:hover{background-color:#fedfdf}.action-items ul{display:flex;text-align:center}.no-data{display:flex;width:100%;flex-direction:column;align-items:center}.add-row-btn{color:#1f2125!important}.MuiTableSortLabel-iconDirectionAsc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionAsc path:last-child{fill:#bdbebf}.MuiTableSortLabel-iconDirectionDesc path:first-child{fill:#232529}.MuiTableSortLabel-iconDirectionDesc path:last-child{fill:#bdbebf}.custom-table table th{background-color:#fbfbfb!important}.custom-table table th svg{height:16px!important;width:16px!important}.custom-table table th:nth-child(2) svg{height:20px!important;width:20px!important}.custom-table table th button[aria-label=Move]{display:none;transition:all .3s ease-in-out}.custom-table table th:hover button[aria-label=Move]{display:block}.custom-table .MuiTouchRipple-root{display:none}.custom-table table th span.MuiBadge-root{width:16px}.custom-table table td{font-size:13px!important}.custom-table tbody tr:last-of-type td:first-of-type{background-color:#fff}.listing-component{display:flex;flex-direction:column;height:100%}.listing-component .fallback-container,.listing-component .loading-container{flex:1;display:flex;align-items:center;justify-content:center}.forms{padding:0rem 2rem;width:100%}.forms--CustomField{width:fit-content;padding:.25rem .375rem;text-align:center;background-color:#eeeff1;color:#232529;border-radius:.25rem}.gridView--CardHeader{display:flex;justify-content:space-between;margin-bottom:.5rem}.gridView--CardBottom{margin-top:.75rem}.gridView--Image{width:1rem;height:1rem;transform:rotate(90deg)}.gridView--StatusInactive{width:fit-content;padding:.25rem .375rem;text-align:center;background-color:#f5f6f5;color:#232529;border-radius:.5rem}.gridView--StatusActive{padding:.25rem .375rem;text-align:center;background-color:#d0f0da;color:#226e4f;border-radius:.5rem;width:fit-content}.gridView--Approved{background-color:#b6e9d6!important;color:#279769!important}.gridView--Rejected{background-color:#eed2d2!important;color:#883c3c!important}.gridView--Submitted{background-color:#cdebf4!important;color:#246e82!important}.gridView--Draft{background-color:#eeeff1!important;color:#232529!important}.gridView--redirection{cursor:pointer;width:100%}/*$vite$:1*/.documentMaster {
  padding: 0rem 2rem;
  width: 100%;
}
.documentMaster--StatusChip--1, .documentMaster--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.documentMaster--StatusChip--0, .documentMaster--StatusChip--false {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.documentMaster--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.addDocumentEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addDocumentEntry--DiscardButton {
  color: #1f2125 !important;
}
.addDocumentEntry--DraftChip {
  background-color: #eeeff1 !important;
}
.addDocumentEntry--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addDocumentEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addDocumentEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addDocumentEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addDocumentEntry--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addDocumentEntry--FormContainer {
  width: 100%;
}
.addDocumentEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editDocumentEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.editDocumentEntry--DiscardButton {
  color: #1f2125 !important;
}
.editDocumentEntry--DraftChip {
  background-color: #eeeff1 !important;
}
.editDocumentEntry--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.editDocumentEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editDocumentEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editDocumentEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editDocumentEntry--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
}
.editDocumentEntry--FormContainer {
  width: 100%;
}
.editDocumentEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewDocumentEntry--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewDocumentEntry--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewDocumentEntry--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewDocumentEntry--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewDocumentEntry--Container--Right {
  width: 25%;
}
.viewDocumentEntry--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewDocumentEntry--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewDocumentEntry--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewDocumentEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewDocumentEntry--EditButton {
  color: #1f2125 !important;
}
.viewDocumentEntry--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewDocumentEntry--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewDocumentEntry--DeleteButton {
  color: #f86060 !important;
}
.viewDocumentEntry--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewDocumentEntry--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewDocumentEntry--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewDocumentEntry--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewDocumentEntry--DeleteButton {
  color: #f86060 !important;
}
.viewDocumentEntry--EditButton {
  color: #1f2125 !important;
}
.viewDocumentEntry--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewDocumentEntry--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewDocumentEntry--StatusChip {
  border-radius: 0.25rem;
}
.viewDocumentEntry--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewDocumentEntry--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewDocumentEntry--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewDocumentEntry--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewDocumentEntry--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewDocumentEntry--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.25rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--Components--Checkbox {
  display: flex;
}.companyCalendar {
  padding: 0rem 2rem;
  width: 100%;
}
.companyCalendar--StatusChip--1, .companyCalendar--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.companyCalendar--StatusChip--0, .companyCalendar--StatusChip--false {
  background-color: #eeeff1 !important;
}
.companyCalendar--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}.calendarGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.calendarGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.calendarGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.calendarGridView--CardBottom {
  margin-top: 0.5rem;
}
.calendarGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.calendarGridView--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.calendarGridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.calendarGridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.calendarGridView--redirection {
  cursor: pointer;
  width: 100%;
}.addCompanyCalendarEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addCompanyCalendarEntry--DiscardButton {
  color: #1f2125 !important;
}
.addCompanyCalendarEntry--DraftChip {
  background-color: #eeeff1 !important;
}
.addCompanyCalendarEntry--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addCompanyCalendarEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addCompanyCalendarEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addCompanyCalendarEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addCompanyCalendarEntry--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addCompanyCalendarEntry--FormContainer {
  width: 100%;
}
.addCompanyCalendarEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.addCompanyCalendarEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addCompanyCalendarEntry--DiscardButton {
  color: #1f2125 !important;
}
.addCompanyCalendarEntry--DraftChip {
  background-color: #eeeff1 !important;
}
.addCompanyCalendarEntry--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addCompanyCalendarEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addCompanyCalendarEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addCompanyCalendarEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addCompanyCalendarEntry--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addCompanyCalendarEntry--FormContainer {
  width: 100%;
}
.addCompanyCalendarEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewCalendarEntry--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewCalendarEntry--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewCalendarEntry--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewCalendarEntry--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewCalendarEntry--Container--Right {
  width: 25%;
}
.viewCalendarEntry--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewCalendarEntry--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewCalendarEntry--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewCalendarEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewCalendarEntry--EditButton {
  color: #1f2125 !important;
}
.viewCalendarEntry--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewCalendarEntry--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewCalendarEntry--DeleteButton {
  color: #f86060 !important;
}
.viewCalendarEntry--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewCalendarEntry--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewCalendarEntry--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewCalendarEntry--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewCalendarEntry--DeleteButton {
  color: #f86060 !important;
}
.viewCalendarEntry--EditButton {
  color: #1f2125 !important;
}
.viewCalendarEntry--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewCalendarEntry--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewCalendarEntry--StatusChip {
  border-radius: 0.25rem;
}
.viewCalendarEntry--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewCalendarEntry--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewCalendarEntry--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewCalendarEntry--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewCalendarEntry--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewCalendarEntry--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.25rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}.calendarCard {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #f5f6f5;
}
.calendarCard--error {
  border: 1px solid #f86060;
  border-radius: 12px;
  overflow: hidden;
}
.calendarCard--error-text {
  color: #f86060;
}
.calendarCard--week-off {
  color: #232529;
  padding: 2px 6px;
  background-color: #dccc99;
  border-radius: 4px;
}
.calendarCard--header {
  display: flex;
  justify-content: space-between;
  background: #D2F0E6;
  border-radius: 12px 12px 0px 0px;
  padding: 12px;
}
.calendarCard--content {
  padding: 12px;
}
.calendarCard--content .MuiGrid-container {
  margin: 0;
  padding: 0px;
  width: 100%;
  gap: 12px;
}
.calendarCard--content .MuiGrid-container .MuiGrid-root.MuiGrid-item {
  padding: 0px;
  padding-left: 0px;
}
.calendarCard--row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calendarCard--row:last-child {
  margin-bottom: 0;
}
.calendarCard--time-range {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 300px;
}
.calendarCard--time-range .MuiFormControl-root {
  min-width: 80px;
  flex: 1;
}
.calendarCard--time-range .MuiSelect-select {
  padding: 8px 12px;
  font-size: 14px;
}
.calendarCard--time-range .timePicker {
  overflow-wrap: anywhere !important;
}
.calendarCard--time-range-view {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.calendarCard--time-range-view--time {
  width: 127px;
  padding: 7px 8px;
  text-align: center;
}
.calendarCard--week-off-checkbox {
  align-items: center;
  margin: 4px 0px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
}
.calendarCard .MuiFormControlLabel-root {
  margin: 0;
}
.calendarCard .MuiFormControlLabel-root .MuiFormControlLabel-label {
  margin-left: 8px;
}

@media (max-width: 768px) {
  .calendarCard--time-range {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .calendarCard--time-range .MuiFormControl-root {
    min-width: unset;
  }
}.salaryStructureGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.salaryStructureGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.salaryStructureGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.salaryStructureGridView--CardBottom {
  margin-top: 0.5rem;
}
.salaryStructureGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.salaryStructureGridView--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.salaryStructureGridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.salaryStructureGridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.salaryStructureGridView--redirection {
  cursor: pointer;
  width: 100%;
}.salaryStructureMaster {
  padding: 0rem 2rem;
  width: 100%;
}
.salaryStructureMaster--StatusChip--1, .salaryStructureMaster--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.salaryStructureMaster--StatusChip--0, .salaryStructureMaster--StatusChip--false {
  background-color: #ffebee !important;
  color: #c62828 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.salaryStructureMaster--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}.addSalaryStructure--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addSalaryStructure--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addSalaryStructure--FormContainer {
  width: 100%;
}
.addSalaryStructure--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editSalaryStructure {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editSalaryStructure--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editSalaryStructure--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editSalaryStructure--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editSalaryStructure--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editSalaryStructure--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editSalaryStructure--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editSalaryStructure--FormContainer {
  width: 100%;
}
.editSalaryStructure--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewSalaryStructure--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewSalaryStructure--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewSalaryStructure--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewSalaryStructure--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewSalaryStructure--Container--Right {
  width: 25%;
}
.viewSalaryStructure--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewSalaryStructure--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewSalaryStructure--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewSalaryStructure--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewSalaryStructure--EditButton {
  color: #1f2125 !important;
}
.viewSalaryStructure--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewSalaryStructure--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewSalaryStructure--DeleteButton {
  color: #f86060 !important;
}
.viewSalaryStructure--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewSalaryStructure--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewSalaryStructure--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewSalaryStructure--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewSalaryStructure--DeleteButton {
  color: #f86060 !important;
}
.viewSalaryStructure--EditButton {
  color: #1f2125 !important;
}
.viewSalaryStructure--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewSalaryStructure--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewSalaryStructure--StatusChip {
  border-radius: 0.25rem;
}
.viewSalaryStructure--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewSalaryStructure--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewSalaryStructure--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewSalaryStructure--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewSalaryStructure--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewSalaryStructure--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewSalaryStructure--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewSalaryStructure--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
}
.form--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}.leavePolicyGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.leavePolicyGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.leavePolicyGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.leavePolicyGridView--CardBottom {
  margin-top: 0.5rem;
}
.leavePolicyGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.leavePolicyGridView--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leavePolicyGridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leavePolicyGridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leavePolicyGridView--redirection {
  cursor: pointer;
  width: 100%;
}.leavePolicyMaster {
  padding: 0rem 1rem;
  width: 100%;
}
.leavePolicyMaster--StatusChip--1, .leavePolicyMaster--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leavePolicyMaster--StatusChip--0, .leavePolicyMaster--StatusChip--false {
  background-color: #ffebee !important;
  color: #c62828 !important;
}
.leavePolicyMaster--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}.addLeavePolicyEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addLeavePolicyEntry--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addLeavePolicyEntry--FormContainer {
  width: 100%;
}
.addLeavePolicyEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editLeavePolicyEntry {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editLeavePolicyEntry--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editLeavePolicyEntry--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editLeavePolicyEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editLeavePolicyEntry--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
}
.editLeavePolicyEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editLeavePolicyEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editLeavePolicyEntry--FormContainer {
  width: 100%;
}
.editLeavePolicyEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewLeavePolicyEntry--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewLeavePolicyEntry--HeaderButtons--BackButton {
  color: #232529 !important;
}
.viewLeavePolicyEntry--StatusChip {
  border-radius: 0.25rem;
}
.viewLeavePolicyEntry--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewLeavePolicyEntry--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewLeavePolicyEntry--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewLeavePolicyEntry--FormContainer {
  padding: 0.5rem 1rem !important;
  height: 100% !important;
}
.viewLeavePolicyEntry--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.viewLeavePolicyEntry--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.viewLeavePolicyEntry--TabPanel {
  padding: 1.5rem 0 !important;
}
.viewLeavePolicyEntry--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.viewLeavePolicyEntry--Tab.Mui-selected {
  color: #232529 !important;
}
.viewLeavePolicyEntry--Section {
  margin-bottom: 32px;
}
.viewLeavePolicyEntry--Section:last-child {
  margin-bottom: 0;
}
.viewLeavePolicyEntry--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewLeavePolicyEntry--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewLeavePolicyEntry--Accordion--TabPanel {
  padding: 1.5rem 0;
}.ruleViewer--Container {
  display: flex;
  background-color: #eeeff1;
  flex-direction: column;
}
.ruleViewer--EmptyState {
  display: flex;
  height: fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: white;
  gap: 0.75rem;
}
.ruleViewer--EmptyState--Text {
  width: 100%;
  text-align: center;
}
.ruleViewer--Footer {
  display: flex;
  justify-content: space-between;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #fbfbfb;
  border-color: #fbfbfb;
  border-radius: 0px 0px 8px 8px;
  padding: 8px 12px;
  height: fit-content;
}
.ruleViewer--AddButton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background-color: #1976d2;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.ruleViewer--AddButton:hover:not(:disabled) {
  background-color: #1565c0;
}
.ruleViewer--AddButton:disabled {
  background-color: #bdbdbd;
  cursor: not-allowed;
}
.ruleViewer--RuleCardCotainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 0px;
  background-color: #f5f6f5;
}
.ruleViewer--RuleCard {
  background-color: white;
  display: flex;
}
.ruleViewer--RuleCard--Index {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d0f0da;
  width: 33px;
}
.ruleViewer--RuleCard--Content {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 16px;
  width: 100%;
}
.ruleViewer--RuleHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}
.ruleViewer--DragHandle {
  cursor: grab;
  color: #9e9e9e;
}
.ruleViewer--DragHandle:active {
  cursor: grabbing;
}
.ruleViewer--DragHandle:disabled {
  cursor: not-allowed;
  color: #e0e0e0;
}
.ruleViewer--ButtonGroup {
  display: flex;
  gap: 12px;
  width: 128px;
  justify-self: right;
  justify-content: flex-end;
}
.ruleViewer--ButtonGroup--DeleteButton {
  width: 26px;
  height: 26px;
  border-radius: 4px !important;
  color: #953a3a !important;
  background-color: #ffebeb !important;
}
.ruleViewer--ButtonGroup--AddRuleButton {
  width: 26px;
  height: 26px;
  border-radius: 4px !important;
  color: #2EB273 !important;
  background-color: #D2F0E6 !important;
}
.ruleViewer--RuleConfig {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.ruleViewer--ConditionBar {
  display: flex;
  gap: 16px;
}
.ruleViewer--ConditionOperator {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  margin: 0.5rem 0;
}
.ruleViewer--ConditionOperator .MuiOutlinedInput-notchedOutline {
  border: none;
}
.ruleViewer--ConditionOperator .MuiSelect-select {
  padding: 0.375rem 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #656669;
}
.ruleViewer--OperatorSelect {
  min-width: 100px;
  background-color: #ffffff;
  border-radius: 4px;
}
.ruleViewer--LogicOperator {
  display: flex;
  justify-content: center;
  margin: 4px 0;
}
.ruleViewer--Operator {
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 11px;
  letter-spacing: 0.5px;
}
.ruleViewer--Operator-and {
  background-color: #d0f0da;
  text-transform: uppercase;
  color: #2EB273;
}
.ruleViewer--Operator-or {
  background-color: #f7eac0;
  text-transform: uppercase;
  color: #947d33;
}
.ruleViewer--ConditionRow {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.ruleViewer--ConditionRow:hover {
  border-color: none;
}
.ruleViewer--ConditionText {
  color: #1f2125;
  line-height: 1.6;
  background-color: #f5f6f5;
  padding: 4px 8px;
  border-radius: 4px;
}
.ruleViewer--ValueChipsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.ruleViewer--ValueChip {
  background-color: #f5f6f5;
  padding: 4px 8px;
  border-radius: 4px;
  color: #1f2125;
  white-space: nowrap;
}
.ruleViewer--RuleHeaderLeft {
  display: flex;
  align-items: center;
  min-height: 32px;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.elegibilityRuleBuilder--Container {
  display: flex;
  background-color: #eeeff1;
  flex-direction: column;
}
.elegibilityRuleBuilder--Justified {
  background-color: transparent !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}
.elegibilityRuleBuilder--Justified .ruleGroup {
  flex-direction: row-reverse !important;
  align-items: flex-end !important;
}
.elegibilityRuleBuilder--Justified .ruleGroup .ruleGroup-header {
  margin-bottom: 7px !important;
}
.elegibilityRuleBuilder--EmptyState {
  display: flex;
  height: fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: white;
  gap: 0.75rem;
}
.elegibilityRuleBuilder--EmptyState--Text {
  width: 100%;
  text-align: center;
}
.elegibilityRuleBuilder--Footer {
  display: flex;
  justify-content: space-between;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #fbfbfb;
  border-color: #fbfbfb;
  border-radius: 0px 0px 8px 8px;
  padding: 8px 12px;
  height: fit-content;
}
.elegibilityRuleBuilder--AddButton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background-color: #1976d2;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.elegibilityRuleBuilder--AddButton:hover:not(:disabled) {
  background-color: #1565c0;
}
.elegibilityRuleBuilder--AddButton:disabled {
  background-color: #bdbdbd;
  cursor: not-allowed;
}
.elegibilityRuleBuilder--RuleCardCotainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 0px;
  background-color: #f5f6f5;
}
.elegibilityRuleBuilder--RuleCard {
  background-color: white;
  display: flex;
}
.elegibilityRuleBuilder--RuleCard--Index {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d0f0da;
  width: 33px;
}
.elegibilityRuleBuilder--RuleCard--Content {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 16px;
  width: 100%;
}
.elegibilityRuleBuilder--RuleHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}
.elegibilityRuleBuilder--RuleHeaderLeft {
  width: 110px;
}
.elegibilityRuleBuilder--DragHandle {
  cursor: grab;
  color: #9e9e9e;
}
.elegibilityRuleBuilder--DragHandle:active {
  cursor: grabbing;
}
.elegibilityRuleBuilder--DragHandle:disabled {
  cursor: not-allowed;
  color: #e0e0e0;
}
.elegibilityRuleBuilder--ButtonGroup {
  display: flex;
  gap: 12px;
  width: 128px;
  justify-self: right;
  justify-content: flex-end;
}
.elegibilityRuleBuilder--ButtonGroup--DeleteButton {
  width: 26px;
  height: 26px;
  border-radius: 4px !important;
  color: #953a3a !important;
  background-color: #ffebeb !important;
}
.elegibilityRuleBuilder--ButtonGroup--AddRuleButton {
  width: 26px;
  height: 26px;
  border-radius: 4px !important;
  color: #2EB273 !important;
  background-color: #D2F0E6 !important;
}
.elegibilityRuleBuilder--RuleConfig {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.elegibilityRuleBuilder--ConditionBar {
  max-width: 700px;
  display: flex;
  gap: 16px;
}
.elegibilityRuleBuilder--ConditionsContainer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
}
.elegibilityRuleBuilder--NoConditions {
  padding: 0.5rem 1rem;
  text-align: center;
  background-color: #ffffff;
  border: 1px dashed #e0e0e0;
  border-radius: 4px;
}
.elegibilityRuleBuilder--ConditionOperator {
  display: flex;
  border-style: dashed;
  justify-content: center;
  align-self: center;
  margin: 0.5rem 0;
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
}
.elegibilityRuleBuilder--ConditionOperator .MuiOutlinedInput-notchedOutline {
  border: none;
}
.elegibilityRuleBuilder--ConditionOperator .MuiSelect-select {
  padding: 0.375rem 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #656669;
}
.elegibilityRuleBuilder--OperatorSelect {
  min-width: 100px;
  background-color: #ffffff;
  border-radius: 4px;
}
.elegibilityRuleBuilder--ConditionRow {
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  transition: border-color 0.2s ease;
}
.elegibilityRuleBuilder--ConditionRow:hover {
  border-color: #1976d2;
}
.elegibilityRuleBuilder--ValueInput {
  width: 100%;
  padding: 0.5rem 1.5rem;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 0.875rem;
  font-family: inherit;
  transition: border-color 0.2s ease;
}
.elegibilityRuleBuilder--ValueInput:focus {
  outline: none;
  border-color: #1976d2;
}
.elegibilityRuleBuilder--ValueInput:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.elegibilityRuleBuilder--ValueInput::placeholder {
  color: #9e9e9e;
}
.elegibilityRuleBuilder--AddConditionButton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #1976d2;
  border: 1px dashed #1976d2;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  align-self: flex-start;
}
.elegibilityRuleBuilder--AddConditionButton:hover:not(:disabled) {
  background-color: rgba(25, 118, 210, 0.08);
  border-style: solid;
}
.elegibilityRuleBuilder--AddConditionButton:disabled {
  color: #bdbdbd;
  border-color: #bdbdbd;
  cursor: not-allowed;
}

.content {
  padding: 1.5rem !important;
}

.remove-filters {
  position: absolute;
  padding: 0rem;
  right: 1.5rem;
}

.remove-filters_rtl {
  position: absolute;
  padding: 0rem;
  left: 1.5rem;
}

.ruleGroup {
  background-color: white !important;
}

.ruleGroup-body .ruleGroup {
  background-color: #fbfbfb;
  border: 0.063rem solid #f3f2f2;
  padding: 0.5rem;
}
.ruleGroup-body .add-group {
  display: none;
}

.add-filter {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.add-group {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.queryBuilder > .ruleGroup {
  gap: 1rem;
}

.ruleGroup-body > .ruleGroup {
  margin: 0.25rem 0rem;
}

.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.063rem solid #d3d3d4;
}

.combinator-value {
  text-transform: uppercase;
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: fit-content;
  padding: 0.25rem 1rem;
}

.filter-footer {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 0.063rem solid #d3d3d4;
  background-color: #f5f6f5;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}
.filter-footer .cancel-filter-btn {
  color: #18274b;
  background-color: #ffffff;
}
.filter-footer .cancel-filter-btn:hover {
  background-color: #f5f6f5;
  color: #18274b;
}

.searchbar-box-list {
  padding: 0.5rem;
  margin-bottom: 4px;
  border-bottom: 0.063rem solid #f3f2f2;
}

.filter-title {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.063rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #919294;
  padding: 0.625rem 0.625rem 0rem;
}

.menu-list {
  justify-content: space-between;
}
.menu-list .icon-list .icons-img {
  min-width: 1.688rem;
}

.select-drps {
  width: 100%;
  color: #1f2125;
  text-transform: capitalize;
}
.select-drps .MuiSelect-select {
  padding: 0.625rem 0.875rem;
}
.select-drps input {
  width: 100%;
  padding: 0.625rem 0.875rem;
}

.new-searchbar .search-wrapper input {
  font-size: 0.781rem;
}

.betweenRules .combinator-list {
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: 5rem;
}
.betweenRules .combinator-list .MuiOutlinedInput-notchedOutline {
  border: none;
}
.betweenRules .combinator-list .MuiSelect-select {
  padding: 0.375rem 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #656669;
}

/* Make rules stack vertically */
.custom-rule-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.custom-rule {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 4px;
}

/* Position add and delete buttons together */
.custom-rule > :last-child {
  grid-column: 5;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Style the combinator to appear between rules */
.custom-rule-group > .rule-group-body > .betweenRules {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}

/* Ensure proper spacing for the Action row */
.custom-rule-group > .rule-group-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}.rule-summary--Container {
  width: 100%;
  padding: 0px;
}
.rule-summary--Empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.rule-summary--Header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e5e7eb;
}
.rule-summary--Title {
  color: #111827;
  margin-bottom: 4px;
}
.rule-summary--Subtitle {
  color: #6b7280;
}
.rule-summary--EmptyState {
  color: #6b7280;
  text-align: center;
  margin-bottom: 8px;
}
.rule-summary--EmptyDescription {
  color: #9ca3af;
  text-align: center;
}
.rule-summary--RulesContainer {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  gap: 16px;
}
.rule-summary--RuleBlock {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rule-summary--RuleHeaderFooter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #f3f4f6;
}
.rule-summary--RuleNumber {
  color: #374151;
}
.rule-summary--Action {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.rule-summary--Action-allow {
  background-color: #d1fae5;
  color: #065f46;
}
.rule-summary--Action-deny {
  background-color: #fee2e2;
  color: #991b1b;
}
.rule-summary--ConditionsBlock {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rule-summary--ConditionRow {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: start;
}
.rule-summary--ValueChipsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.rule-summary--ValueChip {
  display: inline-flex;
  align-items: center;
}
.rule-summary--ConditionText {
  color: #1f2125;
  line-height: 1.6;
  background-color: #f5f6f5;
  padding: 4px 8px;
  border-radius: 4px;
}
.rule-summary--LogicOperator {
  display: flex;
  justify-content: center;
  margin: 4px 0;
}
.rule-summary--Operator {
  padding: 2px 12px;
  border-radius: 4px;
  font-size: 11px;
  letter-spacing: 0.5px;
}
.rule-summary--Operator-and {
  background-color: #d0f0da;
  text-transform: uppercase;
  color: #2EB273;
}
.rule-summary--Operator-or {
  background-color: #f7eac0;
  text-transform: uppercase;
  color: #947d33;
}
.rule-summary--NoConditions {
  padding-left: 16px;
}
.rule-summary--EmptyText {
  color: #9ca3af;
  font-style: italic;
}
.rule-summary--Footer {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.rule-summary--FooterText {
  color: #6b7280;
  font-style: italic;
  text-align: center;
}

.rule-summary--Container::-webkit-scrollbar {
  width: 6px;
}
.rule-summary--Container::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.rule-summary--Container::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}
.rule-summary--Container::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.bullet-line {
  display: flex;
  width: fit-content;
  width: 100%;
  justify-content: center;
  justify-self: start;
  gap: 12px;
  align-items: center;
}
.bullet-line .col {
  display: flex;
  width: 17px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.bullet-line .dot {
  width: 6px;
  height: 6px;
  background: #656669;
  border-radius: 50%;
}
.bullet-line .line {
  width: 1px;
  height: 16px;
  background: #f5f6f5;
}
.bullet-line .text {
  width: 100%;
}.form--Container {
  padding: 0rem 0.75rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  padding: 16px;
  border-radius: 12px;
  background-color: #fbfbfb;
}.employeeManagement {
  padding: 0rem 2rem;
  width: 100%;
}
.employeeManagement--StatusChip--1, .employeeManagement--StatusChip--true, .employeeManagement--StatusChip--Active, .employeeManagement--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.employeeManagement--StatusChip--0, .employeeManagement--StatusChip--false, .employeeManagement--StatusChip--Inactive, .employeeManagement--StatusChip--inactive {
  background-color: #ffebee !important;
  color: #c62828 !important;
}
.employeeManagement--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.gridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.gridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.gridView--CardFooter {
  margin-top: 0.5rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Inactive {
  background-color: #ffebee !important;
  color: #c62828 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.addEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addEmployeeManagement--FormContainer {
  width: 100%;
}
.addEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editEmployeeManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editEmployeeManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editEmployeeManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editEmployeeManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editEmployeeManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editEmployeeManagement--FormContainer {
  width: 100%;
}
.editEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewEmployeeManagement--HeaderButtons--BackButton {
  color: #232529 !important;
}
.viewEmployeeManagement--FormContainer {
  padding: 0.5rem 1rem !important;
}
.viewEmployeeManagement--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.viewEmployeeManagement--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.viewEmployeeManagement--TabPanel {
  padding: 0.5rem !important;
}
.viewEmployeeManagement--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.viewEmployeeManagement--Tab.Mui-selected {
  color: #232529 !important;
}
.viewEmployeeManagement--Section {
  margin-bottom: 32px;
}
.viewEmployeeManagement--Section:last-child {
  margin-bottom: 0;
}
.viewEmployeeManagement--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewEmployeeManagement--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewEmployeeManagement--Accordion--TabPanel {
  padding: 1.5rem 0;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 0.5rem !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  display: flex;
  padding-bottom: 16px;
  border-radius: 12px;
  gap: 12px;
  background-color: #fbfbfb;
}
.form--CheckboxSection--Row {
  align-items: center;
  gap: 8px;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2 !important;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.employeeContracts {
  padding: 0rem 2rem;
  width: 100%;
}
.employeeContracts--FormContainer {
  padding: 0 2rem !important;
}
.employeeContracts--HeaderButtons {
  display: flex;
  gap: 12px;
  border: 1px solid black;
  align-items: center;
}
.employeeContracts--HeaderButtons--BackButton {
  color: #232529 !important;
}
.employeeContracts--StatusChip--1, .employeeContracts--StatusChip--true, .employeeContracts--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.employeeContracts--StatusChip--0, .employeeContracts--StatusChip--false, .employeeContracts--StatusChip--expired {
  background-color: #fedfdf !important;
  color: #f86060 !important;
}
.employeeContracts--StatusChip--draft, .employeeContracts--StatusChip--inactive {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.employeeContracts--StatusChip--upcomingcontract {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}.viewContractHistory--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewContractHistory--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewContractHistory--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewContractHistory--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewContractHistory--Container--Right {
  width: 25%;
}
.viewContractHistory--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewContractHistory--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewContractHistory--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewContractHistory--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewContractHistory--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewContractHistory--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewContractHistory--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewContractHistory--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewContractHistory--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewContractHistory--StatusChip {
  border-radius: 0.25rem;
}
.viewContractHistory--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewContractHistory--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewContractHistory--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewContractHistory--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.employeeManagement {
  padding: 0rem 2rem;
  width: 100%;
}
.employeeManagement--StatusChip--1, .employeeManagement--StatusChip--true, .employeeManagement--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.employeeManagement--StatusChip--0, .employeeManagement--StatusChip--false, .employeeManagement--StatusChip--expired {
  background-color: #fedfdf !important;
  color: #f86060 !important;
}
.employeeManagement--StatusChip--draft, .employeeManagement--StatusChip--inactive {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.employeeManagement--StatusChip--upcomingcontract {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}.addEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addEmployeeManagement--FormContainer {
  width: 100%;
}
.addEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editEmployeeManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editEmployeeManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editEmployeeManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editEmployeeManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editEmployeeManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editEmployeeManagement--FormContainer {
  width: 100%;
}
.editEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewContractHistory--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewContractHistory--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewContractHistory--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewContractHistory--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewContractHistory--Container--Right {
  width: 25%;
}
.viewContractHistory--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewContractHistory--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewContractHistory--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewContractHistory--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewContractHistory--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewContractHistory--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewContractHistory--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewContractHistory--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewContractHistory--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewContractHistory--StatusChip {
  border-radius: 0.25rem;
}
.viewContractHistory--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewContractHistory--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewContractHistory--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewContractHistory--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.viewContractHistory--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewContractHistory--HeaderButtons--BackButton {
  color: #232529 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2 !important;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #4AC08C;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 2rem 0 !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  display: flex;
  padding-bottom: 16px;
  border-radius: 12px;
  gap: 12px;
  background-color: #fbfbfb;
}
.form--CheckboxSection--Row {
  align-items: center;
  gap: 8px;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}.recentNotification {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  height: 100%;
  padding: 16px 16px 12px 16px;
  color: #656669 !important;
  border: 1px solid !important;
  border-color: #eeeff1 !important;
  border-radius: 8px !important;
  gap: 16px;
}
.recentNotification--dashboard {
  max-height: 442px !important;
}
.recentNotification--fullscreen {
  max-height: calc(100vh - 180px) !important;
}
.recentNotification--Content {
  display: flex;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
}
.recentNotification--Icon {
  width: 16px !important;
  height: 16px !important;
}
.recentNotification--Icon--approved {
  color: #4AC08C !important;
}
.recentNotification--Icon--pending {
  color: #4AC08C !important;
}
.recentNotification--Icon--rejected {
  color: #c64d4d !important;
}.hireRequest {
  padding: 0rem 2rem;
  width: 100%;
}
.hireRequest--OverviewTitle {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 12px;
}
.hireRequest--DateTimeIcons {
  color: #232529 !important;
  width: 12px !important;
  height: 12px !important;
}
.hireRequest--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.hireRequest--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.hireRequest--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.hireRequest--RecentNotification {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  height: 100%;
  max-height: 402px;
  padding: 16px 16px 12px 16px;
  color: #656669 !important;
  border: 1px solid !important;
  border-color: #eeeff1 !important;
  border-radius: 8px !important;
  gap: 16px;
}
.hireRequest--RecentNotification--Content {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.gridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.gridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.gridView--CardFooter {
  margin-top: 0.5rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.gridView--Accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.overviewCard {
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.overviewCard--Positive {
  background: #D2F0E6;
}
.overviewCard--Negative {
  background: #fff3cc;
}
.overviewCard--Title {
  margin: 0;
}
.overviewCard--Analytics {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.overviewCard--Value {
  margin: 0;
}
.overviewCard--Badge {
  width: fit-content;
  border-radius: 8px;
}
.overviewCard--Badge--Positive {
  background-color: white;
  color: #2EB273;
}
.overviewCard--Badge--Negative {
  background-color: white;
  color: #c64d4d;
}.addHireRequest--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addHireRequest--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addHireRequest--FormContainer {
  width: 100%;
}
.addHireRequest--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editHireRequest {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editHireRequest--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editHireRequest--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editHireRequest--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editHireRequest--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editHireRequest--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editHireRequest--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editHireRequest--FormContainer {
  width: 100%;
}
.editHireRequest--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewHireRequest--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewHireRequest--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewHireRequest--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewHireRequest--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewHireRequest--Container--Right {
  width: 25%;
}
.viewHireRequest--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewHireRequest--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
  margin-bottom: 0.75rem;
}
.viewHireRequest--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewHireRequest--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewHireRequest--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewHireRequest--EditButton {
  color: #1f2125 !important;
}
.viewHireRequest--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewHireRequest--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewHireRequest--DeleteButton {
  color: #f86060 !important;
}
.viewHireRequest--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewHireRequest--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewHireRequest--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewHireRequest--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewHireRequest--DeleteButton {
  color: #f86060 !important;
}
.viewHireRequest--EditButton {
  color: #1f2125 !important;
}
.viewHireRequest--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewHireRequest--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewHireRequest--StatusChip {
  border-radius: 0.25rem;
}
.viewHireRequest--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewHireRequest--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewHireRequest--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewHireRequest--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewHireRequest--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewHireRequest--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewHireRequest--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewHireRequest--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.jobCard {
  display: flex;
  flex-direction: column;
  background: #fbfbfb;
  border-radius: 12px;
  padding: 12px 8px;
  gap: 6px;
  border: 1px solid #F5F6F5;
}
.jobCard--PriorityChip {
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 6px;
  height: 22px !important;
}
.jobCard--PriorityChip--low {
  background: #cdebf4;
  color: #3e8193;
}
.jobCard--PriorityChip--medium {
  background: #f7eac0;
  color: #947d33;
}
.jobCard--PriorityChip--high {
  background: #fedfdf;
  color: #f86060;
}
.jobCard--PriorityChip--urgent {
  background: #fcbfbf;
  color: #c64d4d;
}
.jobCard--PriorityChip--icon {
  font-size: 14px !important;
}
.jobCard--Priority-Text {
  text-transform: capitalize;
}
.jobCard--Progress-Container {
  position: relative;
  background-color: #FFFFFF;
  padding: 6px 0px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border-width: 1px;
  gap: 7px;
}
.jobCard--Progress-Line {
  position: absolute;
  top: 20px;
  /* EXACT center of circles */
  left: 0;
  right: 0;
  height: 2px;
  z-index: 0;
  background: #7FDBB6;
}
.jobCard--Steps-Row {
  display: flex;
  justify-content: space-between;
}
.jobCard--Steps-Row--Circle {
  margin-top: 6px;
  padding: 2px 0px;
}
.jobCard--Step-Item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
}
.jobCard--Step-Circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #7FDBB6;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: center;
}
.jobCard--Step-Circle--Active {
  background: #2EB273;
  border-color: #2EB273;
}
.jobCard--Step-Circle--Clickable {
  transition: all 0.2s ease;
}
.jobCard--Step-Circle--Clickable:hover {
  transform: scale(1.2);
  border-color: #54CC96;
}
.jobCard--Check {
  font-size: 14px !important;
  color: #2EB273 !important;
}
.jobCard--Step-Text {
  margin-top: 6px;
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: Inter;
  color: #656669;
  line-height: 1.4;
}
.jobCard--Step-Text--Active {
  font-weight: 700;
  color: #1f2125;
}
.jobCard--Step-Text--Clickable {
  transition: color 0.2s ease;
}
.jobCard--Step-Text--Clickable:hover {
  color: #54CC96;
}.applicantDetailsModal--StatsContainer {
  display: flex;
  gap: 24px;
  padding: 16px 20px;
  background-color: #eeeff1;
  border-radius: 8px;
  margin: 24px 0px;
}
.applicantDetailsModal--StatItem {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}
.applicantDetailsModal--TableContainer {
  margin-top: 16px;
}.form-element-wrapper--Element {
  position: relative;
  display: flex;
  border-radius: 0.5rem;
  padding: 0.75rem;
  cursor: pointer;
}
.form-element-wrapper--Active {
  position: relative;
  display: flex;
  border-radius: 0.5rem;
  padding: 0.75rem;
  border: 2px solid #54CC96;
  cursor: pointer;
}
.form-element-wrapper--Default {
  background-color: #fbfbfb;
}
.form-element-wrapper--Actions {
  position: absolute;
  right: 1rem;
  display: flex;
  gap: 0.25rem;
}

.formBuilder--GridLayout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.formBuilder--Header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.formBuilder--Section {
  border-radius: 0.5rem;
  border: 2px dotted #919294;
  padding: 0.75rem;
}
.formBuilder--Active {
  border-radius: 0.5rem;
  border: 2px solid #54CC96;
  padding: 0.75rem;
}

.MultiSelect .MuiSelect-select {
  padding-top: 4px !important;
  padding-bottom: 4px;
  padding-left: 8px;
}

.table--AddButton {
  color: #1f2125 !important;
}

.editor-container .ck-editor__editable {
  min-height: 300px !important; /* Set min height */
  border-top: 0 !important;
}

.editor-container .ck-sticky-panel__content {
  border-bottom: 0;
  padding: 4px !important;
}

.editor-container .ck-toolbar {
  border-bottom: 0 !important;
  background-color: #f5f6f5 !important;
  border-radius: 4px !important;
}

.editor-container .ck-toolbar__items {
  justify-content: center;
}.auto-complete-chip-wrapper {
  position: relative;
  width: 100%;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popupIndicator {
  display: none;
}
.auto-complete-chip-wrapper .MuiAutocomplete-clearIndicator {
  display: none;
}
.auto-complete-chip-wrapper .clear-icon-button {
  padding: 4px;
  position: absolute;
  right: 12px;
}
.auto-complete-chip-wrapper .clear-icon-button .clear-icon-circle {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  border-radius: 50%;
  border: 1px solid;
  border-color: #EF5350;
  transition: border-color 0.2s ease;
}
.auto-complete-chip-wrapper .clear-icon-button .clear-icon {
  width: 16px;
  height: 16px;
  color: #EF5350;
  transition: color 0.2s ease;
}
.auto-complete-chip-wrapper .clear-icon-button:hover {
  background-color: rgba(239, 83, 80, 0.08);
}
.auto-complete-chip-wrapper .clear-icon-button:hover .clear-icon {
  color: #D32F2F;
}
.auto-complete-chip-wrapper .MuiInputBase-root .MuiInputBase-input {
  padding-right: 48px !important;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiPaper-root {
  margin-top: 4px;
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E5E5;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox {
  padding: 0;
  max-height: 300px;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option {
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #1a1a1a;
  border-bottom: 1px solid #F5F5F5;
  background-color: #ffffff;
  transition: background-color 0.15s ease;
  min-height: 48px;
  display: flex;
  align-items: center;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option:last-child {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option:hover {
  background-color: #FAFAFA;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-focused {
  background-color: #FAFAFA;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true] {
  background-color: #F5F5F5;
  font-weight: 400;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true]:hover, .auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true].Mui-focused {
  background-color: #EEEEEE;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-loading {
  padding: 14px 16px;
  font-size: 14px;
  color: #666666;
  font-style: italic;
}
.auto-complete-chip-wrapper .MuiAutocomplete-popper .MuiAutocomplete-noOptions {
  padding: 14px 16px;
  font-size: 14px;
  color: #666666;
}
.auto-complete-chip-wrapper .MuiInputBase-root {
  background-color: #fbfbfb;
  border-radius: 12px;
}
.auto-complete-chip-wrapper .MuiInputBase-root:hover {
  background-color: rgb(245.9, 245.9, 245.9);
}
.auto-complete-chip-wrapper .MuiInputBase-root.Mui-focused {
  background-color: #fbfbfb;
}
.auto-complete-chip-wrapper .MuiInputBase-root .MuiInputBase-input {
  font-size: 14px;
  line-height: 20px;
  color: #1a1a1a;
}
.auto-complete-chip-wrapper .MuiInputBase-root .MuiInputBase-input::placeholder {
  color: #9E9E9E;
  opacity: 1;
}
.auto-complete-chip-wrapper .MuiInputLabel-root {
  font-size: 14px;
  color: #666666;
}
.auto-complete-chip-wrapper .MuiInputLabel-root.Mui-focused {
  color: #4AC08C;
}

.inputbox-endorment {
  display: flex;
  align-items: center;
  gap: 8px;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 8 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 0px 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}
.form--AddSkillButton {
  color: #232529 !important;
}.requisitionManagement {
  padding: 0rem 2rem;
  width: 100%;
}
.requisitionManagement--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.requisitionManagement--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.requisitionManagement--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.utilizationChart--Allocated-Bar {
  color: #e5d6a6;
}
.utilizationChart--Used-Bar {
  fill: #2EB273;
  color: #2EB273;
}
.utilizationChart--MoneyReceive {
  color: #2EB273;
  width: 16px !important;
}
.utilizationChart--MoneySend {
  color: #e5d6a6;
  width: 16px !important;
}
.utilizationChart--CenterText {
  position: "absolute";
  inset: 0;
  display: "flex";
  align-items: "center";
  justify-content: "center";
  flex-direction: "column";
}.viewRequisition--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewRequisition--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewRequisition--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewRequisition--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewRequisition--Container--Right {
  width: 25%;
}
.viewRequisition--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewRequisition--RejectButton {
  color: #c64d4d !important;
}
.viewRequisition--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.viewRequisition--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.viewRequisition--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewRequisition--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewRequisition--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewRequisition--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewRequisition--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewRequisition--EditButton {
  color: #1f2125 !important;
}
.viewRequisition--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewRequisition--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewRequisition--DeleteButton {
  color: #f86060 !important;
}
.viewRequisition--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewRequisition--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewRequisition--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewRequisition--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewRequisition--DeleteButton {
  color: #f86060 !important;
}
.viewRequisition--EditButton {
  color: #1f2125 !important;
}
.viewRequisition--StatusChip {
  border-radius: 0.25rem;
}
.viewRequisition--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewRequisition--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewRequisition--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewRequisition--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewRequisition--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewRequisition--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewRequisition--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.viewRequisition--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.viewRequisition--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.viewRequisition--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewRequisition--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.viewRequisition--SectionDivider {
  border-color: #eeeff1;
}.candidateManagement {
  padding: 0rem 2rem !important;
  width: 100%;
}
.candidateManagement--SkillChip {
  background-color: #feecf1 !important;
  color: #934082 !important;
  border-color: #feecf1 !important;
  border-radius: 4px !important;
}
.candidateManagement--StatusChip--inreview {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.candidateManagement--StatusChip--shortlisted {
  background-color: #FDE68A !important;
  color: #B45309 !important;
}
.candidateManagement--StatusChip--onhold {
  background-color: #CDEBF4 !important;
  color: #475569 !important;
}
.candidateManagement--StatusChip--offered {
  background-color: #e8f5e9 !important;
  color: #388e3c !important;
}
.candidateManagement--StatusChip--hired {
  background-color: #c8e6c9 !important;
  color: #2e7d32 !important;
}
.candidateManagement--StatusChip--rejected {
  background-color: #ffebee !important;
  color: #c62828 !important;
}
.candidateManagement--StatusChip--movedtonextround, .candidateManagement--StatusChip--movedto {
  color: #5894a5 !important;
  background-color: #cdebf4 !important;
}.addCandidate--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addCandidate--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.addCandidate--FormContainer {
  width: 100%;
}
.addCandidate--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editCandidate--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editCandidate--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.editCandidate--FormContainer {
  width: 100%;
}
.editCandidate--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewCandidate--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewCandidate--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewCandidate--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewCandidate--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewCandidate--Container--Right {
  width: 25%;
}
.viewCandidate--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewCandidate--InterviewCard {
  background-color: #fbfbfb;
  border: 1px solid #eeeff1;
  border-radius: 8px;
  padding: 12px 8px;
  display: flex;
  flex-direction: column;
}
.viewCandidate--InterviewCard--DateTimeIcons {
  color: #2EB273 !important;
  width: 16px !important;
  height: 16px !important;
}
.viewCandidate--InterviewCard--HrLine {
  border-color: #eeeff1 !important;
  margin: 12px 0 !important;
}
.viewCandidate--InterviewCard--ViewFeedback {
  color: #279769 !important;
}
.viewCandidate--InterviewCard--SubmitButton {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}
.viewCandidate--InterviewCard--FeedbackButton {
  background-color: #D2F0E6 !important;
  color: #279769 !important;
}
.viewCandidate--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewCandidate--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewCandidate--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewCandidate--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewCandidate--EditButton {
  color: #1f2125 !important;
}
.viewCandidate--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewCandidate--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewCandidate--DeleteButton {
  color: #f86060 !important;
}
.viewCandidate--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewCandidate--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewCandidate--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewCandidate--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewCandidate--DeleteButton {
  color: #f86060 !important;
}
.viewCandidate--EditButton {
  color: #1f2125 !important;
}
.viewCandidate--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewCandidate--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewCandidate--StatusChip {
  border-radius: 0.25rem;
}
.viewCandidate--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewCandidate--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewCandidate--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewCandidate--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewCandidate--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewCandidate--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewCandidate--StatusChip--Rounds {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}
.viewCandidate--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewCandidate--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.candidateFeedback--Title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid #e0e0e0;
}
.candidateFeedback--ModalContentContainer {
  padding: 1.5rem !important;
  max-height: 70vh;
  overflow-y: auto;
}
.candidateFeedback--ModalContentContainer::-webkit-scrollbar {
  width: 6px;
}
.candidateFeedback--ModalContentContainer::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.candidateFeedback--ModalContentContainer::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.candidateFeedback--ModalContentContainer::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.candidateFeedback--Section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.candidateFeedback--RecommedationSection {
  background-color: #fbfbfb;
  padding: 12px;
  border-radius: 12px;
}
.candidateFeedback--SkillsGrid {
  gap: 24px;
}
.candidateFeedback--SkillRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #fbfbfb !important;
  border-radius: 12px;
}
.candidateFeedback--AggregatedRating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background-color: #fbfbfb;
}
.candidateFeedback--DialogActions {
  padding: 1rem 1.5rem !important;
  border-top: 1px solid #e0e0e0;
  gap: 1rem;
}
.candidateFeedback--DialogActions--Cancel {
  margin-right: 0 !important;
  color: #1f2125 !important;
}

@media (max-width: 600px) {
  .candidateFeedback--Title {
    padding: 1rem;
  }
  .candidateFeedback--ModalContentContainer {
    padding: 1rem !important;
  }
  .candidateFeedback--DialogActions {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
  .candidateFeedback--DialogActions button {
    width: 100%;
  }
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.25rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--ExperienceItem, .form--EducationItem {
  padding: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 16px;
}
.form--CheckboxSection {
  padding: 16px 0;
}
.form--AddSkillButton {
  margin-top: 8px;
}.talentPool {
  padding: 0 2rem 2rem;
  width: 100%;
}
.talentPool--StatusChip--submitted {
  color: #2EB273 !important;
  background-color: #B6E9D6 !important;
}
.talentPool--StatusChip--scheduled {
  color: #919294 !important;
  background-color: #eeeff1 !important;
}
.talentPool--StatusChip--shortlisted {
  color: #B45309 !important;
  background-color: #FDE68A !important;
}
.talentPool--StatusChip--feedbackpending {
  color: #798638 !important;
  background-color: #eaf2bf !important;
}
.talentPool--StatusChip--movedtonextround, .talentPool--StatusChip--movedto {
  color: #5894a5 !important;
  background-color: #cdebf4 !important;
}
.talentPool--StatusChip--onhold {
  color: #475569 !important;
  background-color: #E2E8F0 !important;
}
.talentPool--StatusChip--rejected {
  color: #f86060 !important;
  background-color: #fedfdf !important;
}
.talentPool--Selected-Chip {
  background-color: #D2F0E6 !important;
  color: #1F7C5E !important;
  border: 1px solid !important;
  border-color: #9BE2C6 !important;
  border-radius: 1.5rem !important;
}
.talentPool--Unselected-Chip {
  background-color: #fbfbfb !important;
  color: #656669 !important;
  border: 1px solid !important;
  border-color: #d3d3d4 !important;
  border-radius: 1.5rem !important;
}.analyticsCard {
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.analyticsCard--total_candidates {
  background: #D2F0E6;
}
.analyticsCard--pending_evaluations {
  background: #fff3cc;
}
.analyticsCard--interview_scheduled {
  background: #daf4fc;
}
.analyticsCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.analyticsCard--Title {
  margin: 0;
}
.analyticsCard--ViewAll {
  padding: 4px 8px;
  min-width: auto;
  text-transform: none;
  font-size: 14px;
  color: #656669;
  border-radius: 24px;
}
.analyticsCard--ViewAll span {
  font-size: 20px;
  margin-left: 4px;
}
.analyticsCard--Value {
  margin: 0;
  line-height: 1.2;
}
.analyticsCard--Stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
}
.analyticsCard--Stats--total_candidates {
  border-top: 1px solid #9BE2C6;
}
.analyticsCard--Stats--pending_evaluations {
  border-top: 1px solid #dccc99;
}
.analyticsCard--Stats--interview_scheduled {
  border-top: 1px solid #a6ced9;
}
.analyticsCard--StatItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}.addJobPost--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addJobPost--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addJobPost--FormContainer {
  width: 100%;
}
.addJobPost--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 16px 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 8px 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}.offerLetter {
  padding: 0rem 2rem;
  width: 100%;
}
.offerLetter--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.offerLetter--StatusChip--rejected {
  background-color: #fedfdf !important;
  color: #c64d4d !important;
}
.offerLetter--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #7b7c7f !important;
}
.offerLetter--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #a6914d !important;
}
.offerLetter--StatusChip--expired {
  background-color: #F59E0B !important;
  color: #fff !important;
}.addOfferLetter--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addOfferLetter--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addOfferLetter--FormContainer {
  width: 100%;
}
.addOfferLetter--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editOfferLetter--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editOfferLetter--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editOfferLetter--FormContainer {
  width: 100%;
}
.editOfferLetter--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}.viewOfferLetter--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewOfferLetter--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewOfferLetter--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewOfferLetter--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewOfferLetter--Container--Right {
  width: 25%;
}
.viewOfferLetter--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewOfferLetter--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewOfferLetter--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewOfferLetter--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewOfferLetter--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewOfferLetter--EditButton {
  color: #1f2125 !important;
}
.viewOfferLetter--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewOfferLetter--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewOfferLetter--DeleteButton {
  color: #f86060 !important;
}
.viewOfferLetter--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewOfferLetter--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewOfferLetter--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewOfferLetter--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewOfferLetter--DeleteButton {
  color: #f86060 !important;
}
.viewOfferLetter--EditButton {
  color: #1f2125 !important;
}
.viewOfferLetter--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #2EB273;
  color: #fbfbfb !important;
}
.viewOfferLetter--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewOfferLetter--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewOfferLetter--StatusChip--rejected {
  background-color: #fedfdf !important;
  color: #c64d4d !important;
}
.viewOfferLetter--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #7b7c7f !important;
}
.viewOfferLetter--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #a6914d !important;
}
.viewOfferLetter--StatusChip--expired {
  background-color: #F59E0B !important;
  color: #fff !important;
}
.viewOfferLetter--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewOfferLetter--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}

.checklistCard--Container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
  border-radius: 5px;
  background-color: #fbfbfb;
  border: 1px solid #eeeff1;
}
.checklistCard--Header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.checklistCard--Title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.checklistCard--Validity {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.checklistCard--NoFilename {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 8px;
  background-color: #eeeff1;
}
.checklistCard--Download {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 8px;
  background-color: #fff;
}
.checklistCard--Download--Button {
  color: #1f2125 !important;
  background-color: #fff !important;
}
.checklistCard--StatusChip {
  border-radius: 4px;
  padding: 2px 6px;
}
.checklistCard--StatusChip--verified {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.checklistCard--StatusChip--rejected {
  background-color: #fedfdf !important;
  color: #c64d4d !important;
}
.checklistCard--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}

.doc-icon {
  color: #2EB273 !important;
}
.doc-icon .doc-bg {
  opacity: 0.4;
}
.doc-icon .doc-line {
  fill: #2EB273 !important;
}
.doc-icon .doc-fold {
  fill: #2EB273 !important;
}.AccrualsBenefitMaster {
  padding: 0rem 2rem !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.AccrualsBenefitMaster--StatusChip--1, .AccrualsBenefitMaster--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.AccrualsBenefitMaster--StatusChip--0, .AccrualsBenefitMaster--StatusChip--false {
  background-color: #ffebee !important;
  color: #c62828 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.AccrualsBenefitMaster--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.AccrualsBenefitMaster--TypeChip {
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  min-width: 100px;
}
.AccrualsBenefitMaster--TypeChip--allowance {
  background-color: #e8f5e9 !important;
  color: #2e7d32 !important;
}
.AccrualsBenefitMaster--TypeChip--deduction {
  background-color: #fbe9e7 !important;
  color: #d84315 !important;
}.addAccrualsBenefit--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addAccrualsBenefit--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addAccrualsBenefit--FormContainer {
  width: 100%;
}
.addAccrualsBenefit--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editAccrualsBenefit {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editAccrualsBenefit--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editAccrualsBenefit--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editAccrualsBenefit--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editAccrualsBenefit--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editAccrualsBenefit--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editAccrualsBenefit--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editAccrualsBenefit--FormContainer {
  width: 100%;
}
.editAccrualsBenefit--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewAccrualsBenefit--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewAccrualsBenefit--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewAccrualsBenefit--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewAccrualsBenefit--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewAccrualsBenefit--Container--Right {
  width: 25%;
}
.viewAccrualsBenefit--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewAccrualsBenefit--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewAccrualsBenefit--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewAccrualsBenefit--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewAccrualsBenefit--EditButton {
  color: #1f2125 !important;
}
.viewAccrualsBenefit--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewAccrualsBenefit--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewAccrualsBenefit--DeleteButton {
  color: #f86060 !important;
}
.viewAccrualsBenefit--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewAccrualsBenefit--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewAccrualsBenefit--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewAccrualsBenefit--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewAccrualsBenefit--DeleteButton {
  color: #f86060 !important;
}
.viewAccrualsBenefit--EditButton {
  color: #1f2125 !important;
}
.viewAccrualsBenefit--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewAccrualsBenefit--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewAccrualsBenefit--StatusChip {
  border-radius: 0.25rem;
}
.viewAccrualsBenefit--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewAccrualsBenefit--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewAccrualsBenefit--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewAccrualsBenefit--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewAccrualsBenefit--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewAccrualsBenefit--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewAccrualsBenefit--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewAccrualsBenefit--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}

.viewAccrualsBenefit--SectionDivider {
  margin: 0.5rem 0 !important;
  border-color: #e0e0e0 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 16px 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 8px 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--Inactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--Active {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.approval-work-flow {
  padding: 0rem 2rem !important;
  width: 100%;
}
.approval-work-flow--StatusChip--inprogress {
  background-color: #cdebf4 !important;
  color: #246e82;
}
.approval-work-flow--StatusChip--pendingapproval {
  background-color: #f7eac0 !important;
  color: #82691a;
}
.approval-work-flow--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c;
}
.approval-work-flow--StatusChip--Active {
  background-color: #D2F0E6 !important;
  color: #2EB273;
}
.approval-work-flow--StatusChip--cancelled {
  background-color: #f86060 !important;
  color: #fbfbfb;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}.addApprovalWorkflow--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.addApprovalWorkflow--HeaderButtons--DiscardButton, .addApprovalWorkflow--HeaderButtons--DraftButton {
  color: #1f2125 !important;
  color: #1f2125 !important;
}
.addApprovalWorkflow--FormContainer {
  width: 100%;
  margin-top: 2rem;
}.editApprovalWorkflow--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editApprovalWorkflow--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
}
.editApprovalWorkflow--FormContainer {
  padding: 24px;
  min-height: calc(100vh - 200px);
}.viewApprovalWorkflow--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewApprovalWorkflow--DeleteButton {
  color: #f86060 !important;
}
.viewApprovalWorkflow--CancelButton {
  color: #1f2125 !important;
}
.viewApprovalWorkflow--EditButton {
  color: #1f2125 !important;
}
.viewApprovalWorkflow--SubmitButton {
  background-color: #4AC08C !important;
  color: white !important;
}
.viewApprovalWorkflow--MoreButton {
  padding: 0.25rem;
}
.viewApprovalWorkflow--OpenInEditorButton {
  color: #1f2125 !important;
}
.viewApprovalWorkflow--ViewButton {
  color: #1f2125 !important;
  padding: 6px 16px 6px 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.viewApprovalWorkflow--ViewButtonPrimary {
  color: white !important;
  background-color: #4AC08C !important;
  padding: 6px 16px 6px 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.viewApprovalWorkflow--ViewIcon {
  color: #1f2125 !important;
  margin-right: 5px;
  padding: 6px 0px 6px 10px;
  justify-content: "center" !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.viewApprovalWorkflow--ViewIconPrimary {
  color: white !important;
  background-color: #4AC08C !important;
  margin-right: 5px;
  padding: 6px 0px 6px 10px;
  justify-content: "center" !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.viewApprovalWorkflow--Container {
  padding: 0.5rem 1.5rem;
}
.viewApprovalWorkflow--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0.625rem 0 !important;
}
.viewApprovalWorkflow--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewApprovalWorkflow--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0 0;
}
.viewApprovalWorkflow--Divider {
  border-color: #eeeff1;
}
.viewApprovalWorkflow--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529;
}
.viewApprovalWorkflow--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769;
}
.viewApprovalWorkflow--StatusChip--inactive {
  background-color: #fcbfbf !important;
  color: #c64d4d;
}
.viewApprovalWorkflow--FlowCard {
  border: 1px solid #eeeff1;
  border-radius: 12px;
  padding: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.viewApprovalWorkflow--FlowCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.viewApprovalWorkflow--FlowCard--Title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.viewApprovalWorkflow--FlowCard--Stats {
  display: flex;
  gap: 1rem;
}
.viewApprovalWorkflow--FlowCard--StatChip {
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.viewApprovalWorkflow--FlowCard--StatChip.triggers {
  background-color: #FFF3CC;
}
.viewApprovalWorkflow--FlowCard--StatChip.criteria {
  background-color: #E0F7FA;
}
.viewApprovalWorkflow--FlowCard--StatChip.actions {
  background-color: #E8F5E9;
}

.viewPageTabs--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.viewPageTabs--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.viewPageTabs--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #7b7c7f;
}
.viewPageTabs--Tab.Mui-selected {
  color: #232529;
}
.viewPageTabs--TabPanel {
  padding: 1.5rem 0;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0rem 0 0.625rem !important;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--FlowCard {
  border: 1px solid #eeeff1;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.summary--FlowCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary--FlowCard--Title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.summary--FlowCard--Stats {
  display: flex;
  gap: 1rem;
}
.summary--FlowCard--StatChip {
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.summary--FlowCard--StatChip.triggers {
  background-color: #FFF8E1;
  color: #F57F17;
}
.summary--FlowCard--StatChip.criteria {
  background-color: #E0F7FA;
  color: #006064;
}
.summary--FlowCard--StatChip.actions {
  background-color: #E8F5E9;
  color: #1B5E20;
}.workflow-form--Container {
  padding: 0.5rem 1.5rem;
  margin-top: 16px;
  background-color: #ffffff;
}
.workflow-form--Accordion {
  margin-bottom: 16px;
  box-shadow: none;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.workflow-form--Accordion:before {
  display: none;
}
.workflow-form--SectionDivider {
  margin: 24px 0 !important;
  border-bottom: 1px solid #F5F6F5 !important;
}
.workflow-form--AddButton {
  margin-top: 12px;
  text-transform: none;
}
.workflow-form--NoApprovalFlow {
  background-color: #FBFBFB;
  padding: 3rem 1rem;
  border-radius: 8px;
  min-height: 400px;
}.skipForNow {
  color: "#000000";
}

.icon-button:hover {
  background-color: unset !important;
}.workflow-sidebar .sidebar-container {
  width: 400px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  overflow: hidden;
}
.workflow-sidebar .sidebar-header {
  padding: 24px 12px 16px 12px;
  background-color: transparent;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  gap: 9px;
  align-items: center;
}
.workflow-sidebar .sidebar-content {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 400px;
}
.workflow-sidebar .sidebar-input {
  padding: 7px 8px !important;
}
.workflow-sidebar .sidebar-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.workflow-sidebar .sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.workflow-sidebar .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.workflow-sidebar .sidebar-operator-field {
  display: flex;
  justify-self: center;
  width: 120px !important;
  margin: 0px 24px 0px 0px;
}
.workflow-sidebar .sidebar-footer {
  padding: 24px;
  background-color: white;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 12px;
  width: 400px;
}

.criteria-sidebar {
  margin-top: 60px;
}
.criteria-sidebar .condition-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 12px;
  background: #FBFBFB;
  border-radius: 6px;
  border: 1.5px solid #dcdfe4;
}
.criteria-sidebar .condition-fields {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}
.criteria-sidebar .delete-condition-btn {
  color: #ef4444;
  margin-top: 4px;
}
.criteria-sidebar .center-operator {
  display: flex;
  justify-content: center;
  width: 100%;
}
.criteria-sidebar .center-operator .operator-select-container {
  width: 120px;
  margin: 8px 0;
}
.criteria-sidebar .center-operator .operator-select-container .searchable-select,
.criteria-sidebar .center-operator .operator-select-container .MuiFormControl-root {
  width: 100% !important;
}

.action-sidebar {
  margin-top: 60px;
}

.add-condition-btn {
  align-self: flex-start;
  margin-top: 8px;
  color: #1f2125 !important;
}

.criteria-sidebar .MuiTextField-root input::placeholder,
.action-sidebar .MuiTextField-root input::placeholder {
  color: #9c9c9c !important;
  opacity: 1;
  font-size: 12px !important;
}
.criteria-sidebar .MuiTextField-root input::-webkit-input-placeholder,
.action-sidebar .MuiTextField-root input::-webkit-input-placeholder {
  color: #9c9c9c !important;
  opacity: 1;
  font-size: 12px !important;
}
.criteria-sidebar .MuiTextField-root input::-moz-placeholder,
.action-sidebar .MuiTextField-root input::-moz-placeholder {
  color: #9c9c9c !important;
  opacity: 1;
  font-size: 12px !important;
}
.criteria-sidebar .MuiTextField-root input:-ms-input-placeholder,
.action-sidebar .MuiTextField-root input:-ms-input-placeholder {
  color: #9c9c9c !important;
  opacity: 1;
  font-size: 12px !important;
}.workflow-builder-container {
  width: 100%;
  max-height: calc(100dvh - 75px - 54px);
  min-height: calc(100dvh - 75px - 54px);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: auto;
  background: #f9fafb;
  height: calc(100dvh - 75px - 54px);
  display: flex;
  flex-direction: column;
}
.workflow-builder-container .react-flow {
  background-color: #c41a1a;
}
.workflow-builder-container .react-flow__renderer {
  top: 24% !important;
  left: 5% !important;
}
.workflow-builder-container .react-flow__edge.react-flow__edge-smoothstep {
  stroke-width: 2px;
}
.workflow-builder-container .react-flow__edge.react-flow__edge-smoothstep path {
  stroke: #94a3b8;
}
.workflow-builder-container .react-flow__edge.react-flow__edge-smoothstep.animated path {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}
.workflow-builder-container .react-flow__edge.selected path {
  stroke: #3b82f6;
  stroke-width: 3px;
}
.workflow-builder-container .react-flow__controls button {
  background-color: white;
  border: 1px solid #e5e7eb;
  border-bottom: none;
}
.workflow-builder-container .react-flow__controls button:hover {
  background-color: #f9fafb;
}
.workflow-builder-container .react-flow__controls button:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.workflow-builder-container .react-flow__controls button:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid #e5e7eb;
}
.workflow-builder-container .react-flow__minimap {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.workflow-builder-container .react-flow__minimap .react-flow__minimap-mask {
  fill: #3b82f6;
  fill-opacity: 0.1;
}
.workflow-builder-container .react-flow__minimap .react-flow__minimap-node {
  fill: #e5e7eb;
  stroke: none;
}
.workflow-builder-container .react-flow__background {
  background-color: #ffffff;
}

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 768px) {
  .workflow-builder-container {
    height: 400px;
  }
}.workflow-filter {
  display: flex;
  gap: 4px;
  width: 220px;
  height: 32px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 0px 12px;
  align-items: center;
  cursor: pointer;
}.loan-configuration {
  padding: 0rem 2rem;
  width: 100%;
}
.loan-configuration--StatusChip--inprogress {
  background-color: #cdebf4 !important;
  color: #246e82;
}
.loan-configuration--StatusChip--pendingapproval {
  background-color: #f7eac0 !important;
  color: #82691a;
}
.loan-configuration--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c;
}
.loan-configuration--StatusChip--Active {
  background-color: #D2F0E6 !important;
  color: #2EB273;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}.addLoanConfiguration--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.addLoanConfiguration--HeaderButtons--DiscardButton, .addLoanConfiguration--HeaderButtons--DraftButton {
  color: #1f2125 !important;
}
.addLoanConfiguration--FormContainer {
  width: 100%;
}.editLoanConfiguration--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editLoanConfiguration--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
  min-width: 120px;
}
.editLoanConfiguration--HeaderButtons--SaveButton {
  min-width: 120px;
}
.editLoanConfiguration--FormContainer {
  padding: 24px;
  background-color: #f5f5f5;
  min-height: calc(100vh - 200px);
}.viewLoanConfiguration--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewLoanConfiguration--DeleteButton {
  color: #f86060 !important;
}
.viewLoanConfiguration--CancelButton {
  color: #1f2125 !important;
}
.viewLoanConfiguration--EditButton {
  color: #1f2125 !important;
}
.viewLoanConfiguration--SubmitButton {
  background-color: #4AC08C !important;
  color: white !important;
}
.viewLoanConfiguration--MoreButton {
  padding: 0.25rem;
}
.viewLoanConfiguration--OpenInEditorButton {
  color: #1f2125 !important;
}
.viewLoanConfiguration--ViewButton {
  color: #1f2125 !important;
  padding: 6px 16px 6px 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.viewLoanConfiguration--ViewButtonPrimary {
  color: white !important;
  background-color: #4AC08C !important;
  padding: 6px 16px 6px 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.viewLoanConfiguration--ViewIcon {
  color: #1f2125 !important;
  margin-right: 5px;
  padding: 6px 0px 6px 10px;
  justify-content: "center" !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.viewLoanConfiguration--ViewIconPrimary {
  color: white !important;
  background-color: #4AC08C !important;
  margin-right: 5px;
  padding: 6px 0px 6px 10px;
  justify-content: "center" !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.viewLoanConfiguration--Container {
  padding: 0.5rem 1.5rem !important;
}
.viewLoanConfiguration--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0.25rem 0 !important;
}
.viewLoanConfiguration--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewLoanConfiguration--SectionDivider {
  border-color: #eeeff1;
  margin: 0;
}
.viewLoanConfiguration--Divider {
  border-color: #eeeff1;
}
.viewLoanConfiguration--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529;
}
.viewLoanConfiguration--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769;
}
.viewLoanConfiguration--StatusChip--inactive {
  background-color: #fcbfbf !important;
  color: #c64d4d;
}
.viewLoanConfiguration--FlowCard {
  border: 1px solid #eeeff1;
  border-radius: 12px;
  padding: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.viewLoanConfiguration--FlowCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.viewLoanConfiguration--FlowCard--Title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.viewLoanConfiguration--FlowCard--Stats {
  display: flex;
  gap: 1rem;
}
.viewLoanConfiguration--FlowCard--StatChip {
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.viewLoanConfiguration--FlowCard--StatChip.triggers {
  background-color: #FFF3CC;
}
.viewLoanConfiguration--FlowCard--StatChip.criteria {
  background-color: #E0F7FA;
}
.viewLoanConfiguration--FlowCard--StatChip.actions {
  background-color: #E8F5E9;
}

.viewPageTabs--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.viewPageTabs--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.viewPageTabs--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #7b7c7f;
}
.viewPageTabs--Tab.Mui-selected {
  color: #232529;
}
.viewPageTabs--TabPanel {
  padding: 1.5rem 0;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0rem 0 0.625rem !important;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--FlowCard {
  border: 1px solid #eeeff1;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.summary--FlowCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary--FlowCard--Title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.summary--FlowCard--Stats {
  display: flex;
  gap: 1rem;
}
.summary--FlowCard--StatChip {
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.summary--FlowCard--StatChip.triggers {
  background-color: #FFF8E1;
  color: #F57F17;
}
.summary--FlowCard--StatChip.criteria {
  background-color: #E0F7FA;
  color: #006064;
}
.summary--FlowCard--StatChip.actions {
  background-color: #E8F5E9;
  color: #1B5E20;
}.loan-form--Container {
  padding: 0.5rem 18rem 0.5rem 1.5rem;
  background-color: #ffffff;
}
.loan-form--AddButton {
  margin-top: 12px;
  text-transform: none;
}
.loan-form .MuiAccordionDetails-root {
  padding: 0 !important;
}
.loan-form .MuiAccordionSummary-root {
  padding: 0 0 0.5rem 0 !important;
  border-bottom: 0;
}.organizationStructure {
  padding: 0;
  height: calc(100vh - 120px);
  overflow: hidden;
}
.organizationStructure--StatusChip--published {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  width: fit-content;
}
.organizationStructure--StatusChip--unpublished {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #eed2d2;
  color: #883c3c;
  width: fit-content;
}
.organizationStructure__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
}
.organizationStructure__header h1 {
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
}
.organizationStructure__addButton {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #27AE60;
  border: none;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.organizationStructure__addButton:hover {
  background: #219653;
}
.organizationStructure__viewToggle {
  display: flex;
  gap: 8px;
  margin-left: 16px;
}
.organizationStructure__viewToggle__button {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.2s ease;
}
.organizationStructure__viewToggle__button:hover {
  border-color: #27AE60;
  color: #27AE60;
}
.organizationStructure__viewToggle__button--active {
  background: #27AE60;
  border-color: #27AE60;
  color: #FFFFFF;
}
.organizationStructure__viewToggle__button--active:hover {
  background: #219653;
  border-color: #219653;
  color: #FFFFFF;
}
.organizationStructure__addMenu {
  position: relative;
}
.organizationStructure__addMenu__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 100;
  min-width: 180px;
  overflow: hidden;
}
.organizationStructure__addMenu__dropdown__item {
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s ease;
}
.organizationStructure__addMenu__dropdown__item:hover {
  background: #F5F5F5;
}
.organizationStructure__addMenu__dropdown__item:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}
.organizationStructure__hierarchyContainer {
  padding: 24px;
  background: #FAFAFA;
  min-height: 500px;
  border-radius: 8px;
  margin-top: 16px;
  position: relative;
  overflow: auto;
}
.organizationStructure__emptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  text-align: center;
}
.organizationStructure__emptyState__icon {
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
  opacity: 0.8;
}
.organizationStructure__emptyState__title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.organizationStructure__emptyState__description {
  font-size: 14px;
  color: #666;
  max-width: 400px;
  margin-bottom: 24px;
}
.hierarchyTree {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  min-width: fit-content;
}
.hierarchyTree__level {
  display: flex;
  justify-content: center;
  gap: 24px;
  position: relative;
  margin-bottom: 40px;
}
.hierarchyTree__connector {
  position: absolute;
  background: #E0E0E0;
}
.hierarchyTree__connector--vertical {
  width: 2px;
  height: 40px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.hierarchyTree__connector--horizontal {
  height: 2px;
  top: -20px;
}
.hierarchyNode {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 16px;
  min-width: 240px;
  max-width: 280px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
  transition: all 0.2s ease;
}
.hierarchyNode:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.hierarchyNode--company .hierarchyNode__header {
  background: linear-gradient(135deg, #F2C94C 0%, #F2994A 100%);
}
.hierarchyNode--department .hierarchyNode__header {
  background: linear-gradient(135deg, #56CCF2 0%, #2F80ED 100%);
}
.hierarchyNode--designation .hierarchyNode__header {
  background: linear-gradient(135deg, #F2994A 0%, #EB5757 100%);
}
.hierarchyNode--team .hierarchyNode__header {
  background: linear-gradient(135deg, #27AE60 0%, #219653 100%);
}
.hierarchyNode__header {
  padding: 8px 12px;
  border-radius: 8px;
  margin: -16px -16px 12px -16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hierarchyNode__header__title {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hierarchyNode__header__badge {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.2);
  padding: 2px 8px;
  border-radius: 4px;
  color: #FFFFFF;
}
.hierarchyNode__content__name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}
.hierarchyNode__content__location {
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.hierarchyNode__content__person {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid #F0F0F0;
}
.hierarchyNode__content__person__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #666;
}
.hierarchyNode__content__person__info {
  flex: 1;
}
.hierarchyNode__content__person__info__name {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.hierarchyNode__content__person__info__title {
  font-size: 11px;
  color: #888;
}
.hierarchyNode__actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #F0F0F0;
}
.hierarchyNode__actions__button {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.hierarchyNode__actions__button:hover {
  background: #27AE60;
  border-color: #27AE60;
  color: #FFFFFF;
}
.hierarchyNode__actions__button:hover svg {
  fill: #FFFFFF;
}
.hierarchyNode__actions__button svg {
  width: 14px;
  height: 14px;
  fill: #666;
}
.addEntityDrawer__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.addEntityDrawer__panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: 100%;
  background: #FFFFFF;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  animation: slideIn 0.3s ease;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.addEntityDrawer__header {
  padding: 20px 24px;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addEntityDrawer__header__title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.addEntityDrawer__header__close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.addEntityDrawer__header__close:hover {
  background: #F5F5F5;
}
.addEntityDrawer__content {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.addEntityDrawer__field {
  margin-bottom: 20px;
}
.addEntityDrawer__field__label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}
.addEntityDrawer__field__label__required {
  color: #EB5757;
}
.addEntityDrawer__field__input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  font-size: 14px;
  color: #333;
  transition: border-color 0.2s ease;
}
.addEntityDrawer__field__input:focus {
  outline: none;
  border-color: #27AE60;
}
.addEntityDrawer__field__input::placeholder {
  color: #999;
}
.addEntityDrawer__field__error {
  font-size: 12px;
  color: #EB5757;
  margin-top: 4px;
}
.addEntityDrawer__footer {
  padding: 16px 24px;
  border-top: 1px solid #E0E0E0;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.addEntityDrawer__footer__button {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.addEntityDrawer__footer__button--primary {
  background: #27AE60;
  border: 1px solid #27AE60;
  color: #FFFFFF;
}
.addEntityDrawer__footer__button--primary:hover {
  background: #219653;
  border-color: #219653;
}
.addEntityDrawer__footer__button--primary:disabled {
  background: #A0A0A0;
  border-color: #A0A0A0;
  cursor: not-allowed;
}
.addEntityDrawer__footer__button--secondary {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  color: #333;
}
.addEntityDrawer__footer__button--secondary:hover {
  border-color: #27AE60;
  color: #27AE60;
}
.addEntityDrawer__footer__button--ghost {
  background: transparent;
  border: none;
  color: #666;
}
.addEntityDrawer__footer__button--ghost:hover {
  color: #333;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--Published {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
  padding: 0.25rem 0.375rem;
  text-align: center;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.addOrganizationStructure {
  height: calc(100vh - 65px);
  overflow: hidden;
  background: #F8F9FA;
}
.addOrganizationStructure__headerButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.addOrganizationStructure__headerButtons__discard {
  border-color: #E0E0E0;
  color: #333;
  background: #fff;
}
.addOrganizationStructure__headerButtons__discard:hover {
  border-color: #BDBDBD;
  background: #F5F5F5;
}
.addOrganizationStructure__headerButtons__draft {
  border-color: #E0E0E0;
  color: #333;
  background: #fff;
}
.addOrganizationStructure__headerButtons__draft:hover {
  border-color: #BDBDBD;
  background: #F5F5F5;
}
.addOrganizationStructure__headerButtons__save {
  background: #27AE60;
  color: #fff;
}
.addOrganizationStructure__headerButtons__save:hover {
  background: #219653;
}
.addOrganizationStructure__content {
  display: flex;
  height: calc(100% - 66px);
  position: relative;
}
.addOrganizationStructure__canvas {
  flex: 1;
  height: 100%;
  background: #F8F9FA;
  position: relative;
  overflow: hidden;
}
.addOrganizationStructure__emptyState {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.addOrganizationStructure__emptyState__icon {
  margin-bottom: 8px;
}
.addOrganizationStructure__emptyState__icon svg {
  opacity: 0.6;
}
.addOrganizationStructure__emptyState__title {
  font-size: 18px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
}
.addOrganizationStructure__emptyState__description {
  font-size: 14px;
  color: #666;
  margin: 0;
}
.addOrganizationStructure__emptyState__addButton {
  position: relative;
}
.addOrganizationStructure__emptyState__button {
  border-color: #E0E0E0;
  color: #333;
  background: #fff;
  padding: 8px 24px;
}
.addOrganizationStructure__emptyState__button:hover {
  border-color: #BDBDBD;
  background: #F5F5F5;
}
.addOrganizationStructure__addMenu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  min-width: 220px;
  z-index: 1000;
  padding: 8px;
}
.addOrganizationStructure__addMenu__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 8px;
}
.addOrganizationStructure__addMenu__item:hover {
  background: #F8F9FA;
  transform: translateX(4px);
}
.addOrganizationStructure__addMenu__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.addOrganizationStructure__addMenu__label {
  font-size: 14px;
  font-weight: 500;
  color: #1A1A1A;
}
.addOrganizationStructure__nodeActions {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  background: #fff;
  padding: 8px 12px;
  border-radius: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #E0E0E0;
}
.addOrganizationStructure__nodeActions__button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.addOrganizationStructure__nodeActions__button--designation {
  background: linear-gradient(135deg, #F2994A 0%, #EB5757 100%);
  color: #fff;
}
.addOrganizationStructure__nodeActions__button--designation:hover {
  transform: scale(1.1);
}
.addOrganizationStructure__nodeActions__button--department {
  background: linear-gradient(135deg, #56CCF2 0%, #2F80ED 100%);
  color: #fff;
}
.addOrganizationStructure__nodeActions__button--department:hover {
  transform: scale(1.1);
}
.addOrganizationStructure__nodeActions__button--team {
  background: linear-gradient(135deg, #6FCF97 0%, #27AE60 100%);
  color: #fff;
}
.addOrganizationStructure__nodeActions__button--team:hover {
  transform: scale(1.1);
}
.addOrganizationStructure__nodeActions__footer {
  padding: 16px 20px;
  border-top: 1px solid #E0E0E0;
}

.transferSidebar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  overflow: hidden;
  margin-top: 60px;
}
.transferSidebar__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.transferSidebar__header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #F1F8E9;
  color: #27AE60;
}
.transferSidebar__header__title {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
  flex: 1;
}
.transferSidebar__content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.transferSidebar__memberSection__title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
.transferSidebar__memberSection__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #F8F9FA;
  border-radius: 8px;
  padding: 4px;
}
.transferSidebar__memberSection__item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background 0.2s;
}
.transferSidebar__memberSection__item:hover {
  background: #F0F2F5;
}
.transferSidebar__memberSection__item__checkbox {
  margin-right: 12px;
}
.transferSidebar__memberSection__item__name {
  flex: 1;
  font-size: 14px;
  color: #1A1A1A;
}
.transferSidebar__memberSection__item__delete {
  color: #EB5757;
  padding: 4px;
}
.transferSidebar__memberSection__item__delete:hover {
  background: rgba(235, 87, 87, 0.1);
}
.transferSidebar__targetSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
}
.transferSidebar__footer {
  padding: 16px 20px;
  border-top: 1px solid #E0E0E0;
}
.transferSidebar__footer__button {
  background: #27AE60;
  color: #fff;
  text-transform: none;
  font-weight: 600;
}
.transferSidebar__footer__button:hover {
  background: #219653;
}

.entitySidebar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  overflow: hidden;
  margin-top: 60px;
}
.entitySidebar__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.entitySidebar__header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.entitySidebar__header__title {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0;
}
.entitySidebar__content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.entitySidebar__field {
  margin-bottom: 20px;
}
.entitySidebar__footer {
  padding: 16px 20px;
  border-top: 1px solid #E0E0E0;
}.orgFlowNode {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  min-width: 260px;
  max-width: 300px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  position: relative;
}
.orgFlowNode:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.orgFlowNode--company .orgFlowNode__header {
  background: #FEF3C7;
  color: #1F2125;
}
.orgFlowNode--department .orgFlowNode__header {
  background: #E2E8F0;
  color: #1F2125;
}
.orgFlowNode--designation .orgFlowNode__header {
  background: #FDE68A;
  color: #1F2125;
}
.orgFlowNode--team .orgFlowNode__header {
  background: #CDEBF4;
  color: #1F2125;
}
.orgFlowNode--inactive {
  opacity: 0.7;
  filter: grayscale(0.8);
  background: #F5F5F5;
}
.orgFlowNode--inactive .orgFlowNode__header {
  background: #E0E0E0 !important;
  color: #757575 !important;
}
.orgFlowNode--inactive .orgFlowNode__content {
  background: #F9F9F9;
}
.orgFlowNode--inactive .orgFlowNode__person__name,
.orgFlowNode--inactive .orgFlowNode__members__list {
  color: #9E9E9E;
}
.orgFlowNode__handle {
  width: 12px;
  height: 12px;
  background: #27AE60;
  border: 2px solid #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orgFlowNode__handle--target {
  top: -6px;
}
.orgFlowNode__handle--source {
  bottom: -6px;
}
.orgFlowNode__header {
  padding: 12px 16px;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #FFFFFF;
}
.orgFlowNode__header__icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.orgFlowNode__header__icon svg {
  font-size: 18px;
}
.orgFlowNode__header__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.orgFlowNode__header__name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.orgFlowNode__header__location {
  font-size: 11px;
  opacity: 0.9;
  margin-top: 1px;
}
.orgFlowNode__header__more {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: background 0.2s;
}
.orgFlowNode__header__more:hover {
  background: rgba(255, 255, 255, 0.1);
}
.orgFlowNode__content {
  padding: 16px;
}
.orgFlowNode__person {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.orgFlowNode__person__info {
  display: flex;
  flex-direction: column;
}
.orgFlowNode__person__name {
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
}
.orgFlowNode__person__title {
  font-size: 12px;
  color: #666666;
  margin-top: 2px;
}
.orgFlowNode__members {
  margin-top: 12px;
  padding: 12px;
  padding-right: 12px;
  background: #F8FAFB;
  border-radius: 8px;
}
.orgFlowNode__members__title {
  font-size: 12px;
  font-weight: 500;
  color: #888888;
  margin-bottom: 6px;
}
.orgFlowNode__members__list {
  font-size: 13px;
  color: #1A1A1A;
  line-height: 1.4;
}

.nodeActions {
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.nodeActions__container {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease;
  pointer-events: all;
  background: #F5F6F5;
}

.react-flow__handle.orgFlowNode__handle {
  background: #27AE60;
  border-color: #FFFFFF;
}.orgFlowBuilder {
  width: 100%;
  height: 100%;
  background: #F8F9FA;
  border-radius: 0;
  overflow: hidden;
  border: none;
}
.orgFlowBuilder__loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F9FA;
}
.orgFlowBuilder__empty {
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F9FA;
  border-radius: 12px;
}
.orgFlowBuilder__empty p {
  color: #666666;
  font-size: 14px;
}
.orgFlowBuilder__controls {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #E0E0E0;
  height: 100px;
  overflow-y: auto;
}
.orgFlowBuilder__controls button {
  background: #FFFFFF;
  border: none;
  color: #333333;
  width: 32px;
  height: 32px;
}
.orgFlowBuilder__controls button:hover {
  background: #F5F5F5;
}
.orgFlowBuilder__controls button svg {
  fill: #333333;
}
.orgFlowBuilder__minimap {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #E0E0E0;
}

.react-flow__node {
  cursor: pointer;
}
.react-flow__node.selected .orgFlowNode {
  border-color: #27AE60;
  box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.2), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.react-flow__edge-path {
  stroke: #27AE60;
  stroke-width: 2;
}
.react-flow__controls {
  bottom: 20px;
  left: 20px;
}
.react-flow__minimap {
  bottom: 20px;
  right: 20px;
}
.react-flow__background {
  background-color: #F8F9FA;
}
.react-flow__attribution {
  display: none;
}.resignationTermination {
  padding: 1rem 2rem;
}
.resignationTermination--StatusChip--pending {
  background-color: #FFEDD5;
  color: #EA580C;
}
.resignationTermination--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.resignationTermination--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.resignationTermination--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}.addResignation--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.addResignation--HeaderButtons--DiscardButton {
  color: #000000 !important;
  border-color: #000000 !important;
}
.addResignation--HeaderButtons--DiscardButton:hover {
  border-color: #000000;
  background-color: #F9FAFB;
}
.addResignation--HeaderButtons--DraftButton {
  color: #292D32 !important;
  border-color: #D1D5DB;
}
.addResignation--HeaderButtons--DraftButton:hover {
  border-color: #9CA3AF;
  background-color: #F9FAFB;
}
.addResignation--FormContainer {
  min-height: calc(100vh - 140px);
}.editResignation--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editResignation--HeaderButtons--DiscardButton {
  color: #000000 !important;
  border-color: #000000 !important;
}
.editResignation--HeaderButtons--DiscardButton:hover {
  border-color: #000000;
  background-color: #F9FAFB;
}
.editResignation--FormContainer {
  min-height: calc(100vh - 140px);
}.viewResignation--HeaderButtons {
  display: flex;
  gap: 16px;
  align-items: center;
}
.viewResignation--HeaderButtons .MuiButton-root {
  font-weight: 500;
}
.viewResignation--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.viewResignation--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.viewResignation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.viewResignation--StatusChip--available {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.viewResignation--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.viewResignation--StatusChip--in_transit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.viewResignation--StatusChip--inmaintenance {
  background-color: #F86060 !important;
  color: #fff !important;
}
.viewResignation--outlined {
  color: #292D32 !important;
}
.viewResignation--Container {
  padding: 0 !important;
  min-height: calc(100vh - 120px);
}
.viewResignation--Content {
  margin: 24px;
}.addTermination--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.addTermination--HeaderButtons--DiscardButton {
  color: #000000 !important;
  border-color: #000000 !important;
}
.addTermination--HeaderButtons--DiscardButton:hover {
  border-color: #000000;
  background-color: #F9FAFB;
}
.addTermination--HeaderButtons--DraftButton {
  color: #374151;
  border-color: #D1D5DB;
}
.addTermination--HeaderButtons--DraftButton:hover {
  border-color: #9CA3AF;
  background-color: #F9FAFB;
}
.addTermination--FormContainer {
  min-height: calc(100vh - 140px);
}.editTermination--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editTermination--HeaderButtons--DiscardButton {
  color: #000000 !important;
  border-color: #000000 !important;
}
.editTermination--HeaderButtons--DiscardButton:hover {
  border-color: #000000;
  background-color: #F9FAFB;
}
.editTermination--FormContainer {
  min-height: calc(100vh - 140px);
}.viewTermination--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewTermination--Container {
  padding: 1.5rem;
  min-height: calc(100vh - 140px);
}
.viewTermination--outlined {
  color: #292D32 !important;
}
.viewTermination--Card {
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.viewTermination--SidebarCard {
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(84, 67, 67, 0.1);
}
.viewTermination--DetailRow {
  margin-bottom: 16px;
}
.viewTermination--DetailRow:last-child {
  margin-bottom: 0;
}
.viewTermination--Accordion:before {
  display: none;
}
.viewTermination--Accordion .MuiAccordionSummary-root {
  border-bottom: 1px solid #E5E7EB;
  border-radius: 8px 8px 0 0 !important;
  min-height: 48px !important;
  padding: 0 !important;
}
.viewTermination--Accordion .MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px !important;
}
.viewTermination--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewTermination--Accordion .MuiAccordionSummary-root {
  padding: 0 !important;
}
.viewTermination--StatusChip--pending {
  background-color: #FFEDD5;
  color: #EA580C;
}
.viewTermination--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.viewTermination--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.viewTermination--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}.form--Container {
  padding: 1.5rem;
  border-radius: 4px;
}
.form--Container form {
  width: 100%;
}

.resignationForm--Card,
.terminationForm--Card {
  padding: 1.5rem;
}
.resignationForm--SectionTitle,
.terminationForm--SectionTitle {
  margin-bottom: 20px;
  font-size: 18px;
  color: #000000;
}

.form--SupportingDocsTitle {
  color: #000000 !important;
}

.employeeSidebar--Empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  text-align: center;
}
.employeeSidebar--Header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 16px;
}
.employeeSidebar--Avatar {
  margin-bottom: 12px;
  background-color: #E5E7EB;
}
.employeeSidebar--Name {
  margin-bottom: 4px;
  color: #1F2937;
}
.employeeSidebar--Divider {
  margin: 16px 0;
}
.employeeSidebar--Details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.employeeSidebar--DetailRow {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.employeeSidebar--Footer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #E5E7EB;
  text-align: center;
}
.employeeSidebar--ViewAllLink {
  cursor: pointer;
  color: #2563EB;
}
.employeeSidebar--ViewAllLink:hover {
  text-decoration: underline;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.clearanceReview--Container {
  padding: 24px;
  background-color: #f9f9f9;
  min-height: calc(100vh - 120px);
}
.clearanceReview--Content {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.clearanceReview--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}.finalSettlement--Container {
  padding: 0 !important;
  min-height: calc(100vh - 120px);
}
.finalSettlement--Content {
  margin: 24px;
}
.finalSettlement--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.finalSettlement--outlined {
  color: #292D32 !important;
}
.finalSettlement--EmployeeHeader {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E7EB;
}
.finalSettlement--Accordion {
  box-shadow: none !important;
  border: none !important;
}
.finalSettlement--Accordion:before {
  display: none;
}
.finalSettlement--Accordion .MuiAccordionSummary-root {
  border-bottom: 1px solid #E5E7EB;
  border-radius: 8px 8px 0 0 !important;
  min-height: 48px !important;
  padding: 0 !important;
}
.finalSettlement--Accordion .MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px !important;
}
.finalSettlement--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.finalSettlement--Accordion .MuiAccordionSummary-root {
  padding: 0 !important;
}
.finalSettlement--TableWrapper {
  margin-top: 8px;
}
.finalSettlement--TableWrapper .MuiTableContainer-root {
  box-shadow: none !important;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
}
.finalSettlement--FinalAmountRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #E5E7EB;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background-color: #FAFAFA;
}
.finalSettlement--AddNewBtn {
  margin-top: 12px;
}
.finalSettlement--AddNewBtn .MuiButton-root {
  padding: 6px 0;
  font-weight: 500;
  font-size: 14px;
}.offerLetter {
  min-height: 100%;
  width: 100%;
}
.offerLetter--StatusChip--accepted, .offerLetter--StatusChip--done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  border-radius: 4px;
}
.offerLetter--StatusChip--rejected {
  background-color: #fcbfbf !important;
  color: #c64d4d !important;
  border-radius: 4px;
}
.offerLetter--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #82691a !important;
  border-radius: 4px;
}
.offerLetter--Header {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  padding: 12px 40px;
  justify-content: space-between;
  border-bottom: 1px solid #eeeff1;
}
.offerLetter--LeftPanel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem;
  position: relative;
}
.offerLetter--WelcomeImage {
  width: 275px;
  margin-bottom: 1rem;
}
.offerLetter--RightPanel {
  background-color: #ffffff;
  display: flex;
  border-left: 3px solid #eeeff1;
  flex-direction: column;
  gap: 70px;
}
.offerLetter--RightPanel--OfferPreview {
  height: 100vh !important;
  gap: 0 !important;
}
@media (max-width: 899px) {
  .offerLetter--RightPanel--OfferPreview {
    height: auto !important;
    min-height: 100vh;
  }
}
.offerLetter--RightPanel--SectionBox {
  background-color: #ffffff;
  border-radius: 8px;
  margin: 0px 40px 0px 34px;
  margin-bottom: 1.5rem;
}
.offerLetter--RightPanel--DetailRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-direction: column;
  align-items: flex-start;
}
.offerLetter--RightPanel--DetailRow:last-child {
  margin-bottom: 0;
}
.offerLetter--RightPanel--OfferLetterCard {
  display: flex;
  height: 100% !important;
  max-height: 134px !important;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
  background-color: #f8f9fa;
}
.offerLetter--RightPanel--OfferPreviewCard {
  width: 110px !important;
  height: 110px !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
}
.offerLetter--BwButton {
  color: #1f2125 !important;
}
.offerLetter--Heighlighted {
  background-color: #f5f6f5 !important;
}
.offerLetter--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.offerLetter--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}
.offerLetter--UploadProgress {
  width: 20px !important;
  height: 20px !important;
}
.offerLetter--UploadProgress--Loader {
  width: 20px !important;
  height: 20px !important;
  color: #4AC08C !important;
}
.offerLetter--TrashIcon {
  width: 16px !important;
  height: 16px !important;
}
.offerLetter--DocumentLock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  border-radius: 12px;
  background-color: #B6E9D6 !important;
}
.offerLetter--DocumentLock--Lock {
  width: 42px !important;
  height: 42px !important;
  color: #2EB273 !important;
}
.offerLetter--RejectButton {
  color: #f86060 !important;
}
.offerLetter--AfterSubmit {
  width: 440px !important;
  height: 254px !important;
}
.offerLetter--AfterSubmit--accept {
  color: #279769 !important;
}
.offerLetter--AfterSubmit--reject {
  color: #f86060 !important;
}

.doc-icon {
  color: #3e8193 !important;
}
.doc-icon .doc-bg {
  opacity: 0.4;
}
.doc-icon .doc-line {
  fill: #3e8193 !important;
}
.doc-icon .doc-fold {
  fill: #3e8193 !important;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component {
  padding: 0;
  min-height: calc(100vh - 120px);
}
.listing-component--StatusChip--true, .listing-component--StatusChip--Active {
  background-color: rgba(39, 174, 96, 0.1) !important;
  color: #27AE60 !important;
}
.listing-component--StatusChip--false, .listing-component--StatusChip--Inactive {
  background-color: rgba(235, 87, 87, 0.1) !important;
  color: #EB5757 !important;
}
.listing-component--StatusChip--draft, .listing-component--StatusChip--Draft {
  background-color: rgba(242, 153, 74, 0.1) !important;
  color: #F2994A !important;
}.timeSheet {
  padding: 0rem 2rem;
  width: 100%;
}
.timeSheet--StatusChip--1, .timeSheet--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.timeSheet--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}
.timeSheet--StatusChip--submitted, .timeSheet--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #4AC08C !important;
}
.timeSheet--StatusChip--0, .timeSheet--StatusChip--false, .timeSheet--StatusChip--rejected {
  background-color: #fedfdf !important;
  color: #f86060 !important;
}
.timeSheet--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.timeSheet--DepartmentChip {
  background-color: #feecf1 !important;
  color: #934082 !important;
  border-color: #feecf1 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
}.addTimeSheet {
  padding: 0rem 2rem;
  width: 100%;
}
.addTimeSheet--StatusChip--1, .addTimeSheet--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.addTimeSheet--StatusChip--0, .addTimeSheet--StatusChip--false {
  background-color: #ffebee !important;
  color: #c62828 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.addTimeSheet--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.addTimeSheet--AddEmployeeButton {
  margin: 1rem 0rem;
}.editTimeSheet {
  padding: 0rem 2rem;
  width: 100%;
}
.editTimeSheet--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editTimeSheet--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editTimeSheet--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editTimeSheet--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editTimeSheet--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editTimeSheet--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editTimeSheet--FormContainer {
  width: 100%;
}
.editTimeSheet--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewTimeSheet {
  padding: 0rem 2rem;
  width: 100%;
}
.viewTimeSheet--StatusChip--1, .viewTimeSheet--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.viewTimeSheet--StatusChip--0, .viewTimeSheet--StatusChip--false {
  background-color: #ffebee !important;
  color: #c62828 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.viewTimeSheet--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.viewTimeSheet--AddEmployeeButton {
  margin: 1rem 0rem;
}
.viewTimeSheet--HistoryButton {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: none;
  border-radius: 8px;
  padding: 8px 16px;
  color: #232529 !important;
  border-color: #d3d3d4 !important;
}
.viewTimeSheet--HistoryButton:hover {
  background-color: #fbfbfb !important;
  border-color: #bdbebf !important;
}
.viewTimeSheet--HistoryIcon {
  width: 20px;
  height: 20px;
}.expand-head-cell {
  background-color: #f5f5f5;
}

.expand-body-cell--child::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 50%;
  width: 1px;
  background-color: #c8c8c8;
}

.expand-toggle-btn {
  padding: 2px !important;
  color: #6b7280;
}
.expand-toggle-btn svg {
  width: 18px;
  height: 18px;
}
.expand-toggle-btn--child {
  cursor: default !important;
  pointer-events: none;
  color: #9ca3af;
}
.expand-toggle-btn--child svg {
  width: 16px;
  height: 16px;
}

.pinned-column {
  background-color: #fff !important;
}.afterBorder {
  position: relative;
  margin-bottom: 15px;
}

.afterBorder::after {
  height: 1px;
  display: block;
  width: 100%;
  background: #eeeff1;
  border-right: 1px white;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.timesheetTitleBar {
  display: flex;
  padding: 0.75rem 0rem;
  justify-content: space-between;
  align-items: center;
  margin: 0 8px;
}
.timesheetTitleBar--RightContent {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
.timesheetTitleBar--RightContent--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}
.timesheetTitleBar--RightContent--RedBtn {
  background-color: #fff !important;
  color: #f86060 !important;
}
.timesheetTitleBar--LeftContent {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.timesheetTitleBar--HeaderCard {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.timesheetTitleBar--FilterAction {
  display: flex;
  font-size: 12px;
  align-items: center;
  text-wrap: nowrap;
  gap: 8px;
}
.timesheetTitleBar--FilterAction .search-wrapper img {
  top: 0.6rem;
}
.timesheetTitleBar--FilterAction--lvWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.timesheetTitleBar--FilterAction--Btn {
  border: 1px solid #f3f2f2;
  border-radius: 50px;
  color: #656669;
}
.timesheetTitleBar--FilterWrapper {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 12px;
  text-wrap: nowrap;
  flex-wrap: wrap;
}
.timesheetTitleBar--FilterWrapper--Chip {
  display: flex;
  gap: 4px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 2px 12px;
  align-items: center;
  cursor: pointer;
}
.timesheetTitleBar--FilterWrapper--Chip--Text {
  display: flex;
  gap: 4px;
  align-items: baseline;
}
.timesheetTitleBar--FilterWrapper--Chip--Text--Value {
  max-width: 88px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.timesheetTitleBar--ExtraButtonUi {
  margin-left: auto;
  margin-right: 30px;
}

.filter-bar {
  display: flex;
  padding: 0.75rem 0rem;
  align-items: center;
  justify-content: space-between;
}
.filter-bar .filter-bar--LeftContent {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.filter-bar .filter-bar--LeftContent h6 {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  background-color: #fff;
  box-shadow: unset;
  padding: 0rem 0.5rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn:hover {
  box-shadow: unset;
}
.filter-bar .filter-bar--LeftContent .filter-chip {
  border: 0.063rem solid #f3f2f2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}
.filter-bar .filter-bar--LeftContent .subtask-switch {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch {
  width: 1.75rem;
  height: 1.063rem;
  margin-top: 0.375rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before {
  width: 0.875rem;
  height: 0.813rem;
}
.filter-bar .filter-bar--RightContent .enable-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #4AC08C;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
  cursor: pointer;
}

.timesheetTitleBar--RightContent ul {
  max-height: 400px;
  overflow-y: auto;
}

.timesheetTitleBar--report-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.search-filter {
  display: flex;
  gap: 4px;
  width: 220px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 4px 12px;
  align-items: center;
  cursor: pointer;
}
.search-filter .css-1age63q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.search-filter .css-1age63q p {
  font-size: 14px;
}
.search-filter .css-16hz2ux {
  height: 100%;
}

.search-filter .filter-select .MuiSelect-select {
  padding: 0px;
}

.wrapper--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}
.wrapper--RedBtn {
  background-color: #fff !important;
  color: #f86060 !important;
}.rdrCalendarWrapper {
  font-family: inherit;
}

.rdrMonthAndYearPickers select:hover {
  background-color: #B6E9D6;
}

.rdrPprevButton:hover,
.rdrNextButton:hover {
  background: #B6E9D6;
}

.rdrPprevButton i {
  border-color: transparent #279769 transparent transparent;
}

.rdrNextButton i {
  border-color: transparent transparent transparent #279769;
}

.rdrDay:not(.rdrDayPassive) .rdrDayNumber span {
  color: #333;
}
.rdrDay:not(.rdrDayPassive):hover .rdrDayNumber::after {
  border-color: #279769;
}

.rdrDayToday .rdrDayNumber span::after {
  background: #279769 !important;
}

.rdrStartEdge,
.rdrEndEdge {
  background: #279769 !important;
  color: #fff !important;
}

.rdrSelected {
  background: #279769 !important;
}

.rdrInRange {
  background: rgba(40, 155, 100, 0.12) !important;
  color: #279769 !important;
}

.rdrStartEdge ~ .rdrDayNumber span,
.rdrEndEdge ~ .rdrDayNumber span,
.rdrSelected ~ .rdrDayNumber span {
  color: #fff !important;
}

.rdrInRange ~ .rdrDayNumber span {
  color: #279769 !important;
}

.rdrDayHovered .rdrDayStartPreview,
.rdrDayHovered .rdrDayInPreview,
.rdrDayHovered .rdrDayEndPreview {
  border-color: #279769 !important;
}

.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
  background: rgba(40, 155, 100, 0.12) !important;
  border-color: #279769 !important;
}

.rdrDefinedRangesWrapper .rdrStaticRange:hover, .rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected {
  color: #279769 !important;
}
.rdrDefinedRangesWrapper .rdrStaticRange:hover span, .rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected span {
  color: #279769 !important;
}
.rdrDefinedRangesWrapper .rdrStaticRange.rdrStaticRangeSelected {
  font-weight: 600;
}
.rdrDefinedRangesWrapper .rdrInputRangeInput:focus, .rdrDefinedRangesWrapper .rdrInputRangeInput:hover {
  border-color: #279769;
  color: #279769;
}

.rdrMonthAndYearPickers select:focus {
  outline: 2px solid #279769;
  outline-offset: 1px;
}

.rdrDateDisplayItemActive {
  border-color: #279769 !important;
}

.rdrWeekDay {
  color: #1f2125;
  font-weight: 600;
  opacity: 0.75;
}

.rdrDayPassive .rdrDayNumber span {
  color: #bbb;
}

.rdrDayDisabled {
  background-color: #f9f9f9;
}
.rdrDayDisabled .rdrDayNumber span {
  color: #ccc;
}.leaveBadge {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #f5f6f5 10px, #f5f6f5 20px);
}
.leaveBadge--Badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px !important;
  border-radius: 6px;
  background-color: #EA580C;
}
.leaveBadge--Badge--UL {
  background-color: #d3d3d4;
}
.leaveBadge--Badge--UL-text {
  color: #232529 !important;
}
.leaveBadge--Badge--Text {
  color: #fff !important;
}
.leaveBadge--WarningCard {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 21px !important;
  border-radius: 6px;
  padding: 2px;
}
.leaveBadge--WarningCard--NonUL {
  background-color: #FFEDD5 !important;
}
.leaveBadge--WarningTriangle {
  width: 16px !important;
  height: 16px !important;
  color: #F97316 !important;
}.timeCard {
  padding: 0rem 2rem;
  width: 100%;
}
.timeCard--StatusChip--1, .timeCard--StatusChip--true {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.timeCard--StatusChip--0, .timeCard--StatusChip--false {
  background-color: #eeeff1 !important;
}
.timeCard--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.timeCard--StatusChip--Posted {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.timeCard--DepartmentChip {
  background-color: #feecf1 !important;
  color: #934082 !important;
  border-color: #feecf1 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
}.addTimeCard--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addTimeCard--DiscardButton {
  color: #1f2125 !important;
}
.addTimeCard--DraftChip {
  background-color: #eeeff1 !important;
}
.addTimeCard--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addTimeCard--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addTimeCard--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addTimeCard--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addTimeCard--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addTimeCard--FormContainer {
  width: 100%;
}
.addTimeCard--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editTimeCard--Buttons {
  display: flex;
  gap: 0.75rem;
}
.editTimeCard--DiscardButton {
  color: #1f2125 !important;
}
.editTimeCard--DraftChip {
  background-color: #eeeff1 !important;
}
.editTimeCard--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.editTimeCard--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editTimeCard--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editTimeCard--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editTimeCard--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
}
.editTimeCard--FormContainer {
  width: 100%;
}
.editTimeCard--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewTimeCard--Container {
  display: flex;
  padding: 1.5rem 2rem;
}
.viewTimeCard--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewTimeCard--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewTimeCard--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewTimeCard--Container--Right {
  width: 25%;
}
.viewTimeCard--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.625rem;
}
.viewTimeCard--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewTimeCard--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewTimeCard--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewTimeCard--EditButton {
  color: #1f2125 !important;
}
.viewTimeCard--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewTimeCard--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewTimeCard--DeleteButton {
  color: #f86060 !important;
}
.viewTimeCard--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewTimeCard--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewTimeCard--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewTimeCard--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewTimeCard--DeleteButton {
  color: #f86060 !important;
}
.viewTimeCard--EditButton {
  color: #1f2125 !important;
}
.viewTimeCard--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewTimeCard--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewTimeCard--StatusChip {
  border-radius: 0.25rem;
}
.viewTimeCard--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewTimeCard--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewTimeCard--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewTimeCard--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewTimeCard--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewTimeCard--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}.form--Container {
  padding: 1.5rem 2rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.625rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel1 {
  padding: 0.5rem 0;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 0.5rem 0;
}
.form--Components--Checkbox {
  display: flex;
}
.form--CheckboxSection1 {
  padding: 1.5rem 1rem;
  margin: 0.5rem 0 !important;
  border-radius: 12px;
  background-color: #f8fafc;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form--CheckboxSection1 .MuiGrid-item {
  padding-top: 0.5rem !important;
}
.form--CheckboxSection1 .MuiTypography-root {
  font-weight: 500;
  color: #475569;
}
.form--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eeeff1;
  margin-bottom: 0.5rem;
}
.form--AddNewButton {
  background-color: #27ae60 !important;
  border-radius: 8px !important;
  padding: 0.5rem 1rem !important;
  font-weight: 600 !important;
}
.form--AddNewButton:hover {
  background-color: #219150 !important;
}.leaveRequest {
  padding: 0rem 2rem;
  width: 100%;
}
.leaveRequest--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.leaveRequest--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.leaveRequest--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.leaveRequest--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequest--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequest--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveRequest--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.leaveRequest--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveRequest--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveRequest--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequest--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveRequest--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}.addLeaveRequest--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addLeaveRequest--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addLeaveRequest--FormContainer {
  width: 100%;
}
.addLeaveRequest--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editLeaveManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editLeaveManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editLeaveManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editLeaveManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editLeaveManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editLeaveManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editLeaveManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editLeaveManagement--FormContainer {
  width: 100%;
}
.editLeaveManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewLeaveRequest--Container {
  display: flex;
  padding: 1.5rem 2rem;
}
.viewLeaveRequest--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewLeaveRequest--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewLeaveRequest--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewLeaveRequest--Container--Right {
  width: 25%;
}
.viewLeaveRequest--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewLeaveRequest--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.625rem;
}
.viewLeaveRequest--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewLeaveRequest--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewLeaveRequest--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewLeaveRequest--EditButton {
  color: #1f2125 !important;
}
.viewLeaveRequest--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewLeaveRequest--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewLeaveRequest--DeleteButton {
  color: #f86060 !important;
}
.viewLeaveRequest--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewLeaveRequest--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewLeaveRequest--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewLeaveRequest--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewLeaveRequest--DeleteButton {
  color: #f86060 !important;
}
.viewLeaveRequest--EditButton {
  color: #1f2125 !important;
}
.viewLeaveRequest--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewLeaveRequest--RejectButton {
  color: #c64d4d !important;
}
.viewLeaveRequest--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.viewLeaveRequest--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.viewLeaveRequest--StatusChip {
  border-radius: 0.25rem;
}
.viewLeaveRequest--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewLeaveRequest--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewLeaveRequest--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewLeaveRequest--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewLeaveRequest--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewLeaveRequest--StatusChip--inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewLeaveRequest--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.viewLeaveRequest--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewLeaveRequest--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.viewLeaveRequest--SectionDivider {
  border-color: #eeeff1;
}
.viewLeaveRequest--TickCircleIcon {
  color: inherit;
  width: 20px !important;
  margin-right: 4px;
}
.viewLeaveRequest--BasicDetails {
  margin-bottom: 0.5rem;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769;
}
.summary--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c;
}
.summary--ConflictCard {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.summary--ConflictCard--Icon {
  color: #ff4d4f;
  font-size: 24px;
}
.summary--ConflictCard--Time {
  color: #8c8c8c !important;
  margin-top: 4px;
}
.summary--LeaveCard {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px 16px;
}
.summary--LeaveCard svg {
  font-size: 20px;
}.form--Container {
  padding: 1.5rem 2rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 16px 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 8px 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}
.form--AddSkillButton {
  color: #232529 !important;
}.addCommentModal--ModalContentContainer {
  padding: 1.5rem !important;
}
.addCommentModal--UserListingContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.addCommentModal--UserContent {
  display: flex;
  gap: 0.5rem;
}
.addCommentModal--DialogActions {
  background-color: #eeeff1;
  border-top: 1px solid #d3d3d4;
}
.addCommentModal--DialogActions--Cancel {
  background-color: #fff !important;
  color: #292d32 !important;
}
.addCommentModal--DisplayNameChip {
  padding: 0.25rem !important;
}
.addCommentModal--DisplayNameChip .MuiChip-label {
  height: 16px;
  width: 100%;
}.leaveManagement {
  padding: 0rem 2rem;
  width: 100%;
}
.leaveManagement--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.leaveManagement--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.leaveManagement--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.leaveManagement--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveManagement--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveManagement--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveManagement--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.leaveManagement--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveManagement--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveManagement--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveManagement--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveManagement--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.leaveManagement--StatusChip--cancelled {
  background-color: #eeeff1 !important;
  color: #7b7c7f !important;
}.addLeaveManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addLeaveManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addLeaveManagement--FormContainer {
  width: 100%;
}
.addLeaveManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editLeaveManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editLeaveManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editLeaveManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editLeaveManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editLeaveManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editLeaveManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editLeaveManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editLeaveManagement--FormContainer {
  width: 100%;
}
.editLeaveManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewLeaveManagement--Container {
  display: flex;
  padding: 1.5rem 2rem;
}
.viewLeaveManagement--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewLeaveManagement--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewLeaveManagement--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewLeaveManagement--Container--Right {
  width: 25%;
}
.viewLeaveManagement--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewLeaveManagement--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.625rem;
}
.viewLeaveManagement--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewLeaveManagement--BasicDetails {
  margin-bottom: 0.5rem;
}
.viewLeaveManagement--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewLeaveManagement--EditButton {
  color: #1f2125 !important;
}
.viewLeaveManagement--NormalButton {
  color: #1f2125 !important;
  gap: 4px !important;
}
.viewLeaveManagement--HistoryIcon {
  color: inherit !important;
  width: 20px !important;
}
.viewLeaveManagement--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewLeaveManagement--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewLeaveManagement--DeleteButton {
  color: #f86060 !important;
}
.viewLeaveManagement--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewLeaveManagement--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewLeaveManagement--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewLeaveManagement--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewLeaveManagement--DeleteButton {
  color: #f86060 !important;
}
.viewLeaveManagement--EditButton {
  color: #1f2125 !important;
}
.viewLeaveManagement--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewLeaveManagement--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewLeaveManagement--StatusChip {
  border-radius: 0.25rem;
}
.viewLeaveManagement--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewLeaveManagement--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewLeaveManagement--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewLeaveManagement--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewLeaveManagement--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewLeaveManagement--StatusChip--inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewLeaveManagement--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.viewLeaveManagement--StatusChip--cancelled {
  background-color: #eeeff1 !important;
  color: #7b7c7f !important;
}
.viewLeaveManagement--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewLeaveManagement--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.form--Container {
  padding: 1.5rem 2rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 16px 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 8px 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}
.form--AddSkillButton {
  color: #232529 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: capitalize !important;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769;
}
.summary--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c;
}
.summary--ConflictCard {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.summary--ConflictCard--Icon {
  color: #ff4d4f;
  font-size: 24px;
}
.summary--ConflictCard--Time {
  color: #8c8c8c !important;
  margin-top: 4px;
}
.summary--LeaveCard {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px 16px;
}
.summary--LeaveCard svg {
  font-size: 20px;
}.employeeContracts {
  padding: 0rem 2rem;
  width: 100%;
}
.employeeContracts--FormContainer {
  padding: 0 2rem !important;
}
.employeeContracts--HeaderButtons {
  display: flex;
  gap: 12px;
  border: 1px solid black;
  align-items: center;
}
.employeeContracts--HeaderButtons--BackButton {
  color: #232529 !important;
}
.employeeContracts--StatusChip--1, .employeeContracts--StatusChip--true, .employeeContracts--StatusChip--active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.employeeContracts--StatusChip--0, .employeeContracts--StatusChip--false, .employeeContracts--StatusChip--expired {
  background-color: #fedfdf !important;
  color: #f86060 !important;
}
.employeeContracts--StatusChip--draft, .employeeContracts--StatusChip--inactive {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.employeeContracts--StatusChip--upcoming {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}.viewContractHistory--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewContractHistory--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewContractHistory--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewContractHistory--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewContractHistory--Container--Right {
  width: 25%;
}
.viewContractHistory--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewContractHistory--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewContractHistory--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewContractHistory--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewContractHistory--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewContractHistory--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewContractHistory--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewContractHistory--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewContractHistory--DeleteButton {
  color: #f86060 !important;
}
.viewContractHistory--EditButton {
  color: #1f2125 !important;
}
.viewContractHistory--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewContractHistory--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewContractHistory--StatusChip {
  border-radius: 0.25rem;
}
.viewContractHistory--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewContractHistory--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewContractHistory--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewContractHistory--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewContractHistory--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewContractHistory--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.requisitionManagement {
  padding: 0rem 2rem;
  width: 100%;
}
.requisitionManagement--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.requisitionManagement--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.requisitionManagement--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.viewRequisition--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewRequisition--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewRequisition--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewRequisition--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewRequisition--Container--Right {
  width: 25%;
}
.viewRequisition--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewRequisition--RejectButton {
  color: #c64d4d !important;
}
.viewRequisition--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.viewRequisition--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.viewRequisition--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewRequisition--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewRequisition--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewRequisition--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewRequisition--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewRequisition--EditButton {
  color: #1f2125 !important;
}
.viewRequisition--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewRequisition--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewRequisition--DeleteButton {
  color: #f86060 !important;
}
.viewRequisition--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewRequisition--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewRequisition--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewRequisition--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewRequisition--DeleteButton {
  color: #f86060 !important;
}
.viewRequisition--EditButton {
  color: #1f2125 !important;
}
.viewRequisition--StatusChip {
  border-radius: 0.25rem;
}
.viewRequisition--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewRequisition--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewRequisition--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewRequisition--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewRequisition--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewRequisition--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewRequisition--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewRequisition--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.viewRequisition--SectionDivider {
  border-color: #eeeff1;
}.utilizationChart--Allocated-Bar {
  color: #e5d6a6;
}
.utilizationChart--Used-Bar {
  fill: #2EB273;
  color: #2EB273;
}
.utilizationChart--MoneyReceive {
  color: #2EB273;
  width: 16px !important;
}
.utilizationChart--MoneySend {
  color: #e5d6a6;
  width: 16px !important;
}
.utilizationChart--CenterText {
  position: "absolute";
  inset: 0;
  display: "flex";
  align-items: "center";
  justify-content: "center";
  flex-direction: "column";
}.summary--LeftDivider {
  border-color: #eeeff1;
  margin-right: 0;
}
.summary--TabList {
  border-bottom: 1px solid #eeeff1;
  min-height: 48px;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #54CC96;
}
.summary--Tab {
  text-transform: none;
  min-height: 48px;
  padding: 12px 16px;
  color: #919294;
}
.summary--Tab.Mui-selected {
  color: #54CC96;
}
.summary--Tab:hover {
  color: #6FD3A6;
}
.summary--TabPanel {
  padding: 1.5rem 0;
  height: calc(100vh - 200px);
  overflow-y: auto;
}
.summary--TabPanel::-webkit-scrollbar {
  width: 4px;
}
.summary--TabPanel::-webkit-scrollbar-track {
  background: #fbfbfb;
}
.summary--TabPanel::-webkit-scrollbar-thumb {
  background: #d3d3d4;
  border-radius: 2px;
}
.summary--TabPanel::-webkit-scrollbar-thumb:hover {
  background: #bdbebf;
}.custom-node {
  padding: 12px;
  border-radius: 8px;
  background: white;
  border: 2px solid #e5e7eb;
  min-width: 250px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.custom-node:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-color: #3b82f6;
}
.custom-node .node-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.custom-node .node-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  flex-shrink: 0;
}
.custom-node .node-title {
  flex: 1;
}
.custom-node .node-actions {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.2s;
}
.custom-node:hover .node-actions {
  opacity: 1;
}
.custom-node .node-content {
  margin-left: 40px;
  margin-bottom: 8px;
}
.custom-node .node-add-button {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  opacity: 0;
  transition: opacity 0.2s;
}
.custom-node:hover .node-add-button {
  opacity: 1;
}
.custom-node .node-edit-btn,
.custom-node .node-delete-btn,
.custom-node .add-icon-btn {
  padding: 4px;
}
.custom-node .node-edit-btn:hover,
.custom-node .node-delete-btn:hover,
.custom-node .add-icon-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.custom-node .node-delete-btn {
  color: #ef4444;
}
.custom-node .add-icon-btn {
  color: #3b82f6;
}

.trigger-node .trigger-icon {
  background-color: #fef3c7;
  color: #f59e0b;
}

.trigger-action-buttons {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.trigger-action-buttons .trigger-action-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.trigger-action-buttons .trigger-action-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.trigger-action-buttons .trigger-action-btn.criteria-btn {
  background-color: #dbeafe;
  border-color: #3b82f6;
  color: #3b82f6;
}
.trigger-action-buttons .trigger-action-btn.criteria-btn:hover {
  background-color: #3b82f6;
  color: white;
}
.trigger-action-buttons .trigger-action-btn.action-btn {
  background-color: #d1fae5;
  border-color: #10b981;
  color: #10b981;
}
.trigger-action-buttons .trigger-action-btn.action-btn:hover {
  background-color: #10b981;
  color: white;
}

.criteria-node .criteria-icon {
  background-color: #dbeafe;
  color: #3b82f6;
}
.criteria-node .handle-pass {
  background-color: #5BCE97;
}
.criteria-node .handle-fail {
  background-color: #EF4444;
}

.pass-node {
  border-color: #5BCE97;
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
}
.pass-node .pass-icon {
  background-color: #dcfce7;
  color: #16a34a;
}
.pass-node .node-content {
  color: #166534;
}

.fail-node {
  border-color: #EF4444;
  background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%);
}
.fail-node .fail-icon {
  background-color: #fee2e2;
  color: #dc2626;
}
.fail-node .node-content {
  color: #991b1b;
}

.action-node .action-icon {
  background-color: #e0e7ff;
  color: #6366f1;
}

.node-handle {
  width: 10px;
  height: 10px;
  background-color: #3b82f6;
  border: 2px solid white;
}
.node-handle.react-flow__handle-connecting {
  background-color: #16a34a;
}.addEntityDrawer__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.addEntityDrawer__panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: 100%;
  background: #FFFFFF;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  animation: slideIn 0.3s ease;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
.addEntityDrawer__header {
  padding: 20px 24px;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addEntityDrawer__header__title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.addEntityDrawer__header__close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.addEntityDrawer__header__close:hover {
  background: #F5F5F5;
}
.addEntityDrawer__header__close svg {
  font-size: 20px;
  color: #666;
}
.addEntityDrawer__content {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.addEntityDrawer__field {
  margin-bottom: 20px;
}
.addEntityDrawer__field__label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px;
}
.addEntityDrawer__field__label__required {
  color: #EB5757;
}
.addEntityDrawer__field__input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  font-size: 14px;
  color: #333;
  background: #FFFFFF;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}
.addEntityDrawer__field__input:focus {
  outline: none;
  border-color: #27AE60;
}
.addEntityDrawer__field__input::placeholder {
  color: #999;
}
.addEntityDrawer__field__input {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
}
.addEntityDrawer__field__input[type=text] {
  background-image: none;
  cursor: text;
}
.addEntityDrawer__field__error {
  display: block;
  font-size: 12px;
  color: #EB5757;
  margin-top: 4px;
}
.addEntityDrawer__footer {
  padding: 16px 24px;
  border-top: 1px solid #E0E0E0;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.addEntityDrawer__footer__button {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.addEntityDrawer__footer__button--primary {
  background: #27AE60;
  border: 1px solid #27AE60;
  color: #FFFFFF;
}
.addEntityDrawer__footer__button--primary:hover:not(:disabled) {
  background: #219653;
  border-color: #219653;
}
.addEntityDrawer__footer__button--primary:disabled {
  background: #A0A0A0;
  border-color: #A0A0A0;
  cursor: not-allowed;
}
.addEntityDrawer__footer__button--secondary {
  background: #FFFFFF;
  border: 1px solid #27AE60;
  color: #27AE60;
}
.addEntityDrawer__footer__button--secondary:hover:not(:disabled) {
  background: rgba(39, 174, 96, 0.1);
}
.addEntityDrawer__footer__button--secondary:disabled {
  border-color: #A0A0A0;
  color: #A0A0A0;
  cursor: not-allowed;
}
.addEntityDrawer__footer__button--ghost {
  background: transparent;
  border: none;
  color: #666;
}
.addEntityDrawer__footer__button--ghost:hover:not(:disabled) {
  color: #333;
}
.addEntityDrawer__footer__button--ghost:disabled {
  color: #A0A0A0;
  cursor: not-allowed;
}.hierarchyTree {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  min-width: fit-content;
}
.hierarchyTree__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.hierarchyTree__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  color: #666;
  font-size: 14px;
}
.hierarchyTree__nodeWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.hierarchyTree__children {
  position: relative;
  margin-top: 40px;
}
.hierarchyTree__level {
  display: flex;
  justify-content: center;
  gap: 24px;
  position: relative;
}
.hierarchyTree__connector {
  position: absolute;
  background: #E0E0E0;
}
.hierarchyTree__connector--vertical {
  width: 2px;
  height: 40px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.hierarchyTree__connector--horizontal {
  height: 2px;
  top: -20px;
}.addResignationTermination--HeaderButtons {
  display: flex;
  gap: 1rem;
}
.addResignationTermination--HeaderButtons--DiscardButton:hover {
  background-color: #f5f5f5;
}
.addResignationTermination--FormContainer {
  background: white;
  border-radius: 4px;
  padding: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.editResignationTermination--HeaderButtons {
  display: flex;
  gap: 1rem;
}
.editResignationTermination--HeaderButtons--DiscardButton:hover {
  background-color: #f5f5f5;
}
.editResignationTermination--FormContainer {
  background: white;
  border-radius: 4px;
  padding: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.viewResignationTermination--HeaderButtons {
  display: flex;
  gap: 1rem;
}
.viewResignationTermination--Container {
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}.timePicker {
  border-radius: 0.25rem;
  width: 100%;
}
.timePicker input {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.timePicker :disabled {
  -webkit-text-fill-color: unset;
}
.timePicker svg {
  font-size: medium;
}

.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item.Mui-selected {
  background-color: #4AC08C;
  border-radius: 0.5rem;
}
.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item:hover {
  border-radius: 0.5rem;
  background-color: #f5f6f5;
  color: #1F7C5E;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root {
  border-radius: 0.5rem;
  color: #4AC08C;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root:hover {
  border-radius: 0.5rem;
  background-color: #f5f6f5;
  color: #1F7C5E;
}

.requiredStar {
  color: #c64d4d;
}.form--Container {
  padding: 1.5rem 2rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 16px 0 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 8px 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}.runPayroll--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.runPayroll--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.runPayroll--FormContainer {
  width: 100%;
  padding: 2rem;
  padding-bottom: 100px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.runPayroll--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}
.runPayroll--Validation-Icon {
  width: 24px !important;
  height: 24px !important;
}
.runPayroll--Validation-Icon--Pending {
  color: #a6914d !important;
}
.runPayroll--Validation-Icon--Validated {
  color: #2EB273 !important;
}
.runPayroll--Validation-Icon--Error {
  color: #F97316 !important;
}
.runPayroll--Payroll-Box {
  border-top: 1px solid #d3d3d4 !important;
  padding-top: 12px !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.runPayroll--Payroll-Box--Icons {
  width: 16px !important;
  height: 16px !important;
}
.runPayroll--Payroll-Box--Icons--Total {
  color: #54CC96 !important;
}
.runPayroll--Payroll-Box--Icons--Validated {
  color: #2EB273 !important;
}
.runPayroll--Payroll-Box--Icons--Warning {
  color: #f86060 !important;
}
.runPayroll--Payroll-Box--KPI-Container {
  display: flex;
  flex-direction: row;
  gap: 12px !important;
}
.runPayroll--Payroll-Box--KPI-Box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f5f6f5 !important;
  width: 178px !important;
  height: 33px !important;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #eeeff1;
  padding: 8px;
}
.runPayroll--Total-Container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 651;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #eeeff1 !important;
  padding: 12px 24px !important;
  box-shadow: 10px -8px 25px 0px #bdbebf;
}
.runPayroll--Total-Container--Wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.runPayroll--Total-Container--KPI {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.runPayroll--Total-Container--KPI--Details {
  width: 210px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.runPayroll--Total-Container--Payable {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 159px;
  height: 57px;
  padding-right: 16px;
  border: 1px solid #EEEFF1;
  background-color: #fff;
}
.runPayroll--Total-Container--Payable--Content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}.ruleGroup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0.25rem;
  border-width: 1px;
  background: rgba(0, 75, 183, 0.2);
}
.ruleGroup .ruleGroup-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ruleGroup .ruleGroup-body:empty {
  display: none;
}
.ruleGroup .ruleGroup-header,
.ruleGroup .rule {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}

[data-inlinecombinators=disabled] .dndOver.rule, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=disabled] .dndOver.rule.dndCopy, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header.dndCopy {
  border-bottom-color: #669933;
}

[data-inlinecombinators=enabled] .dndOver.rule:last-child, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules, [data-inlinecombinators=enabled] .dndOver.betweenRules {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=enabled] .dndOver.rule:last-child.dndCopy, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header.dndCopy, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules.dndCopy, [data-inlinecombinators=enabled] .dndOver.betweenRules.dndCopy {
  border-bottom-color: #669933;
}

.ruleGroup.dndDragging,
.rule.dndDragging {
  opacity: 0.5;
}
.ruleGroup .queryBuilder-dragHandle,
.rule .queryBuilder-dragHandle {
  cursor: move;
}

.queryBuilder-branches .ruleGroup-body {
  margin-left: calc(2 * 0.5rem);
}
.queryBuilder-branches .rule,
.queryBuilder-branches .ruleGroup .ruleGroup {
  position: relative;
}
.queryBuilder-branches .rule::before, .queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: -0.5rem;
  height: calc(50% + 0.5rem);
  border-width: 0 0 1px 1px;
}
.queryBuilder-branches .rule:last-child::before,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
  border-bottom-left-radius: 0.25rem;
}
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  top: 50%;
  height: 50%;
  border-width: 0 0 0 1px;
}
.queryBuilder-branches .rule:last-child::after,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
  display: none;
}
.queryBuilder-branches .ruleGroup .ruleGroup::before, .queryBuilder-branches .ruleGroup .ruleGroup::after {
  left: calc(-0.5rem - 1px - 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: calc(-0.5rem - 1px);
  height: calc(50% + 0.5rem + 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  height: calc(50% + 1px);
}
.queryBuilder-branches .betweenRules {
  position: relative;
}
.queryBuilder-branches .betweenRules::before {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
  top: -0.5rem;
  height: calc(100% + 0.5rem);
  border-width: 0 0 0 1px;
}.employee-assets {
  padding: 20px;
}
.employee-assets__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.employee-assets__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.employee-assets__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.employee-assets__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.employee-assets__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.employee-assets__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.employee-assets__grid-card-header .status--available {
  background: #e8f5e9;
  color: #28a745;
}
.employee-assets__grid-card-header .status--assigned {
  background: #e3f2fd;
  color: #007bff;
}
.employee-assets__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.employee-assets__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.employee-assets__grid-card-content {
  margin-bottom: 12px;
}
.employee-assets__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.employee-assets__grid-card-content p strong {
  color: #333;
}
.employee-assets__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.employee-assets__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.employee-assets__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.employee-assets__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.employee-assets__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.employee-assets__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}

.asset--StatusAvailable {
  color: #28a745;
}

.asset--StatusAssigned {
  color: #007bff;
}

.asset--StatusDamaged {
  color: #dc3545;
}

.asset--StatusUnderRepair {
  color: #ffc107;
}

.asset-request--StatusApproved {
  color: #28a745;
}

.asset-request--StatusRejected {
  color: #dc3545;
}

.asset-request--StatusRequested,
.asset-request--StatusPending {
  color: #ffc107;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.employee-assets-form {
  padding: 2rem;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.viewMyAssets {
  height: calc(100vh - 140px);
  overflow: hidden;
}
.viewMyAssets--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewMyAssets--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewMyAssets--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewMyAssets--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewMyAssets--Container--Right {
  width: 25%;
}
.viewMyAssets--outlined {
  color: var(--theme-neutral-100) !important;
}
.viewMyAssets--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.viewMyAssets--RejectButton {
  color: #f86060 !important;
}
.viewMyAssets .view-content-wrapper {
  display: flex;
  height: 100%;
}
.viewMyAssets .main-details {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.viewMyAssets .side-summary {
  width: 350px;
  background-color: var(--theme-secondary-50);
  border-left: 1px solid var(--theme-secondary-200);
}
.viewMyAssets--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0.625rem 0;
}
.viewMyAssets--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewMyAssets--Accordion--TabPanel {
  padding: 1.5rem 0;
}

.viewReceiveHandover--Container {
  overflow-y: auto;
  height: 100%;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 8 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 0px 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}
.form--AddSkillButton {
  color: #232529 !important;
}.employee-assets-form--outlined {
  color: var(--theme-neutral-100) !important;
}.employee-assets-form--outlined {
  color: var(--theme-neutral-100) !important;
}.asset-request {
  padding: 20px;
}
.asset-request--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.asset-request--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.asset-request--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.asset-request--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.asset-request__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.asset-request__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.asset-request__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.asset-request__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.asset-request__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.asset-request__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.asset-request__grid-card-header .status--available {
  background: #e8f5e9;
  color: #28a745;
}
.asset-request__grid-card-header .status--assigned {
  background: #e3f2fd;
  color: #007bff;
}
.asset-request__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.asset-request__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.asset-request__grid-card-content {
  margin-bottom: 12px;
}
.asset-request__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.asset-request__grid-card-content p strong {
  color: #333;
}
.asset-request__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.asset-request__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.asset-request__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.asset-request__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asset-request__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.asset-request__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}.approve-reject--outlined {
  color: var(--theme-neutral-100) !important;
}
.approve-reject--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.approve-reject--RejectButton {
  color: #f86060 !important;
}.view-requested {
  height: calc(100vh - 140px);
  overflow: hidden;
}
.view-requested--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.view-requested--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.view-requested--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.view-requested--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.view-requested--Container--Right {
  width: 25%;
}
.view-requested--outlined {
  color: var(--theme-neutral-100) !important;
}
.view-requested--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.view-requested--RejectButton {
  color: #f86060 !important;
}
.view-requested .view-content-wrapper {
  display: flex;
  height: 100%;
}
.view-requested .main-details {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.view-requested .side-summary {
  width: 350px;
  background-color: var(--theme-secondary-50);
  border-left: 1px solid var(--theme-secondary-200);
}
.view-requested--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0.625rem 0;
}
.view-requested--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.view-requested--Accordion--TabPanel {
  padding: 1.5rem 0;
}

.viewReceiveHandover--Container {
  overflow-y: auto;
  height: 100%;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.employee-assets-form {
  padding: 2rem;
}.employee-assets-form {
  padding: 2rem;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.view-receive-handover--Container {
  padding: 2rem;
}
.view-receive-handover--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.view-receive-handover--StatusChip--intransit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.view-receive-handover--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.view-receive-handover--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}.form--Container {
  padding: 0.5rem 1.5rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 8 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 2rem 0;
}
.form--CheckboxSection {
  padding: 0px 12px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.form--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}
.form--Components--Checkbox {
  width: 100%;
  display: flex;
}
.form--AddSkillButton {
  color: #232529 !important;
}.add-report-damage-loss--Container {
  padding: 0.5rem;
  width: 100%;
}

.add-report-damage-loss--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.add-report-damage-loss--Actions {
  display: flex;
  gap: 12px;
}.edit-report-damage-loss--Container {
  width: 100%;
}

.edit-report-damage-loss--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.edit-report-damage-loss--Actions {
  display: flex;
  gap: 12px;
}.view-report-damage-loss--Container {
  padding: 24px;
  width: 100%;
}

.view-report-damage-loss--Header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.view-report-damage-loss--Actions {
  display: flex;
  gap: 12px;
}

.view-report-damage-loss--Card {
  margin-bottom: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.view-report-damage-loss--Attachment {
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.view-report-damage-loss--Attachment a {
  text-decoration: none;
}
.view-report-damage-loss--Attachment a:hover {
  text-decoration: underline;
}

.view-report-damage-loss--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.view-report-damage-loss--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.view-report-damage-loss--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.view-report-damage-loss--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.view-report-damage-loss--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.asset-allocation {
  padding: 2rem;
}
.asset-allocation--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.asset-allocation--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.asset-allocation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.asset-allocation--StatusChip--cancelled {
  background-color: #fcbfbf !important;
  color: #c64d4d;
}
.asset-allocation--StatusChip--created {
  background-color: #d0f0da !important;
  color: #2EB273;
}
.asset-allocation--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529;
}
.asset-allocation--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #82691a;
}
.asset-allocation--StatusChip--pendingapproval {
  background-color: #f6dee8 !important;
  color: #934082;
}
.asset-allocation--StatusChip--approved {
  background-color: #d0f0da !important;
  color: #2EB273;
}
.asset-allocation--StatusChip--intransit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.asset-allocation--StatusChip--received {
  background-color: #4AC08C !important;
  color: #fbfbfb;
}
.asset-allocation--StatusChip--billed {
  background-color: #cdebf4 !important;
  color: #5894a5;
}
.asset-allocation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #c64d4d;
}
.asset-allocation--StatusChip--closed {
  background-color: #bdbebf !important;
  color: #fbfbfb;
}
.asset-allocation--StatusChip--pendingbilling {
  background-color: #eeeff1 !important;
  color: #232529;
}
.asset-allocation--StatusChip--partiallybilled {
  background-color: #cdebf4 !important;
  color: #246e82;
}
.asset-allocation--StatusChip--fullybilled {
  background-color: #d0f0da !important;
  color: #2EB273;
}
.asset-allocation--StatusChip--pendingreceiving {
  background-color: #eeeff1 !important;
  color: #232529;
}
.asset-allocation--StatusChip--partiallyreceived {
  background-color: #cdebf4 !important;
  color: #246e82;
}
.asset-allocation--StatusChip--fullyreceived {
  background-color: #d0f0da !important;
  color: #2EB273;
}
.asset-allocation__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.asset-allocation__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.asset-allocation__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.asset-allocation__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.asset-allocation__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.asset-allocation__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.asset-allocation__grid-card-header .status--available {
  background: #e8f5e9;
  color: #28a745;
}
.asset-allocation__grid-card-header .status--assigned {
  background: #e3f2fd;
  color: #007bff;
}
.asset-allocation__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.asset-allocation__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.asset-allocation__grid-card-content {
  margin-bottom: 12px;
}
.asset-allocation__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.asset-allocation__grid-card-content p strong {
  color: #333;
}
.asset-allocation__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.asset-allocation__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.asset-allocation__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.asset-allocation__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asset-allocation__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.asset-allocation__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}.view-asset-allocation {
  height: calc(100vh - 140px);
  overflow: hidden;
}
.view-asset-allocation--outlined {
  color: var(--theme-neutral-100) !important;
}
.view-asset-allocation--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.view-asset-allocation--RejectButton {
  color: #f86060 !important;
}
.view-asset-allocation .view-content-wrapper {
  display: flex;
  height: 100%;
}
.view-asset-allocation .main-details {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.view-asset-allocation .side-summary {
  width: 350px;
  background-color: var(--theme-secondary-50);
  border-left: 1px solid var(--theme-secondary-200);
}
.view-asset-allocation .view--Accordion {
  box-shadow: none;
  border: 1px solid var(--theme-secondary-200);
  border-radius: 8px !important;
}
.view-asset-allocation .view--Accordion:before {
  display: none;
}
.view-asset-allocation .view--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.view-asset-allocation .view--Accordion .MuiAccordionSummary-root {
  padding: 0 !important;
}
.view-asset-allocation--section {
  overflow: hidden;
}
.view-asset-allocation--sectionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0px;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid var(--theme-secondary-200);
  background-color: var(--theme-neutral-100, #ffffff);
}
.view-asset-allocation--sectionHeader:hover {
  background-color: var(--theme-secondary-50, #f9f9f9);
}
.view-asset-allocation--sectionHeader svg {
  color: var(--theme-neutral-600, #6b7280);
  font-size: 20px;
}
.view-asset-allocation--sectionBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 32px 20px;
  background-color: var(--theme-neutral-100, #ffffff);
}
.view-asset-allocation--sectionBody p {
  color: var(--theme-neutral-500, #6b7280);
  font-size: 14px;
}
.view-asset-allocation--sectionAction {
  border-color: var(--theme-neutral-300, #d1d5db) !important;
  color: var(--theme-neutral-700, #374151) !important;
  font-size: 13px !important;
  padding: 6px 16px !important;
}
.view-asset-allocation--sectionAction:hover {
  background-color: var(--theme-secondary-50, #f9fafb) !important;
}.aam--header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 12px 0 20px;
  border-bottom: 1px solid var(--theme-secondary-200, #e5e7eb);
  margin-bottom: 0;
}
.aam--headerItem {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.aam--body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-top: 20px;
  min-height: 380px;
}
.aam--panel {
  border: 1px solid var(--theme-secondary-200, #e5e7eb);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.aam--panelHeader {
  padding: 12px 16px;
  background-color: var(--theme-secondary-50, #f9fafb);
  border-bottom: 1px solid var(--theme-secondary-200, #e5e7eb);
}
.aam--tableWrapper {
  flex: 1;
  overflow-y: auto;
  max-height: 300px;
}
.aam--panelFooter {
  padding: 12px 16px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--theme-secondary-200, #e5e7eb);
  background-color: var(--theme-neutral-100, #fff);
}
.aam--table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.aam--table th,
.aam--table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--theme-secondary-100, #f3f4f6);
}
.aam--table th {
  font-weight: 600;
  color: var(--theme-neutral-600, #6b7280);
  background-color: var(--theme-secondary-50, #f9fafb);
  font-size: 12px;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 1;
}
.aam--table td {
  color: var(--theme-neutral-800, #1f2937);
}
.aam--table tbody tr {
  cursor: pointer;
  transition: background 0.15s ease;
}
.aam--table tbody tr:hover {
  background-color: var(--theme-secondary-50, #f9fafb);
}
.aam--table tbody tr:last-child td {
  border-bottom: none;
}
.aam--row--selected {
  background-color: var(--theme-primary-50, #eff6ff) !important;
}
.aam--emptyState {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding: 40px 20px;
  height: 100%;
  min-height: 200px;
}
.aam--emptyState p {
  color: var(--theme-neutral-500, #6b7280);
  font-size: 13px;
  text-align: center;
}
.aam--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  min-height: 200px;
}
.aam--inlineInput {
  border: 1px solid var(--theme-secondary-300, #d1d5db);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  width: 100%;
  outline: none;
  transition: border-color 0.15s ease;
}
.aam--inlineInput:focus {
  border-color: #6FD3A6;
  box-shadow: 0 0 0 2px rgba(111, 211, 166, 0.15);
}
.aam--moveButton {
  border-color: var(--theme-neutral-300, #d1d5db) !important;
  color: var(--theme-neutral-700, #374151) !important;
  font-size: 13px !important;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.my-assets {
  padding: 20px;
}
.my-assets--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.my-assets--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.my-assets--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.my-assets__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.my-assets__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.my-assets__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.my-assets__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.my-assets__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.my-assets__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.my-assets__grid-card-header .status--approved {
  background: #e8f5e9;
  color: #28a745;
}
.my-assets__grid-card-header .status--rejected {
  background: #e3f2fd;
  color: #007bff;
}
.my-assets__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.my-assets__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.my-assets__grid-card-content {
  margin-bottom: 12px;
}
.my-assets__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.my-assets__grid-card-content p strong {
  color: #333;
}
.my-assets__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.my-assets__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.my-assets__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.my-assets__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.my-assets__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.my-assets__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}

.asset--StatusAvailable {
  color: #28a745;
}

.asset--StatusAssigned {
  color: #007bff;
}

.asset--StatusDamaged {
  color: #dc3545;
}

.asset--StatusUnderRepair {
  color: #ffc107;
}

.asset-request--StatusApproved {
  color: #28a745;
}

.asset-request--StatusRejected {
  color: #dc3545;
}

.asset-request--StatusRequested,
.asset-request--StatusPending {
  color: #ffc107;
}.damage-loss {
  padding: 2rem;
}
.damage-loss--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.damage-loss--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.damage-loss--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.damage-loss--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}.receive-handover {
  padding: 2rem;
}
.receive-handover--TypeChip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.receive-handover .MuiTableCell-root a {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.receive-handover--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.receive-handover--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.receive-handover--StatusChip--completed {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.receive-handover--StatusChip--intransit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.receive-handover--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.receive-handover__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.receive-handover__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.receive-handover__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.receive-handover__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.receive-handover__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.receive-handover__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.receive-handover__grid-card-header .status--available {
  background: #e8f5e9;
  color: #28a745;
}
.receive-handover__grid-card-header .status--assigned {
  background: #e3f2fd;
  color: #007bff;
}
.receive-handover__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.receive-handover__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.receive-handover__grid-card-content {
  margin-bottom: 12px;
}
.receive-handover__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.receive-handover__grid-card-content p strong {
  color: #333;
}
.receive-handover__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.receive-handover__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.receive-handover__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.receive-handover__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.receive-handover__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.receive-handover__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}.asset-tracker {
  padding: 1.5rem;
}
.asset-tracker--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.asset-tracker--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.asset-tracker--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.asset-tracker__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px 0;
}
.asset-tracker__grid-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease;
}
.asset-tracker__grid-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.asset-tracker__grid-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.asset-tracker__grid-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1F2125;
}
.asset-tracker__grid-card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.asset-tracker__grid-card-header .status--available {
  background: #e8f5e9;
  color: #28a745;
}
.asset-tracker__grid-card-header .status--assigned {
  background: #e3f2fd;
  color: #007bff;
}
.asset-tracker__grid-card-header .status--damaged {
  background: #ffebee;
  color: #dc3545;
}
.asset-tracker__grid-card-header .status--under-repair {
  background: #fff3e0;
  color: #ffc107;
}
.asset-tracker__grid-card-content {
  margin-bottom: 12px;
}
.asset-tracker__grid-card-content p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #666;
}
.asset-tracker__grid-card-content p strong {
  color: #333;
}
.asset-tracker__grid-card-actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
.asset-tracker__grid-card-actions button {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s ease;
}
.asset-tracker__grid-card-actions button:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.asset-tracker__grid-card-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asset-tracker__grid-card-actions button.destructive {
  color: #dc3545;
  border-color: #dc3545;
}
.asset-tracker__grid-card-actions button.destructive:hover:not(:disabled) {
  background: #dc3545;
  color: #fff;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.asset-request-select-modal--content {
  padding: 16px 0;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.asset-request-select-modal--label {
  margin-bottom: 4px;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.view-asset-tracker--FormContainer {
  padding: 24px;
  width: 100%;
}
.view-asset-tracker--Content {
  background-color: #fff;
  border-radius: 8px;
}
.view-asset-tracker--Accordion {
  box-shadow: none !important;
  border-top: 1px solid #e0e0e0;
}
.view-asset-tracker--Accordion.Mui-expanded {
  margin: 0 !important;
}
.view-asset-tracker--Accordion .MuiAccordionSummary-root {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 24px;
}
.view-asset-tracker--Accordion .MuiAccordionDetails-root {
  padding: 24px;
}
.view-asset-tracker--StatusChip {
  border-radius: 4px !important;
  color: #fff !important;
}
.view-asset-tracker--StatusChip--available {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.view-asset-tracker--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.view-asset-tracker--StatusChip--in_transit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.view-asset-tracker--StatusChip--inmaintenance {
  background-color: #F86060 !important;
  color: #fff !important;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0rem 0 0.625rem;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.summary--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none;
  color: #232529;
}
.summary--Tab.Mui-selected {
  color: #232529 !important;
}
.summary--TabPanel {
  padding: 1.5rem 0 !important;
}
.summary--TabPanel .ActivityContainer {
  width: 100%;
  position: unset;
}.asset-history {
  background-color: var(--theme-background-100);
  height: 100%;
}
.asset-history--FormContainer {
  height: calc(100vh - 150px);
  overflow: hidden;
  padding: 1rem 0rem;
}
.asset-history--Content {
  background: var(--theme-background-0);
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.asset-history--Timeline {
  flex: 1;
  overflow-y: auto;
  padding: 0 24px;
}
.asset-history--TimelineItem {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: #FBFBFB;
  border: 1px solid #F5F6F5;
  gap: 16px;
}
.asset-history--TimelineStatus {
  min-width: 100px;
}
.asset-history--TimelineDetails {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asset-history--TimelineDate {
  color: var(--theme-text-secondary);
  font-size: 13px;
}
.asset-history--FilterBadge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f3f4f6;
  padding: 4px 12px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px solid var(--theme-divider);
}
.asset-history--FilterBadge:hover {
  background: var(--theme-background-100);
}
.asset-history--StatusChip {
  border-radius: 4px !important;
  color: #fff !important;
}
.asset-history--StatusChip--available {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.asset-history--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.asset-history--StatusChip--in_transit {
  background-color: #f6dee8 !important;
  color: #a55d95 !important;
}
.asset-history--StatusChip--returned {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.asset-history--StatusChip--transferred {
  background-color: #F59E0B !important;
  color: #fff !important;
}
.asset-history--StatusChip--available {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.asset-history--StatusChip--inmaintenance {
  background-color: #F86060 !important;
  color: #fff !important;
}
.asset-history--StatusChip--maintenance {
  background-color: #F86060 !important;
  color: #fff !important;
}

.search-filter {
  display: flex;
  gap: 4px;
  width: 220px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 4px 12px;
  align-items: center;
  cursor: pointer;
}
.search-filter .css-1age63q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.search-filter .css-1age63q p {
  font-size: 14px;
}
.search-filter .css-16hz2ux {
  height: 100%;
}

.search-filter .filter-select .MuiSelect-select {
  padding: 0px;
}.candidateGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.candidateGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.candidateGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.candidateGridView--CardFooter {
  margin-top: 0.5rem;
}
.candidateGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.candidateGridView--redirection {
  cursor: pointer;
  width: 100%;
}
.candidateGridView--InReview {
  background-color: #fff3e0;
  color: #f57c00;
}
.candidateGridView--Shortlisted {
  background-color: #FDE68A;
  color: #B45309;
}
.candidateGridView--Offered {
  background-color: #e8f5e9;
  color: #388e3c;
}
.candidateGridView--Hired {
  background-color: #c8e6c9;
  color: #2e7d32;
}
.candidateGridView--Rejected {
  background-color: #ffebee;
  color: #c62828;
}/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
.document-verification-modal {
  padding-top: 22px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.document-verification-modal--content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 70vh;
  min-height: 600px;
}
.document-verification-modal--filename {
  flex-shrink: 0;
}
.document-verification-modal--preview {
  flex: 1;
  min-height: 0;
  border-radius: 8px;
  overflow: hidden;
  background-color: #F5F6F5;
}
.document-verification-modal--remarks {
  flex-shrink: 0;
}
.document-verification-modal--reject-btn {
  color: #f86060 !important;
  border-color: #f86060 !important;
}
.document-verification-modal--reject-btn:hover {
  background-color: #fedfdf !important;
}
.document-verification-modal--verify-btn {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.document-verification-modal--verify-btn:hover {
  background-color: #279769 !important;
}

.document-verification-preview {
  width: 100%;
  height: 100%;
  position: relative;
}
.document-verification-preview .react-flow {
  width: 100%;
  height: 100%;
}
.document-verification-preview .react-flow--node {
  cursor: default !important;
}

.document-verification-previewPdf {
  border: 1px solid #eeeff1;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}.viewOfferLetter--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.viewOfferLetter--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.viewOfferLetter--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.viewOfferLetter--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewOfferLetter--Container--Right {
  width: 25%;
}
.viewOfferLetter--SkillChip {
  display: flex;
  padding: 12px !important;
  gap: 0.75rem;
  color: #1f2125 !important;
  background-color: #fbfbfb !important;
  border: 1px solid #bdbebf !important;
  border-radius: 12px !important;
}
.viewOfferLetter--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 0.25rem;
}
.viewOfferLetter--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewOfferLetter--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.viewOfferLetter--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewOfferLetter--EditButton {
  color: #1f2125 !important;
}
.viewOfferLetter--SelectValue {
  background: #eeeff1 !important;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  width: fit-content;
}
.viewOfferLetter--SelectValueWrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.viewOfferLetter--DeleteButton {
  color: #f86060 !important;
}
.viewOfferLetter--StatusApproved {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #d0f0da;
  color: #226e4f;
}
.viewOfferLetter--StatusRejected {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eed2d2;
  color: #883c3c;
}
.viewOfferLetter--StatusDraft {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #eeeff1;
  color: #232529;
}
.viewOfferLetter--StatusSubmitted {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #f7eac0;
  color: #82691a;
}
.viewOfferLetter--DeleteButton {
  color: #f86060 !important;
}
.viewOfferLetter--EditButton {
  color: #1f2125 !important;
}
.viewOfferLetter--ApproveButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #2EB273;
  color: #fbfbfb !important;
}
.viewOfferLetter--RejectButton {
  padding: 4px 6px 4px 6px;
  gap: 8px;
  border-radius: 4px;
  opacity: 0px;
  background-color: #c64d4d;
  color: #fbfbfb !important;
}
.viewOfferLetter--StatusChip {
  border-radius: 0.25rem;
}
.viewOfferLetter--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewOfferLetter--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewOfferLetter--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.viewOfferLetter--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewOfferLetter--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewOfferLetter--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewOfferLetter--CheckboxSection {
  padding: 12px 16px;
  margin: 0 !important;
  border-radius: 12px;
  align-items: center;
  background-color: #fbfbfb;
}
.viewOfferLetter--CheckboxSection .MuiGrid-item {
  padding-top: 0 !important;
}

.checklistCard--Container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
  border-radius: 5px;
  background-color: #fbfbfb;
  border: 1px solid #eeeff1;
}
.checklistCard--Header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.checklistCard--Title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.checklistCard--Validity {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.checklistCard--NoFilename {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 8px;
  background-color: #eeeff1;
}
.checklistCard--Download {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 8px;
  background-color: #fff;
}
.checklistCard--Download--Button {
  color: #1f2125 !important;
  background-color: #fff !important;
}
.checklistCard--StatusChip {
  border-radius: 4px;
  padding: 2px 6px;
}
.checklistCard--StatusChip--verified {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.checklistCard--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #82691a !important;
}

.document-preview-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 130px);
  overflow: hidden;
}
.document-preview-container .react-flow {
  width: 100%;
  height: 100%;
}
.document-preview-container .react-flow__renderer {
  cursor: grab;
}
.document-preview-container .react-flow__renderer:active {
  cursor: grabbing;
}
.document-preview-container .react-flow__controls {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: white;
}
.document-preview-container .react-flow__controls button {
  border-bottom: 1px solid #e0e0e0;
  background: white;
}
.document-preview-container .react-flow__controls button:last-child {
  border-bottom: none;
}
.document-preview-container .react-flow__controls button:hover {
  background-color: #f5f5f5;
}
.document-preview-container .react-flow__controls button svg {
  fill: #333;
}
.document-preview-container .react-flow__node {
  border: none;
  background: transparent;
  padding: 0;
  pointer-events: none;
}
.document-preview-container .react-flow__node-documentNode {
  pointer-events: none;
}

.document-preview-content {
  box-sizing: border-box;
}
.document-preview-content * {
  box-sizing: border-box;
}

.doc-icon {
  color: #2EB273 !important;
}
.doc-icon .doc-bg {
  opacity: 0.4;
}
.doc-icon .doc-line {
  fill: #2EB273 !important;
}
.doc-icon .doc-fold {
  fill: #2EB273 !important;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.gridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.gridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.gridView--CardFooter {
  margin-top: 0.5rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.gridView--Accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.approval-dashboard {
  padding: 0rem 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.approval-dashboard .approval-dashboard-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.request--StatusChip {
  padding: 2px 10px;
  border-radius: 4px;
}
.request--StatusChip--Pending, .request--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.request--StatusChip--Approved, .request--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.request--StatusChip--Rejected, .request--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}

.approval-dashboard__actions .btn--Approve {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
  border: none !important;
  box-shadow: none !important;
}
.approval-dashboard__actions .btn--Approve:hover {
  background-color: #9BE2C6 !important;
}
.approval-dashboard__actions .btn--Approve.Mui-disabled {
  background-color: #eeeff1 !important;
  color: #bdbebf !important;
}
.approval-dashboard__actions .btn--Reject {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
  border: none !important;
  box-shadow: none !important;
}
.approval-dashboard__actions .btn--Reject:hover {
  background-color: #ddb9b9 !important;
}
.approval-dashboard__actions .btn--Reject.Mui-disabled {
  background-color: #eeeff1 !important;
  color: #bdbebf !important;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.gridView--redirection {
  cursor: pointer;
  flex: 1;
}
.gridView--Image {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.gridView--Image:hover {
  opacity: 1;
}
.gridView--Approved {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--CardBottom {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}.viewApprovalDashboard {
  padding: 2rem;
}
.viewApprovalDashboard--Container {
  padding: 1.5rem 0;
}
.viewApprovalDashboard--NotFound {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  min-height: 400px;
}
.viewApprovalDashboard--HeaderButtons {
  display: flex;
  gap: 1rem;
}
.viewApprovalDashboard--Accordion {
  margin-bottom: 1.5rem;
}
.viewApprovalDashboard--SectionDivider {
  margin: 2rem 0;
}
.viewApprovalDashboard--StatusChip--Pending {
  background-color: rgba(255, 152, 0, 0.1);
  color: #ff9800;
}
.viewApprovalDashboard--StatusChip--Approved {
  background-color: rgba(46, 125, 50, 0.1);
  color: #2e7d32;
}
.viewApprovalDashboard--StatusChip--Rejected {
  background-color: rgba(211, 47, 47, 0.1);
  color: #d32f2f;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0rem 0 0.625rem !important;
}
.summary--Accordion .MuiAccordionDetails-root {
  padding: 1rem 0 !important;
}
.summary--FlowCard {
  border: 1px solid #eeeff1;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.summary--FlowCard--Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary--FlowCard--Title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.summary--FlowCard--Stats {
  display: flex;
  gap: 1rem;
}
.summary--FlowCard--StatChip {
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.summary--EmptyState {
  text-align: center;
  padding: 2rem;
  color: #a7a8a9;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.gridView--redirection {
  cursor: pointer;
}

.gridView--Image {
  width: 20px;
  height: 20px;
}

.gridView--CardBottom {
  margin-top: 12px;
}

.resignationTermination--StatusChip--pending {
  background-color: #FFF4E5 !important;
  color: #FF9800 !important;
}

.resignationTermination--StatusChip--approved {
  background-color: #E8F5E9 !important;
  color: #4CAF50 !important;
}

.resignationTermination--StatusChip--rejected {
  background-color: #FFEBEE !important;
  color: #F44336 !important;
}.upload-icon {
  display: inline-block;
  position: relative;
  border-radius: calc(var(--size) * 625rem);
}

.upload-icon.hoverable:hover {
  background-color: #d3d3d4;
}

.FileUploadCard--FileIcon .Avatar {
  background-color: #ebf9f2;
  padding: 0.375rem;
  border-radius: 0.25rem;
}
.FileUploadCard .MuiListItemText-root .MuiTypography-root {
  font-size: 0.75rem;
  color: #232529;
  line-height: 1.05rem;
}
.FileUploadCard .MuiListItemIcon-root {
  min-width: 2.75rem;
}

.upload .MuiDialog-paper {
  min-width: 38.875rem;
  border-radius: 1rem;
}
.upload--head {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fbfbfb;
  border-top: 1px solid #eeeff1;
}
.upload--title {
  display: flex;
  align-items: center;
}
.upload--content {
  padding: 1.5rem 1.375rem 2.25rem 1.375rem;
}
.upload--fileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 16.25rem;
  border: 0.0625rem dashed #d3d3d4;
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: border 0.3s ease;
  text-align: center;
}
.upload--fileContent.drag-active {
  border-color: #4AC08C;
}
.upload--text {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}
.upload--iconBox {
  display: flex;
  flex-direction: column;
}
.upload--actions {
  padding: 0.5rem 1rem;
}
.upload .upload--head .upload--title .dialog-box-title {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}
.upload .upload--head button svg {
  width: 1.25rem;
}
.upload .upload--head button svg path {
  fill: #292d32;
}
.upload .upload--content .input-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}
.upload .autocomplete-input-upload {
  margin-left: 0rem;
  margin-right: 0.3125rem;
  width: 100%;
}
.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root {
  padding: 0rem 0.5rem;
}
.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator {
  display: none;
  visibility: hidden;
}
.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline {
  border-color: #ddd;
  border-width: 0.0625rem;
}
.upload .upload-btn {
  min-width: 6.25rem;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}
.upload .public-check-label {
  margin-left: 0rem;
}
.upload .public-check-label .MuiFormControlLabel-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}
.upload .people-access-accordion {
  border: 0rem;
  border-radius: 0rem;
  box-shadow: none;
  margin-top: 0rem;
}
.upload .people-access-accordion::before {
  background-color: unset;
}
.upload .people-access-accordion .MuiAccordionSummary-root {
  padding: 0rem;
  margin: 0rem;
  min-height: 4rem;
}
.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}
.upload .people-access-accordion .user-accordion-details {
  padding: 0rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list {
  padding: 0rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root {
  padding: 0rem;
  margin-bottom: 0.9375rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name {
  color: #1f2125;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge {
  display: flex;
  padding: 0.25rem 0.375rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background: #f5f6f5;
  overflow: hidden;
  color: #656669;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select {
  padding: 0.5rem 0rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline {
  border: 0rem;
}
.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path {
  fill: #919294;
}
.upload .upload--actions {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  background-color: #eeeff1;
}
.upload .upload--actions .cancel-btn {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  color: #1f2125;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}
.upload .upload--actions .success-btn {
  display: flex;
  padding: 0.375rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  color: #fff;
  background: var(--PrimaryGreen-700, #289b64);
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

.select-menu-items {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}

.user-select-chips {
  border-radius: 0.25rem;
}

.dzu-dropzone {
  border: unset !important;
  background: transparent !important;
  height: 100%;
}

.dzu-inputLabel {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}

.preview-box {
  display: flex;
  align-items: center;
  width: calc(100% - 1.875rem);
  padding: 0.625rem 3%;
  background: #fff;
  border-bottom: 0.0625rem solid #ddd;
  font-size: 0.875rem;
}

.preview-box img {
  max-height: 5rem;
  max-width: 5rem;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #f5f6f5;
}

.document-name {
  display: flex;
  width: 28.125rem;
  align-items: flex-start;
  gap: 0.75rem;
}

.delete-icon {
  cursor: pointer;
}

.upload-list {
  width: 100%;
}

.drop-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.after-drop {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  align-items: center;
}
.after-drop img {
  width: 3rem;
  height: 3rem;
}
.after-drop p {
  font-weight: 500;
}

.device-wrap {
  display: flex;
  gap: 1.5rem;
}
.device-wrap .select-button {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.device-wrap .select-button img {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #eeeff1;
}
.device-wrap .select-button p {
  color: #656669;
}

.bottom-corner-box {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
  max-height: 50%;
}
.bottom-corner-box .box-list {
  overflow-y: auto;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}
.bottom-corner-box .bottom-section {
  border-bottom: 0.063rem solid #eeeff1;
  padding: 0.5rem;
}
.bottom-corner-box .bottom-section .close-icon,
.bottom-corner-box .bottom-section .folder-icon {
  transform: translate(-50%, -79%);
  left: 50%;
  right: unset;
}

.avatar-container {
  position: relative;
  display: flex;
}

.close-icon,
.folder-icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}

.avatar-container:hover .avatar {
  display: none;
}

.avatar-container:hover .close-icon,
.avatar-container:hover .folder-icon {
  display: block;
}

.header-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-50, #fff);
}

.import-text {
  color: #000;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.canceled-text {
  color: #656669;
}

.svgDiv {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-200, #f5f6f5);
}

.svg {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

.body-section {
  display: flex;
  height: 20rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  background: #fff;
}

.document-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.document-body {
  display: flex;
  width: 35.375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.document-name {
  display: flex;
  width: 34.375rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-items: center;
}

.document-choices {
  display: flex;
  width: 9.625rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.document-icon-sm {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-icon-lg {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
}

.svg-document {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.document-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.document-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.document-size {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}
.document-size .success-file {
  color: #289b64;
  margin: 0 0.75rem;
}
.document-size .fail-file {
  color: #f86060;
  margin: 0 0.75rem;
}

.checkbox {
  display: flex;
  height: 2.5625rem;
  align-items: center;
  gap: 0.25rem;
}

.delete-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.checkbox-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.checkbox-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.svg-delete {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.button-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Button-Secondary_BG, #fff);
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.button-body {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.button-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.button-add {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
}

.svg-add {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.button-add-text {
  color: var(--Button-On_Secondary, #1f2125);
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.submit-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 3.125rem;
  align-self: stretch;
  border-top: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-200, #f5f6f5);
}

.btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.btn-cancel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: #fff;
  color: #292d32;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.btn-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-500, #a7a8a9);
  color: #ffffff;
  box-shadow: 0rem 0.125rem 0.3125rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.0625rem 0.0625rem -0.125rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}

.top-section {
  display: flex;
  width: 350rem;
  padding: 0.5rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem 0.75rem 0rem 0rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.top-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
}

.top-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
}

.arrow-btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.svg-arrow-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.svg-cancel-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.bottom-section {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  background: #fff;
}

.svg-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.doc-icon {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
}

.svg-doc {
  width: 20rem;
  height: 20rem;
}

.file-detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.file-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}

.file-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.015rem;
}

.file-status {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}

.svg-status {
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}

.add-file {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
  border: unset;
}

.uploadActions,
.uploadHeader {
  padding: 0.5rem;
  background-color: #fbfbfb;
  border-top: 1px solid #eeeff1;
}

.remove-button {
  position: absolute;
  z-index: 10;
  background: #54CC96;
  height: 30px;
  width: 30px;
  color: white;
  top: -10px;
  right: -10px;
  border: 3px solid white;
}
.remove-button:hover {
  z-index: 10;
  background: #4AC08C;
}

.icon-BG {
  position: relative;
  background: #B6E9D6;
  border-radius: 8px;
}.termination-letter-viewer--LoaderWrapper, .termination-letter-viewer--EmptyWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background-color: #f9fafb;
  border-radius: 8px;
}
.termination-letter-viewer--Wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 80vh;
  overflow: hidden;
}
.termination-letter-viewer--Content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  background-color: #f3f4f6;
  display: flex;
  justify-content: center;
}
.termination-letter-viewer--Content > div {
  width: 100%;
  display: flex;
  justify-content: center;
}
.termination-letter-viewer--Footer {
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.termination-letter-viewer--DownloadBtn {
  height: 40px;
  font-weight: 500;
  text-transform: none;
  color: #2d2d2d !important;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardMiddle {
  margin: 0.75rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gridView--InfoRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.gridView--DetailRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fbfbfb;
  padding: 0.5rem;
  border-radius: 4px;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.editTimeCardEntry--Buttons {
  display: flex;
  gap: 0.75rem;
}
.editTimeCardEntry--DiscardButton {
  color: #1f2125 !important;
}
.editTimeCardEntry--DraftChip {
  background-color: #eeeff1 !important;
}
.editTimeCardEntry--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.editTimeCardEntry--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editTimeCardEntry--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editTimeCardEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editTimeCardEntry--HeaderButtons--DiscardButton {
  color: #1f2125 !important;
}
.editTimeCardEntry--FormContainer {
  width: 100%;
}
.editTimeCardEntry--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}
.editTimeCardEntry--PostButton--Icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}.form--Container {
  padding: 1.5rem 2rem;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.625rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.form--SectionDivider {
  border-color: #eeeff1;
  margin: 1.5rem 0 1rem;
}
.form--SectionHeading {
  margin-top: 0.5rem !important;
}
.form--TableSection {
  margin-top: 0.5rem !important;
}
.form--detailsss {
  margin: 0.5rem 0px !important;
}
.form--Components--Checkbox {
  display: flex;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.gridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.gridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.gridView--CardFooter {
  margin-top: 0.5rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.gridView--Approved {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.resourceAllocation {
  padding: 0rem 2rem;
  width: 100%;
}
.resourceAllocation--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.resourceAllocation--StatusChip--inprogress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.resourceAllocation--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.resourceAllocation--StatusChip--onhold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.resourceAllocation--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.resourceAllocation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.resourceAllocation--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.resourceAllocation--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.resourceAllocation--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.resourceAllocation--EditButton {
  color: #1f2125 !important;
}
.resourceAllocation--DepartmentChip {
  background-color: #feecf1 !important;
  color: #934082 !important;
  border-color: #feecf1 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
}.form--Container {
  padding: 1rem 2rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 2rem 0 !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 0 0 0.625rem !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel1 {
  padding: 0.5rem 0;
}
.form--CheckboxSection1 {
  padding: 1.5rem 1rem;
  margin: 0.5rem 0 !important;
  border-radius: 12px;
  background-color: #f8fafc;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form--CheckboxSection1 .MuiGrid-item {
  padding-top: 0.5rem !important;
}
.form--CheckboxSection1 .MuiTypography-root {
  font-weight: 500;
  color: #475569;
}
.form--AssignInTableSection {
  background-color: #fbfbfb;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.addResourceAllocation--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addResourceAllocation--DiscardButton {
  color: #1f2125 !important;
}
.addResourceAllocation--DraftChip {
  background-color: #eeeff1 !important;
}
.addResourceAllocation--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addResourceAllocation--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addResourceAllocation--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addResourceAllocation--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addResourceAllocation--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addResourceAllocation--FormContainer {
  width: 100%;
}
.addResourceAllocation--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editEmployeeManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editEmployeeManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editEmployeeManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editEmployeeManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editEmployeeManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editEmployeeManagement--FormContainer {
  width: 100%;
}
.editEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.viewResourceAllocation--Buttons {
  display: flex;
  gap: 0.75rem;
}
.viewResourceAllocation--DeleteButton {
  color: #f86060 !important;
}
.viewResourceAllocation--EditButton {
  color: #1f2125 !important;
}
.viewResourceAllocation--Container {
  padding: 2rem;
}
.viewResourceAllocation--ChipContainer {
  display: flex;
  gap: 0.75rem;
}
.viewResourceAllocation--ChipContainer--Chip {
  background-color: #f5f6f5 !important;
  border-radius: 0.5rem !important;
}
.viewResourceAllocation--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.viewResourceAllocation--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-left: 20px;
  padding-top: 24px;
}
.viewResourceAllocation--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viewResourceAllocation--detailContainer {
  border-left: 2px solid #f5f6f5;
}
.viewResourceAllocation--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 1.75rem;
}
.viewResourceAllocation--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewResourceAllocation--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.viewResourceAllocation--Accordion--Title {
  padding-left: 12px;
}
.viewResourceAllocation--Accordion--Filled {
  background-color: #fbfbfb;
}
.viewResourceAllocation--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.viewResourceAllocation--HeaderButtons--DiscardButton, .viewResourceAllocation--HeaderButtons--DraftButton {
  color: #1f2125 !important;
  min-width: 120px;
  color: #1f2125 !important;
}
.viewResourceAllocation--HeaderButtons--SaveButton {
  min-width: 120px;
}
.viewResourceAllocation--HeaderButtons--BackButton {
  min-width: 100px;
  color: #232529 !important;
}
.viewResourceAllocation--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.viewResourceAllocation--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.viewResourceAllocation--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.viewResourceAllocation--StatusChip--inProgress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.viewResourceAllocation--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.viewResourceAllocation--StatusChip--onHold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.viewResourceAllocation--StatusChip--medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.viewResourceAllocation--StatusChip--high {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.viewResourceAllocation--StatusChip--low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.viewResourceAllocation--StatusChip--Medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.viewResourceAllocation--StatusChip--High {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.viewResourceAllocation--StatusChip--Low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.viewResourceAllocation--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.viewResourceAllocation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.viewResourceAllocation--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.viewResourceAllocation--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.viewResourceAllocation--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}

.ActivityContainer {
  width: 100%;
  position: unset;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.resourceAssignment {
  padding: 0rem 2rem;
  width: 100%;
}
.resourceAssignment--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.resourceAssignment--StatusChip--Requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.resourceAssignment--StatusChip--inProgress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.resourceAssignment--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.resourceAssignment--StatusChip--onHold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.resourceAssignment--StatusChip--medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.resourceAssignment--StatusChip--high {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.resourceAssignment--StatusChip--low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.resourceAssignment--StatusChip--Medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.resourceAssignment--StatusChip--High {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.resourceAssignment--StatusChip--Low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.resourceAssignment--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.resourceAssignment--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.resourceAssignment--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.resourceAssignment--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.resourceAssignment--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.resourceAssignment--EditButton {
  color: #1f2125 !important;
}
.resourceAssignment--DepartmentChip {
  background-color: #feecf1 !important;
  color: #934082 !important;
  border-color: #feecf1 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
}.form--Container {
  padding: 1rem 2rem;
}
.form--TabList {
  border-bottom: 1px solid #f3f2f2;
}
.form--TabList .MuiTabs-indicator {
  background-color: #2EB273;
}
.form--TabPanel {
  padding: 2rem 0 !important;
}
.form--Tab {
  border-bottom: 1px solid #f3f2f2;
  text-transform: none !important;
  color: #232529;
}
.form--Tab.Mui-selected {
  color: #232529 !important;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 1.75rem;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.form--Accordion--Title {
  padding-left: 12px;
}
.form--Accordion--Filled {
  background-color: #fbfbfb;
}
.form--CheckboxSection {
  display: flex;
  padding-bottom: 16px;
  border-radius: 12px;
  gap: 12px;
  background-color: #fbfbfb;
}
.form--CheckboxSection--Row {
  align-items: center;
  gap: 8px;
}
.form--AssignInTableSection {
  background-color: #fbfbfb;
}
.form--StatusChip--Done {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.form--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #798638 !important;
}
.form--FileTick {
  font-size: 10px !important;
  color: #279769 !important;
}
.form--FileTickBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #D2F0E6;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.addResourceAllocation--Buttons {
  display: flex;
  gap: 0.75rem;
}
.addResourceAllocation--DiscardButton {
  color: #1f2125 !important;
}
.addResourceAllocation--DraftChip {
  background-color: #eeeff1 !important;
}
.addResourceAllocation--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.addResourceAllocation--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.addResourceAllocation--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addResourceAllocation--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.addResourceAllocation--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.addResourceAllocation--FormContainer {
  width: 100%;
}
.addResourceAllocation--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.editEmployeeManagement {
  display: flex;
  gap: 12px;
  align-items: center;
}
.editEmployeeManagement--DiscardButton {
  min-width: 100px;
  color: #1f2125 !important;
}
.editEmployeeManagement--DraftButton {
  min-width: 120px;
  color: #1f2125 !important;
}
.editEmployeeManagement--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.editEmployeeManagement--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.editEmployeeManagement--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.editEmployeeManagement--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.editEmployeeManagement--FormContainer {
  width: 100%;
}
.editEmployeeManagement--FormContainer--Left {
  padding: 0 2rem 2rem 2rem;
}.assignResourceAllocation--Buttons {
  display: flex;
  gap: 0.75rem;
}
.assignResourceAllocation--DeleteButton {
  color: #f86060 !important;
}
.assignResourceAllocation--EditButton {
  color: #1f2125 !important;
}
.assignResourceAllocation--Container {
  padding: 2rem;
}
.assignResourceAllocation--ChipContainer {
  display: flex;
  gap: 0.75rem;
}
.assignResourceAllocation--ChipContainer--Chip {
  background-color: #f5f6f5 !important;
  border-radius: 0.5rem !important;
}
.assignResourceAllocation--NoResources {
  background-color: #fbfbfb !important;
  border-radius: 0.5rem !important;
}
.assignResourceAllocation--LeftContainer {
  border-right: 2px solid #f5f6f5;
}
.assignResourceAllocation--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-left: 20px;
  padding-top: 24px;
}
.assignResourceAllocation--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.assignResourceAllocation--detailContainer {
  border-left: 2px solid #f5f6f5;
}
.assignResourceAllocation--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0 0 1.75rem;
}
.assignResourceAllocation--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.assignResourceAllocation--Accordion--TabPanel {
  padding: 1.5rem 0 !important;
}
.assignResourceAllocation--Accordion--Title {
  padding-left: 12px;
}
.assignResourceAllocation--Accordion--Filled {
  background-color: #fbfbfb;
}
.assignResourceAllocation--HeaderButtons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.assignResourceAllocation--HeaderButtons--DiscardButton, .assignResourceAllocation--HeaderButtons--DraftButton {
  color: #1f2125 !important;
  min-width: 120px;
  color: #1f2125 !important;
}
.assignResourceAllocation--HeaderButtons--SaveButton {
  min-width: 120px;
}
.assignResourceAllocation--HeaderButtons--BackButton {
  min-width: 100px;
  color: #232529 !important;
}
.assignResourceAllocation--NormalButton {
  color: #1f2125 !important;
  gap: 4px;
}
.assignResourceAllocation--HistoryIcon {
  color: inherit;
  width: 20px !important;
}
.assignResourceAllocation--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.assignResourceAllocation--StatusChip--Requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.assignResourceAllocation--StatusChip--inProgress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.assignResourceAllocation--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.assignResourceAllocation--StatusChip--Completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.assignResourceAllocation--StatusChip--onHold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.assignResourceAllocation--StatusChip--medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.assignResourceAllocation--StatusChip--high {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.assignResourceAllocation--StatusChip--low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.assignResourceAllocation--StatusChip--Medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.assignResourceAllocation--StatusChip--High {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.assignResourceAllocation--StatusChip--Low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.assignResourceAllocation--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.assignResourceAllocation--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.assignResourceAllocation--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.assignResourceAllocation--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.assignResourceAllocation--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}

.ActivityContainer {
  width: 100%;
  position: unset;
}.ram--header {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
  padding: 12px 0 20px;
  border-bottom: 1px solid var(--theme-secondary-200, #e5e7eb);
  margin-bottom: 0;
}
.ram--headerItem {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ram--body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-top: 20px;
  min-height: 380px;
}
.ram--panel {
  border: 1px solid var(--theme-secondary-200, #e5e7eb);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ram--panelHeader {
  padding: 12px 16px;
  background-color: var(--theme-secondary-50, #f9fafb);
  border-bottom: 1px solid var(--theme-secondary-200, #e5e7eb);
}
.ram--tableWrapper {
  flex: 1;
  overflow-y: auto;
  max-height: 300px;
}
.ram--panelFooter {
  padding: 12px 16px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--theme-secondary-200, #e5e7eb);
  background-color: var(--theme-neutral-100, #fff);
}
.ram--emptyState {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding: 40px 20px;
  height: 100%;
  min-height: 200px;
}
.ram--emptyState p {
  color: var(--theme-neutral-500, #6b7280);
  font-size: 13px;
  text-align: center;
}
.ram--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  min-height: 200px;
}
.ram--moveButton {
  border-color: var(--theme-neutral-300, #d1d5db) !important;
  color: var(--theme-neutral-700, #374151) !important;
  font-size: 13px !important;
}.dashboard {
  margin-bottom: 10px;
}
.dashboard--dashboard_card {
  border-radius: 10px;
  box-shadow: none;
}
.dashboard--dashboard_card--revenue {
  background-color: #ebf9f2;
}
.dashboard--dashboard_card--expenses {
  background-color: #f9e0e0;
}
.dashboard--dashboard_card--net-profite {
  background-color: #fff3cc;
}
.dashboard--dashboard_card--box {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.dashboard--dashboard_card--title {
  color: rgba(0, 0, 0, 0.87);
}
.dashboard--dashboard_card--amount {
  color: rgba(0, 0, 0, 0.87);
}
.dashboard--dashboard_card--variant {
  width: max-content;
  padding: 5px;
  box-shadow: none;
}
.header-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 2rem;
}
.header-title .edit-box {
  padding: 0.375rem 0.5rem 0.375rem 0.625rem;
  gap: 0.5rem;
  margin-right: 0.5rem;
}
.header-title .edit-box--InActive {
  color: rgba(0, 0, 0, 0.87);
}
.header-title .header-right-wrap {
  display: flex;
  align-items: center;
}
.upload-wrapper {
  border: 1px dashed #32c27d;
  border-radius: 6px;
  padding: 0.75rem;
  display: grid;
  justify-content: center;
  gap: 16px;
}
.dashboard {
  display: flex;
}
.dashboard svg {
  margin-top: 5px;
}
.dashboard .heading {
  font-size: 18px;
  font-weight: 600;
  color: #1f2125;
  margin-left: 12px;
}
.tooltip-box {
  width: 220px;
}
.revenue-list-wrp {
  border: 1px solid #f5f6f5;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  width: max-content;
}
.revenue-list-wrp h3 {
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.02em;
  color: #232529;
  margin: 0;
  background-color: #f3f2f2;
}
.revenue-list-wrp ul {
  padding: 6px 12px 9px 12px;
  margin: 0;
}
.revenue-list-wrp ul li b {
  font-weight: 600;
}
.bar-line-chart {
  border: 1px solid;
  border-color: #f3f2f2;
  border-radius: 8px;
  color: #8c8c8c;
  padding: 20px;
}
.header-title p {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.02em;
  text-align: left;
}
.header-title .edit-box {
  padding: 0.375rem 0.5rem 0.375rem 0.625rem;
  gap: 0.5rem;
  margin-right: 0.5rem;
}
.box-class {
  border: 1px solid;
  border-color: #f3f2f2;
  border-radius: 8px;
}
.all-time span {
  padding: 0rem;
  margin-left: 10px;
}/*$vite$:1*/