@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

:root {
  --buttonColorRed: #b12a26;
  --error-color: #ff4d4f;
  --text-dark-custom: rgba(10, 17, 47, 1);
  --btn-background: rgba(17, 44, 125, 1);
  --btn-background-hover: rgba(17, 44, 125, 1);
  --btn-text-color: #ffffff;
  --btn-text-color-hover: rgb(232 232 232);
  --text-grey-custom: rgba(124, 124, 124, 1);
  --text-dark-grey-custom: #71717a;
  --text-white: #ffffff;
  --text-hover-info: #4f46e5;
  --text-size-10: 0.77rem;
  --text-size-11: 0.85rem;
  --text-size-12: 0.92rem;
  --text-size-13: 1rem;
  --text-size-14: 1.08rem;
  --text-size-15: 1.15rem;
  --text-size-16: 1.23rem;
  --btn-green-custom: #31ac5e;
  --btn-grey-custom: #e7eaee;
  --btn-light-red-custom: #fee2e2;
  --btn-light-warning-custom: #fef9c3;
  --btn-light-gray-custom: #dcfce7;
  --btn-light-orange-custom: #ffe5b4;
  --btn-light-green-custom: #c8e6c9;
  --btn-light-red-custom: #ffcdd2;
  --btn-light-blue-custom: #bbdefb;
  --btn-light-coral-custom: #f08080;
  --btn-light-yellow-custom: #fff9c4;
  --btn-light-grey-custom: #d3d3d3;
  --font-size-md: 1rem;
  --dark-font-color: #0a112f;
  --dark-blue-color: #112c7d;
  --dark-black-color: #373737;
  --light-grey-color: #9c9c9c;
  --font-family: "Inter", sans-serif !important;
  --font-weight-500: 500;
  --font-weight-700: 700;
  --b-radius-16: 16px;
  --b-radius-12: 12px;
  --b-radius-8: 8px;
  --b-radius-4: 4px;
  --b-radius-2: 2px;
}
body {
  font-family: var(--font-family) !important;
  background: #f2f6ff;
  color: rgba(15, 15, 15, 1);
}
.position-unset {
  position: unset !important;
}
.redbutton {
  background-color: var(--buttonColorRed) !important;
  border-color: transparent !important;
  height: auto !important;
}
.defaultbutton {
  background-color: var(--btn-background) !important;
  color: var(--btn-text-color);
  border-color: transparent !important;
  border-radius: 7px !important;
  height: 34px !important;
  padding: 3px 17px 4px 17px !important;
  border: none !important;
}

.defaultbutton:hover {
  background-color: rgb(18 49 139) !important;
  color: var(--btn-text-color-hover) !important;
  border-color: transparent !important;
}
a.defaultbutton {
  background-color: var(--btn-background) !important;
  color: var(--btn-text-color);
  border-color: transparent !important;
  border-radius: 7px !important;
  height: auto !important;
  padding: 7px 17px 7px 17px !important;
  border: none !important;
}
a.defaultbutton:hover {
  background-color: rgb(18 49 139) !important;
  color: var(--btn-text-color-hover) !important;
  border-color: transparent !important;
}
.defaultbutton i {
  font-size: 0.7rem;
  padding-right: 0.3rem;
}
.text-dark-custom {
  color: var(--text-dark-custom) !important;
}
.dark-black-color {
  color: var(--dark-black-color);
}
.light-grey-color {
  color: var(--light-grey-color);
}
.font-weight-500 {
  font-weight: var(--font-weight-500);
}
.font-weight-700 {
  font-weight: var(--font-weight-700);
}
.b-radius-16 {
  border-radius: var(--b-radius-16);
}
.b-radius-12 {
  border-radius: var(--b-radius-12);
}
.b-radius-8 {
  border-radius: var(--b-radius-8);
}
.b-radius-4 {
  border-radius: var(--b-radius-4);
}
.b-radius-2 {
  border-radius: var(--b-radius-2);
}

.text-grey-custom {
  color: var(--text-grey-custom) !important;
}
.text-size-16 {
  font-size: var(--text-size-16) !important;
}
.text-dark-grey-custom {
  color: var(--text-dark-grey-custom);
}
.text-hover-info:hover {
  color: var(--text-hover-info) !important;
}
.font-size-md {
  font-size: var(--font-size-md);
}
.w-35 {
  width: 35%;
}
.btn-green-custom {
  background-color: var(--btn-green-custom);
}
.form-validation-start label {
  font-size: 1.08rem;
}
.mandatory-symbol {
  margin-inline-end: 0px;
  color: #b12a26;
  font-size: 12px;
}
.invalid {
  border: 1px solid var(--error-color);
}

.invalid + .errors-msg {
  color: var(--error-color);
  font-size: 14px;
  line-height: 1.5714285714285714;
  display: block;
}
.table-btn {
  /*font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.95px;*/
  display: block;

  width: 100%;
  text-align: center;
  padding: 5px 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.table-action-btn {
  font-size: 1.08rem;
  font-weight: 500;
  padding: 0.5rem 2.5rem;
  border-radius: 0.42rem;
  -webkit-border-radius: 0.42rem;
  -moz-border-radius: 0.42rem;
  -ms-border-radius: 0.42rem;
  -o-border-radius: 0.42rem;
}
.rounded-md {
  border-radius: 7px !important;
}
.gutter-lg {
  margin-bottom: 15px;
}
.cursor-unset {
  cursor: unset !important;
}
/* .table-btn:before {
  content: "";
  position: absolute;
  width: 10px;
  top: 43%;
  left: 30px;
  height: 10px;
  border-radius: 0.5rem;
} */

.status-message {
  margin: 20px 0;
  border-radius: 5px;
}
.status-message .approved {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.status-message .canceled {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.approved-btn {
  background-color: #ecffed;
  color: #238127;
  white-space: nowrap;
}
.approved-btn::before {
  background: #3db541;
}
.seekacknowledgment-btn {
  background-color: #19bbc1;
  color: #0b0c0b;
  white-space: nowrap;
}
.acknowledgmentreceived-btn {
  background-color: #82d5f8;
  color: #0b0c0b;
  white-space: nowrap;
}
.canceled-btn {
  background-color: #ffeff1;
  color: #f44336;
  white-space: nowrap;
}
.canceled-btn::before {
  background-color: #f44336;
}

.pending-btn {
  background-color: #fdf8f0;
  color: #ff8f00;
  white-space: nowrap;
}
.pending-btn:before {
  background-color: #ff8f00;
}

.resubmitted-btn {
  background-color: var(--btn-light-blue-custom);
  color: #2196f3;
  white-space: nowrap;
}
.resubmitted-btn::before {
  background-color: #2196f3;
}
.draft-btn {
  background-color: #ecf8ff;
  color: #91d5ff;
  white-space: nowrap;
}
.draft-btn:before {
  background: #91d5ff;
}
.resent-btn {
  background-color: var(--btn-light-coral-custom);
  color: #931e1e;
  white-space: nowrap;
}
.resent-btn::before {
  background-color: #931e1e;
}
.sentback-btn {
  background-color: #fffde7;
  color: #8d7f0a;
  white-space: nowrap;
}
.sentback-btn:before {
  background: #8d7f0a;
}
.draft-btn {
  background-color: #ecf8ff;
  color: #91d5ff;
  white-space: nowrap;
}
.draft-btn:before {
  background: #91d5ff;
}
.approved-badge .ant-badge-status-dot {
  color: #3db541 !important;
  background-color: #3db541 !important;
  border-color: #3db541 !important;
}
.sentBack-badge .ant-badge-status-dot {
  color: #8d7f0a !important;
  background-color: #8d7f0a !important;
  border-color: #8d7f0a !important;
}
.canceled-badge .ant-badge-status-dot {
  color: #f44336 !important;
  background-color: #f44336 !important;
  border-color: #f44336 !important;
}
.pending-badge .ant-badge-status-dot {
  color: #ff8f00 !important;
  background-color: #ff8f00 !important;
  border-color: #ff8f00 !important;
}
.noresponse-btn {
  background-color: #f3f3f3;
  color: #000000;
  white-space: nowrap;
}
.noresponse-btn:before {
  background: #706767;
}
.statusmesg {
  display: inline-block;
  color: var(--text-white);
  padding: 5px;
  border-radius: 3px;
  margin-right: 15px;
  color: #511f34;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.select-isDisabled .css-16xfy0z-control {
  height: auto;
  background-color: #ffffff !important;
  color: #000000 !important;
}
.select-isDisabled .css-16xfy0z-control .css-olqui2-singleValue {
  color: hsl(0deg 0% 0%);
}
.upload_close {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #b22d2b;
  border-radius: 20px;
  color: var(--text-white);
  width: 22px;
  height: 22px;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  line-height: 22px;
}
.expenseStatusApproved {
  border: green 2px solid;
}
.expenseStatusCanceled {
  border: var(--buttonColorRed) 2px solid;
}
.whiteSpaceNowrap {
  white-space: nowrap;
}

.proceed-btn-grey {
  background-color: var(--btn-grey-custom);
  color: #64748b;
}
.proceed-btn-green {
  background-color: var(--btn-green-custom);
  color: var(--text-white);
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.list-of-expense-table .table th,
.list-of-expense-table .table td {
  border-top: none !important;
}
.table-area .nav-link.active .nav-text {
  font-weight: 700;
}
.table-area .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.table-area .nav.nav-tabs.nav-tabs-line .nav-link.active,
.table-area .nav.nav-tabs.nav-tabs-line .show > .nav-link {
  border-bottom: 1px solid #252c32;
}
.rangepicker {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
}
.css-13cymwt-control,
.css-t3ipsp-control {
  min-height: 41px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  border-color: #dfdfdf !important;
}

.dropdownmenuOpen.show:hover {
  background-color: #b22d2b !important;
}
.dropdownmenuOpen.show:hover span {
  color: var(--text-white) !important;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #f3f6f975 !important;
  color: #000000 !important;
  font-weight: 400 !important;
}
.table-style tr.ant-table-row td.ant-table-cell:nth-child(1),
.table-style tr.ant-table-row td.ant-table-cell:nth-child(2),
.table-style tr.ant-table-row td.ant-table-cell:nth-child(3),
.table-style tr.ant-table-row td.ant-table-cell:nth-child(7) {
  color: #18181b;
  font-weight: 700;
}

.main-repeater td.ant-table-cell {
  padding: 16px 5px !important;
}
.main-repeater th.ant-table-cell {
  white-space: nowrap;
}
.main-repeater .ant-table-cell > div {
  margin: 0;
}
.dropdownmenuOpen {
  min-width: auto !important;
}
.uploadIcons {
  font-size: 30px;
}
.icons {
  font-size: 40px;
}
.icons,
.uploadIcons {
  line-height: 0;
}
#loe-disb,
.form-control:disabled {
  cursor: not-allowed;
}
:where(
    .css-dev-only-do-not-override-98ntnt
  ).ant-picker-outlined.ant-picker-disabled,
:where(.css-dev-only-do-not-override-98ntnt).ant-picker-outlined[disabled] {
  color: #00000036 !important;
  background-color: #f3f6f975 !important;
}
.expenseMultitasking
  table
  .ant-table-row-expand-icon.ant-table-row-expand-icon-collapsed {
  margin-inline-end: 0px;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-picker
  .ant-picker-input
  > input[disabled] {
  color: #000 !important;
  font-size: 1rem;
}

.customLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4f4f4f7d;
  min-height: 100vh;
  left: 0;
  top: 0;
}
.logo-style {
  max-width: 180px;
  width: 100%;
}
.export-excel-button {
  font-size: 1rem !important;
}
.cust-loader {
  border: 0.2em solid currentcolor;
  border-bottom-color: transparent;
  border-radius: 50%;
  -webkit-animation: 1s loader linear infinite;
  animation: 1s loader linear infinite;
  position: relative;
  width: 1em;
  height: 1em;
  color: var(--btn-background);
  vertical-align: middle;
  pointer-events: none;
  font-size: 40px;
}
.pdf-outer {
  width: 1191px;
  margin: auto;
}
.pdf-inner {
  max-width: 1033px;
  margin: auto;
}

.search-container.hasSelectedRows {
  display: flex;
  justify-content: end;
  gap: 10px;

  align-items: center;
}
.customMsgPopup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.customMsgPopup button {
  background: #b12a26 !important;
  color: #fff !important;
  border-radius: 61%;
  font-weight: bold;
  position: absolute;
  right: -23px;
  top: -21px;
}
.lh-1Pt5 {
  line-height: 1.5714285714285714;
}
.drftRP.hasError {
  border: 1px solid #b12a26;
  box-shadow: 0px 0px 3px 1px #b12a26;
}
.table-search {
  max-width: 230px;
  margin-left: auto;
  border: 1px solid #eaeaea;
  border-radius: 7px;
}
.table-search input {
  padding: 10px;
  border: 0;
  box-shadow: none !important;
}
.table-search button {
  padding: 20px;
  border: 0;
  background: #112c7d00;
  border-radius: 0px 10px 10px 0px !important;
}

.semantic-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 6px;
}

.semantic-loader-box {
  text-align: center;
  padding: 20px 40px;
  border-radius: 8px;
}

.semantic-spinner {
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: semantic-spin 1s linear infinite;
  margin: 0 auto 10px;
}

.semantic-loader-text {
  color: white;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}

@keyframes semantic-spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.notificationStatus {
  color: var(--text-white);
  border-radius: 20px;
  padding: 3px 16px;
  font-size: 1.2rem;
  white-space: nowrap;
}
table a {
  color: var(--buttonColorRed) !important;
}
.read-notificationStatus {
  background-color: green;
}
.un-read-notificationStatus {
  background-color: var(--buttonColorRed) !important;
}
#importBulkData form {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px 0;
}
.pRelative {
  position: relative;
}
.notificationPanel.tab-content .viewAll {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  padding-right: 19px;
}
.notificationPanel.tab-content .viewSingle {
  display: flex;
  justify-content: flex-end;
}
.notificationPanel.tab-content .navi-link .navi-text .user-section {
  display: flex;
  gap: 20px;
}
.notificationPanel.tab-content .navi-link .navi-text .user-section .user-info {
  display: flex;
  flex-direction: column;
}
.notificationPanel.tab-content .navi-link {
  /*padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 10px;*/
  padding: 10px 10px 10px;
  border-bottom: 1px solid #ccc;
}
.addExpenseConfirmationModalFooter {
  display: inline-flex;
  justify-content: flex-end;
}
.addExpenseConfirmationModalFooter button {
  padding: 10px;
  font-weight: 600;
}
div.addExpenseConfirmationModalFooter .okSbmit {
  background-color: var(--buttonColorRed) !important;
  color: var(--text-white);
}
div.addExpenseConfirmationModalFooter .okSbmit:hover {
  color: #d9d9d9 !important;
}
.addExpenseConfirmationModalFooter .cancelSbmit {
  background-color: #cccccc !important;
}

.table-responsive .ant-table-wrapper.border {
  border: none !important;
}
.table-responsive {
  border: 0px solid #ebedf3 !important;
}
.repeat-label::before {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  width: 2px;
  height: 1.6em;
  background-color: #f0f0f0;
  transform: translateY(-50%);
  transition: background-color 0.2s;
  content: "";
}
.repeat-label {
  position: relative;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 600;
  text-align: start;
  background: #fafafa;
  border-bottom: 2px solid #ebedf3;
  transition: background 0.2s ease;
  border-start-start-radius: 8px;
  padding: 10px 10px !important;
  margin-bottom: 16px;
}

:where(.css-dev-only-do-not-override-98ntnt).ant-form-item
  .ant-form-item-explain-error {
  font-size: 12px;
}

.dropdown-menu.login-active {
  display: block;
  left: auto;
  min-width: auto;
  right: 20px;
}
.dropdown-menu {
  display: none;
}
.dropdown-menu:hover {
  color: #112c7d;
}

.approvers-tooltips {
  background-color: red;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 10px 0 0;
  border-radius: 10px;
}
.approvers-tooltips:last-child {
  margin: 0;
}
.approved-tooltips {
  background-color: #3db541;
}
.draft-tooltips {
  background-color: #91d5ff;
}
.pending-tooltips {
  background-color: #ff8f00;
}
.noresponse-tooltips {
  background-color: #706767;
}
.sentback-tooltips {
  background: #8d7f0a;
}
.canceled-tooltips {
  background: #f44336;
}
.yetToSent-tooltips {
  background: #8b8b8b;
}

.ant-checkbox-disabled {
  opacity: 0.5; /* Make it look disabled */
  pointer-events: none; /* Prevent clicks */
}
.selectedApp {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 8px;
  margin-top: 6px;
}
.selectedApp label {
  font-size: 1.08rem;
}
.checkbox-container {
  position: relative;
}
.selectedApp span {
  padding-inline-end: 8px;
}
.selectedApp label {
  cursor: pointer;
}
.selectedApp .disabled-label {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-row-level-1 > .ant-table-cell .child-action:last-child,
.ant-table-row-level-1
  > .ant-table-cell.ant-table-cell-row-hover
  .child-action:last-child {
  display: none;
}
.all-nowrap-column {
  white-space: nowrap;
}
.ant-table-row-expand-icon {
  border: 1px solid #8b8b8b !important;
  float: right !important;
}
.expenseAddRowRequiredSymbol::before {
  color: #ff4d4f;
  font-size: 14px;
  margin-inline-end: 4px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
span.customDisabled {
  opacity: 1;
  background-color: #f3f6f975 !important;
  color: #00000036 !important;
  font-weight: 600 !important;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
}

.nav-pills-active.nav.nav-pills .nav-link.active {
  color: #000;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.no-border {
  border: none !important;
}
.customTable .table th,
.customTable .table td {
  vertical-align: middle;
}

span.view-button {
  position: relative;
  font-size: 17px;
  transition: transform 0.3s ease;
}
span.view-button.collapsed::after {
  content: "+";
  transform: rotate(180deg);
}

span.view-button::after {
  content: "-";
  position: absolute;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.react-pagination .page-item.active .page-link {
  z-index: 3;
  color: #5c5c5c;
  background-color: transparent;
  border-color: #e4e6ef;
}
.customTabs .ant-tabs-content-holder {
  border-top: 1px solid #f0f0f0;
}
.customTabs .ant-tabs-nav:before {
  display: none;
}
/* custom css start */
.aside {
  background-color: #fafafb;
  border-right: 0px solid #e5e9eb;
  box-shadow: 0px 0px 43px rgb(0 0 0 / 10%);
  border-radius: 16px;
  top: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
  width: 230px;
  padding: 16px 12px;
}
div#root {
  padding: 10px 10px;
  background: #f2f6ff;
}
.content {
  padding: 20px 16px;
  background: #ffffff;
  border-radius: 0px 0px 16px 16px;
  box-shadow: -10px 0 20px -10px rgb(0 0 0 / 7%),
    10px 0 21px -10px rgb(0 0 0 / 8%), 0 10px 20px -10px rgb(0 0 0 / 9%);
  position: relative;
}
.content .container,
.content .container-fluid,
.content .container-sm,
.content .container-md,
.content .container-lg,
.content .container-xl,
.content .container-xxl {
  padding: 0 0px;
}
.aside-fixed .wrapper {
  padding-left: 242px;
}
.header.header-fixed {
  position: relative;
  border-radius: 16px 16px 0px 0px;
  height: 55px;
}
.aside-enabled .header.header-fixed {
  left: 0;
  box-shadow: 0 -10px 20px -10px rgb(0 0 0 / 7%),
    -10px 0 20px -10px rgb(0 0 0 / 7%), 10px 0 20px -10px rgb(0 0 0 / 7%);
}
.header-fixed.subheader-fixed.subheader-enabled .wrapper {
  padding-top: 0;
}
.gutter-b {
  margin-bottom: 20px;
}
/*div#kt_header .container,
div#kt_header .container-fluid,
div#kt_header.container-sm,
div#kt_header .container-md,
div#kt_header .container-lg,
div#kt_header .container-xl,
div#kt_header .container-xxl {
  padding: 0 16px;
}*/
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  padding: 0 16px;
}
ol.topbar-title a.breadCrumb-item {
  font-size: 14px;
  color: rgba(167, 167, 167, 1);
  font-weight: 500;
}
ol.topbar-title {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  gap: 0px;
}
ol.topbar-title a.breadCrumb-item.leaf {
  color: rgba(0, 0, 0, 1);
}
ol.topbar-title a.breadCrumb-item:after {
  content: "/";
  margin: 0 4px;
}
ol.topbar-title a.breadCrumb-item.leaf:after {
  display: none;
}
.user-profile-dropdown {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header-notification .svg-icon.svg-icon-xl svg {
  height: 16px !important;
  width: auto !important;
  color: rgba(134, 143, 160, 1);
}
.header-notification .label.label-danger {
  color: #ffffff;
  background-color: rgba(177, 42, 38, 1);
  border: 2px solid #fff;
  top: 10px;
  right: 10px;
  height: 12px;
  width: 12px;
}
.commonTitle {
  background: #ffffff;
  padding-bottom: 12px;
}
.commonTitleText h5 {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-dark-custom);
  margin-bottom: 7px;
}
.commonTitleText {
  color: var(--text-grey-custom);
}
.topbar .dropdow.cursor-pointer {
  display: flex;
}
.title-wrap {
  align-items: center;
  flex-wrap: nowrap;
}
.commonTitle p {
  margin-bottom: 0;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
  font-size: var(--text-size-12) !important;
}
.brand {
  height: auto;
}
.aside-menu .menu-nav > .menu-item > .menu-link {
  padding: 8px 10px 8px 12px;
  margin-bottom: 10px;
  min-height: 36px;
}
li.menu-item.menu-item-active a.menu-link {
  background: #eaebf0;
  border-radius: 10px;
}
li.menu-item.menu-item-active a.menu-link span.menu-text {
  color: #112c7d !important;
}
li.menu-item.menu-item-active img {
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.cardWrap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.cardWrap-col img {
  background: #fff;
  padding: 8px;
  box-shadow: 0px 0px 9px #e2e2e2;
  border-radius: 6px;
  height: 35px;
  width: 35px;
}
.dashboardCard {
  background: #f8f8fa;
  border: 1px solid #eeedf0;
}
.customPrice small {
  color: var(--text-grey-custom);
}
.text-size-10 {
  font-size: var(--text-size-10);
}
.text-size-11 {
  font-size: var(--text-size-11);
}
.text-size-12 {
  font-size: var(--text-size-12);
}
.text-size-13 {
  font-size: var(--text-size-13);
}
.text-size-14 {
  font-size: var(--text-size-14);
}
.text-size-15 {
  font-size: var(--text-size-15);
}
.text-size-16 {
  font-size: var(--text-size-16);
}
.seeAll {
  color: var(--dark-blue-color);
  font-weight: 500;
}
.cardWrap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.cardWrap-col img {
  background: #fff;
  padding: 8px;
  box-shadow: 0px 0px 9px #e2e2e2;
  border-radius: 6px;
}
.dashboardCard {
  background: #f8f8fa;
  border: 1px solid #eeedf0;
}
.customPrice small {
  color: var(--text-grey-custom);
}

.seeAll {
  color: var(--dark-blue-color);
  font-weight: 500;
}
.ant-table-wrapper .ant-table-cell {
  padding: 10px 16px 10px 16px !important;
}
.ant-table-wrapper .ant-table-thead > tr > th {
  color: var(--text-grey-custom);
  font-weight: 500;
  background: transparent !important;
  font-size: 12px;
  font-family: var(--font-family);
  border-bottom: 2px solid #eeeeee;
}
.ant-table-wrapper .ant-table-tbody > tr > td {
  position: relative;
  color: var(--dark-black-color);
  font-weight: 500;
  background: transparent !important;
  border-bottom: 0px solid #f0f0f0;
  font-size: 12px !important;
  font-family: var(--font-family);
  vertical-align: top;
}
.ant-table-wrapper .ant-table-tbody > tr > td small {
  display: block;
  color: var(--text-grey-custom);
  font-size: 11px;
  margin-top: 4px;
}
.mr-5,
.mx-5 {
  margin-right: 1rem !important;
}
span.initialLetter {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebf3ff;
  border-radius: 50px;
  font-size: var(--text-size-14);
  font-weight: 500;
  color: #005d7f;
}
.b-bottom {
  border-bottom: 1px solid #eeedf0;
}
span.approvers-status-tooltip img {
  background: #ebf3ff;
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
span.approvers-status-tooltip {
  position: relative;
  margin-right: 6px !important;
}
span.approvers-status-tooltip b {
  position: absolute;
  bottom: -1px;
  right: -2px;
}
.amount-btn {
  background: #ffffff;
  border: 1px solid #e4e4e7;
  padding: 5px 10px;
  display: flex !important;
  align-items: center;
  gap: 4px;
  border-radius: 17px;
  justify-content: center;
  line-height: 1;
}
.amount-btn i {
  padding: 1px 0px;
  border-radius: 5px;
  font-size: 12px;
  color: #373737;
  font-style: normal;
}
.table-menu-container {
  position: relative;
  display: inline-block;
}

.table-menu-icon {
  cursor: pointer;
  font-size: 20px;
  padding: 0px 10px;
  font-weight: bold;
}

.table-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  display: none; /* hidden by default */
  z-index: 1000;
}

.table-menu-container:hover .table-dropdown-menu {
  display: block; /* show on hover */
}
.table-menu-item {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}
.table-menu-item:hover {
  background-color: #f2f2f2;
}
.grapgWrap .graph-col:nth-child(2) {
  display: flex;
  gap: 10px;
}
.activeMonth {
  background: #f4f4f5;
  border: 1px solid #e4e4e7 !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.monthGraph li.nav-item a {
  padding: 5px 12px;
}
button.dashboard-pdf-button {
  background: #f4f4f5;
  border: 1px solid #e4e4e7 !important;
  font-weight: 500;
  padding: 5.5px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.dashboard-pdf-button i {
  padding-right: 0;
}
.graphHeading h5 {
  color: #7c7c7c;
  font-size: var(--text-size-14);
  font-weight: 400;
}

.row > [class*="cardParent"] {
  display: flex;
  flex-direction: column;
}
.row > [class*="cardParent"] > .card {
  flex: 1;
}
.commonSearch {
  padding-bottom: 12px;
}
.commonSearchWrap {
  align-items: center;
  flex-wrap: nowrap;
}
.table-search .ant-input-affix-wrapper {
  background: #f8545400 !important;
  border: 0px !important;
}
.table-search .ant-input-outlined:focus-within {
  box-shadow: none !important;
}
.thTopPad-0 th.ant-table-cell {
  padding-top: 0px !important;
}
.table-round-btn {
  background: #f7fbfe;
  border: 1px solid #e4e4e7;
  padding: 4px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  cursor: pointer;
}
.custom-modal .ant-modal-content {
  padding: 0px;
}
.custom-modal .ant-modal-header {
  padding: 13px 20px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 0;
  background: #fafafa !important;
}
.custom-modal .ant-modal-header .ant-modal-title {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.custom-modal .ant-modal-body {
  padding: 15px 20px 20px 20px;
  background: #fafafa;
}
.custom-modal .ant-picker {
  height: 36.9px;
  width: 100%;
}
.custom-modal .ant-picker-input > input {
  font-size: 12px;
}
.custom-modal .ant-form-item {
  margin-bottom: 15px;
}
.custom-modal .ant-form-item-label label {
  font-weight: 500;
  font-size: 12px;
  color: #6d7076 !important;
}
.custom-modal .ant-modal-footer {
  padding: 15px 20px;
  border-top: 1px solid #e9e9e9;
  margin-top: 0;
}
.custom-modal .ant-modal-close-x {
  font-size: 10px;
  line-height: 10px;
  color: #73747b;
  font-weight: 500;
  top: 6px;
}
.custom-modal .ant-input {
  padding: 6px 11px;
  font-size: 12px;
}
.custom-modal button.defCancel {
  background: #fff !important;
  color: #464f60 !important;
  box-shadow: none;
  border: 1px solid #e8e8e8 !important;
  font-weight: 500;
}
.custom-modal button.defCancel:hover {
  background: #efefef !important;
}
.custom-modal .ant-modal-footer button[type="button"],
.custom-modal .ant-modal-footer button[type="submit"] {
  padding: 4px 15px 5px 15px !important;
  border-radius: 7px !important;
  font-size: 12px;
  height: 32px !important;
}
.topbar-col {
  display: flex;
  cursor: pointer;
}
.topbar {
  justify-content: space-between;
  align-items: center;
}
.topbar-col img {
  height: 25px;
}
.header-notification div#kt_quick_panel_toggle:hover {
  background-color: #f3f6f900;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
}
img#hamburgMobile {
  display: none;
}
.aside-fixed .aside {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ant-pagination {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
}

/* Move the .ant-pagination-options (page size selector) to the left */
.ant-pagination-options {
  order: -1 !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  gap: 4px; /* space between 'Show' and dropdown */
}

/* Add the label text */
.ant-pagination-options::before {
  content: "Show";
  font-size: 14px;
  color: #555; /* adjust as per your theme */
  margin-right: 8px;
}
.ant-pagination-item-active {
  background: #f2f3f7 !important;
  color: #000 !important;
  border: 0px !important;
}
li.ant-pagination-item {
  color: #78829d !important;
  font-weight: 500 !important;
  font-size: var(--text-size-12) !important;
  font-family: var(--font-family);
}
ul.ant-pagination {
  margin-top: 40px !important;
}
li.ant-pagination-options .ant-select-selection-item {
  font-size: var(--text-size-12) !important;
  font-family: var(--font-family);
}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
  max-width: 100%;
}

/* custom form label start*/

.customLabelForm .ant-form-item-control-input-content label {
  position: absolute;
  background: #ffffff;
  padding: 0 4px;
  left: 10px;
  top: -8px;
  font-size: 11px;
  color: #939393;
  font-weight: 400 !important;
  z-index: 1;
}
.customLabelForm {
  margin-top: 15px;
}
.card-header {
  background-color: transparent;
}
/* .customLabelForm .ant-row .ant-col {
  margin-bottom: 6px;
} */
.expenseDetailTitle {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 14px;
  padding: 16px;
  position: sticky;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.expenseDetailTitle h3 {
  margin-bottom: 0px;
}
.expenseDetailTitle button {
  background: transparent;
  border: none;
  cursor: pointer;
}
.expenseDetailTitle button:hover {
  background: #0000000d;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
.customExpenseLabelForm .form-row-wrap {
  position: relative;
}
.customExpenseLabelForm .form-row-wrap label {
  position: absolute;
  background: #ffffff;
  padding: 0 4px;
  left: 10px;
  top: -8px;
  font-size: 11px;
  color: #939393;
  font-weight: 400 !important;
  z-index: 1;
  margin-bottom: 0 !important;
}

.customExpenseLabelForm .form-row-wrap .form-control,
.customExpenseLabelForm .form-control {
  padding: 1.516rem 1rem;
  color: #000000 !important;
  border-color: #dfdfdf !important;
  background: #ffffff !important;
}
.customExpenseLabelForm textarea.form-control {
  padding: 1rem 1rem !important;
}
.customExpenseLabelForm .css-16xfy0z-control {
  font-size: 1rem;
  min-height: 43px;
  border-radius: 0.65rem;
}
#chartjs-tooltip {
  background: red;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  pointer-events: none;
}
.customTabs .ant-tabs-tab {
  font-size: 13px;
  color: #6d6f7e;
  font-weight: 500;
  padding: 18px 0px;
}
.customExpenseLabelForm {
  margin-top: 2rem;
}
.expenseListRepeater {
  background: #f5f5f5;
  margin-bottom: 20px !important;
}
.expenseListRepeater .repeat-label {
  border-bottom: 0px solid #ebedf3;
  margin-bottom: 0px;
  background: transparent;
}
.expenseListRepeater label {
  font-size: 1rem;
}
.approverCol .ant-card-head {
  min-height: auto;
  margin-bottom: 0;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 0px solid #f0f0f0;
  border-radius: 0px;
}
.approverCol .ant-card {
  border: 0px solid #f0f0f0;
}
.approverCol .ant-card-body {
  padding: 0px;
  border-radius: 0 0 0px 0px;
  margin-top: 20px;
}
.approverCol:nth-child(1) {
  border-right: 1px solid #eaeaea;
}
.expenseListAprovers {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-top: 0px;
}
.approverCol {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 16px;
  padding-right: 16px;
}
.approverCol .ant-list-item {
  border-block-end: 0px solid rgba(5, 5, 5, 0.06);
}
.spanApprovers {
  display: flex;
  gap: 10px;
  align-items: start;
}
span.approvLabel {
  color: #939393;
  font-size: 11px;
  min-width: 90px;
}
.imgTitle small {
  display: block;
  color: #939393;
  font-size: 11px;
}
.spanApprovers .imgTitle span.initialLetter {
  margin-top: -4px;
}
.imgTitle img {
  height: 24px;
  width: 24px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.imgTitle {
  display: flex;
  gap: 10px;
}
.imgTitle h4 {
  font-size: 12px;
  color: #000;
  margin-bottom: 0px;
}
.imgTitle .ant-badge-status-text {
  color: #797979 !important;
  font-size: 11px !important;
}
.totalReimbursement small {
  color: #939393;
  font-size: 11px;
  margin-bottom: 4px;
  display: block;
}
.totalReimbursement {
  padding-top: 16px;
}
.customTabs .ant-tabs-tab .ant-tabs-tab-btn img {
  filter: brightness(1) invert(0);
}
.customTabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000000;
  text-shadow: 0 0 0.25px currentcolor;
}
.customTabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn img {
  filter: brightness(0) invert(0);
}
.customTabs .ant-tabs-nav {
  margin: 0 0 0px 0;
  padding: 0px 16px;
  max-width: calc(100% - 200px);
}
.customTabsWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.customTabsWrapLeft {
  width: 40%;
  min-height: 100vh;
  border-right: 1px solid #eaeaea;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 100vh;
}
.customTabsWrapRight {
  width: 60%;
}
.customTabHead {
  padding: 20px 16px;
  border-bottom: 1px solid #eaeaea;
  border-right: 0px solid #eaeaea;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}
.activeCustomTabHead {
  background: #f6f6f6;
}
.customTabHead h4 {
  font-size: 13px;
  font-weight: 700;
  color: #373737;
}
.customTabHead p {
  font-size: 12px;
  color: #70707a;
  font-weight: 400;
  margin-bottom: 7px;
}
.customStatus span {
  display: inline-block;
  padding: 4px 10px;
  background: #ebffe8;
  color: #0f7c12;
  font-size: 11px;
  border-radius: 20px;
}
.customTabTime {
  font-size: 12px;
  color: #70707a;
  min-width: 70px;
  font-weight: 500;
}
.checkDelete .ant-checkbox-wrapper {
  font-size: 13px;
  font-weight: 500;
}
.content:has(.customTabs) {
  padding-left: 0;
  padding-right: 0;
  padding-top: 50px;
  padding-bottom: 0;
}
span.notiDelete {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.headerBodyWrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}

.tabsFooter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
}
.approverList {
  width: 50%;
  padding: 20px 16px;
}
.approverList:nth-child(1) {
  border-right: 1px solid #eaeaea;
}
.approverList h4 {
  font-size: 12px;
}
.approverList ul {
  display: flex;
  padding-left: 0;
  list-style: none;
  gap: 10px;
  margin-top: 15px;
  font-size: 11px;
  color: #939393;
  align-items: center;
}
.approverList ul li:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.symbol-circle {
  position: relative;
}
.symbol-circle img {
  background: #ebf3ff;
  border-radius: 50%;
  height: 25px;
  width: 25px;
}
.symbol-circle span {
  height: 10px;
  width: 10px;
  background: #000;
  display: block;
  border-radius: 50%;
  position: absolute;
  bottom: -1px;
  right: -2px;
}
.approverList ul h5 {
  font-size: 11px;
  color: #000;
  margin-bottom: 0;
}
ul.notimeta {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 10px;
  color: #70707a;
  font-size: 11px;
  margin-bottom: 0px;
  align-items: center;
}
.notiHeader {
  padding: 20px 16px;
  border-bottom: 1px solid #eaeaea;
}
.notiHeader h3 {
  font-size: 16px;
}
.notiBody {
  padding: 20px 16px;
}
.customTabHeadContent {
  display: flex;
  gap: 15px;
  align-items: start;
}
.customTabHeadContent label {
  line-height: 1.5 !important;
}
span.notiStatus {
  height: 5px;
  width: 5px;
  background: #000;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -9px;
}
.customTabText {
  position: relative;
}
.notiHead .commonTitle {
  padding: 16px 16px 0px 16px;
}
.checkDelete {
  position: absolute;
  right: 16px;
  top: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.customTabs {
  position: relative;
}
.customTabs .ant-tabs-tab-btn span {
  display: flex;
  gap: 7px;
}
.searchFilter {
  display: flex;
  gap: 10px;
}
.rounded {
  border-radius: 7px !important;
}
.down-excel {
  display: flex;
  gap: 6px;
}

/* dropdown select start*/
.custom-dropdown {
  position: relative;
  display: inline-block;
}
.custom-dropdown .dropdown-toggle {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 7px 14px;
  cursor: pointer;
  font-weight: 300;
  min-width: 200px;
  text-align: left;
  border-radius: 7px !important;
  color: #b5b5b5;
}
.custom-dropdown.has-value .dropdown-toggle {
  color: #000000;
}
.custom-dropdown .dropdown-toggle .arrow {
  float: right;
  color: #888;
}

.custom-dropdown .dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 220px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  flex-direction: column;
}

.custom-dropdown .nav-item {
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.2s;
}

.custom-dropdown .nav-item:hover {
  background: #f5f5f5;
}

.custom-dropdown .nav-item.active {
  background: #f3f3f3;
  color: #000000;
  font-weight: 500;
}
.custom-dropdown .dropdown-toggle::after {
  display: none !important;
}
div#kt_wrapper {
  min-height: calc(100vh - 20px);
}
.importDataModal .ant-modal-content {
  padding: 0;
}
.importDataModal .ant-modal-close {
  top: 7px;
}
.importDataModal .ant-modal-header {
  padding: 12px 16px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 0;
}
.importDataModal .ant-modal-body {
  padding: 16px 16px;
}
.importDataModal .ant-modal-footer {
  padding: 16px 16px;
  border-top: 1px solid #e9e9e9;
  justify-content: end;
}
.importDataModal .ant-modal-footer button {
  margin-left: 10px !important;
}
.importDataModal .ant-select {
  width: 100%;
  margin-bottom: 10px;
  height: 40px;
}
.importDataModal input[type="file"] {
  border: none;
  padding: 10px 0px;
}
.importDataModal .ant-modal-close-x {
  display: flex;
  font-size: 12px;
}
/*dropdown select end*/
.notiHead {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 0px solid #f2f2f2;
  align-items: center;
}
.notiCount {
  padding: 12px 16px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notiHead h5 {
  margin-bottom: 0;
}
.nottiBody {
  padding: 16px;
}
.nottiBody ul {
  padding: 0;
  list-style: none;
}
.nottiBody ul li {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0px;
  align-items: center;
}
.nottiBody ul li a {
  color: #000;
}
.nottiBody ul li:hover a {
  color: #112c7d;
}
.nottiBody ul li img {
  height: 35px;
  width: 35px;
  background: #eceff5;
  padding: 9px;
  border-radius: 50%;
}
.nottiBody ul li p {
  margin-bottom: 2px;
  font-size: 14px;
}
.nottiBody ul li small {
  font-size: 12px;
  color: #9f9f9f;
}
.CusnotiHead .commonTitle {
  padding: 16px 16px 0px 16px;
}
.topbar-col div#kt_quick_panel {
  left: auto;
  top: 68px;
  border-radius: 20px;
  /*max-height: calc(100vh - 100px);*/
  max-height: 550px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.topbar-col .offcanvas.offcanvas-right.offcanvas-on {
  right: 50px;
}
.notiHead .ki-close {
  cursor: pointer;
}
.labeledMove.form-row-wrap label {
  opacity: 1;
  transition: opacity 0.2s ease;
  top: 15px;
}

.labeledMove.form-row-wrap:focus-within label {
  pointer-events: none;
  top: -8px;
}
.expenseAddRepeater thead.ant-table-thead tr {
  background: #f5f5f5;
  margin-bottom: 20px !important;
  border-bottom: 0px solid #000;
}
.expenseAddRepeater table > thead > tr:first-child > *:first-child,
.expenseAddRepeater table {
  border-start-start-radius: 0px !important;
}
.expenseAddRepeater thead th {
  border-bottom: 0px solid #eeeeee !important;
}

.expenseAddRepeater .ant-table-cell {
  padding: 10px 16px 10px 16px !important;
}
.expenseAddRepeater .ant-typography {
  font-size: 10px;
  line-height: 12px;
}
.expenseAddRepeater .expenseRepeaterDetailHeading {
  margin-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
  padding: 11px 10px;
  background: #f2f2f2;
  border-radius: 4px;
  font-size: 11px;
}
.footerBtn {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  left: 0;
  bottom: 0;
  padding: 15px 16px 15px 16px;
  border-top: 1px solid #ebedf3 !important;
  position: sticky;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10;
}
.border-2 {
  border-width: 1px !important;
}
.content:has(.pendListBottom) {
  padding-bottom: 0;
}
.viwLink {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.customDisabled {
  word-wrap: break-word;
}
.fileIcon a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #000;
}
.fileIcon a img {
  height: 18px;
}
.paddingTop-0 {
  padding-top: 0 !important;
}
.splitDates {
  display: flex;
  gap: 6px;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-thead
  > tr
  > th:not(:last-child):not(.ant-table-selection-column):not(
    .ant-table-row-expand-icon-cell
  ):not([colspan])::before {
  display: none !important;
}
.ant-table-wrapper .ant-table-thead > tr > th::before {
  display: none !important;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-container
  table
  > thead
  > tr:first-child
  > *:first-child {
  padding-left: 0 !important;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-container
  table
  > thead
  > tr:first-child
  > *:last-child {
  padding-right: 0 !important;
}
.ant-table-wrapper .ant-table-cell:first-child {
  padding-left: 0 !important;
}
.ant-table-wrapper .ant-table-cell:last-child {
  padding-right: 0 !important;
}
.expenseAddRepeater .ant-table-wrapper .ant-table-cell:first-child,
.expenseAddRepeater
  :where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-container
  table
  > thead
  > tr:first-child
  > *:first-child {
  padding-left: 16px !important;
}
.footerReversment {
  text-align: left;
}
.btnsWrap {
  display: flex;
  align-items: center;
  gap: 7px;
}
.uploadNotification .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.uploadNotification button {
  margin: 0 !important;
}
.uploadNotification img {
  height: 18px;
}
div#kt_content:has(.contentBottomPadding) {
  padding-bottom: 100px;
}
img.hamburg-icon-cross {
  display: none !important;
}
div#root:has(.open) #kt_header img.hamburg-icon-cross {
  display: block !important;
}
div#root:has(.open) #kt_header img.hamburg-icon-start {
  display: none !important;
}
div#root:has(.open) #kt_header img.hamburg-icon-cross {
  display: block !important;
}
/* Target AntD table horizontal scroll */
.ant-table-content::-webkit-scrollbar {
  height: 2px;
}
.ant-table-content::-webkit-scrollbar-thumb {
  background-color: #1677ff;
  border-radius: 5px;
}
/* add expense popup css start */
.addExpensePopupForm {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  background: #0000003b;
  padding: 13px 11px 12px 9px;
  height: 100vh;
  overflow-y: scroll;
}
.addExpensePopupFormWraper {
  width: 100%;
  margin: 0 1px 0px auto;
  background: #fff;
  border-radius: 12px;
  max-width: 700px;
  height: calc(100vh - 23px);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  text-align: left;
}
.addExpensePopupForm .customExpenseLabelForm {
  margin-top: 0rem;
  padding: 0px;
}
.addExpenseSubGroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0px;
  /*border-bottom: 1px solid #ebedf3;*/
  margin-bottom: 0px;
  margin-top: 15px;
}
.addExpenseSubGroup h3 {
  font-size: 12px;
}
button.addMoreBtn {
  background: transparent;
  border: none;
  color: #112c7d;
  font-size: 12px;
  font-weight: 600;
}
button.addMoreBtn:hover {
  color: #4a62ab;
}

.floating-input {
  position: relative;
  margin-bottom: 20px;
}

.floating-input input {
  width: 100%;
  padding: 12px 10px;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 6px;
  outline: none;
}

.floating-input input:focus {
  border-color: #1677ff;
}

.floating-input label {
  position: absolute;
  left: 12px;
  top: 12px;
  color: #888;
  pointer-events: none;
  transition: 0.2s ease all;
  background: white;
  padding: 0 4px;
}

.floating-input.filled label,
.floating-input input:focus + label {
  top: -8px;
  left: 8px;
  font-size: 12px;
  color: #1677ff;
}
span.uploadBtn {
  border: 1px solid #112c7d;
  border-radius: 7px;
  padding: 4px 10px;
  display: flex;
  height: 28px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  width: 110px;
  margin: 10px auto 0 auto;
  color: #112c7d;
}
.uploadDrag .ant-upload-btn {
  background: #fff;
  padding: 25px 10px !important;
  border: 1px dashed #112c7d;
}
.uploadDrag p {
  font-size: 12px !important;
}
span.uploadBtn img {
  margin-top: 1.5px;
}
.expenseAddRepeater .ant-table-wrapper .ant-table-cell:first-child {
  padding: 15px 0 0 0 !important;
}
.expenseAddRepeater .ant-table-wrapper td.ant-table-cell {
  width: 668px !important;
  max-width: 668px !important;
}
/* .expenseAddRepeater .ant-table-wrapper tr:first-child .ant-table-cell {
    padding: 0px 0 0 0 !important;
} */
.expenseAddRepeater .ant-form-item {
  margin-bottom: 10px;
}
.css-1jqq78o-placeholder {
  color: #b7b7b7 !important;
  font-weight: normal;
}
.addMainWrap {
  padding: 16px 16px 0px 16px;
}
.expenseAddRepeater {
  padding: 0px 16px 16px 16px;
}
.expenseAddRepeater label {
  font-size: 11px !important;
  color: #939393 !important;
  font-weight: 400 !important;
}

.expenseAddRepeater i.flaticon-delete {
  position: absolute;
  top: 21px;
  right: 6px;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  color: #a7a7a7;
  border-radius: 4px;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-tbody
  .ant-table-row.ant-table-row-selected
  > .ant-table-cell {
  background: #f3f6ff;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-thead
  th.ant-table-column-sort {
  background: #ffffff;
}
:where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-thead
  th.ant-table-column-has-sorters:hover {
  background: #ffffff;
}
.defalutWhiteBtn {
  background: #ffffff;
  border: 1.5px solid #e7e7e7 !important;

  gap: 3px;
  color: #000;
  height: 34px;
  padding: 2px 15px 4px 15px !important;
}
.defalutWhiteBtn img {
  margin-top: -1.25px;
}
.defalutWhiteBtn:hover {
  background: #f3f3f3 !important;
  color: #000 !important;
}
.mr-10 {
  margin-right: 5px !important;
}
.loadBtn {
  padding: 20px 10px;
  text-align: center;
}
.rounded-lg {
  border-radius: 7px !important;
}
.loadBtn a {
  display: flex;
  align-items: center;
  width: 130px;
  justify-content: center;
  gap: 4px;
  margin: 0 auto !important;
  padding: 8px !important;
}
.loadBtn img {
  height: 20px;
}
.amount-btn img {
  height: 16px;
  margin-top: -1.25px;
}
.ant-modal-footer .defaultWhiteBtn {
  border: 1px solid #e9e9e9;
  box-shadow: none;
}
.ant-modal-footer .defaultWhiteBtn:hover {
  background-color: #f3f3f3 !important;
  color: #000 !important;
}
img.currency-flag {
  border-radius: 50% !important;
  height: 18px;
  width: 18px;
  object-fit: cover;
  object-position: center;
  margin-top: -1.5px;
}
.RepaetRow {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 35px;
  padding-bottom: 10px;
}
.expenseListTitle {
  border-bottom: 1px solid #eaeaea;
  padding: 0px 16px;
  margin-bottom: 17px;
  margin-top: 10px;
}
.RepaetRow:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.patmentWrapper h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  margin-top: 35px;
}
.fileIcon small {
  margin-bottom: 10px;
  display: block;
}
.checkboxWrapper {
  padding: 0px 16px 16px 16px;
}
.paymentWrapperInner {
  padding-top: 10px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
p.expenseApproved {
  color: #7b7b7b;
  margin-bottom: 5px;
}
p.expenseApproved strong {
  color: #000;
}

.expenseAddRepeater
  :where(.css-dev-only-do-not-override-98ntnt).ant-table-wrapper
  .ant-table-tbody
  .ant-table-row
  > .ant-table-cell-row-hover {
  background: #ffffff !important;
}
.expenseAddRepeater .table th,
.expenseAddRepeater .table td {
  border-top: 0px solid #ebedf3 !important;
}
.ant-tag-blue:has(.popRateDetails) {
  color: #898989;
  background: #f7f7f7;
  border-color: #e1e1e1;
  margin-right: 0px !important;
  width: 100%;
}
.ant-tooltip:has(.popRateDetails) {
  max-width: 100% !important;
}
.popRateDetailsWrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 110px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
span.currencySpan {
  display: flex;
  align-items: center;
  gap: 6px;
}
.customExpenseLabelForm .form-row-wrap span.customDisabled {
  opacity: 1;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: 400 !important;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  height: 41px !important;
  padding: 10px 1rem 10px 1rem !important;
}
.customExpenseLabelForm .RepaetRow .form-row-wrap label {
  top: -11px;
}

.repaetMargins:last-child {
  margin-bottom: 0px;
}
.grapgWrap {
  align-items: start !important;
}
.footerReversment small {
  color: #797979;
  display: block;
  margin-bottom: 3px;
}
.searchBar .anticon svg {
  display: inline-block;
  fill: #797979;
}
.ant-pagination-options .ant-select,
.ant-pagination-options .ant-select-selector {
  cursor: pointer !important;
}
span.activeStatus {
  background: #e8ffeb;
  color: #0d6805;
  padding: 5px 15px;
  display: block;
  border-radius: 7px;
  text-align: center;

  font-size: 11px;
  width: 100px;
}
span.inactiveStatus {
  background: #e4e8ef;
  color: #6b7280;
  padding: 5px 15px;
  display: block;
  border-radius: 7px;
  text-align: center;

  font-size: 11px;
  width: 100px;
}
span.softdeleteStatus {
  background: #fff4f4;
  color: #dc2626;
  padding: 5px 15px;
  display: block;
  border-radius: 7px;
  text-align: center;

  font-size: 11px;
  width: 105px;
}
.footerReversment h4 {
  margin-bottom: 0;
}
.custom-modal .ant-modal-close {
  top: 8px !important;
}
form [class*="-menu"] {
  z-index: 9 !important;
}
.table-area .ant-checkbox-wrapper {
  line-height: 11px;
}
.admin-status-awaiting span {
  color: #797979;
}
.custom-modal .currencyRepeat .ant-form-item {
  margin-bottom: 0px;
}
.custom-modal .currencyRepeatWrap {
  display: flex;
  margin-bottom: 18px;
  justify-content: space-between;
  width: 100%;
  align-items: end;
  flex-wrap: wrap;
}
.currencyRepeatWrap .ant-space-item {
  width: 44%;
}

.currencyRepeat button {
  padding: 20px !important;
  font-size: 12px !important;
}
.ant-space-item:nth-child(3) {
  width: 6%;
}
.currencyRepeatWrap .ant-input {
  height: 36.9px;
}
.custom-modal .ant-select-multiple.ant-select-lg {
  font-size: 12px;
}
label.ant-form-item-required::before {
  display: none !important;
}
.css-1u9des2-indicatorSeparator {
  display: none !important;
}
.addExpensePopupFormWraper .ant-col,
.addExpensePopupFormWraper .ant-picker-input > input {
  font-size: 13px !important;
  font-weight: normal;
}
.css-1dimb5e-singleValue {
  color: #000000 !important;
}
.expenseDetqailsRepeater:has(.fileIcon),
.repaetMargins:has(.fileIcon) {
  margin-bottom: 20px;
}
.ant-checkbox .ant-checkbox-inner {
  width: 13px;
  height: 13px;
}
.symbol-100:has(.upload_close) {
  position: relative;
}
.card-title-14 .ant-card-head-title {
  font-size: 14px;
}
.selectedApp label {
  display: flex;
  align-items: center;
}
.selectedApp input[type="checkbox"] {
  margin-top: 8px !important;
}
.h-45px {
  height: 41px !important;
}
/* add expense popup css end */

.editable-row .ant-table-cell-with-append .ant-table-row-expand-icon {
  margin-top: 1.5px;
  margin-inline-end: 0px;
}
@media only screen and (min-width: 1321px) {
  /* custom header fixed code start*/
  .header.header-fixed {
    border-radius: 16px 16px 0px 0px;
    height: 55px;
    position: fixed;
    width: calc(100% - 262px);
    left: auto !important;
    right: 10px;
    top: 10px;
    background: #fff;
  }
  .content {
    padding: 70px 16px 5px 16px;
    border-radius: 16px 16px 16px 16px;
    max-height: calc(100vh - 20px);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-bottom: 16px solid #ffffff;
  }
  ul.ant-pagination {
    position: fixed;
    bottom: 4px;
    width: calc(100% - 294px);
    background: #ffffff;
    right: 26px;
    border-radius: 0px 0px 11px 11px;
    padding: 5px 16px 12px 16px;
    border-bottom: 1px solid #e9ebf1;
    border-left: 1px solid #e9ebf1;
    border-right: 1px solid #e9ebf1;
  }
  .table-area {
    padding-bottom: 40px;
  }
  .paddingBottom-0 .table-area {
    padding-bottom: 0px;
  }
  /*.fixedPaginationTable .ant-table {
    max-height: calc(100vh - 280px);
    overflow-y: scroll; 
   overflow-x: auto;
    scrollbar-width: none;
  -ms-overflow-style: none;
}

::-webkit-scrollbar:vertical {
  display: none; 
}*
/* Target the entire scrollbar */
  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  /* Track (background of scrollbar) */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }

  /* Handle (the draggable part) */
  ::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
  }

  /* Target the entire scrollbar */

  /* custom header fixed code close*/
  .minHeight-100vh {
    min-height: calc(100vh - 250px) !important;
  }
  .notiBody {
    padding: 10px 16px;
    max-height: calc(100vh - 355px);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tabsFooter .approverList {
    padding: 10px 16px 0px 16px;
  }
  .tabsFooter .approverList ul {
    margin-bottom: 0;
    margin-top: 10px;
  }

  .notiHeader {
    padding: 10px 16px;
  }
  .customTabsWrap {
    height: calc(100vh - 207px);
  }
  .customTabsWrapRight {
    height: calc(100vh - 207px);
    min-height: calc(100vh - 207px);
  }
  .customTabsWrapLeft {
    min-height: calc(100vh - 207px);
    height: calc(100vh - 207px);
  }
}

/* custom form label end*/
@media (min-width: 1321px) and (max-width: 1369px) {
  .aside-fixed .wrapper {
    padding-left: 242px !important;
  }
}
@media only screen and (max-width: 1320px) {
  .header-mobile-fixed .topbar {
    position: fixed;
    z-index: 96;
    background: #ffffff;
    width: 100%;
    top: 0;
    left: 0;
    padding: 3px 16px;
  }
  img#hamburgMobile {
    display: block;
  }
  .aside {
    background-color: #fafafb;
    top: 50px !important;
    left: 0px !important;
    border-radius: 0px;
    overflow-y: scroll;
    display: block;
    transform: translateX(-100%);
    bottom: 0px !important;
  }

  div#kt_wrapper {
    padding-left: 0;
    margin-top: 50px;
    background: #fff;
    border-radius: 15px;
  }
  .d-flex.flex-row.flex-column-fluid.page {
    flex-wrap: wrap;
  }
  div#kt_wrapper .content {
    padding-top: 25px;
  }
  div#kt_header {
    display: flex;
  }
  .aside.custom-aside-menu-style {
    width: 260px !important;
    transform: translateX(-100%);
  }
  .aside.open {
    transform: translateX(0);
  }
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
  }
  .topbar-col .offcanvas.offcanvas-right.offcanvas-on {
    right: 16px;
  }
  .topbar-col div#kt_quick_panel {
    top: 50px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .expenseAddRepeater .ant-table-content {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 766px) {
  .approverCol:nth-child(1) {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
  }
}
@media only screen and (max-width: 640px) {
  .customTabHead {
    flex-direction: column;
  }
  .approverList:nth-child(1) {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
  }
  .approverList {
    width: 100%;
    padding: 20px 16px;
  }
  .tabsFooter {
    border-left: 1px solid #eaeaea;
  }
}
/* custom css close */