@charset "UTF-8";@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");@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');.grouped-table {
  font-family: "Roboto", sans-serif;
  padding-bottom: 20px;
}
.grouped-table .MuiTableContainer-root {
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.grouped-table .MuiTableHead-root .MuiTableCell-root {
  background-color: #f5f5f5;
  border-bottom: 2px solid #e0e0e0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.grouped-table .MuiTableHead-root .MuiTableCell-root:hover {
  background-color: #eeeeee;
}
.grouped-table .MuiTableBody-root .MuiTableRow-root {
  transition: background-color 0.2s ease;
}
.grouped-table .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: #f5f5f5;
}
.grouped-table .MuiTableBody-root .MuiTableRow-root[role=button] {
  cursor: pointer;
}
.grouped-table .MuiTableBody-root .MuiTableRow-root[role=button]:hover {
  background-color: #e3f2fd;
}
.grouped-table .MuiTableBody-root .MuiTableCell-root {
  border-bottom: 1px solid #f0f0f0;
}
.grouped-table .group-row {
  background-color: #f0f4ff;
}
.grouped-table .group-row.depth-0 {
  background-color: #f0f4ff;
}
.grouped-table .group-row.depth-1 {
  background-color: #f8f9ff;
}
.grouped-table .group-row.depth-2 {
  background-color: #fafbff;
}
.grouped-table .group-row .group-label {
  color: #1976d2;
  font-weight: 500;
}
.grouped-table .group-row .group-count-badge {
  background-color: #1976d2;
  color: #fff;
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  padding: 0 4px;
}
.grouped-table .MuiIconButton-root {
  transition: transform 0.2s ease;
}
.grouped-table .MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.grouped-table .sort-indicator {
  color: #1976d2;
  transition: transform 0.2s ease;
}
.grouped-table .sort-indicator.asc {
  transform: rotate(0deg);
}
.grouped-table .sort-indicator.desc {
  transform: rotate(180deg);
}
.grouped-table .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
.grouped-table .empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  color: #757575;
}
.grouped-table .error-state {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  color: #d32f2f;
}
.grouped-table .pagination-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 0 16px;
}
.grouped-table .pagination-controls .pagination-info {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #757575;
  font-size: 14px;
}
.grouped-table .pagination-controls .MuiPagination-root .MuiPaginationItem-root.Mui-selected {
  background-color: #1976d2;
  color: #fff;
}
.grouped-table .pagination-controls .MuiPagination-root .MuiPaginationItem-root.Mui-selected:hover {
  background-color: #1565c0;
}
@media (max-width: 768px) {
  .grouped-table .MuiTableContainer-root {
    max-height: 500px;
  }
  .grouped-table .pagination-controls {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
.grouped-table .MuiTableCell-root:focus {
  outline: 2px solid #1976d2;
  outline-offset: -2px;
}
.grouped-table .MuiTableHead-root {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
}

@media (prefers-color-scheme: dark) {
  .grouped-table .MuiTableContainer-root {
    background-color: #1e1e1e;
  }
  .grouped-table .MuiTableHead-root .MuiTableCell-root {
    background-color: #2d2d2d;
    color: #e0e0e0;
  }
  .grouped-table .MuiTableBody-root .MuiTableRow-root:hover {
    background-color: #2d2d2d;
  }
  .grouped-table .MuiTableBody-root .MuiTableCell-root {
    color: #e0e0e0;
    border-bottom-color: #3d3d3d;
  }
  .grouped-table .group-row {
    background-color: #2d3748;
  }
  .grouped-table .group-row.depth-0 {
    background-color: #2d3748;
  }
  .grouped-table .group-row.depth-1 {
    background-color: #374151;
  }
}.employee-report {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employee-report .employee-report--StatusChip--active, .employee-report .employee-report--StatusChip--confirmed, .employee-report .employee-report--StatusChip--approved, .employee-report .employee-report--StatusChip--completed, .employee-report .employee-report--StatusChip--renewed, .employee-report .employee-report--StatusChip--settled, .employee-report .employee-report--StatusChip--fulfilled, .employee-report .employee-report--StatusChip--accepted, .employee-report .employee-report--StatusChip--sanctioned, .employee-report .employee-report--StatusChip--available, .employee-report .employee-report--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employee-report .employee-report--StatusChip--pending, .employee-report .employee-report--StatusChip--inprogress, .employee-report .employee-report--StatusChip--in-progress, .employee-report .employee-report--StatusChip--submitted, .employee-report .employee-report--StatusChip--underinvestigation, .employee-report .employee-report--StatusChip--under-investigation, .employee-report .employee-report--StatusChip--processing, .employee-report .employee-report--StatusChip--in-transit, .employee-report .employee-report--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employee-report .employee-report--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employee-report .employee-report--StatusChip--inactive, .employee-report .employee-report--StatusChip--expiringsoon, .employee-report .employee-report--StatusChip--expiring-soon, .employee-report .employee-report--StatusChip--cancelled, .employee-report .employee-report--StatusChip--noticeperiod, .employee-report .employee-report--StatusChip--notice-period, .employee-report .employee-report--StatusChip--upcoming, .employee-report .employee-report--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employee-report .employee-report--StatusChip--terminated, .employee-report .employee-report--StatusChip--rejected, .employee-report .employee-report--StatusChip--expired, .employee-report .employee-report--StatusChip--overdue, .employee-report .employee-report--StatusChip--damaged, .employee-report .employee-report--StatusChip--fired, .employee-report .employee-report--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employee-report .employee-report--StatusChip--onleave, .employee-report .employee-report--StatusChip--on-leave, .employee-report .employee-report--StatusChip--onhold, .employee-report .employee-report--StatusChip--on-hold, .employee-report .employee-report--StatusChip--suspended, .employee-report .employee-report--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employee-report .employee-report--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.employee-report .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employee-report-header {
  margin-bottom: 16px;
}
.employee-report-header h1 {
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.employee-report-controls {
  padding: 16px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.employee-report-table {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e0e0e0;
}
@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;
}
.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;
}

/**
 * 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;
}
.rdrDayDisabled {
  background-color: transparent !important;
  opacity: 0.5 !important;
}.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--approved {
  background-color: #DCFCE7 !important;
  color: #22C55E !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--pendingapproval {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.monthlyPayroll--StatusChip--approved, .monthlyPayroll--StatusChip--validated {
  background-color: #DCFCE7 !important;
  color: #22C55E !important;
}
.monthlyPayroll--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !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--processed, .wpsGenerationGridView--StatusChip--validated, .wpsGenerationGridView--StatusChip--approved {
  background-color: #f7eac0 !important;
  color: #a6914d !important;
}
.wpsGenerationGridView--redirection {
  cursor: pointer;
  width: 100%;
}.wpsGeneration {
  padding: 0rem 2rem;
  width: 100%;
}
.wpsGeneration--StatusChip--generated, .wpsGeneration--StatusChip--validated {
  background-color: #B6E9D6 !important;
  color: #4AC08C !important;
}
.wpsGeneration--StatusChip--processed, .wpsGeneration--StatusChip--approved {
  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--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 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  min-width: 80px;
}
.form--StatusChip--Validated, .form--StatusChip--Approved, .form--StatusChip--Processed {
  background-color: rgba(46, 178, 115, 0.1) !important;
  color: #2EB273 !important;
}
.form--StatusChip--Error {
  background-color: rgba(249, 115, 22, 0.1) !important;
  color: #F97316 !important;
}
.form--StatusChip--Pending {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.form--PayableAmount-Input .MuiInputBase-input {
  padding: 4px 8px !important;
  font-size: 12px !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;
}.viewWpsGeneration--Container {
  width: 100%;
  padding: 2rem;
  padding-bottom: 100px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}
.viewWpsGeneration--HeaderButtons {
  display: flex;
  gap: 12px;
}
.viewWpsGeneration--HeaderButtons--GenerateExcel {
  color: #1f2125 !important;
}
.viewWpsGeneration--Payroll-Box {
  border-top: 1px solid #d3d3d4 !important;
  padding-top: 12px !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.viewWpsGeneration--Payroll-Box--Icons {
  width: 16px !important;
  height: 16px !important;
}
.viewWpsGeneration--Payroll-Box--Icons--Total {
  color: #54CC96 !important;
}
.viewWpsGeneration--Payroll-Box--Icons--Validated {
  color: #2EB273 !important;
}
.viewWpsGeneration--Payroll-Box--Icons--Warning {
  color: #f86060 !important;
}
.viewWpsGeneration--Payroll-Box--KPI-Container {
  display: flex;
  flex-direction: row;
  gap: 12px !important;
}
.viewWpsGeneration--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;
}
.viewWpsGeneration--Validation-Icon {
  width: 24px !important;
  height: 24px !important;
}
.viewWpsGeneration--Validation-Icon--Pending {
  color: #a6914d !important;
}
.viewWpsGeneration--Validation-Icon--Validated {
  color: #2EB273 !important;
}
.viewWpsGeneration--Validation-Icon--Error {
  color: #F97316 !important;
}
.viewWpsGeneration--StatusChip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  min-width: 80px;
}
.viewWpsGeneration--StatusChip--Validated, .viewWpsGeneration--StatusChip--Approved, .viewWpsGeneration--StatusChip--Processed {
  background-color: rgba(46, 178, 115, 0.1) !important;
  color: #2EB273 !important;
}
.viewWpsGeneration--StatusChip--Error {
  background-color: rgba(249, 115, 22, 0.1) !important;
  color: #F97316 !important;
}
.viewWpsGeneration--StatusChip--Pending {
  background-color: rgba(166, 145, 77, 0.1) !important;
  color: #a6914d !important;
}
.viewWpsGeneration--PayableAmount-Input .MuiInputBase-input {
  padding: 4px 8px !important;
  font-size: 12px !important;
}
.viewWpsGeneration--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;
}
.viewWpsGeneration--Total-Container--Wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.viewWpsGeneration--Total-Container--KPI {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.viewWpsGeneration--Total-Container--KPI--Details {
  width: 210px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.viewWpsGeneration--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;
}
.viewWpsGeneration--Total-Container--Payable--Content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}.payslips {
  padding: 0rem 2rem;
  width: 100%;
}
.payslips--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.payslips--StatusChip--downloaded, .payslips--StatusChip--published {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.payslips--StatusChip--queued, .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;
}.payslipsGridView--CardHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}
.payslipsGridView--CardContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.payslipsGridView--InfoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.payslipsGridView--CardFooter {
  margin-top: 0.5rem;
}
.payslipsGridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.payslipsGridView--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.payslipsGridView--StatusChip--published {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.payslipsGridView--StatusChip--queued {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.payslipsGridView--redirection {
  cursor: pointer;
  width: 100%;
}.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: 0rem;
}
.viewPayslips--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.viewPayslips--HeaderButtons--DiscardButton {
  color: #232529 !important;
}
.viewPayslips--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.viewPayslips--StatusChip--downloaded {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.viewPayslips--StatusChip--published {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.viewPayslips--StatusChip--queued {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}
.viewPayslips--FormContainer {
  width: 100%;
}
.viewPayslips .payslips--StatusChip--generated {
  background-color: #D6F3E5 !important;
  color: #144E32 !important;
}
.viewPayslips .payslips--StatusChip--pending {
  background-color: #FEF3C7 !important;
  color: #D97706 !important;
}.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;
}.SnackBar {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  width: 420px;
  cursor: pointer;
}.notistack-Snackbar:has(.SnackBar) {
  transition: transform 0.3s ease-in-out;
}.notistack-Snackbar:has(.SnackBar):hover {
  transform: scale(1.05) !important;
}.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: 0.75rem;
  top: 0.4rem;
}.textfield {
  border-radius: 0.25rem;
}.textfield input,
.textfield textarea {
  padding: 0.5rem;
  font-size: 0.875rem;
}.textfield :disabled {
  -webkit-text-fill-color: unset;
}.requiredStar {
  color: #c64d4d;
}.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;
}.confirm .MuiDialog-paper {
  min-width: 2.375rem;
  border-radius: 1rem;
}.confirm--head {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}.confirm--title {
  display: flex;
  align-items: center;
}.confirm--content {
  padding: 1rem 1.375rem 1.5rem 1.375rem;
}.confirm--actions {
  padding: 0.5rem 1rem;
}.toast-undo {
  margin: 0.4rem 1rem;
  padding: 0rem;
  cursor: pointer;
}.action {
  display: flex;
  align-items: center;
}.icon {
  font-size: 1rem;
}.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: translateX(-50%);
  background-color: green;
  border-radius: 50%;
  z-index: 1;
}.main-wrapper {
  width: 100%;
  height: calc(100vh - 4.6875rem);
  overflow-y: auto;
}.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: 0.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: 0.625rem;
}.MuiMenu-paper {
  border-radius: 0.5rem;
}.header-right-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}.header-right-wrap .MuiButtonBase-root {
  margin-left: -0.25rem;
}.header-right-wrap .Avatar {
  padding-left: 0.375rem;
}.header-right-wrap .Avatar .MuiAvatar-root {
  border-radius: 0.5rem;
}.header-right-wrap .profile-name {
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.225rem;
  color: #232529;
}.header-right-wrap .user-auth {
  font-size: 0.75rem;
  line-height: 1.05rem;
  color: #a7a8a9;
}.main-profile-menu .user-data-wrap {
  font-size: 0.875rem;
  line-height: 1.225rem;
  gap: 0.5rem;
}.main-profile-menu .user-assigned {
  font-size: 0.75rem;
  line-height: 1.05rem;
}.logo {
  font-weight: 700;
  letter-spacing: 0.00938rem;
  text-transform: uppercase;
  color: black;
}.user-details {
  margin-left: 0.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: 0.625rem;
  cursor: pointer;
}/* Language Fallback Styles *//* Add these styles to your header.scss or main CSS file */.language-selector-wrapper {
  position: relative;
}.language-select .MuiSelect-select {
  margin-right: 26px;
}.language-fallback-active {
  /* Visual indicator for fallback state */
  border-color: #ff9800 !important; /* Orange border for fallback */
}.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;
}/* Dropdown menu styling for fallback items */.MuiMenuItem-root[data-fallback=true] {
  background-color: #fff3e0 !important;
  font-style: italic;
}.MuiMenuItem-root[data-fallback=true]:hover {
  background-color: #ffe0b2 !important;
}/* Snackbar positioning */.MuiSnackbar-root {
  z-index: 1400; /* Ensure it's above other elements */
}/* Language selector with error state */.language-selector-wrapper .MuiOutlinedInput-root.Mui-error {
  border-color: #f44336;
}.language-selector-wrapper .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: #f44336;
}/* Retry button styling in dropdown */.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;
}.action-bar {
  display: flex;
  padding: 0.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: 0.25rem;
  flex-wrap: wrap;
}.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;
}.view-modal--Head {
  display: flex;
  padding: 0.5rem 1rem 0.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: 0.25rem;
  justify-content: flex-start;
  margin: 0 0.75rem;
  margin-bottom: 0.375rem;
  border-radius: 0.5rem;
}.view-modal--Tab .MuiButtonBase-root:first-child {
  margin-top: 0.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: 0.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: 0.25rem;
  font-weight: 400;
}.view-modal--Header {
  display: flex;
  align-items: center;
  color: #d3d3d4;
}.view-modal--Tabs {
  display: flex;
  gap: 0.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 0.5rem;
}.view-modal--Select .MuiSelect-select {
  padding: 0.25rem 0.5rem;
}.view-modal--BoardContainer {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}.view-modal--Actions {
  padding: 0.5rem 1rem;
}.header-card {
  display: flex;
  padding: 0.375rem 0.5rem;
  align-items: center;
  gap: 0.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: 0.875rem;
}.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}.switch .slider:before {
  position: absolute;
  content: "";
  height: 0.625rem;
  width: 0.625rem;
  left: 0.1875rem;
  bottom: 0.125rem;
  background-color: white;
  transition: 0.4s;
}.switch input:checked + .slider:before {
  transform: translateX(0.625rem);
}/* Rounded sliders */.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: 0.5rem;
  justify-content: space-between;
}.ruleGroup {
  background-color: white;
}.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;
}.filter-dropdown .MuiSelect-select {
  margin-right: 26px;
}.datePicker {
  border-radius: 0.25rem;
  width: 100%;
}.datePicker input {
  padding: 0.5rem;
  font-size: 0.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;
}.requiredStar {
  color: #c64d4d;
}.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: 0.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; /* enables scroll */
  scrollbar-width: none; /* for Firefox */
  -ms-overflow-style: none; /* for Internet Explorer and Edge */
}.scroll-container::-webkit-scrollbar {
  display: none; /* for Chrome, Safari and Opera */
}.add-role-drp ul {
  min-width: 12.875rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}.add-role-drp ul .searchbar-box-list {
  border: 0;
  padding: 0.313rem 0.75rem 0.5rem 0.75rem;
}.add-role-drp ul .all-attribute-title {
  padding: 0rem 0.938rem;
}.add-role-drp ul .all-attribute-title .MuiTypography-root {
  font-size: 0.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: 0.938rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.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: 0.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 0.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;
}.datePicker {
  border-radius: 0.25rem;
  width: 100%;
}.datePicker input {
  padding: 0.5rem;
  font-size: 0.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;
}.requiredStar {
  color: #c64d4d;
}.infoCard {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}.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;
}.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: 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #505f07;
  font-weight: bold;
}.m0 {
  margin: 0 !important;
}.account-payble-tabs-wrap {
  min-height: 2.25rem;
  border-bottom: 1px solid #F3F2F2;
}.account-payble-tabs-wrap .account-payble-tab-items {
  color: #7b7c7f;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.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: 0.5rem;
}.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: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}.brandAddModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.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;
}.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;
}.fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.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 0.5rem;
}.page-size-select .MuiSelect-select {
  font-size: 0.75rem;
  color: #656669;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
}.page-size-select .MuiSvgIcon-root {
  right: 2px;
  font-size: 1.2rem;
}.page-size-select-pagination .MuiSelect-select {
  margin-right: 16px;
}.page-input {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  width: fit-content;
  max-width: 2rem;
  border: 1px solid #d3d3d4 !important;
  font-size: 0.75rem;
}.goto-box {
  margin: 0 8px;
}.goto-box .MuiInputBase-root .MuiInputBase-input {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
  max-width: 26px;
  font-size: 12px;
}.shared-pages-modal .tab-title-wrap {
  border-right: 0.0625rem solid #f5f6f5;
}.shared-pages-modal .tab-title-wrap .MuiTabs-indicator {
  background-color: #bdbebf;
}.shared-pages-modal .tab-title-wrap .tab-search-wrap {
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid #f5f6f5;
}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer {
  padding: 0.5rem;
}.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root {
  margin-bottom: 0.5rem;
  color: #1f2125;
  padding: 0.375rem 0.75rem;
  min-height: auto;
  text-transform: capitalize;
  line-height: 1.25rem;
  border-radius: 0.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: 0.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: 0.5rem;
  right: 0.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: 0.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: 0.0625rem solid #f3f2f2;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.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: 0.25rem 0.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 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: 0.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: 0.75rem;
}.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.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: 0.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: 0.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: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}.share--title {
  display: flex;
  align-items: center;
}.share--content {
  padding: 1rem 1.375rem 1.5rem 1.375rem;
}.share--blurClass .MuiAccordionSummary-root {
  opacity: 0.3;
}.share--blurClass .accordion-list {
  opacity: 0.3;
}.share--actions {
  padding: 0.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: -0.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: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}.share .autocomplete-input-share {
  margin-left: 0rem;
  margin-right: 0.313rem;
  width: 100%;
}.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root {
  padding: 0rem 0.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: 0.063rem;
}.share .chip-selected-role .MuiChip-filled {
  border-radius: 0.25rem;
  background-color: rgb(245, 246, 245);
}.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: -0.018rem;
}.share .public-check-label {
  margin-left: 0;
}.share .public-check-label .MuiFormControlLabel-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.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: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.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: 0.938rem;
}.share .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: 140%;
  letter-spacing: -0.018rem;
}.share .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: 140%;
  letter-spacing: -0.24px;
  display: inline;
}.share .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: 140%;
  letter-spacing: -0.24px;
}.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.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: 0.5rem 1rem 0.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: 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: 140%;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}.share .share--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: 140%;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  color: #fff;
  background: #4AC08C;
  box-shadow: 0 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}.select-menu-items {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  color: #232529;
}.user-select-chips {
  border-radius: 0.25rem;
}.page-navigator {
  width: 100%; /* Default for mobile */
}@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 0.5rem;
}.sheet-select .MuiOutlinedInput-notchedOutline {
  border: 0;
}.sheet-select .MuiSelect-select {
  font-size: 0.75rem;
  color: #656669;
  padding: 0rem 0.25rem !important;
}.footer--Container {
  display: flex;
  position: fixed;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  background-color: white;
  z-index: 1201;
  width: calc(100% - 365px);
}.footer--drawerContainer {
  display: flex;
  position: fixed;
  transition: all 0.4s ease-in-out;
  bottom: 0;
  background-color: white;
  z-index: 1201;
  width: calc(100% - 130px);
}.formHeader--Header {
  padding: 0.75rem 2rem 0.75rem 2rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #f5f6f5;
  position: sticky;
  top: 0;
  z-index: 1100;
  background: #fff;
}.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: 0.75rem;
  justify-content: center;
  align-items: center;
}.module-box.transparent {
  border: 1px solid rgba(31, 33, 37, 0.1);
}.module-box img {
  object-fit: none;
}.module-label {
  color: #1f2125;
}.valueField--Container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}.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;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:25px;height:20px;background-image:url(data:image/png;base64,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);background-repeat:no-repeat}.react-tel-input .ad{background-position:-48px -24px}.react-tel-input .ae{background-position:-72px -24px}.react-tel-input .af{background-position:-96px -24px}.react-tel-input .ag{background-position:-120px -24px}.react-tel-input .ai{background-position:-144px -24px}.react-tel-input .al{background-position:-168px -24px}.react-tel-input .am{background-position:-192px -24px}.react-tel-input .an{background-position:-216px -24px}.react-tel-input .ao{background-position:-240px -24px}.react-tel-input .aq{background-position:-264px -24px}.react-tel-input .ar{background-position:-288px -24px}.react-tel-input .as{background-position:-312px -24px}.react-tel-input .at{background-position:-336px -24px}.react-tel-input .au{background-position:-360px -24px}.react-tel-input .aw{background-position:-384px -24px}.react-tel-input .ax{background-position:0 -48px}.react-tel-input .az{background-position:-24px -48px}.react-tel-input .ba{background-position:-48px -48px}.react-tel-input .bb{background-position:-72px -48px}.react-tel-input .bd{background-position:-96px -48px}.react-tel-input .be{background-position:-120px -48px}.react-tel-input .bf{background-position:-144px -48px}.react-tel-input .bg{background-position:-168px -48px}.react-tel-input .bh{background-position:-192px -48px}.react-tel-input .bi{background-position:-216px -48px}.react-tel-input .bj{background-position:-240px -48px}.react-tel-input .bl{background-position:-264px -48px}.react-tel-input .bm{background-position:-288px -48px}.react-tel-input .bn{background-position:-312px -48px}.react-tel-input .bo{background-position:-336px -48px}.react-tel-input .br{background-position:-360px -48px}.react-tel-input .bs{background-position:-384px -48px}.react-tel-input .bt{background-position:0 -72px}.react-tel-input .bw{background-position:-24px -72px}.react-tel-input .by{background-position:-48px -72px}.react-tel-input .bz{background-position:-72px -72px}.react-tel-input .ca{background-position:-96px -72px}.react-tel-input .cc{background-position:-120px -72px}.react-tel-input .cd{background-position:-144px -72px}.react-tel-input .cf{background-position:-168px -72px}.react-tel-input .cg{background-position:-192px -72px}.react-tel-input .ch{background-position:-216px -72px}.react-tel-input .ci{background-position:-240px -72px}.react-tel-input .ck{background-position:-264px -72px}.react-tel-input .cl{background-position:-288px -72px}.react-tel-input .cm{background-position:-312px -72px}.react-tel-input .cn{background-position:-336px -72px}.react-tel-input .co{background-position:-360px -72px}.react-tel-input .cr{background-position:-384px -72px}.react-tel-input .cu{background-position:0 -96px}.react-tel-input .cv{background-position:-24px -96px}.react-tel-input .cw{background-position:-48px -96px}.react-tel-input .cx{background-position:-72px -96px}.react-tel-input .cy{background-position:-96px -96px}.react-tel-input .cz{background-position:-120px -96px}.react-tel-input .de{background-position:-144px -96px}.react-tel-input .dj{background-position:-168px -96px}.react-tel-input .dk{background-position:-192px -96px}.react-tel-input .dm{background-position:-216px -96px}.react-tel-input .do{background-position:-240px -96px}.react-tel-input .dz{background-position:-264px -96px}.react-tel-input .ec{background-position:-288px -96px}.react-tel-input .ee{background-position:-312px -96px}.react-tel-input .eg{background-position:-336px -96px}.react-tel-input .eh{background-position:-360px -96px}.react-tel-input .er{background-position:-384px -96px}.react-tel-input .es{background-position:0 -120px}.react-tel-input .et{background-position:-24px -120px}.react-tel-input .eu{background-position:-48px -120px}.react-tel-input .fi{background-position:-72px -120px}.react-tel-input .fj{background-position:-96px -120px}.react-tel-input .fk{background-position:-120px -120px}.react-tel-input .fm{background-position:-144px -120px}.react-tel-input .fo{background-position:-168px -120px}.react-tel-input .fr{background-position:-192px -120px}.react-tel-input .ga{background-position:-216px -120px}.react-tel-input .gb{background-position:-240px -120px}.react-tel-input .gd{background-position:-264px -120px}.react-tel-input .ge{background-position:-288px -120px}.react-tel-input .gg{background-position:-312px -120px}.react-tel-input .gh{background-position:-336px -120px}.react-tel-input .gi{background-position:-360px -120px}.react-tel-input .gl{background-position:-384px -120px}.react-tel-input .gm{background-position:0 -144px}.react-tel-input .gn{background-position:-24px -144px}.react-tel-input .gq{background-position:-48px -144px}.react-tel-input .gr{background-position:-72px -144px}.react-tel-input .gs{background-position:-96px -144px}.react-tel-input .gt{background-position:-120px -144px}.react-tel-input .gu{background-position:-144px -144px}.react-tel-input .gw{background-position:-168px -144px}.react-tel-input .gy{background-position:-192px -144px}.react-tel-input .hk{background-position:-216px -144px}.react-tel-input .hn{background-position:-240px -144px}.react-tel-input .hr{background-position:-264px -144px}.react-tel-input .ht{background-position:-288px -144px}.react-tel-input .hu{background-position:-312px -144px}.react-tel-input .ic{background-position:-336px -144px}.react-tel-input .id{background-position:-360px -144px}.react-tel-input .ie{background-position:-384px -144px}.react-tel-input .il{background-position:0 -168px}.react-tel-input .im{background-position:-24px -168px}.react-tel-input .in{background-position:-48px -168px}.react-tel-input .iq{background-position:-72px -168px}.react-tel-input .ir{background-position:-96px -168px}.react-tel-input .is{background-position:-120px -168px}.react-tel-input .it{background-position:-144px -168px}.react-tel-input .je{background-position:-168px -168px}.react-tel-input .jm{background-position:-192px -168px}.react-tel-input .jo{background-position:-216px -168px}.react-tel-input .jp{background-position:-240px -168px}.react-tel-input .ke{background-position:-264px -168px}.react-tel-input .kg{background-position:-288px -168px}.react-tel-input .kh{background-position:-312px -168px}.react-tel-input .ki{background-position:-336px -168px}.react-tel-input .xk{background-position:-144px 0}.react-tel-input .km{background-position:-360px -168px}.react-tel-input .kn{background-position:-384px -168px}.react-tel-input .kp{background-position:0 -192px}.react-tel-input .kr{background-position:-24px -192px}.react-tel-input .kw{background-position:-48px -192px}.react-tel-input .ky{background-position:-72px -192px}.react-tel-input .kz{background-position:-96px -192px}.react-tel-input .la{background-position:-120px -192px}.react-tel-input .lb{background-position:-144px -192px}.react-tel-input .lc{background-position:-168px -192px}.react-tel-input .li{background-position:-192px -192px}.react-tel-input .lk{background-position:-216px -192px}.react-tel-input .lr{background-position:-240px -192px}.react-tel-input .ls{background-position:-264px -192px}.react-tel-input .lt{background-position:-288px -192px}.react-tel-input .lu{background-position:-312px -192px}.react-tel-input .lv{background-position:-336px -192px}.react-tel-input .ly{background-position:-360px -192px}.react-tel-input .ma{background-position:-384px -192px}.react-tel-input .mc{background-position:0 -216px}.react-tel-input .md{background-position:-24px -216px}.react-tel-input .me{background-position:-48px -216px}.react-tel-input .mf{background-position:-72px -216px}.react-tel-input .mg{background-position:-96px -216px}.react-tel-input .mh{background-position:-120px -216px}.react-tel-input .mk{background-position:-144px -216px}.react-tel-input .ml{background-position:-168px -216px}.react-tel-input .mm{background-position:-192px -216px}.react-tel-input .mn{background-position:-216px -216px}.react-tel-input .mo{background-position:-240px -216px}.react-tel-input .mp{background-position:-264px -216px}.react-tel-input .mq{background-position:-288px -216px}.react-tel-input .mr{background-position:-312px -216px}.react-tel-input .ms{background-position:-336px -216px}.react-tel-input .mt{background-position:-360px -216px}.react-tel-input .mu{background-position:-384px -216px}.react-tel-input .mv{background-position:0 -240px}.react-tel-input .mw{background-position:-24px -240px}.react-tel-input .mx{background-position:-48px -240px}.react-tel-input .my{background-position:-72px -240px}.react-tel-input .mz{background-position:-96px -240px}.react-tel-input .na{background-position:-120px -240px}.react-tel-input .nc{background-position:-144px -240px}.react-tel-input .ne{background-position:-168px -240px}.react-tel-input .nf{background-position:-192px -240px}.react-tel-input .ng{background-position:-216px -240px}.react-tel-input .ni{background-position:-240px -240px}.react-tel-input .nl{background-position:-264px -240px}.react-tel-input .no{background-position:-288px -240px}.react-tel-input .np{background-position:-312px -240px}.react-tel-input .nr{background-position:-336px -240px}.react-tel-input .nu{background-position:-360px -240px}.react-tel-input .nz{background-position:-384px -240px}.react-tel-input .om{background-position:0 -264px}.react-tel-input .pa{background-position:-24px -264px}.react-tel-input .pe{background-position:-48px -264px}.react-tel-input .pf{background-position:-72px -264px}.react-tel-input .pg{background-position:-96px -264px}.react-tel-input .ph{background-position:-120px -264px}.react-tel-input .pk{background-position:-192px -264px}.react-tel-input .pl{background-position:-216px -264px}.react-tel-input .pn{background-position:-240px -264px}.react-tel-input .pr{background-position:-264px -264px}.react-tel-input .ps{background-position:-288px -264px}.react-tel-input .pt{background-position:-312px -264px}.react-tel-input .pw{background-position:-336px -264px}.react-tel-input .py{background-position:-360px -264px}.react-tel-input .qa{background-position:-384px -264px}.react-tel-input .ro{background-position:0 -288px}.react-tel-input .rs{background-position:-24px -288px}.react-tel-input .ru{background-position:-48px -288px}.react-tel-input .rw{background-position:-72px -288px}.react-tel-input .sa{background-position:-96px -288px}.react-tel-input .sb{background-position:-120px -288px}.react-tel-input .sc{background-position:-144px -288px}.react-tel-input .sd{background-position:-168px -288px}.react-tel-input .se{background-position:-192px -288px}.react-tel-input .sg{background-position:-216px -288px}.react-tel-input .sh{background-position:-240px -288px}.react-tel-input .si{background-position:-264px -288px}.react-tel-input .sk{background-position:-288px -288px}.react-tel-input .sl{background-position:-312px -288px}.react-tel-input .sm{background-position:-336px -288px}.react-tel-input .sn{background-position:-360px -288px}.react-tel-input .so{background-position:-384px -288px}.react-tel-input .sr{background-position:0 -312px}.react-tel-input .ss{background-position:-24px -312px}.react-tel-input .st{background-position:-48px -312px}.react-tel-input .sv{background-position:-72px -312px}.react-tel-input .sy{background-position:-96px -312px}.react-tel-input .sz{background-position:-120px -312px}.react-tel-input .tc{background-position:-144px -312px}.react-tel-input .td{background-position:-168px -312px}.react-tel-input .tf{background-position:-192px -312px}.react-tel-input .tg{background-position:-216px -312px}.react-tel-input .th{background-position:-240px -312px}.react-tel-input .tj{background-position:-264px -312px}.react-tel-input .tk{background-position:-288px -312px}.react-tel-input .tl{background-position:-312px -312px}.react-tel-input .tm{background-position:-336px -312px}.react-tel-input .tn{background-position:-360px -312px}.react-tel-input .to{background-position:-384px -312px}.react-tel-input .tr{background-position:0 -336px}.react-tel-input .tt{background-position:-24px -336px}.react-tel-input .tv{background-position:-48px -336px}.react-tel-input .tw{background-position:-72px -336px}.react-tel-input .tz{background-position:-96px -336px}.react-tel-input .ua{background-position:-120px -336px}.react-tel-input .ug{background-position:-144px -336px}.react-tel-input .us{background-position:-168px -336px}.react-tel-input .uy{background-position:-192px -336px}.react-tel-input .uz{background-position:-216px -336px}.react-tel-input .va{background-position:-240px -336px}.react-tel-input .vc{background-position:-264px -336px}.react-tel-input .ve{background-position:-288px -336px}.react-tel-input .vg{background-position:-312px -336px}.react-tel-input .vi{background-position:-336px -336px}.react-tel-input .vn{background-position:-360px -336px}.react-tel-input .vu{background-position:-384px -336px}.react-tel-input .wf{background-position:0 -360px}.react-tel-input .ws{background-position:-24px -360px}.react-tel-input .ye{background-position:-48px -360px}.react-tel-input .za{background-position:-96px -360px}.react-tel-input .zm{background-position:-120px -360px}.react-tel-input .zw{background-position:-144px -360px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{font-size:16px;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;width:300px;outline:none;padding:18.5px 14px 18.5px 58px;transition:box-shadow ease .25s,border-color ease .25s}.react-tel-input .form-control:hover{border-color:#000}.react-tel-input .form-control:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.react-tel-input .form-control:focus+div:before{color:#1976d2}.react-tel-input .form-control.invalid-number{border:1px solid #f44336}.react-tel-input .form-control.invalid-number:focus{box-shadow:0 0 0 1px #f44336}.react-tel-input .form-control.invalid-number+div:before{content:'Error';display:none;color:#f44336;width:27px}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.open{z-index:2}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default;border-color:#CACACA}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:52px;height:100%;padding:0 0 0 11px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:focus .arrow{border-left-width:4px;border-right-width:4px;border-top:5px solid #1976d2}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-12px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-1px;left:29px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 18px rgba(0,0,0,0.25);background-color:white;width:300px;max-height:220px;overflow-y:scroll;border-radius:7px}.react-tel-input .country-list .flag{display:inline-block;position:absolute;left:13px;top:8px}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{position:relative;padding:12px 9px 13px 46px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{z-index:2;position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{display:none;font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .search-box:hover{border-color:#505050}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:25px;top:-7px;background:#fff;padding:0 5px;color:#de0000}.react-tel-input .special-label{position:absolute;z-index:1;top:-7px;left:25px;display:block;background:white;padding:0 5px;font-size:13px;white-space:nowrap}.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: #FFFFFF !important;
  border: 1px solid #e0e0e0;
  color: #333;
}.fixedAssetItemAddModal--DialogAction--WhiteBtn:hover {
  background-color: #f5f5f5 !important;
}.react-datepicker__header {
  border-bottom: none;
  background-color: #fff;
  padding: 0;
  /* No need to convert as it's already in pixels */
}.react-datepicker {
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.08), 0px 0.125rem 1rem 0px rgba(0, 0, 0, 0.04);
  /* Converted from pixels to rem */
  border: none;
}.react-datepicker__today-button {
  padding: 0;
  /* No need to convert */
  border-top: 0.0625rem solid #eeeff1;
  /* Converted from pixels to rem */
  font-weight: normal;
}.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: 0.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 0.625rem;
  /* Converted from pixels to rem */
}.react-datepicker__close-icon {
  right: 1.25rem;
  /* Converted from pixels to rem */
}.react-datepicker__close-icon::after {
  color: #7b7c7f !important;
  background-color: unset;
  font-size: 1.25rem !important;
  /* Converted from pixels to rem */
}.open-selected-calender {
  border-radius: 0.25rem;
  border: 0.0625rem solid #bdbebf;
  /* Converted from pixels to rem */
  width: 100%;
  height: 2.4rem;
  /* Converted from pixels to rem */
  color: #7b7c7f;
  font-weight: 400;
  font-size: 0.875rem;
  /* Converted from pixels to rem */
  padding: 0 0.625rem;
  /* Converted from pixels to rem */
  outline-offset: unset;
  outline: unset;
}.icon-box {
  position: absolute;
  top: 1.4375rem;
  /* Converted from pixels to rem */
  transform: translateY(-50%);
  right: 0.625rem;
  /* Converted from pixels to rem */
  color: #7b7c7f;
}.icon-box_rtl {
  position: absolute;
  top: 1.4375rem;
  /* Converted from pixels to rem */
  transform: translateY(-50%);
  left: 0.625rem;
  /* Converted from pixels to rem */
  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: 0.9375rem 0;
  /* Converted from pixels to rem */
}.date-picker-container .MuiSvgIcon-root {
  color: #a7a8a9;
}.month-view {
  margin: 0 0.3125rem 0.25rem 0.3125rem;
  /* Converted from pixels to rem */
}.d-flex {
  display: flex;
  align-items: center;
}.select-year {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0 0.625rem;
  /* Converted from pixels to rem */
  margin: 0 0 0.0625rem 0;
  font-size: inherit;
  color: black;
}.react-datepicker {
  border-radius: 0.5rem;
}.DateRangePicker .react-datepicker-wrapper {
  width: 100%;
  min-width: 250px;
}.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 0;
}.Timeline li .MuiTimelineDot-root {
  margin: 0.125rem 0.3125rem;
  border-width: 0.125rem;
  padding: 0.0625rem;
  background: #656669;
}.Timeline li .MuiTimelineContent-root {
  padding: 0 0.75rem 1rem;
  font-size: 0.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: 0.1875rem;
}.Timeline--ActivityBox {
  padding: 2rem 1.5rem;
  font-size: 0.75rem;
  width: 100%;
}.Timeline--CommentWrap {
  padding: 0.4375rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d3d3d4;
  margin: 0.5rem 0 1rem;
}.Timeline--Comment {
  margin: 0;
}.Timeline--CommentBox {
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #eeeff1;
  width: 100%;
}.Timeline--CommentText {
  margin: 0.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;
}.Timeline--Activity {
  max-height: calc(100vh - 260px);
}.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: 0.5rem;
}.Activity--Container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}.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 0;
}.Timeline li .MuiTimelineDot-root {
  margin: 0.25rem !important;
  border-width: 0.125rem;
  padding: 0.0625rem;
  background: #919294;
}.Timeline li .MuiTimelineContent-root {
  padding: 0 0.75rem 1rem;
  font-size: 0.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: 0.1875rem;
}.Timeline--CommentWrap {
  padding: 0.4375rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d3d3d4;
  margin: 0.5rem 0 1rem;
}.Timeline--Comment {
  margin: 0;
}.Timeline--CommentBox {
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #eeeff1;
  width: 100%;
}.Timeline--CommentText {
  margin: 0.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: 0.25rem;
}.Timeline--Activity {
  max-height: calc(100vh - 260px);
  display: flex !important;
  flex-direction: column !important;
  gap: 0.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: 0.5rem;
}.Activity--Container {
  display: flex;
  flex-direction: column;
  gap: 0.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: 0.5rem;
}.quickApprovalModal--DialogActions {
  background-color: #eeeff1;
  border-top: 1px solid #d3d3d4;
}.quickApprovalModal--DialogActions--Cancel {
  background-color: #fff !important;
  color: #292d32;
}.quickApprovalModal--DisplayNameChip {
  padding: 0.25rem !important;
}.quickApprovalModal--DisplayNameChip .MuiChip-label {
  height: 16px;
  width: 100%;
}.react-kanban-board {
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.0175rem;
}.react-kanban-board .react-kanban-column-adder-button {
  border-radius: 0.75rem;
  background-color: #eeeff1;
  width: 17rem;
  height: 3rem;
  padding: 0.75rem;
  content: "test";
}.react-kanban-board .react-kanban-column {
  background-color: #fcf8f8;
  border-radius: 0.75rem;
  border: 0.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: 0.5rem;
  border: 0.031rem solid #f3f2f2;
  background-color: #ffffff;
  box-shadow: 0rem 0.063rem 0.313rem 0rem rgba(100, 100, 100, 0.05);
  padding: 0.75rem 1rem 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: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  cursor: pointer;
}.column-header .kanban-column .count-length-text {
  color: #d5adad;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.015rem;
  margin-left: 0.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: 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background: #f5f6f5;
  margin: 0.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: 0.313rem;
}.column-header .kanban-column .create-status-box .add-btns button {
  background-color: #eee;
  border: none;
  padding: 0.313rem;
  width: 45%;
  margin-top: 0.313rem;
  border-radius: 0.188rem;
}.column-header .kanban-column .create-status-box input {
  width: 100%;
  font-size: 0.813rem;
  border: 0.063rem solid #ccc;
  border-radius: 0.3rem;
  min-height: 1.813rem;
  padding: 0.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: 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background: #f5f6f5;
  margin: 0.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: 0.313rem;
}.create-status-box .add-btns button {
  background-color: #eee;
  border: none;
  padding: 0.313rem;
  width: 45%;
  margin-top: 0.313rem;
  border-radius: 0.188rem;
}.create-status-box input {
  width: 100%;
  font-size: 0.813rem;
  border: 0.063rem solid #ccc;
  border-radius: 0.3rem;
  min-height: 1.813rem;
  padding: 0.313rem;
}button.react-kanban-card-adder-button::after {
  content: "New";
  color: #656669;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  margin-left: 0.375rem;
  position: relative;
  top: -0.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: 0.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: 0.875rem;
  font-weight: 500;
  /* 1.225rem */
  letter-spacing: -0.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: 0.75rem;
  font-weight: 400;
  /* 1.05rem */
  letter-spacing: -0.015rem;
  background-color: #fff;
  border: 1px solid #eeeff1;
}.calendar-wrapper .fc .fc-daygrid-day .fc-daygrid-day-number {
  margin: 0.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: #ffffff;
  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: 0.625rem;
  margin-right: 0.625rem;
}.calendar-wrapper .fc .fc-day-other {
  background-color: #fbfbfb;
}.calendar-wrapper .fc .fc-col-header-cell-cushion {
  font-weight: 300;
  font-size: 0.75rem;
}@media screen and (max-width: 450px) {
  .calendar-wrapper {
    overflow: scroll;
  }
}.card-wrapper {
  border-radius: 0.5rem;
  padding: 1rem;
  border: 1px solid #eeeff1;
  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);
}.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%;
}._3zRJQ {
  fill: #232529;
  font-weight: 500;
}._3rUKi,
._RuwuK {
  stroke: none;
}.fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.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: 0.9375rem 0;
  opacity: 0.6;
  font-size: 0.75rem;
  font-weight: 500;
}.HrLine--Length {
  width: 40%;
}@media screen and (max-width: 1600px) {
  .HrLine {
    font-size: 0.6875rem;
  }
}@media screen and (max-width: 1440px) {
  .HrLine {
    font-size: 0.625rem;
  }
}@media screen and (max-width: 1112px) {
  .HrLine {
    font-size: 0.5625rem;
  }
}@media screen and (max-width: 450px) {
  .HrLine {
    font-size: 0.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: 0px;
  left: 0px;
}.inventoryReportsTitleBar {
  display: flex;
  padding: 0.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: 0.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: 0.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;
}.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;
}.inventoryReportsTitleBar--RightContent ul {
  max-height: 400px;
  overflow-y: auto;
}.inventoryReportsTitleBar--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;
}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}/* linaria:data-grid-overlay-editor-style_115vs9w.linaria.css */.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 {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}@keyframes glide_fade_in-d1t1th9s {
  from {
    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),
    0px 0px 1px rgba(62, 65, 86, 0.4),
    0px 6px 12px rgba(62, 65, 86, 0.15);
  -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;
}/* linaria:scrolling-data-grid_4ongun.linaria.css */.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 rgba(0, 0, 0, 0.08);
  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);
}/* linaria:infinite-scroller_1qseojb.linaria.css */.s1jz82f8 .dvn-scroller {
  overflow: var(--s1jz82f8-0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 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;
}/* linaria:data-grid-search-style_jgiiup.linaria.css */.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: translateX(var(--sxep88s-0));
  -webkit-transition: -webkit-transform 0.15s;
  -webkit-transition: transform 0.15s;
  transition: transform 0.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: 0.4;
  pointer-events: none;
}/* linaria:group-rename_yc2zuw.linaria.css */.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);
}/* linaria:data-grid-container_1xdyqpm.linaria.css */.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%;
}/* linaria:bubbles-overlay-editor-style_1022dut.linaria.css */.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: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}/* linaria:drilldown-overlay-editor_1gv6dry.linaria.css */.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;
  border-radius: 100px;
  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 rgba(62, 65, 86, 0.4), 0 1px 3px rgba(62, 65, 86, 0.4);
}.df2kt4a .doe-bubble img {
  height: 16px;
  object-fit: contain;
  margin-right: 4px;
}.df2kt4a textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}/* linaria:image-overlay-editor-style_sojiwi.linaria.css */.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: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}/* linaria:markdown-container_kvmc63.linaria.css */.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%;
}/* linaria:growing-entry-style_ycxqui.linaria.css */.ijuk0po {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  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;
  margin: 0;
  padding-bottom: 2px;
}.gf8vzix {
  position: relative;
  margin-top: 6px;
}/* linaria:markdown-overlay-editor-style_nbv04l.linaria.css */.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 150ms;
  transition: background-color 150ms;
}.mdwzdl1 .checkmark-hover:hover {
  color: #ffffff;
  background-color: var(--gdg-accent-color);
}.mdwzdl1 .md-edit-textarea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin-top: 25px;
  opacity: 0;
  padding: 0;
}.mdwzdl1 .ml-6 {
  margin-left: 6px;
}/* linaria:number-overlay-editor-style_1i1z3n.linaria.css */.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);
}/* linaria:uri-overlay-editor-style_nguq6d.linaria.css */.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: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}.main-card-nodal .card-wrapper {
  padding: 0.5rem 0;
  min-width: 17.125rem;
  border-radius: 0.5rem;
  background: #fff;
}.main-card-nodal .card-wrapper .payable-header {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}.main-card-nodal .card-wrapper .payable-header .payable-title {
  color: #919294;
  display: inline-block;
}.main-card-nodal .card-wrapper .search-wrapper {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #f3f2f2;
}.main-card-nodal .card-wrapper .search-wrapper .MuiFormControl-root {
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  border-radius: 0.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: 0.5rem 0.75rem;
}.main-card-nodal .card-wrapper .list-items .title {
  color: #1f2125;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.016rem;
  margin-bottom: 0.125rem;
  text-transform: capitalize;
}.main-card-nodal .card-wrapper .list-items .description {
  color: #656669;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.015rem;
  text-transform: capitalize;
}.main-card-nodal .card-wrapper .bottom-footer {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-top: 1px solid #eeeff1;
  background: #fff;
  cursor: pointer;
}.main-card-nodal .card-wrapper .bottom-footer svg {
  padding-right: 0.5rem;
}.main-card-nodal .card-wrapper .bottom-footer p {
  color: #1f2125;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.016rem;
}.MultiSelect .MuiSelect-select {
  padding-top: 4px !important;
  padding-bottom: 4px;
  padding-left: 8px;
}.reportsTitleBar {
  display: flex;
  padding: 0.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: 0.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: 0.25rem;
  flex-wrap: wrap;
}.reportsTitleBar--FilterWrapper {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}.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: center;
}.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;
  min-width: fit-content;
}.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;
}.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;
}.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: 0.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 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}.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: 0.5rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.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 {
  background-color: #ebf9f2;
  color: #7b7c7f;
  border: 1px solid #ade7cb;
}.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: 0.5rem;
}.react-datepicker__header {
  border-bottom: none;
  background-color: white;
  padding: 0; /* Converted from pixels to rem */
}.react-datepicker {
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.08), 0px 0.125rem 1rem 0px rgba(0, 0, 0, 0.04); /* Converted from pixels to rem */
  border: none;
}.react-datepicker__today-button {
  padding: 0; /* Converted from pixels to rem */
  border-top: 0.0625rem solid #eee; /* Converted from pixels to rem */
  font-weight: normal;
}.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: 0.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 0.625rem; /* Converted from pixels to rem */
}.react-datepicker__close-icon {
  right: 1.25rem; /* Converted from pixels to rem */
}.react-datepicker__close-icon::after {
  color: #313131;
  background-color: unset;
  font-size: 1rem; /* Converted from pixels to rem */
}.react-datepicker-wrapper input {
  border-radius: 0.25rem; /* Converted from pixels to rem */
  border: 0.0625rem solid #b9b9b9; /* Converted from pixels to rem */
  width: 100%;
  height: 2.5rem; /* Converted from pixels to rem */
  color: #525462;
  font-weight: 400;
  font-size: 0.875rem; /* Converted from pixels to rem */
  padding: 0 0.625rem; /* Converted from pixels to rem */
  outline-offset: unset;
  outline: unset;
}.react-datepicker__header {
  padding: 0.625rem 0; /* Converted from pixels to rem */
}.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; /* Converted from pixels to rem */
}.box-icon {
  display: inline;
  position: relative;
  top: 0.25rem;
}.box-icon svg {
  font-size: 1rem;
  color: #7b7c7f;
}.time-input .MuiInputBase-root .MuiInputBase-input {
  border-right: unset;
}.time-input .MuiInputAdornment-root {
  padding: 0 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: 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;
  border: 0.25rem solid rgb(128, 128, 128);
}.upload .MuiDialog-paper .MuiButtonBase-root {
  padding: 0.25rem;
}.upload--head {
  display: flex;
  padding: 0.5rem 1rem 0.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 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;
}.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;
}.SwitchList {
  padding: 1rem 0.5rem 0.4375rem 0.5rem;
  flex: 1;
  border-radius: 0.5rem;
  background: #ffffff;
  max-height: 100%;
  overflow-y: auto;
}.SwitchList .MuiFormControlLabel-labelPlacementEnd {
  line-height: 0.9375rem;
  margin: unset;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
}.SwitchList .MuiFormControlLabel-label {
  font-size: 0.875rem;
  line-height: 1.225rem;
  color: #656669;
  margin: 0 0.5rem;
}.SwitchList .MuiList-root {
  max-width: 100%;
  padding: unset;
}.SwitchList .MuiListItem-root {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.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: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}.SwitchList .MuiList-root .MuiTypography-root span {
  color: #a7a8a9;
  position: relative;
  margin: 0 0.5rem;
}.SwitchList .MuiList-root .MuiTypography-root span::after {
  position: absolute;
  content: "";
  top: 47%;
  left: -0.5rem;
  border-radius: 50%;
  border: 0.125rem solid #a7a8a9;
}.SwitchList .switch {
  width: 1.5rem;
  height: 1rem;
}.SwitchList .switch .slider:before {
  height: 0.875rem;
  width: 0.875rem;
  left: -0.0625rem;
  bottom: 0.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; /* Ensure bars are on top */
}.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 0.625rem;
  max-height: 2.5rem;
  margin-bottom: 0.938rem;
  width: 50%;
}.donut-chart-container .donut-chart-legend .legend .legend-title {
  color: var(--Text-Secondary, #656669);
  margin-bottom: 0.125rem;
  width: 100%;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.donut-chart-container .donut-chart-legend .legend .legend-value {
  font-size: 0.75rem;
}.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 {
  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 {
  display: flex;
  justify-content: center;
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 46px;
  gap: 12px;
}.donut-chart-legend .legend {
  padding: 0 0.75rem 0 0.75rem;
  max-height: 2.5rem;
  padding-right: 24px;
}.donut-chart-legend .legend .legend-title {
  color: var(--Text-Secondary, #656669);
  margin-bottom: 0.125rem;
  width: 100%;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.donut-chart-legend .legend .legend-value {
  font-size: 0.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;
}.appMenu {
  width: "100%";
}.navList {
  width: 240px;
}.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: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 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;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}.sidebar-list {
  padding: 0.75rem 0.5rem 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.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: 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);
}.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}.react-datepicker__navigation--previous {
  left: 2px;
}.react-datepicker__navigation--next {
  right: 2px;
}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}.react-datepicker__navigation--years-previous {
  top: 4px;
}.react-datepicker__navigation--years-upcoming {
  top: -4px;
}.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}.react-datepicker__navigation-icon--next {
  left: -2px;
}.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}.react-datepicker__navigation-icon--previous {
  right: -2px;
}.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}.react-datepicker__month-container {
  float: left;
}.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}.react-datepicker__week {
  white-space: nowrap;
}.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}.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: 0.3rem;
  background-color: #216ba5;
  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: #1d5d90;
}.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}.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: #1d5d90;
}.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: rgba(33, 107, 165, 0.5);
}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}.react-datepicker__close-icon--disabled {
  cursor: default;
}.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}.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: white;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s;
  margin-left: 8px;
  margin-right: 8px;
  font-family: inherit;
}.ai-summary-panel__collapsed-toggle:hover {
  border-color: #E0DFE0;
}.ai-summary-panel__collapsed-toggle:disabled {
  cursor: default;
  opacity: 0.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;
}.ai-summary-panel__collapsed-toggle-icon svg {
  width: 12px;
  height: 12px;
  color: white;
}.ai-summary-panel__collapsed-toggle-title {
  font-weight: 500;
  font-size: 13px;
  color: #1F2125;
}.ai-summary-panel__collapsed-toggle-subtitle {
  font-weight: 400;
  font-size: 12px;
  color: #A7A8A9;
}.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, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.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 0.8s linear infinite;
}.ai-summary-panel__loading-text {
  font-size: 13px;
  color: #656669;
}.ai-summary-panel__expanded {
  background: white;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  overflow: visible;
  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: white;
}.ai-summary-panel__header-title {
  font-weight: 500;
  font-size: 14px;
  color: #1F2125;
}.ai-summary-panel__header-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  background: #E8F7F0;
  font-weight: 500;
  font-size: 10px;
  color: #4AC08C;
  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 0.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.copied svg {
  color: #2EB273;
}.ai-summary-panel__body {
  padding: 12px 16px 14px;
}.ai-summary-panel__summary {
  font-weight: 400;
  font-size: 13px;
  color: #3D3F44;
  line-height: 1.65;
}.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: flex;
  flex-wrap: wrap;
  gap: 12px;
  animation: fadeSlideIn 0.3s ease-out both;
  overflow: visible;
  align-items: stretch;
}.ai-summary-panel__visuals > .ai-summary-panel__card {
  flex: 1;
  min-width: calc(50% - 6px);
  max-width: calc(50% - 6px);
}.ai-summary-panel__card {
  background: #FAFBFC;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  padding: 12px;
  position: relative;
  overflow: visible;
  min-height: 200px;
}.ai-summary-panel__card-title {
  font-size: 11.5px;
  color: #656669;
  font-weight: 500;
  margin-bottom: 25px;
}.ai-summary-panel__insights {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  animation: fadeSlideIn 0.3s ease-out 0.1s both;
}.ai-summary-panel__insight-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}.ai-summary-panel__insight-chip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px 0 0 3px;
}.ai-summary-panel__insight-chip--critical {
  background: rgba(232, 93, 58, 0.08);
}.ai-summary-panel__insight-chip--critical::before {
  background: #E85D3A;
}.ai-summary-panel__insight-chip--critical svg {
  color: #E85D3A;
}.ai-summary-panel__insight-chip--warning {
  background: rgba(217, 119, 6, 0.08);
}.ai-summary-panel__insight-chip--warning::before {
  background: #D97706;
}.ai-summary-panel__insight-chip--warning svg {
  color: #D97706;
}.ai-summary-panel__insight-chip--info {
  background: rgba(5, 150, 105, 0.08);
}.ai-summary-panel__insight-chip--info::before {
  background: #059669;
}.ai-summary-panel__insight-chip--info svg {
  color: #059669;
}.ai-summary-panel__insight-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}.ai-summary-panel__insight-chip svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}.ai-summary-panel__insight-chip-title {
  font-size: 11.5px;
  font-weight: 600;
  color: #3D3F44;
}.ai-summary-panel__insight-chip-text {
  font-size: 11px;
  color: #6B7280;
}.ai-summary-panel__insight-chip-arrow {
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.2s;
  color: #9CA3AF;
  width: 12px;
  height: 12px;
}.ai-summary-panel__insight-chip:hover .ai-summary-panel__insight-chip-arrow {
  opacity: 1;
}@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  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 grey}.react-kanban-card__description{padding-top:10px}.react-kanban-card__title{border-bottom:1px solid #eee;padding-bottom:5px;font-weight:bold;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:0.3s;border-radius:3px;font-size:20px;margin-bottom:10px;font-weight:bold}.react-kanban-card-adder-button:hover{background-color:#ccc}.react-kanban-card-adder-form__title{font-weight:bold;border-bottom:1px solid #eee;padding-bottom:5px;font-weight:bold;display:flex;justify-content:space-between;width:100%;padding:0px}.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:0.3s;cursor:pointer;background-color:#ccc}.react-kanban-column-header{padding-bottom:10px;font-weight:bold}.react-kanban-column-header input:focus{outline:none}.react-kanban-column-header__button{color:#333333;background-color:#ffffff;border-color:#cccccc}.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(even) {
  background-color: #f5f5f5;
}._3lLk3 {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._nI1Xw {
  display: flex;
}._2QjE6 {
  color: rgb(86 86 86);
  font-size: 0.6rem;
  padding: 0.15rem 0.2rem 0rem 0.2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}._2TfEi {
  font-size: 0.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 rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}._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;
  /*firefox*/
  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: rgba(0, 0, 0, 0.2);
  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background-clip: padding-box;
}._1eT-t::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: rgba(0, 0, 0, 0.3);
  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
  background-clip: padding-box;
}._2dZTy {
  fill: #fff;
}._2dZTy:nth-child(even) {
  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: #ffffff;
  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: 0.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%;
  /*firefox*/
  scrollbar-width: thin;
  /*iPad*/
  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: rgba(0, 0, 0, 0.2);
  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background-clip: padding-box;
}._2k9Ys::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: rgba(0, 0, 0, 0.3);
  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
  background-clip: padding-box;
}@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}._19jgW {
  height: 1px;
}.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;
}.add-role-drp ul {
  min-width: 12.875rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}.add-role-drp ul .searchbar-box-list {
  border: 0;
  padding: 0.313rem 0.75rem 0.5rem 0.75rem;
}.add-role-drp ul .all-attribute-title {
  padding: 0rem 0.938rem;
}.add-role-drp ul .all-attribute-title .MuiTypography-root {
  font-size: 0.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: 0.938rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.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: 0.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 0.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: white;
}.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;
}.forms {
  padding: 0rem 2rem;
  width: 100%;
}.forms--CustomField {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #eeeff1;
  color: #232529;
  border-radius: 0.25rem;
}.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%;
}@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;
}/* ─── Toolbar ─── */.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 0.15s, color 0.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: 0.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;
}/* Color picker labels */.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;
}/* ─── Editor content area ─── */.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;
}/* Typography within editor */.tiptap-editor-wrapper .tiptap p {
	margin: 0 0 0.5em 0;
}.tiptap-editor-wrapper .tiptap h1,
.tiptap-editor-wrapper .tiptap h2,
.tiptap-editor-wrapper .tiptap h3,
.tiptap-editor-wrapper .tiptap h4 {
	margin: 0.5em 0 0.3em 0;
	line-height: 1.3;
}.tiptap-editor-wrapper .tiptap blockquote {
	border-left: 3px solid #dee2e6;
	margin: 0.5em 0;
	padding-left: 1em;
	color: #6c757d;
}.tiptap-editor-wrapper .tiptap code {
	background: #f1f3f5;
	padding: 2px 4px;
	border-radius: 3px;
	font-size: 0.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;
}/* Table styles */.tiptap-editor-wrapper .tiptap table {
	border-collapse: collapse;
	width: 100%;
	margin: 0.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;
}/* Selected cell */.tiptap-editor-wrapper .tiptap .selectedCell {
	background: #e7f1ff;
}/* Link styles */.tiptap-editor-wrapper .tiptap a {
	color: #0d6efd;
	text-decoration: underline;
}/* Placeholder */.tiptap-editor-wrapper .tiptap p.is-editor-empty:first-child::before {
	color: #adb5bd;
	content: attr(data-placeholder);
	float: left;
	height: 0;
	pointer-events: none;
}/* ─── Source code editor ─── */.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;
}/* Selection handles */.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 Editing Styles ─── *//* Selected table cell */.table-cell-selected {
	background-color: #e3f2fd !important;
	outline: 2px solid #1976d2;
	outline-offset: -2px;
}/* Cell highlight overlay */.table-cell-highlight {
	position: absolute;
	border: 2px solid #1976d2;
	pointer-events: none;
	z-index: 100;
	background-color: rgba(25, 118, 210, 0.1);
}/* Row hover highlight */.table-row-hover {
	background-color: rgba(25, 118, 210, 0.08) !important;
}.table-row-hover td,
.table-row-hover th {
	background-color: rgba(25, 118, 210, 0.08) !important;
}/* Column hover highlight */.table-col-hover {
	background-color: rgba(25, 118, 210, 0.08) !important;
}/* Table toolbar */.table-toolbar {
	position: absolute;
	background: white;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	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 0.15s, color 0.15s;
}.table-toolbar-button:hover {
	background: #e9ecef;
	color: #212529;
}.table-toolbar-button:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}.table-toolbar-button.active {
	background: #dee2e6;
	color: #0d6efd;
}/* ─── Handlebars Template Syntax Protection ─── *//* Handlebars placeholder styling *//* .hbs-placeholder {
	display: inline-block;
	color: #d97706 !important;
	background: #fef3c7 !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
	font-size: 11px !important;
	border: 1px solid #fbbf24 !important;
	cursor: default !important;
	user-select: none !important;
	white-space: nowrap !important;
	vertical-align: baseline !important;
} */.hbs-placeholder:hover {
	background: #fde68a !important;
	border-color: #f59e0b !important;
}/* Prevent editing of Handlebars placeholders */.hbs-placeholder[contenteditable="false"] {
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}/* Make placeholders stand out in tables */table .hbs-placeholder {
	margin: 0 2px;
}/* Ensure placeholders don't break table layout */td .hbs-placeholder,
th .hbs-placeholder {
	display: inline;
}@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);
    }
  }
}.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: 0.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: 0.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: 0.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, #000000);
}.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: 0.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: 0.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: 0.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: 0.875rem;
    padding: 2.0625rem 0;
    line-height: 35px;
  }
  .Landing--HomeContent {
    width: 42%;
  }
  .Landing--HomeContentBottom {
    width: 75%;
  }
  .Landing--HomeContentVisa {
    width: 75%;
  }
  .Landing--HomeContentVisaTitle {
    font-size: 0.75rem;
  }
  .Landing--AnimationTextContentImg {
    height: 11vh;
  }
  .Landing--BrandsContainer {
    width: 55%;
  }
  .Landing--BrandsTitle {
    font-size: 1.3125rem;
  }
  .Landing--BrandsSubTitle {
    font-size: 1.03125rem;
    padding-top: 0.625rem;
  }
  .Landing--SecurityContent {
    width: 100%;
  }
  .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: 0.90625rem;
    width: 90%;
    line-height: 30px;
    padding: 0.625rem 0 1.875rem 0;
    text-align: center;
  }
  .Landing--Home {
    height: auto;
    min-height: 100vh;
    justify-content: space-around;
  }
  .Landing--HomeAnimation {
    margin: 11vh 0 5vh 0;
  }
  .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 0;
  }
  .Landing--FeaturesSticky {
    top: 12vh;
  }
  .Landing--Security {
    padding: 10vh 3vw;
  }
  .Landing--SecurityImg {
    height: 30vh;
  }
  .Landing--SecurityContentFeatures {
    align-items: center;
    margin-top: 0.625rem;
  }
  .Landing--Brands {
    padding: 7vh 0 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 0;
  }
  .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: 0.8125rem;
    line-height: 25px;
  }
}@media screen and (max-width: 320px) {
  .Landing--Home {
    min-height: 120vh;
  }
}.editSectionModal--Divider {
  border-color: #eeeff1;
}.editSectionModal--DialogTitle {
  padding: 0.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: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}.editSectionModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.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: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}.companySelectionModal--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: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}.companySelectionModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.templates {
  padding: 0rem 2rem;
  width: 100%;
}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: 0.5rem;
}.formSection--Tab {
  display: flex;
  gap: 0.5rem;
}.formSection--Tab .MuiTabPanel-root {
  padding: 0;
}.formSection--Tab .Mui-selected {
  color: "#232529";
}.formSection--Buttons {
  display: flex;
  gap: 0.75rem;
}.formSection--PreviewButton {
  width: fit-content;
  color: #1f2125 !important;
}.formSection--Section {
  border-radius: 0.5rem;
  border: 2px dotted #919294;
  padding: 0.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: white;
  border-radius: 0.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: 0.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: 0.25rem;
}.formSection--MultiOptions {
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
}.formSection--MultiOptions svg {
  cursor: pointer;
}.formSection--Button {
  width: fit-content;
  color: #4AC08C !important;
}.formSection--Button :disabled {
  color: rgba(0, 0, 0, 0.25);
}.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;
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document
   ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers.
 */body {
  margin: 0;
}/**
 * Render the `main` element consistently in IE.
 */main {
  display: block;
}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1 {
  font-size: 2em;
  margin: 0.67em 0;
}/* Grouping content
   ========================================================================== *//**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/* Text-level semantics
   ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 */a {
  background-color: transparent;
}/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,
strong {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/**
 * Add the correct font size in all browsers.
 */small {
  font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/* Embedded content
   ========================================================================== *//**
 * Remove the border on images inside links in IE 10.
 */img {
  border-style: none;
}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,
input { /* 1 */
  overflow: visible;
}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,
select { /* 1 */
  text-transform: none;
}/**
 * Correct the inability to style clickable types in iOS and Safari.
 */button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Correct the padding in Firefox.
 */fieldset {
  padding: 0.35em 0.75em 0.625em;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress {
  vertical-align: baseline;
}/**
 * Remove the default vertical scrollbar in IE 10+.
 */textarea {
  overflow: auto;
}/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/* Interactive
   ========================================================================== *//*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */details {
  display: block;
}/*
 * Add the correct display in all browsers.
 */summary {
  display: list-item;
}/* Misc
   ========================================================================== *//**
 * Add the correct display in IE 10+.
 */template {
  display: none;
}/**
 * Add the correct display in IE 10.
 */[hidden] {
  display: none;
}/* linaria:star-cell_11fp33c.linaria.css */.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%;
}/* linaria:tags-cell_1pot9z6.linaria.css */.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 150ms;
  transition: box-shadow 150ms;
}.e43amum.e43amum.e43amum.e43amum label .pill.unselected {
  opacity: 0.8;
}.e43amum label:hover .pill {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}.e43amum.e43amum.e43amum.e43amum.readonly label {
  cursor: default;
}.e43amum.e43amum.e43amum.e43amum.readonly label .pill {
  box-shadow: none !important;
}/* linaria:dropdown-cell_b9sbos.linaria.css */.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;
}/* linaria:article-cell-editor_1xvadsa.linaria.css */.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;
}/* linaria:date-picker-cell_1hu5eor.linaria.css */.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: white;
}/* linaria:links-cell_o8iera.linaria.css */.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 200ms;
  transition: background-color 200ms;
  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: 0.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 200ms;
  transition: border 200ms;
}.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 200ms, color 200ms;
  transition: background-color 200ms, color 200ms;
  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);
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,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)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document
   ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers.
 */body {
  margin: 0;
}/**
 * Render the `main` element consistently in IE.
 */main {
  display: block;
}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1 {
  font-size: 2em;
  margin: 0.67em 0;
}/* Grouping content
   ========================================================================== *//**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/* Text-level semantics
   ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 */a {
  background-color: transparent;
}/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,
strong {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/**
 * Add the correct font size in all browsers.
 */small {
  font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/* Embedded content
   ========================================================================== *//**
 * Remove the border on images inside links in IE 10.
 */img {
  border-style: none;
}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,
input { /* 1 */
  overflow: visible;
}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,
select { /* 1 */
  text-transform: none;
}/**
 * Correct the inability to style clickable types in iOS and Safari.
 */button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Correct the padding in Firefox.
 */fieldset {
  padding: 0.35em 0.75em 0.625em;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress {
  vertical-align: baseline;
}/**
 * Remove the default vertical scrollbar in IE 10+.
 */textarea {
  overflow: auto;
}/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/* Interactive
   ========================================================================== *//*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */details {
  display: block;
}/*
 * Add the correct display in all browsers.
 */summary {
  display: list-item;
}/* Misc
   ========================================================================== *//**
 * Add the correct display in IE 10+.
 */template {
  display: none;
}/**
 * Add the correct display in IE 10.
 */[hidden] {
  display: none;
}@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);
    }
  }
}.react-tel-input .selected-flag .arrow {
  right: 0rem;
}/* ExpandableGridSummary.scss */.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 0.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: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}/* Ensure grid container allows overflow for toggle button */.expandable-grid-container .MuiGrid-item {
  overflow: visible !important;
  transition: flex-basis 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}/* Ensure parent container allows overflow */.MuiGrid-container {
  overflow: visible;
}/* Mobile drawer specific styles */.expandable-summary-drawer .MuiDrawer-paper {
  width: 90vw;
  max-width: 400px;
}@media (max-width: 600px) {
  .expandable-summary-drawer .MuiDrawer-paper {
    width: 95vw;
  }
}/* Smooth collapse animation */.MuiCollapse-horizontal .MuiCollapse-wrapperInner {
  height: 100%;
}/* Custom scrollbar for summary content */.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);
}/* High contrast mode support */@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);
  }
}/* Reduce motion for accessibility */@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 {
    display: flex;
    flex-direction: column;
  }
  .chip-wrapper-variants {
    display: flex;
    flex-direction: column;
  }
}.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;
}.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: #d0f0da !important;
  color: #226e4f !important;
}
.salaryStructureGridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.salaryStructureGridView--redirection {
  cursor: pointer;
  width: 100%;
}.salaryStructureMaster {
  padding: 0rem 2rem;
  width: 100%;
}
.salaryStructureMaster--StatusChip--1, .salaryStructureMaster--StatusChip--true, .salaryStructureMaster--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.salaryStructureMaster--StatusChip--0, .salaryStructureMaster--StatusChip--false, .salaryStructureMaster--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !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;
}.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;
}.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;
}.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--feedbackpending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.candidateManagement--StatusChip--new {
  color: #2EB273 !important;
  background-color: #D2F0E6 !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, .AccrualsBenefitMaster--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
  padding: 4px 12px;
  font-size: 0.875rem;
  font-weight: 500;
}
.AccrualsBenefitMaster--StatusChip--0, .AccrualsBenefitMaster--StatusChip--false, .AccrualsBenefitMaster--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
  padding: 4px 12px;
  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;
}
.loan-configuration--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529;
}.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%;
}.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;
}.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;
}.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;
}

.rdrDayDisabled {
  background-color: transparent !important;
  opacity: 0.5 !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;
}.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;
}.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--HeaderButtons--RejectButton {
  color: #f86060 !important;
  border-color: #d3d3d4 !important;
}
.runPayroll--HeaderButtons--RejectButton:hover {
  background-color: rgba(248, 96, 96, 0.04) !important;
  border-color: #f86060 !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;
}.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%;
}
.gridView--InfoRow {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.gridView--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
@media (max-width: 1024px) {
  .gridView--InfoRow {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .gridView--CardHeader {
    margin-bottom: 0.75rem;
  }
  .gridView--InfoRow {
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
  }
  .gridView--Image {
    width: 1.5rem;
    height: 1.5rem;
  }
  .gridView .MuiIconButton-root {
    min-width: 44px;
    min-height: 44px;
    padding: 0.5rem;
  }
}

.dropdown-inner--DestructiveHeader {
  border-top: 1px solid #eeeff1;
  padding-top: 0.25rem;
}
.dropdown-inner--DestructiveActions {
  color: #883c3c;
}
.dropdown-inner--DestructiveActions:hover {
  background-color: #ffebeb;
}
@media (max-width: 768px) {
  .dropdown-inner .MuiMenuItem-root {
    min-height: 48px;
    padding: 0.75rem 1rem;
  }
}.departmentMaster {
  padding: 0rem 2rem;
  width: 100%;
}
.departmentMaster--StatusChip {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
}
.departmentMaster--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.departmentMaster--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.departmentMaster--StatusChip--Draft {
  background-color: #FFF8E1 !important;
  color: #F57F17 !important;
}
@media (max-width: 1024px) {
  .departmentMaster {
    padding: 0rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .departmentMaster {
    padding: 0rem 1rem;
  }
}.departmentMaster--StatusChip {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
}
.departmentMaster--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.departmentMaster--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}

.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;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  .form--Container {
    padding: 0.5rem 1rem;
  }
  .form--Accordion--TabPanel {
    padding: 1rem 0;
  }
}
@media (max-width: 768px) {
  .form--Container {
    padding: 0.5rem 0.75rem;
  }
  .form--Accordion .MuiAccordionSummary-root {
    min-height: 48px;
    padding: 0.5rem 0 !important;
  }
  .form--Accordion--TabPanel {
    padding: 0.75rem 0;
  }
  .form--SectionDivider {
    margin: 1.5rem 0;
  }
  .form .common-form .MuiInputBase-root {
    min-height: 44px;
  }
  .form .common-form .MuiButton-root {
    min-height: 44px;
    padding: 0.75rem 1rem;
  }
  .form .common-form .MuiIconButton-root {
    min-width: 44px;
    min-height: 44px;
  }
}.addDepartmentEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.addDepartmentEntry--HeaderButtons--DiscardButton {
  min-width: 100px;
}
.addDepartmentEntry--HeaderButtons .MuiButton-outlined {
  border-color: #1f2125 !important;
  color: #1f2125 !important;
}
.addDepartmentEntry--HeaderButtons .MuiButton-outlined:hover {
  border-color: #1f2125 !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.addDepartmentEntry--FormContainer {
  min-height: calc(100vh - 120px);
}
@media (max-width: 1024px) {
  .addDepartmentEntry--FormContainer {
    padding: 1rem;
    min-height: calc(100vh - 100px);
  }
}
@media (max-width: 768px) {
  .addDepartmentEntry--HeaderButtons {
    flex-direction: column-reverse;
    gap: 0.5rem;
    width: 100%;
  }
  .addDepartmentEntry--HeaderButtons button {
    width: 100%;
  }
  .addDepartmentEntry--HeaderButtons--DiscardButton {
    min-width: unset;
    width: 100%;
  }
  .addDepartmentEntry--FormContainer {
    padding: 0.75rem;
    min-height: calc(100vh - 80px);
  }
  .addDepartmentEntry .MuiButton-root {
    min-height: 44px;
    padding: 0.75rem 1rem;
  }
}.editDepartmentEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.editDepartmentEntry--HeaderButtons--DiscardButton {
  min-width: 100px;
}
.editDepartmentEntry--HeaderButtons .MuiButton-outlined {
  border-color: #1f2125 !important;
  color: #1f2125 !important;
}
.editDepartmentEntry--HeaderButtons .MuiButton-outlined:hover {
  border-color: #1f2125 !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.editDepartmentEntry--FormContainer {
  min-height: calc(100vh - 120px);
}
@media (max-width: 1024px) {
  .editDepartmentEntry--FormContainer {
    padding: 1rem;
    min-height: calc(100vh - 100px);
  }
}
@media (max-width: 768px) {
  .editDepartmentEntry--HeaderButtons {
    flex-direction: column-reverse;
    gap: 0.5rem;
    width: 100%;
  }
  .editDepartmentEntry--HeaderButtons button {
    width: 100%;
  }
  .editDepartmentEntry--HeaderButtons--DiscardButton {
    min-width: unset;
    width: 100%;
  }
  .editDepartmentEntry--FormContainer {
    padding: 0.75rem;
    min-height: calc(100vh - 80px);
  }
  .editDepartmentEntry .MuiButton-root {
    min-height: 44px;
    padding: 0.75rem 1rem;
  }
}.viewDepartmentEntry--Container {
  padding: 1.5rem;
}
.viewDepartmentEntry--HeaderButtons {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.viewDepartmentEntry--EditButton {
  min-width: 120px;
}
.viewDepartmentEntry--Accordion {
  margin-bottom: 1.5rem;
}
.viewDepartmentEntry--Accordion .MuiAccordionDetails-root {
  padding: 1.5rem;
}
.viewDepartmentEntry--StatusChip--Active {
  background-color: #B6E9D6;
  color: #279769;
}
.viewDepartmentEntry--StatusChip--Inactive {
  background-color: #eed2d2;
  color: #883c3c;
}
.viewDepartmentEntry--StatusChip--Draft {
  background-color: #FFF8E1 !important;
  color: #F57F17 !important;
}
@media (max-width: 1024px) {
  .viewDepartmentEntry--Container {
    padding: 1rem;
  }
  .viewDepartmentEntry--Accordion {
    margin-bottom: 1rem;
  }
  .viewDepartmentEntry--Accordion .MuiAccordionDetails-root {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .viewDepartmentEntry--Container {
    padding: 0.75rem;
  }
  .viewDepartmentEntry--HeaderButtons {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
  .viewDepartmentEntry--HeaderButtons button {
    width: 100%;
  }
  .viewDepartmentEntry--EditButton {
    min-width: unset;
    width: 100%;
  }
  .viewDepartmentEntry--Accordion {
    margin-bottom: 0.75rem;
  }
  .viewDepartmentEntry--Accordion .MuiAccordionDetails-root {
    padding: 0.75rem;
  }
  .viewDepartmentEntry--Accordion .MuiAccordionSummary-root {
    min-height: 48px;
  }
  .viewDepartmentEntry .MuiButton-root {
    min-height: 44px;
    padding: 0.75rem 1rem;
  }
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabList {
  border-bottom: 1px solid #eeeff1;
  min-height: 48px;
}
.summary--TabList .MuiTabs-indicator {
  background-color: #54CC96;
}
.summary--Tab {
  min-height: 48px;
  text-transform: none;
}
.summary--Tab.Mui-selected {
  color: #54CC96;
}
.summary--TabPanel {
  padding: 1.5rem 0;
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}
@media (max-width: 1024px) {
  .summary--TabPanel {
    padding: 1rem 0;
    max-height: calc(100vh - 180px);
  }
}
@media (max-width: 768px) {
  .summary--TabList .MuiTabs-flexContainer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .summary--Tab {
    min-width: 120px;
    padding: 0.75rem 1rem;
  }
  .summary--TabPanel {
    padding: 0.75rem 0;
    max-height: calc(100vh - 160px);
  }
  .summary .MuiTab-root {
    min-height: 48px;
  }
}.designationMaster {
  padding: 0rem 2rem;
  width: 100%;
}
.designationMaster--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.designationMaster--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.designationMaster--StatusChip--Draft {
  background-color: #FFF8E1 !important;
  color: #F57F17 !important;
}
@media (max-width: 1024px) {
  .designationMaster {
    padding: 0rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .designationMaster {
    padding: 0rem 1rem;
  }
}.addDesignationEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.addDesignationEntry--HeaderButtons .MuiButton-outlined {
  border-color: #1f2125 !important;
  color: #1f2125 !important;
}
.addDesignationEntry--HeaderButtons .MuiButton-outlined:hover {
  border-color: #1f2125 !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}.editDesignationEntry--HeaderButtons {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.editDesignationEntry--HeaderButtons .MuiButton-outlined {
  border-color: #1f2125 !important;
  color: #1f2125 !important;
}
.editDesignationEntry--HeaderButtons .MuiButton-outlined:hover {
  border-color: #1f2125 !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}.viewDesignationEntry--Container {
  padding: 1.5rem;
}
.viewDesignationEntry--HeaderButtons {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.viewDesignationEntry--Accordion {
  margin-bottom: 1.5rem;
}
.viewDesignationEntry--Accordion .MuiAccordionDetails-root {
  padding: 1.5rem;
}
.viewDesignationEntry--StatusChip--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.viewDesignationEntry--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.viewDesignationEntry--StatusChip--Draft {
  background-color: #FFF8E1 !important;
  color: #F57F17 !important;
}
@media (max-width: 1024px) {
  .viewDesignationEntry--Container {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .viewDesignationEntry--Container {
    padding: 0.75rem;
  }
  .viewDesignationEntry--HeaderButtons {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
  .viewDesignationEntry--HeaderButtons button {
    width: 100%;
  }
}.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;
}.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-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: #d0f0da !important;
  color: #2EB273;
}
.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;
}.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--assigned {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.asset-allocation--StatusChip--partialassigned {
  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: #d0f0da !important;
  color: #2EB273;
}
.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--StatusChip--scheduled, .candidateGridView--StatusChip--interview {
  background-color: #e0f2fe !important;
  color: #0369a1 !important;
}
.candidateGridView--StatusChip--inreview {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.candidateGridView--StatusChip--shortlisted {
  background-color: #FDE68A !important;
  color: #B45309 !important;
}
.candidateGridView--StatusChip--onhold {
  background-color: #CDEBF4 !important;
  color: #475569 !important;
}
.candidateGridView--StatusChip--offered {
  background-color: #e8f5e9 !important;
  color: #388e3c !important;
}
.candidateGridView--StatusChip--hired {
  background-color: #c8e6c9 !important;
  color: #2e7d32 !important;
}
.candidateGridView--StatusChip--rejected {
  background-color: #ffebee !important;
  color: #c62828 !important;
}
.candidateGridView--StatusChip--feedbackpending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.candidateGridView--StatusChip--new {
  color: #2EB273 !important;
  background-color: #D2F0E6 !important;
}
.candidateGridView--StatusChip--movedtonextround, .candidateGridView--StatusChip--movedto {
  color: #5894a5 !important;
  background-color: #cdebf4 !important;
}/* 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%;
}.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;
}.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 u0026.Mui-disabled {
  background-color: #eeeff1 !important;
  color: #bdbebf !important;
}
.approval-dashboard__actions .btn--AddBudget {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
  border: none !important;
  box-shadow: none !important;
}
.approval-dashboard__actions .btn--AddBudget u0026:hover {
  background-color: #eee0b3 !important;
}
.approval-dashboard__actions .btn--AddBudget u0026.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;
}.financialOverview--Container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px;
  max-height: 70vh;
  overflow-y: auto;
}
.financialOverview--Accordion {
  border: 1px solid #E5E7EB;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.financialOverview--Accordion::before {
  display: none;
}
.financialOverview--Accordion .MuiAccordionSummary-root {
  min-height: 48px;
  padding: 0 16px;
  background-color: #F9FAFB;
  border-radius: 8px;
}
.financialOverview--Accordion .MuiAccordionDetails-root {
  padding: 0;
}
.financialOverview--Table {
  margin-top: 12px;
}
.financialOverview--Table .MuiTableContainer-root {
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}
.financialOverview--Table .MuiTable-root {
  min-width: auto;
}.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--Active {
  background-color: #d0f0da !important;
  color: #226e4f !important;
}
.gridView--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}.leaveRequestGrid--CardHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}

.leaveRequestGrid--Redirection {
  cursor: pointer;
}

.leaveRequestGrid--MenuIcon {
  width: 18px;
  height: 18px;
}

.leaveRequestGrid--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.leaveRequestGrid--StatusChip--accepted {
  background-color: #B6E9D6 !important;
  color: #2EB273 !important;
}
.leaveRequestGrid--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.leaveRequestGrid--StatusChip--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequestGrid--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequestGrid--StatusChip--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveRequestGrid--StatusChip--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.leaveRequestGrid--StatusChip--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveRequestGrid--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.leaveRequestGrid--StatusChip--Active {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.leaveRequestGrid--StatusChip--Inactive {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.leaveRequestGrid--StatusChip--Pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}

.leaveRequestGrid--CardBottom {
  margin-top: 8px;
}

.leaveRequestGrid--DestructiveHeader {
  border-top: 1px solid #efefef;
}

.leaveRequestGrid--DestructiveActions {
  color: #c62828;
}.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;
}.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%;
}.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;
}

.resourceAllocationGridView {
  padding-bottom: 88px;
}.resourceAllocation {
  padding: 0rem 2rem;
  width: 100%;
}
.resourceAllocation--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.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: #FFEDD5 !important;
  color: #EA580C !important;
}
.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;
}.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;
}

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

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

.loanManagement--StatusChip--rejected {
  background-color: #FFEBEE !important;
  color: #F44336 !important;
}.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--StatusChip--inprogress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.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;
}.summary--LeftDivider {
  border-color: #eeeff1;
}
.summary--TabPanel {
  padding: 0;
}.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;
}
.assignResourceAllocation--tableWrapper {
  flex: 1;
}
.assignResourceAllocation .css-l2ro81-MuiTableContainer-root::-webkit-scrollbar {
  display: none !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);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.ram--searchInput {
  min-width: 220px;
}
.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;
}.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 {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.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 !important;
  padding: 0 0 0.625rem !important;
}
.viewResourceAssign--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.viewResourceAssign--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.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;
}

.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;
}.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;
}

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

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

.loanManagement--StatusChip--rejected {
  background-color: #FFEBEE !important;
  color: #F44336 !important;
}.loanManagement {
  padding: 1rem 2rem;
}
.loanManagement--StatusChip--requested {
  background-color: #DAF4FC !important;
  color: #5894A5;
}
.loanManagement--StatusChip--inProgress {
  background-color: #FEF3C7 !important;
  color: #D97706;
}
.loanManagement--StatusChip--completed {
  background-color: #D6F3E5 !important;
  color: #2EB273;
}
.loanManagement--StatusChip--onHold {
  background-color: #F1F5F9 !important;
  color: #475569;
}
.loanManagement--StatusChip--medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.loanManagement--StatusChip--high {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.loanManagement--StatusChip--low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.loanManagement--StatusChip--Medium {
  background-color: #F7EAC0 !important;
  color: #947D33;
}
.loanManagement--StatusChip--High {
  background-color: #FEDFDF !important;
  color: #F86060;
}
.loanManagement--StatusChip--Low {
  background-color: #CDEBF4 !important;
  color: #3E8193;
}
.loanManagement--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.loanManagement--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.loanManagement--StatusChip--submitted {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.loanManagement--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.loanManagement--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}
.loanManagement--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.loanManagement--StatusChip--completed {
  background-color: #F1F5F9 !important;
  color: #475569 !important;
}
.loanManagement--StatusChip--sanctioned {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}.form--Container {
  padding: 1.5rem;
  border-radius: 4px;
}
.form--Container form {
  width: 100%;
}
.form--Accordion .MuiAccordionSummary-root {
  border-bottom: 0 !important;
  padding: 8 !important;
}
.form--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.form--Accordion--TabPanel {
  padding: 0 !important;
}

.loanForm--Card {
  padding: 1.5rem;
}
.loanForm--SectionTitle {
  margin-bottom: 20px;
  font-size: 18px;
  color: #000000;
}
.loanForm--InfoRow {
  display: flex;
  gap: 0;
  background-color: #FBFBFB;
  overflow: hidden;
}
.loanForm--CurrencyAdornment {
  font-size: 13px;
  color: #6B7280;
  padding-right: 4px;
  user-select: none;
}
.loanForm--InfoCell {
  flex: 1;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.loanForm--InfoCell:last-child {
  border-right: none;
}
.loanForm--InfoLabel {
  font-size: 14px !important;
  color: #1F2125 !important;
  font-weight: 500 !important;
}
.loanForm--InfoValue {
  font-size: 12px !important;
  color: #656669 !important;
  font-weight: 400 !important;
}
.loanForm--CurrencyAdornment {
  font-size: 13px;
  color: #6B7280;
  padding-right: 4px;
  user-select: none;
}
.loanForm--EmiButtonGrid {
  display: flex;
  align-items: flex-end;
}
.loanForm--EmiScheduleButton {
  color: #1f2125 !important;
  white-space: nowrap;
  margin-left: 5px;
  margin-bottom: 10px;
}

.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;
}.previewEmiModal--body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
}
.previewEmiModal--body .previewEmiModal--headerInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.previewEmiModal--body .previewEmiModal--infoItem {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.previewEmiModal--body .previewEmiModal--tableWrapper {
  display: flex;
  flex-direction: column;
}.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;
}.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);
}.view-loan {
  height: calc(100vh - 140px);
  overflow: hidden;
}
.view-loan--HeaderButtons {
  display: flex;
  gap: 0.75rem;
}
.view-loan--HeaderButtons--DiscardButton {
  color: #292d32 !important;
}
.view-loan--Container {
  display: flex;
  padding: 0.5rem 1.5rem;
}
.view-loan--Container--Left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 75%;
}
.view-loan--Container--Left--Content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.view-loan--Container--Left--Data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.view-loan--Container--Right {
  width: 25%;
}
.view-loan--outlined {
  color: var(--theme-neutral-100) !important;
}
.view-loan--ApproveButton {
  background-color: #4AC08C;
  color: #fbfbfb !important;
}
.view-loan--RejectButton {
  color: #f86060 !important;
}
.view-loan .view-content-wrapper {
  display: flex;
  height: 100%;
}
.view-loan .main-details {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.view-loan .side-summary {
  width: 350px;
  background-color: var(--theme-secondary-50);
  border-left: 1px solid var(--theme-secondary-200);
}
.view-loan--Accordion .MuiAccordionSummary-root {
  border-bottom: 0;
  padding: 0.625rem 0;
}
.view-loan--Accordion .MuiAccordionDetails-root {
  padding: 0 !important;
}
.view-loan--Accordion--TabPanel {
  padding: 1.5rem 0;
}
.view-loan--StatusChip--EligibleButton {
  border-radius: 0.25rem;
  background-color: #D6F3E5 !important;
  color: #1F2125 !important;
}
.view-loan--StatusChip--NotEligibleButton {
  border-radius: 0.25rem;
  background-color: #FEE2E2 !important;
  color: #1F2125 !important;
}
.view-loan--StatusChip--requested {
  background-color: #FFEDD5 !important;
  color: #EA580C !important;
}
.view-loan--StatusChip--completed {
  background-color: #F1F5F9 !important;
  color: #475569 !important;
}
.view-loan--StatusChip--sanctioned {
  background-color: #cdebf4 !important;
  color: #3e8193 !important;
}
.view-loan--StatusChip--approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.view-loan--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #995555 !important;
}
.view-loan--StatusChip--draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.view-loan--StatusChip--pending {
  background-color: #f7eac0 !important;
  color: #947d33 !important;
}

.viewReceiveHandover--Container {
  overflow-y: auto;
  height: 100%;
}

.csv-download-btn {
  align-self: flex-start;
  margin-top: 8px;
  color: #1f2125 !important;
}.reportsNav {
  padding: 24px;
}
.reportsNav--header {
  margin-bottom: 32px;
}
.reportsNav--title {
  font-weight: 600;
  color: #1a1a2e;
  margin-bottom: 4px;
}
.reportsNav--subtitle {
  color: #666;
}
.reportsNav--categories {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.reportsNav--categorySection {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reportsNav--categoryHeader {
  display: flex;
  align-items: center;
}
.reportsNav--categoryChip {
  font-weight: 600;
  font-size: 12px;
  background-color: #f0f4ff;
  color: #3b5bdb;
  border-radius: 4px;
}
.reportsNav--grid {
  margin-top: 0 !important;
}
.reportsNav--card {
  border: 1px solid #e8ecf0;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.reportsNav--card:hover {
  border-color: #3b5bdb;
  box-shadow: 0 2px 8px rgba(59, 91, 219, 0.12);
}
.reportsNav--card--active {
  border-color: #3b5bdb;
  background-color: #f0f4ff;
}
.reportsNav--cardContent {
  padding: 16px !important;
}
.reportsNav--cardLabel {
  font-weight: 500;
  color: #333;
  line-height: 1.4;
}.employeeListReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeListReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeListReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeListReport .employeeListReport--StatusChip--active, .employeeListReport .employeeListReport--StatusChip--confirmed, .employeeListReport .employeeListReport--StatusChip--approved, .employeeListReport .employeeListReport--StatusChip--completed, .employeeListReport .employeeListReport--StatusChip--renewed, .employeeListReport .employeeListReport--StatusChip--settled, .employeeListReport .employeeListReport--StatusChip--fulfilled, .employeeListReport .employeeListReport--StatusChip--accepted, .employeeListReport .employeeListReport--StatusChip--sanctioned, .employeeListReport .employeeListReport--StatusChip--available, .employeeListReport .employeeListReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employeeListReport .employeeListReport--StatusChip--pending, .employeeListReport .employeeListReport--StatusChip--inprogress, .employeeListReport .employeeListReport--StatusChip--in-progress, .employeeListReport .employeeListReport--StatusChip--submitted, .employeeListReport .employeeListReport--StatusChip--underinvestigation, .employeeListReport .employeeListReport--StatusChip--under-investigation, .employeeListReport .employeeListReport--StatusChip--processing, .employeeListReport .employeeListReport--StatusChip--in-transit, .employeeListReport .employeeListReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employeeListReport .employeeListReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employeeListReport .employeeListReport--StatusChip--inactive, .employeeListReport .employeeListReport--StatusChip--expiringsoon, .employeeListReport .employeeListReport--StatusChip--expiring-soon, .employeeListReport .employeeListReport--StatusChip--cancelled, .employeeListReport .employeeListReport--StatusChip--noticeperiod, .employeeListReport .employeeListReport--StatusChip--notice-period, .employeeListReport .employeeListReport--StatusChip--upcoming, .employeeListReport .employeeListReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employeeListReport .employeeListReport--StatusChip--terminated, .employeeListReport .employeeListReport--StatusChip--rejected, .employeeListReport .employeeListReport--StatusChip--expired, .employeeListReport .employeeListReport--StatusChip--overdue, .employeeListReport .employeeListReport--StatusChip--damaged, .employeeListReport .employeeListReport--StatusChip--fired, .employeeListReport .employeeListReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employeeListReport .employeeListReport--StatusChip--onleave, .employeeListReport .employeeListReport--StatusChip--on-leave, .employeeListReport .employeeListReport--StatusChip--onhold, .employeeListReport .employeeListReport--StatusChip--on-hold, .employeeListReport .employeeListReport--StatusChip--suspended, .employeeListReport .employeeListReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employeeListReport .employeeListReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.employeeListReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.recruitmentRequestReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.recruitmentRequestReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.recruitmentRequestReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.recruitmentRequestReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--active, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--confirmed, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--approved, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--completed, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--renewed, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--settled, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--fulfilled, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--accepted, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--sanctioned, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--available, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--pending, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--inprogress, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--in-progress, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--submitted, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--underinvestigation, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--under-investigation, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--processing, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--in-transit, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--inactive, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--expiringsoon, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--expiring-soon, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--cancelled, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--noticeperiod, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--notice-period, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--upcoming, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--terminated, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--rejected, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--expired, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--overdue, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--damaged, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--fired, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--onleave, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--on-leave, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--onhold, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--on-hold, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--suspended, .recruitmentRequestReport .recruitmentRequestReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.recruitmentRequestReport .recruitmentRequestReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--active, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--confirmed, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--approved, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--completed, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--renewed, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--settled, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--fulfilled, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--accepted, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--sanctioned, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--available, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--pending, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--inprogress, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--in-progress, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--submitted, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--underinvestigation, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--under-investigation, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--processing, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--in-transit, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--inactive, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--expiringsoon, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--expiring-soon, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--cancelled, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--noticeperiod, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--notice-period, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--upcoming, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--terminated, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--rejected, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--expired, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--overdue, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--damaged, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--fired, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--onleave, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--on-leave, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--onhold, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--on-hold, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--suspended, .recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.recruitmentFulfilmentReport .recruitmentFulfilmentReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.recruitmentFulfilmentReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.recruitmentFulfilmentReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.recruitmentFulfilmentReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.recruitmentFulfilmentReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.departmentAnalysisReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.departmentAnalysisReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.departmentAnalysisReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.departmentAnalysisReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.employeeSalaryReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeSalaryReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeSalaryReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeSalaryReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.contractListReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.contractListReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.contractListReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contractListReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.contractListReport .contractListReport--StatusChip--active, .contractListReport .contractListReport--StatusChip--confirmed, .contractListReport .contractListReport--StatusChip--approved, .contractListReport .contractListReport--StatusChip--completed, .contractListReport .contractListReport--StatusChip--renewed, .contractListReport .contractListReport--StatusChip--settled, .contractListReport .contractListReport--StatusChip--fulfilled, .contractListReport .contractListReport--StatusChip--accepted, .contractListReport .contractListReport--StatusChip--sanctioned, .contractListReport .contractListReport--StatusChip--available, .contractListReport .contractListReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.contractListReport .contractListReport--StatusChip--pending, .contractListReport .contractListReport--StatusChip--inprogress, .contractListReport .contractListReport--StatusChip--in-progress, .contractListReport .contractListReport--StatusChip--submitted, .contractListReport .contractListReport--StatusChip--underinvestigation, .contractListReport .contractListReport--StatusChip--under-investigation, .contractListReport .contractListReport--StatusChip--processing, .contractListReport .contractListReport--StatusChip--in-transit, .contractListReport .contractListReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.contractListReport .contractListReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.contractListReport .contractListReport--StatusChip--inactive, .contractListReport .contractListReport--StatusChip--expiringsoon, .contractListReport .contractListReport--StatusChip--expiring-soon, .contractListReport .contractListReport--StatusChip--cancelled, .contractListReport .contractListReport--StatusChip--noticeperiod, .contractListReport .contractListReport--StatusChip--notice-period, .contractListReport .contractListReport--StatusChip--upcoming, .contractListReport .contractListReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.contractListReport .contractListReport--StatusChip--terminated, .contractListReport .contractListReport--StatusChip--rejected, .contractListReport .contractListReport--StatusChip--expired, .contractListReport .contractListReport--StatusChip--overdue, .contractListReport .contractListReport--StatusChip--damaged, .contractListReport .contractListReport--StatusChip--fired, .contractListReport .contractListReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.contractListReport .contractListReport--StatusChip--onleave, .contractListReport .contractListReport--StatusChip--on-leave, .contractListReport .contractListReport--StatusChip--onhold, .contractListReport .contractListReport--StatusChip--on-hold, .contractListReport .contractListReport--StatusChip--suspended, .contractListReport .contractListReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.contractListReport .contractListReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.resignationRequestReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.resignationRequestReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.resignationRequestReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.resignationRequestReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.resignationRequestReport .resignationRequestReport--StatusChip--active, .resignationRequestReport .resignationRequestReport--StatusChip--confirmed, .resignationRequestReport .resignationRequestReport--StatusChip--approved, .resignationRequestReport .resignationRequestReport--StatusChip--completed, .resignationRequestReport .resignationRequestReport--StatusChip--renewed, .resignationRequestReport .resignationRequestReport--StatusChip--settled, .resignationRequestReport .resignationRequestReport--StatusChip--fulfilled, .resignationRequestReport .resignationRequestReport--StatusChip--accepted, .resignationRequestReport .resignationRequestReport--StatusChip--sanctioned, .resignationRequestReport .resignationRequestReport--StatusChip--available, .resignationRequestReport .resignationRequestReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--pending, .resignationRequestReport .resignationRequestReport--StatusChip--inprogress, .resignationRequestReport .resignationRequestReport--StatusChip--in-progress, .resignationRequestReport .resignationRequestReport--StatusChip--submitted, .resignationRequestReport .resignationRequestReport--StatusChip--underinvestigation, .resignationRequestReport .resignationRequestReport--StatusChip--under-investigation, .resignationRequestReport .resignationRequestReport--StatusChip--processing, .resignationRequestReport .resignationRequestReport--StatusChip--in-transit, .resignationRequestReport .resignationRequestReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--inactive, .resignationRequestReport .resignationRequestReport--StatusChip--expiringsoon, .resignationRequestReport .resignationRequestReport--StatusChip--expiring-soon, .resignationRequestReport .resignationRequestReport--StatusChip--cancelled, .resignationRequestReport .resignationRequestReport--StatusChip--noticeperiod, .resignationRequestReport .resignationRequestReport--StatusChip--notice-period, .resignationRequestReport .resignationRequestReport--StatusChip--upcoming, .resignationRequestReport .resignationRequestReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--terminated, .resignationRequestReport .resignationRequestReport--StatusChip--rejected, .resignationRequestReport .resignationRequestReport--StatusChip--expired, .resignationRequestReport .resignationRequestReport--StatusChip--overdue, .resignationRequestReport .resignationRequestReport--StatusChip--damaged, .resignationRequestReport .resignationRequestReport--StatusChip--fired, .resignationRequestReport .resignationRequestReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--onleave, .resignationRequestReport .resignationRequestReport--StatusChip--on-leave, .resignationRequestReport .resignationRequestReport--StatusChip--onhold, .resignationRequestReport .resignationRequestReport--StatusChip--on-hold, .resignationRequestReport .resignationRequestReport--StatusChip--suspended, .resignationRequestReport .resignationRequestReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.resignationRequestReport .resignationRequestReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.annualLeaveReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.annualLeaveReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.annualLeaveReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.annualLeaveReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.annualLeaveReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.employeeLoanReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeLoanReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeLoanReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeLoanReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employeeLoanReport .employeeLoanReport--StatusChip--active, .employeeLoanReport .employeeLoanReport--StatusChip--confirmed, .employeeLoanReport .employeeLoanReport--StatusChip--approved, .employeeLoanReport .employeeLoanReport--StatusChip--completed, .employeeLoanReport .employeeLoanReport--StatusChip--renewed, .employeeLoanReport .employeeLoanReport--StatusChip--settled, .employeeLoanReport .employeeLoanReport--StatusChip--fulfilled, .employeeLoanReport .employeeLoanReport--StatusChip--accepted, .employeeLoanReport .employeeLoanReport--StatusChip--sanctioned, .employeeLoanReport .employeeLoanReport--StatusChip--available, .employeeLoanReport .employeeLoanReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--pending, .employeeLoanReport .employeeLoanReport--StatusChip--inprogress, .employeeLoanReport .employeeLoanReport--StatusChip--in-progress, .employeeLoanReport .employeeLoanReport--StatusChip--submitted, .employeeLoanReport .employeeLoanReport--StatusChip--underinvestigation, .employeeLoanReport .employeeLoanReport--StatusChip--under-investigation, .employeeLoanReport .employeeLoanReport--StatusChip--processing, .employeeLoanReport .employeeLoanReport--StatusChip--in-transit, .employeeLoanReport .employeeLoanReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--inactive, .employeeLoanReport .employeeLoanReport--StatusChip--expiringsoon, .employeeLoanReport .employeeLoanReport--StatusChip--expiring-soon, .employeeLoanReport .employeeLoanReport--StatusChip--cancelled, .employeeLoanReport .employeeLoanReport--StatusChip--noticeperiod, .employeeLoanReport .employeeLoanReport--StatusChip--notice-period, .employeeLoanReport .employeeLoanReport--StatusChip--upcoming, .employeeLoanReport .employeeLoanReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--terminated, .employeeLoanReport .employeeLoanReport--StatusChip--rejected, .employeeLoanReport .employeeLoanReport--StatusChip--expired, .employeeLoanReport .employeeLoanReport--StatusChip--overdue, .employeeLoanReport .employeeLoanReport--StatusChip--damaged, .employeeLoanReport .employeeLoanReport--StatusChip--fired, .employeeLoanReport .employeeLoanReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--onleave, .employeeLoanReport .employeeLoanReport--StatusChip--on-leave, .employeeLoanReport .employeeLoanReport--StatusChip--onhold, .employeeLoanReport .employeeLoanReport--StatusChip--on-hold, .employeeLoanReport .employeeLoanReport--StatusChip--suspended, .employeeLoanReport .employeeLoanReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employeeLoanReport .employeeLoanReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.pendingLoanStatusReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.pendingLoanStatusReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.pendingLoanStatusReport--StatCard {
  flex: 1;
  min-width: 180px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pendingLoanStatusReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.pendingLoanStatusReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--active, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--confirmed, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--approved, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--completed, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--renewed, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--settled, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--fulfilled, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--accepted, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--sanctioned, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--available, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--pending, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--inprogress, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--in-progress, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--submitted, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--underinvestigation, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--under-investigation, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--processing, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--in-transit, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--inactive, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--expiringsoon, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--expiring-soon, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--cancelled, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--noticeperiod, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--notice-period, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--upcoming, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--terminated, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--rejected, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--expired, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--overdue, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--damaged, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--fired, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--onleave, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--on-leave, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--onhold, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--on-hold, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--suspended, .pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.pendingLoanStatusReport .pendingLoanStatusReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.vacationListReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.vacationListReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.vacationListReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vacationListReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.vacationListReport .vacationListReport--StatusChip--active, .vacationListReport .vacationListReport--StatusChip--confirmed, .vacationListReport .vacationListReport--StatusChip--approved, .vacationListReport .vacationListReport--StatusChip--completed, .vacationListReport .vacationListReport--StatusChip--renewed, .vacationListReport .vacationListReport--StatusChip--settled, .vacationListReport .vacationListReport--StatusChip--fulfilled, .vacationListReport .vacationListReport--StatusChip--accepted, .vacationListReport .vacationListReport--StatusChip--sanctioned, .vacationListReport .vacationListReport--StatusChip--available, .vacationListReport .vacationListReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.vacationListReport .vacationListReport--StatusChip--pending, .vacationListReport .vacationListReport--StatusChip--inprogress, .vacationListReport .vacationListReport--StatusChip--in-progress, .vacationListReport .vacationListReport--StatusChip--submitted, .vacationListReport .vacationListReport--StatusChip--underinvestigation, .vacationListReport .vacationListReport--StatusChip--under-investigation, .vacationListReport .vacationListReport--StatusChip--processing, .vacationListReport .vacationListReport--StatusChip--in-transit, .vacationListReport .vacationListReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.vacationListReport .vacationListReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.vacationListReport .vacationListReport--StatusChip--inactive, .vacationListReport .vacationListReport--StatusChip--expiringsoon, .vacationListReport .vacationListReport--StatusChip--expiring-soon, .vacationListReport .vacationListReport--StatusChip--cancelled, .vacationListReport .vacationListReport--StatusChip--noticeperiod, .vacationListReport .vacationListReport--StatusChip--notice-period, .vacationListReport .vacationListReport--StatusChip--upcoming, .vacationListReport .vacationListReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.vacationListReport .vacationListReport--StatusChip--terminated, .vacationListReport .vacationListReport--StatusChip--rejected, .vacationListReport .vacationListReport--StatusChip--expired, .vacationListReport .vacationListReport--StatusChip--overdue, .vacationListReport .vacationListReport--StatusChip--damaged, .vacationListReport .vacationListReport--StatusChip--fired, .vacationListReport .vacationListReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.vacationListReport .vacationListReport--StatusChip--onleave, .vacationListReport .vacationListReport--StatusChip--on-leave, .vacationListReport .vacationListReport--StatusChip--onhold, .vacationListReport .vacationListReport--StatusChip--on-hold, .vacationListReport .vacationListReport--StatusChip--suspended, .vacationListReport .vacationListReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.vacationListReport .vacationListReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.salarySheetReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.salarySheetReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.salarySheetReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.salarySheetReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.salarySheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.timeSheetReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.timeSheetReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.timeSheetReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeSheetReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.timeSheetReport .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.resourceRequisitionsReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.resourceRequisitionsReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.resourceRequisitionsReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.resourceRequisitionsReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--active, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--confirmed, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--approved, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--completed, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--renewed, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--settled, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--fulfilled, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--accepted, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--sanctioned, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--available, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--pending, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--inprogress, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--in-progress, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--submitted, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--underinvestigation, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--under-investigation, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--processing, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--in-transit, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--inactive, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--expiringsoon, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--expiring-soon, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--cancelled, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--noticeperiod, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--notice-period, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--upcoming, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--terminated, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--rejected, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--expired, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--overdue, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--damaged, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--fired, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--onleave, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--on-leave, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--onhold, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--on-hold, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--suspended, .resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.resourceRequisitionsReport .resourceRequisitionsReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.timeCardReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.timeCardReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.timeCardReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeCardReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.missingAttendanceReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.missingAttendanceReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.missingAttendanceReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.missingAttendanceReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--active, .missingAttendanceReport .missingAttendanceReport--StatusChip--confirmed, .missingAttendanceReport .missingAttendanceReport--StatusChip--approved, .missingAttendanceReport .missingAttendanceReport--StatusChip--completed, .missingAttendanceReport .missingAttendanceReport--StatusChip--renewed, .missingAttendanceReport .missingAttendanceReport--StatusChip--settled, .missingAttendanceReport .missingAttendanceReport--StatusChip--fulfilled, .missingAttendanceReport .missingAttendanceReport--StatusChip--accepted, .missingAttendanceReport .missingAttendanceReport--StatusChip--sanctioned, .missingAttendanceReport .missingAttendanceReport--StatusChip--available, .missingAttendanceReport .missingAttendanceReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--pending, .missingAttendanceReport .missingAttendanceReport--StatusChip--inprogress, .missingAttendanceReport .missingAttendanceReport--StatusChip--in-progress, .missingAttendanceReport .missingAttendanceReport--StatusChip--submitted, .missingAttendanceReport .missingAttendanceReport--StatusChip--underinvestigation, .missingAttendanceReport .missingAttendanceReport--StatusChip--under-investigation, .missingAttendanceReport .missingAttendanceReport--StatusChip--processing, .missingAttendanceReport .missingAttendanceReport--StatusChip--in-transit, .missingAttendanceReport .missingAttendanceReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--inactive, .missingAttendanceReport .missingAttendanceReport--StatusChip--expiringsoon, .missingAttendanceReport .missingAttendanceReport--StatusChip--expiring-soon, .missingAttendanceReport .missingAttendanceReport--StatusChip--cancelled, .missingAttendanceReport .missingAttendanceReport--StatusChip--noticeperiod, .missingAttendanceReport .missingAttendanceReport--StatusChip--notice-period, .missingAttendanceReport .missingAttendanceReport--StatusChip--upcoming, .missingAttendanceReport .missingAttendanceReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--terminated, .missingAttendanceReport .missingAttendanceReport--StatusChip--rejected, .missingAttendanceReport .missingAttendanceReport--StatusChip--expired, .missingAttendanceReport .missingAttendanceReport--StatusChip--overdue, .missingAttendanceReport .missingAttendanceReport--StatusChip--damaged, .missingAttendanceReport .missingAttendanceReport--StatusChip--fired, .missingAttendanceReport .missingAttendanceReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--onleave, .missingAttendanceReport .missingAttendanceReport--StatusChip--on-leave, .missingAttendanceReport .missingAttendanceReport--StatusChip--onhold, .missingAttendanceReport .missingAttendanceReport--StatusChip--on-hold, .missingAttendanceReport .missingAttendanceReport--StatusChip--suspended, .missingAttendanceReport .missingAttendanceReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.missingAttendanceReport .missingAttendanceReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.employeeOvertime {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeOvertime--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeOvertime--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeOvertime .MuiTableHead-root {
  background-color: #f5f5f5;
}.employeeFines {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeFines--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeFines--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeFines .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employeeFines .employeeFines--StatusChip--active, .employeeFines .employeeFines--StatusChip--confirmed, .employeeFines .employeeFines--StatusChip--approved, .employeeFines .employeeFines--StatusChip--completed, .employeeFines .employeeFines--StatusChip--renewed, .employeeFines .employeeFines--StatusChip--settled, .employeeFines .employeeFines--StatusChip--fulfilled, .employeeFines .employeeFines--StatusChip--accepted, .employeeFines .employeeFines--StatusChip--sanctioned, .employeeFines .employeeFines--StatusChip--available, .employeeFines .employeeFines--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employeeFines .employeeFines--StatusChip--pending, .employeeFines .employeeFines--StatusChip--inprogress, .employeeFines .employeeFines--StatusChip--in-progress, .employeeFines .employeeFines--StatusChip--submitted, .employeeFines .employeeFines--StatusChip--underinvestigation, .employeeFines .employeeFines--StatusChip--under-investigation, .employeeFines .employeeFines--StatusChip--processing, .employeeFines .employeeFines--StatusChip--in-transit, .employeeFines .employeeFines--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employeeFines .employeeFines--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employeeFines .employeeFines--StatusChip--inactive, .employeeFines .employeeFines--StatusChip--expiringsoon, .employeeFines .employeeFines--StatusChip--expiring-soon, .employeeFines .employeeFines--StatusChip--cancelled, .employeeFines .employeeFines--StatusChip--noticeperiod, .employeeFines .employeeFines--StatusChip--notice-period, .employeeFines .employeeFines--StatusChip--upcoming, .employeeFines .employeeFines--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employeeFines .employeeFines--StatusChip--terminated, .employeeFines .employeeFines--StatusChip--rejected, .employeeFines .employeeFines--StatusChip--expired, .employeeFines .employeeFines--StatusChip--overdue, .employeeFines .employeeFines--StatusChip--damaged, .employeeFines .employeeFines--StatusChip--fired, .employeeFines .employeeFines--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employeeFines .employeeFines--StatusChip--onleave, .employeeFines .employeeFines--StatusChip--on-leave, .employeeFines .employeeFines--StatusChip--onhold, .employeeFines .employeeFines--StatusChip--on-hold, .employeeFines .employeeFines--StatusChip--suspended, .employeeFines .employeeFines--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employeeFines .employeeFines--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.leaveEncashment {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.leaveEncashment--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.leaveEncashment--StatCard {
  flex: 1;
  min-width: 180px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.leaveEncashment .MuiTableHead-root {
  background-color: #f5f5f5;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.leaveEncashment .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}
.leaveEncashment .leaveEncashment--StatusChip--active, .leaveEncashment .leaveEncashment--StatusChip--confirmed, .leaveEncashment .leaveEncashment--StatusChip--approved, .leaveEncashment .leaveEncashment--StatusChip--completed, .leaveEncashment .leaveEncashment--StatusChip--renewed, .leaveEncashment .leaveEncashment--StatusChip--settled, .leaveEncashment .leaveEncashment--StatusChip--fulfilled, .leaveEncashment .leaveEncashment--StatusChip--accepted, .leaveEncashment .leaveEncashment--StatusChip--sanctioned, .leaveEncashment .leaveEncashment--StatusChip--available, .leaveEncashment .leaveEncashment--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--pending, .leaveEncashment .leaveEncashment--StatusChip--inprogress, .leaveEncashment .leaveEncashment--StatusChip--in-progress, .leaveEncashment .leaveEncashment--StatusChip--submitted, .leaveEncashment .leaveEncashment--StatusChip--underinvestigation, .leaveEncashment .leaveEncashment--StatusChip--under-investigation, .leaveEncashment .leaveEncashment--StatusChip--processing, .leaveEncashment .leaveEncashment--StatusChip--in-transit, .leaveEncashment .leaveEncashment--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--inactive, .leaveEncashment .leaveEncashment--StatusChip--expiringsoon, .leaveEncashment .leaveEncashment--StatusChip--expiring-soon, .leaveEncashment .leaveEncashment--StatusChip--cancelled, .leaveEncashment .leaveEncashment--StatusChip--noticeperiod, .leaveEncashment .leaveEncashment--StatusChip--notice-period, .leaveEncashment .leaveEncashment--StatusChip--upcoming, .leaveEncashment .leaveEncashment--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--terminated, .leaveEncashment .leaveEncashment--StatusChip--rejected, .leaveEncashment .leaveEncashment--StatusChip--expired, .leaveEncashment .leaveEncashment--StatusChip--overdue, .leaveEncashment .leaveEncashment--StatusChip--damaged, .leaveEncashment .leaveEncashment--StatusChip--fired, .leaveEncashment .leaveEncashment--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--onleave, .leaveEncashment .leaveEncashment--StatusChip--on-leave, .leaveEncashment .leaveEncashment--StatusChip--onhold, .leaveEncashment .leaveEncashment--StatusChip--on-hold, .leaveEncashment .leaveEncashment--StatusChip--suspended, .leaveEncashment .leaveEncashment--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.leaveEncashment .leaveEncashment--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.assetStatus {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.assetStatus--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.assetStatus--StatCard {
  flex: 1;
  min-width: 180px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.assetStatus .MuiTableHead-root {
  background-color: #f5f5f5;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.assetStatus .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}
.assetStatus .assetStatus--StatusChip--active, .assetStatus .assetStatus--StatusChip--confirmed, .assetStatus .assetStatus--StatusChip--approved, .assetStatus .assetStatus--StatusChip--completed, .assetStatus .assetStatus--StatusChip--renewed, .assetStatus .assetStatus--StatusChip--settled, .assetStatus .assetStatus--StatusChip--fulfilled, .assetStatus .assetStatus--StatusChip--accepted, .assetStatus .assetStatus--StatusChip--sanctioned, .assetStatus .assetStatus--StatusChip--available, .assetStatus .assetStatus--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.assetStatus .assetStatus--StatusChip--pending, .assetStatus .assetStatus--StatusChip--inprogress, .assetStatus .assetStatus--StatusChip--in-progress, .assetStatus .assetStatus--StatusChip--submitted, .assetStatus .assetStatus--StatusChip--underinvestigation, .assetStatus .assetStatus--StatusChip--under-investigation, .assetStatus .assetStatus--StatusChip--processing, .assetStatus .assetStatus--StatusChip--in-transit, .assetStatus .assetStatus--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.assetStatus .assetStatus--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.assetStatus .assetStatus--StatusChip--inactive, .assetStatus .assetStatus--StatusChip--expiringsoon, .assetStatus .assetStatus--StatusChip--expiring-soon, .assetStatus .assetStatus--StatusChip--cancelled, .assetStatus .assetStatus--StatusChip--noticeperiod, .assetStatus .assetStatus--StatusChip--notice-period, .assetStatus .assetStatus--StatusChip--upcoming, .assetStatus .assetStatus--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.assetStatus .assetStatus--StatusChip--terminated, .assetStatus .assetStatus--StatusChip--rejected, .assetStatus .assetStatus--StatusChip--expired, .assetStatus .assetStatus--StatusChip--overdue, .assetStatus .assetStatus--StatusChip--damaged, .assetStatus .assetStatus--StatusChip--fired, .assetStatus .assetStatus--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.assetStatus .assetStatus--StatusChip--onleave, .assetStatus .assetStatus--StatusChip--on-leave, .assetStatus .assetStatus--StatusChip--onhold, .assetStatus .assetStatus--StatusChip--on-hold, .assetStatus .assetStatus--StatusChip--suspended, .assetStatus .assetStatus--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.assetStatus .assetStatus--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.assetDamage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.assetDamage--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.assetDamage--StatCard {
  flex: 1;
  min-width: 180px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.assetDamage .MuiTableHead-root {
  background-color: #f5f5f5;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.assetDamage .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}
.assetDamage .assetDamage--StatusChip--active, .assetDamage .assetDamage--StatusChip--confirmed, .assetDamage .assetDamage--StatusChip--approved, .assetDamage .assetDamage--StatusChip--completed, .assetDamage .assetDamage--StatusChip--renewed, .assetDamage .assetDamage--StatusChip--settled, .assetDamage .assetDamage--StatusChip--fulfilled, .assetDamage .assetDamage--StatusChip--accepted, .assetDamage .assetDamage--StatusChip--sanctioned, .assetDamage .assetDamage--StatusChip--available, .assetDamage .assetDamage--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.assetDamage .assetDamage--StatusChip--pending, .assetDamage .assetDamage--StatusChip--inprogress, .assetDamage .assetDamage--StatusChip--in-progress, .assetDamage .assetDamage--StatusChip--submitted, .assetDamage .assetDamage--StatusChip--underinvestigation, .assetDamage .assetDamage--StatusChip--under-investigation, .assetDamage .assetDamage--StatusChip--processing, .assetDamage .assetDamage--StatusChip--in-transit, .assetDamage .assetDamage--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.assetDamage .assetDamage--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.assetDamage .assetDamage--StatusChip--inactive, .assetDamage .assetDamage--StatusChip--expiringsoon, .assetDamage .assetDamage--StatusChip--expiring-soon, .assetDamage .assetDamage--StatusChip--cancelled, .assetDamage .assetDamage--StatusChip--noticeperiod, .assetDamage .assetDamage--StatusChip--notice-period, .assetDamage .assetDamage--StatusChip--upcoming, .assetDamage .assetDamage--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.assetDamage .assetDamage--StatusChip--terminated, .assetDamage .assetDamage--StatusChip--rejected, .assetDamage .assetDamage--StatusChip--expired, .assetDamage .assetDamage--StatusChip--overdue, .assetDamage .assetDamage--StatusChip--damaged, .assetDamage .assetDamage--StatusChip--fired, .assetDamage .assetDamage--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.assetDamage .assetDamage--StatusChip--onleave, .assetDamage .assetDamage--StatusChip--on-leave, .assetDamage .assetDamage--StatusChip--onhold, .assetDamage .assetDamage--StatusChip--on-hold, .assetDamage .assetDamage--StatusChip--suspended, .assetDamage .assetDamage--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.assetDamage .assetDamage--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.employeeGratuity {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeGratuity--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeGratuity--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeGratuity .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root::before {
  content: "Date: ";
  font-size: 13px;
  font-weight: 500;
  color: #289b64;
  margin-right: 4px;
  white-space: nowrap;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 85px !important;
  cursor: pointer;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.employeeGratuity .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.appraisalReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.appraisalReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.appraisalReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.appraisalReport .MuiTableHead-root {
  background-color: #f5f5f5;
}.employeeTurnover {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeTurnover--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeTurnover--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeTurnover .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.employeeTurnover .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.attendanceSummary {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.attendanceSummary--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.attendanceSummary--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.attendanceSummary .MuiTableHead-root {
  background-color: #f5f5f5;
}.employeeProbation {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeProbation--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeProbation--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeProbation .employeeProbation--StatusChip--active, .employeeProbation .employeeProbation--StatusChip--confirmed, .employeeProbation .employeeProbation--StatusChip--approved, .employeeProbation .employeeProbation--StatusChip--completed, .employeeProbation .employeeProbation--StatusChip--renewed, .employeeProbation .employeeProbation--StatusChip--settled, .employeeProbation .employeeProbation--StatusChip--fulfilled, .employeeProbation .employeeProbation--StatusChip--accepted, .employeeProbation .employeeProbation--StatusChip--sanctioned, .employeeProbation .employeeProbation--StatusChip--available, .employeeProbation .employeeProbation--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employeeProbation .employeeProbation--StatusChip--pending, .employeeProbation .employeeProbation--StatusChip--inprogress, .employeeProbation .employeeProbation--StatusChip--in-progress, .employeeProbation .employeeProbation--StatusChip--submitted, .employeeProbation .employeeProbation--StatusChip--underinvestigation, .employeeProbation .employeeProbation--StatusChip--under-investigation, .employeeProbation .employeeProbation--StatusChip--processing, .employeeProbation .employeeProbation--StatusChip--in-transit, .employeeProbation .employeeProbation--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employeeProbation .employeeProbation--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employeeProbation .employeeProbation--StatusChip--inactive, .employeeProbation .employeeProbation--StatusChip--expiringsoon, .employeeProbation .employeeProbation--StatusChip--expiring-soon, .employeeProbation .employeeProbation--StatusChip--cancelled, .employeeProbation .employeeProbation--StatusChip--noticeperiod, .employeeProbation .employeeProbation--StatusChip--notice-period, .employeeProbation .employeeProbation--StatusChip--upcoming, .employeeProbation .employeeProbation--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employeeProbation .employeeProbation--StatusChip--terminated, .employeeProbation .employeeProbation--StatusChip--rejected, .employeeProbation .employeeProbation--StatusChip--expired, .employeeProbation .employeeProbation--StatusChip--overdue, .employeeProbation .employeeProbation--StatusChip--damaged, .employeeProbation .employeeProbation--StatusChip--fired, .employeeProbation .employeeProbation--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employeeProbation .employeeProbation--StatusChip--onleave, .employeeProbation .employeeProbation--StatusChip--on-leave, .employeeProbation .employeeProbation--StatusChip--onhold, .employeeProbation .employeeProbation--StatusChip--on-hold, .employeeProbation .employeeProbation--StatusChip--suspended, .employeeProbation .employeeProbation--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employeeProbation .employeeProbation--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}
.employeeProbation .MuiTableHead-root {
  background-color: #f5f5f5;
}.expiringDocuments {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.expiringDocuments--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.expiringDocuments--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.expiringDocuments .MuiTableHead-root {
  background-color: #f5f5f5;
}
.expiringDocuments .expiringDocuments--StatusChip--active, .expiringDocuments .expiringDocuments--StatusChip--confirmed, .expiringDocuments .expiringDocuments--StatusChip--approved, .expiringDocuments .expiringDocuments--StatusChip--completed, .expiringDocuments .expiringDocuments--StatusChip--renewed, .expiringDocuments .expiringDocuments--StatusChip--settled, .expiringDocuments .expiringDocuments--StatusChip--fulfilled, .expiringDocuments .expiringDocuments--StatusChip--accepted, .expiringDocuments .expiringDocuments--StatusChip--sanctioned, .expiringDocuments .expiringDocuments--StatusChip--available, .expiringDocuments .expiringDocuments--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--pending, .expiringDocuments .expiringDocuments--StatusChip--inprogress, .expiringDocuments .expiringDocuments--StatusChip--in-progress, .expiringDocuments .expiringDocuments--StatusChip--submitted, .expiringDocuments .expiringDocuments--StatusChip--underinvestigation, .expiringDocuments .expiringDocuments--StatusChip--under-investigation, .expiringDocuments .expiringDocuments--StatusChip--processing, .expiringDocuments .expiringDocuments--StatusChip--in-transit, .expiringDocuments .expiringDocuments--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--inactive, .expiringDocuments .expiringDocuments--StatusChip--expiringsoon, .expiringDocuments .expiringDocuments--StatusChip--expiring-soon, .expiringDocuments .expiringDocuments--StatusChip--cancelled, .expiringDocuments .expiringDocuments--StatusChip--noticeperiod, .expiringDocuments .expiringDocuments--StatusChip--notice-period, .expiringDocuments .expiringDocuments--StatusChip--upcoming, .expiringDocuments .expiringDocuments--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--terminated, .expiringDocuments .expiringDocuments--StatusChip--rejected, .expiringDocuments .expiringDocuments--StatusChip--expired, .expiringDocuments .expiringDocuments--StatusChip--overdue, .expiringDocuments .expiringDocuments--StatusChip--damaged, .expiringDocuments .expiringDocuments--StatusChip--fired, .expiringDocuments .expiringDocuments--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--onleave, .expiringDocuments .expiringDocuments--StatusChip--on-leave, .expiringDocuments .expiringDocuments--StatusChip--onhold, .expiringDocuments .expiringDocuments--StatusChip--on-hold, .expiringDocuments .expiringDocuments--StatusChip--suspended, .expiringDocuments .expiringDocuments--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.expiringDocuments .expiringDocuments--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.employeeWarning {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeWarning--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeWarning--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeWarning .MuiTableHead-root {
  background-color: #f5f5f5;
}.payrollVariance {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.payrollVariance--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.payrollVariance--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payrollVariance .MuiTableHead-root {
  background-color: #f5f5f5;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.payrollVariance .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}.finalSettlement {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.finalSettlement--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.finalSettlement--StatCard {
  flex: 1;
  min-width: 180px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.finalSettlement .MuiTableHead-root {
  background-color: #f5f5f5;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root {
  margin: 0;
  width: fit-content;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root {
  border: 1px solid #ade7cb !important;
  border-radius: 50px !important;
  background-color: #ebf9f2 !important;
  color: #289b64 !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiOutlinedInput-root fieldset {
  border: none !important;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputBase-input {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #289b64 !important;
  width: 100px !important;
  cursor: pointer;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputAdornment-root .MuiSvgIcon-root {
  font-size: 18px !important;
  color: #289b64 !important;
}
.finalSettlement .reportsTitleBar--FilterWrapper .MuiTextField-root .MuiInputLabel-root {
  display: none !important;
}
.finalSettlement .finalSettlement--StatusChip--active, .finalSettlement .finalSettlement--StatusChip--confirmed, .finalSettlement .finalSettlement--StatusChip--approved, .finalSettlement .finalSettlement--StatusChip--completed, .finalSettlement .finalSettlement--StatusChip--renewed, .finalSettlement .finalSettlement--StatusChip--settled, .finalSettlement .finalSettlement--StatusChip--fulfilled, .finalSettlement .finalSettlement--StatusChip--accepted, .finalSettlement .finalSettlement--StatusChip--sanctioned, .finalSettlement .finalSettlement--StatusChip--available, .finalSettlement .finalSettlement--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.finalSettlement .finalSettlement--StatusChip--pending, .finalSettlement .finalSettlement--StatusChip--inprogress, .finalSettlement .finalSettlement--StatusChip--in-progress, .finalSettlement .finalSettlement--StatusChip--submitted, .finalSettlement .finalSettlement--StatusChip--underinvestigation, .finalSettlement .finalSettlement--StatusChip--under-investigation, .finalSettlement .finalSettlement--StatusChip--processing, .finalSettlement .finalSettlement--StatusChip--in-transit, .finalSettlement .finalSettlement--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.finalSettlement .finalSettlement--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.finalSettlement .finalSettlement--StatusChip--inactive, .finalSettlement .finalSettlement--StatusChip--expiringsoon, .finalSettlement .finalSettlement--StatusChip--expiring-soon, .finalSettlement .finalSettlement--StatusChip--cancelled, .finalSettlement .finalSettlement--StatusChip--noticeperiod, .finalSettlement .finalSettlement--StatusChip--notice-period, .finalSettlement .finalSettlement--StatusChip--upcoming, .finalSettlement .finalSettlement--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.finalSettlement .finalSettlement--StatusChip--terminated, .finalSettlement .finalSettlement--StatusChip--rejected, .finalSettlement .finalSettlement--StatusChip--expired, .finalSettlement .finalSettlement--StatusChip--overdue, .finalSettlement .finalSettlement--StatusChip--damaged, .finalSettlement .finalSettlement--StatusChip--fired, .finalSettlement .finalSettlement--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.finalSettlement .finalSettlement--StatusChip--onleave, .finalSettlement .finalSettlement--StatusChip--on-leave, .finalSettlement .finalSettlement--StatusChip--onhold, .finalSettlement .finalSettlement--StatusChip--on-hold, .finalSettlement .finalSettlement--StatusChip--suspended, .finalSettlement .finalSettlement--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.finalSettlement .finalSettlement--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.expenseReimbursement {
  padding: 20px;
}
.expenseReimbursement--summaryCards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin: 20px 0;
}
.expenseReimbursement--StatCard {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.expenseReimbursement .expenseReimbursement--StatusChip--active, .expenseReimbursement .expenseReimbursement--StatusChip--confirmed, .expenseReimbursement .expenseReimbursement--StatusChip--approved, .expenseReimbursement .expenseReimbursement--StatusChip--completed, .expenseReimbursement .expenseReimbursement--StatusChip--renewed, .expenseReimbursement .expenseReimbursement--StatusChip--settled, .expenseReimbursement .expenseReimbursement--StatusChip--fulfilled, .expenseReimbursement .expenseReimbursement--StatusChip--accepted, .expenseReimbursement .expenseReimbursement--StatusChip--sanctioned, .expenseReimbursement .expenseReimbursement--StatusChip--available, .expenseReimbursement .expenseReimbursement--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--pending, .expenseReimbursement .expenseReimbursement--StatusChip--inprogress, .expenseReimbursement .expenseReimbursement--StatusChip--in-progress, .expenseReimbursement .expenseReimbursement--StatusChip--submitted, .expenseReimbursement .expenseReimbursement--StatusChip--underinvestigation, .expenseReimbursement .expenseReimbursement--StatusChip--under-investigation, .expenseReimbursement .expenseReimbursement--StatusChip--processing, .expenseReimbursement .expenseReimbursement--StatusChip--in-transit, .expenseReimbursement .expenseReimbursement--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--inactive, .expenseReimbursement .expenseReimbursement--StatusChip--expiringsoon, .expenseReimbursement .expenseReimbursement--StatusChip--expiring-soon, .expenseReimbursement .expenseReimbursement--StatusChip--cancelled, .expenseReimbursement .expenseReimbursement--StatusChip--noticeperiod, .expenseReimbursement .expenseReimbursement--StatusChip--notice-period, .expenseReimbursement .expenseReimbursement--StatusChip--upcoming, .expenseReimbursement .expenseReimbursement--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--terminated, .expenseReimbursement .expenseReimbursement--StatusChip--rejected, .expenseReimbursement .expenseReimbursement--StatusChip--expired, .expenseReimbursement .expenseReimbursement--StatusChip--overdue, .expenseReimbursement .expenseReimbursement--StatusChip--damaged, .expenseReimbursement .expenseReimbursement--StatusChip--fired, .expenseReimbursement .expenseReimbursement--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--onleave, .expenseReimbursement .expenseReimbursement--StatusChip--on-leave, .expenseReimbursement .expenseReimbursement--StatusChip--onhold, .expenseReimbursement .expenseReimbursement--StatusChip--on-hold, .expenseReimbursement .expenseReimbursement--StatusChip--suspended, .expenseReimbursement .expenseReimbursement--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.expenseReimbursement .expenseReimbursement--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.terminationRequestReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.terminationRequestReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.terminationRequestReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.terminationRequestReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.terminationRequestReport .terminationRequestReport--StatusChip--active, .terminationRequestReport .terminationRequestReport--StatusChip--confirmed, .terminationRequestReport .terminationRequestReport--StatusChip--approved, .terminationRequestReport .terminationRequestReport--StatusChip--completed, .terminationRequestReport .terminationRequestReport--StatusChip--renewed, .terminationRequestReport .terminationRequestReport--StatusChip--settled, .terminationRequestReport .terminationRequestReport--StatusChip--fulfilled, .terminationRequestReport .terminationRequestReport--StatusChip--accepted, .terminationRequestReport .terminationRequestReport--StatusChip--sanctioned, .terminationRequestReport .terminationRequestReport--StatusChip--available, .terminationRequestReport .terminationRequestReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--pending, .terminationRequestReport .terminationRequestReport--StatusChip--inprogress, .terminationRequestReport .terminationRequestReport--StatusChip--in-progress, .terminationRequestReport .terminationRequestReport--StatusChip--submitted, .terminationRequestReport .terminationRequestReport--StatusChip--underinvestigation, .terminationRequestReport .terminationRequestReport--StatusChip--under-investigation, .terminationRequestReport .terminationRequestReport--StatusChip--processing, .terminationRequestReport .terminationRequestReport--StatusChip--in-transit, .terminationRequestReport .terminationRequestReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--inactive, .terminationRequestReport .terminationRequestReport--StatusChip--expiringsoon, .terminationRequestReport .terminationRequestReport--StatusChip--expiring-soon, .terminationRequestReport .terminationRequestReport--StatusChip--cancelled, .terminationRequestReport .terminationRequestReport--StatusChip--noticeperiod, .terminationRequestReport .terminationRequestReport--StatusChip--notice-period, .terminationRequestReport .terminationRequestReport--StatusChip--upcoming, .terminationRequestReport .terminationRequestReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--terminated, .terminationRequestReport .terminationRequestReport--StatusChip--rejected, .terminationRequestReport .terminationRequestReport--StatusChip--expired, .terminationRequestReport .terminationRequestReport--StatusChip--overdue, .terminationRequestReport .terminationRequestReport--StatusChip--damaged, .terminationRequestReport .terminationRequestReport--StatusChip--fired, .terminationRequestReport .terminationRequestReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--onleave, .terminationRequestReport .terminationRequestReport--StatusChip--on-leave, .terminationRequestReport .terminationRequestReport--StatusChip--onhold, .terminationRequestReport .terminationRequestReport--StatusChip--on-hold, .terminationRequestReport .terminationRequestReport--StatusChip--suspended, .terminationRequestReport .terminationRequestReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.terminationRequestReport .terminationRequestReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.leaveRequestReport {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.leaveRequestReport--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.leaveRequestReport--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.leaveRequestReport .MuiTableHead-root {
  background-color: #f5f5f5;
}
.leaveRequestReport .leaveRequestReport--StatusChip--active, .leaveRequestReport .leaveRequestReport--StatusChip--confirmed, .leaveRequestReport .leaveRequestReport--StatusChip--approved, .leaveRequestReport .leaveRequestReport--StatusChip--completed, .leaveRequestReport .leaveRequestReport--StatusChip--renewed, .leaveRequestReport .leaveRequestReport--StatusChip--settled, .leaveRequestReport .leaveRequestReport--StatusChip--fulfilled, .leaveRequestReport .leaveRequestReport--StatusChip--accepted, .leaveRequestReport .leaveRequestReport--StatusChip--sanctioned, .leaveRequestReport .leaveRequestReport--StatusChip--available, .leaveRequestReport .leaveRequestReport--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--pending, .leaveRequestReport .leaveRequestReport--StatusChip--inprogress, .leaveRequestReport .leaveRequestReport--StatusChip--in-progress, .leaveRequestReport .leaveRequestReport--StatusChip--submitted, .leaveRequestReport .leaveRequestReport--StatusChip--underinvestigation, .leaveRequestReport .leaveRequestReport--StatusChip--under-investigation, .leaveRequestReport .leaveRequestReport--StatusChip--processing, .leaveRequestReport .leaveRequestReport--StatusChip--in-transit, .leaveRequestReport .leaveRequestReport--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--inactive, .leaveRequestReport .leaveRequestReport--StatusChip--expiringsoon, .leaveRequestReport .leaveRequestReport--StatusChip--expiring-soon, .leaveRequestReport .leaveRequestReport--StatusChip--cancelled, .leaveRequestReport .leaveRequestReport--StatusChip--noticeperiod, .leaveRequestReport .leaveRequestReport--StatusChip--notice-period, .leaveRequestReport .leaveRequestReport--StatusChip--upcoming, .leaveRequestReport .leaveRequestReport--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--terminated, .leaveRequestReport .leaveRequestReport--StatusChip--rejected, .leaveRequestReport .leaveRequestReport--StatusChip--expired, .leaveRequestReport .leaveRequestReport--StatusChip--overdue, .leaveRequestReport .leaveRequestReport--StatusChip--damaged, .leaveRequestReport .leaveRequestReport--StatusChip--fired, .leaveRequestReport .leaveRequestReport--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--onleave, .leaveRequestReport .leaveRequestReport--StatusChip--on-leave, .leaveRequestReport .leaveRequestReport--StatusChip--onhold, .leaveRequestReport .leaveRequestReport--StatusChip--on-hold, .leaveRequestReport .leaveRequestReport--StatusChip--suspended, .leaveRequestReport .leaveRequestReport--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.leaveRequestReport .leaveRequestReport--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !important;
}.employeeAssetRecords {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
.employeeAssetRecords--summaryCards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.employeeAssetRecords--StatCard {
  flex: 1;
  min-width: 200px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.employeeAssetRecords .MuiTableHead-root {
  background-color: #f5f5f5;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--active, .employeeAssetRecords .employeeAssetRecords--StatusChip--confirmed, .employeeAssetRecords .employeeAssetRecords--StatusChip--approved, .employeeAssetRecords .employeeAssetRecords--StatusChip--completed, .employeeAssetRecords .employeeAssetRecords--StatusChip--renewed, .employeeAssetRecords .employeeAssetRecords--StatusChip--settled, .employeeAssetRecords .employeeAssetRecords--StatusChip--fulfilled, .employeeAssetRecords .employeeAssetRecords--StatusChip--accepted, .employeeAssetRecords .employeeAssetRecords--StatusChip--sanctioned, .employeeAssetRecords .employeeAssetRecords--StatusChip--available, .employeeAssetRecords .employeeAssetRecords--StatusChip--resolved {
  background-color: #e6f4ea !important;
  color: #1e7e34 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--pending, .employeeAssetRecords .employeeAssetRecords--StatusChip--inprogress, .employeeAssetRecords .employeeAssetRecords--StatusChip--in-progress, .employeeAssetRecords .employeeAssetRecords--StatusChip--submitted, .employeeAssetRecords .employeeAssetRecords--StatusChip--underinvestigation, .employeeAssetRecords .employeeAssetRecords--StatusChip--under-investigation, .employeeAssetRecords .employeeAssetRecords--StatusChip--processing, .employeeAssetRecords .employeeAssetRecords--StatusChip--in-transit, .employeeAssetRecords .employeeAssetRecords--StatusChip--intransit {
  background-color: #fff8e1 !important;
  color: #e65100 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--draft {
  background-color: #f1f5f9 !important;
  color: #475569 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--inactive, .employeeAssetRecords .employeeAssetRecords--StatusChip--expiringsoon, .employeeAssetRecords .employeeAssetRecords--StatusChip--expiring-soon, .employeeAssetRecords .employeeAssetRecords--StatusChip--cancelled, .employeeAssetRecords .employeeAssetRecords--StatusChip--noticeperiod, .employeeAssetRecords .employeeAssetRecords--StatusChip--notice-period, .employeeAssetRecords .employeeAssetRecords--StatusChip--upcoming, .employeeAssetRecords .employeeAssetRecords--StatusChip--upcomingcontract {
  background-color: #fff3e0 !important;
  color: #f57c00 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--terminated, .employeeAssetRecords .employeeAssetRecords--StatusChip--rejected, .employeeAssetRecords .employeeAssetRecords--StatusChip--expired, .employeeAssetRecords .employeeAssetRecords--StatusChip--overdue, .employeeAssetRecords .employeeAssetRecords--StatusChip--damaged, .employeeAssetRecords .employeeAssetRecords--StatusChip--fired, .employeeAssetRecords .employeeAssetRecords--StatusChip--lost {
  background-color: #fdecea !important;
  color: #c62828 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--onleave, .employeeAssetRecords .employeeAssetRecords--StatusChip--on-leave, .employeeAssetRecords .employeeAssetRecords--StatusChip--onhold, .employeeAssetRecords .employeeAssetRecords--StatusChip--on-hold, .employeeAssetRecords .employeeAssetRecords--StatusChip--suspended, .employeeAssetRecords .employeeAssetRecords--StatusChip--probation {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
}
.employeeAssetRecords .employeeAssetRecords--StatusChip--in_use {
  background-color: #CBD5E1 !important;
  color: #475569 !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;
  box-shadow: none !important;
}
.all-time span {
  padding: 0rem;
  margin-left: 10px;
}
.admin-dashboard .stats-card {
  transition: transform 0.2s ease-in-out;
}
.admin-dashboard .stats-card:hover {
  transform: translateY(-2px);
}
.admin-dashboard .section-card {
  transition: box-shadow 0.2s ease-in-out;
}
.admin-dashboard .section-card:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.admin-dashboard .see-all-link {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.admin-dashboard .see-all-link:hover {
  color: #26a069;
}
.dashboard-card--stats .icon-wrapper {
  transition: transform 0.2s ease-in-out;
}
.dashboard-card--stats:hover .icon-wrapper {
  transform: scale(1.1);
}
.list-item {
  transition: background-color 0.2s ease-in-out;
}
.list-item:hover {
  background-color: #f0f0f0 !important;
}
.status-chip--pending {
  background-color: #FB923C;
}
.status-chip--approved {
  background-color: #2EB273;
}
.status-chip--rejected {
  background-color: #F86060;
}
.status-chip--active {
  background-color: #2196F3;
}
@media (max-width: 1200px) {
  .admin-dashboard .MuiGrid-item {
    padding: 8px;
  }
}
@media (max-width: 768px) {
  .admin-dashboard .stats-card {
    margin-bottom: 12px;
  }
}