/* Override Bulma's dark theme - force light colors */
:root,
[data-theme] {
  /* Core scheme colors */
  --bulma-scheme-brightness: light !important;
  --bulma-scheme-main-l: 100% !important;
  --bulma-scheme-main-bis-l: 98% !important;
  --bulma-scheme-main-ter-l: 96% !important;
  --bulma-background-l: 96% !important;
  --bulma-border-weak-l: 93% !important;
  --bulma-border-l: 86% !important;
  --bulma-text-weak-l: 48% !important;
  --bulma-text-l: 29% !important;
  --bulma-text-strong-l: 21% !important;
  --bulma-text-title-l: 14% !important;

  /* Text colors */
  --bulma-text: #363636 !important;
  --bulma-text-strong: #212121 !important;
  --bulma-text-weak: #7a7a7a !important;

  /* Background colors */
  --bulma-scheme-main: hsl(0, 0%, 100%) !important;
  --bulma-scheme-main-bis: hsl(0, 0%, 98%) !important;
  --bulma-scheme-main-ter: hsl(0, 0%, 96%) !important;
  --bulma-background: hsl(0, 0%, 96%) !important;

  /* Border colors */
  --bulma-border: hsl(0, 0%, 86%) !important;
  --bulma-border-weak: hsl(0, 0%, 93%) !important;

  /* Component-specific colors */
  --bulma-table-background-color: var(--bulma-scheme-main) !important;
  --bulma-table-color: var(--bulma-text-strong) !important;
  --bulma-table-cell-border-color: var(--bulma-border) !important;
  --bulma-table-row-hover-background-color: var(--bulma-scheme-main-bis) !important;
  --bulma-table-striped-row-even-background-color: var(--bulma-scheme-main-bis) !important;
  --bulma-table-striped-row-even-hover-background-color: var(--bulma-scheme-main-ter) !important;
}

/* Completely disable dark mode media query */
@media (prefers-color-scheme: dark) {

  :root,
  [data-theme] {
    /* Re-apply all light theme variables */
    --bulma-scheme-brightness: light !important;
    --bulma-scheme-main-l: 100% !important;
    --bulma-scheme-main-bis-l: 98% !important;
    --bulma-scheme-main-ter-l: 96% !important;
    --bulma-background-l: 96% !important;
    --bulma-border-weak-l: 93% !important;
    --bulma-border-l: 86% !important;
    --bulma-text-weak-l: 48% !important;
    --bulma-text-l: 29% !important;
    --bulma-text-strong-l: 21% !important;
    --bulma-text-title-l: 14% !important;

    /* Force light text on dark scheme elements */
    --bulma-white-on-scheme-l: 35% !important;
    --bulma-black-on-scheme-l: 4% !important;
    --bulma-light-on-scheme-l: 36% !important;
    --bulma-dark-on-scheme-l: 21% !important;
    --bulma-text-on-scheme-l: 29% !important;
    --bulma-primary-on-scheme-l: 41% !important;
    --bulma-link-on-scheme-l: 63% !important;
    --bulma-info-on-scheme-l: 70% !important;
    --bulma-success-on-scheme-l: 53% !important;
    --bulma-warning-on-scheme-l: 53% !important;
    --bulma-danger-on-scheme-l: 70% !important;
  }
}

/* Change colors from here. Mark it as important, if it doesnot changed. */
:root {
  --bs-primary: #0b51b7;
  --bs-secondary: #7081b9;
  /* Ternary color */
  --bs-warning: #ff9f43;
  --bs-success: #22b783;
  --bs-info: #41cbd8;
  --bs-danger: #ef4d56;
  --bs-light: #fafbfb;
  --bs-dark: #000444;
  --bs-pink: #fd3c97;
  --bs-purple: #6d81f5;
  --bs-blue: #0b51b7;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0b51b7;
  --bs-btn-border-color: #0b51b7;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #09459c;
  --bs-btn-hover-border-color: #094192;
  --bs-btn-focus-shadow-rgb: 48, 107, 194;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #094192;
  --bs-btn-active-border-color: #083d89;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0b51b7;
  --bs-btn-disabled-border-color: #0b51b7;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #7081b9;
  --bs-btn-border-color: #7081b9;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #5f6e9d;
  --bs-btn-hover-border-color: #5a6794;
  --bs-btn-focus-shadow-rgb: 133, 148, 196;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #5a6794;
  --bs-btn-active-border-color: #54618b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #7081b9;
  --bs-btn-disabled-border-color: #7081b9;
}

.btn-success {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #22b783;
  --bs-btn-border-color: #22b783;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #1d9c6f;
  --bs-btn-hover-border-color: #1b9269;
  --bs-btn-focus-shadow-rgb: 67, 194, 150;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #1b9269;
  --bs-btn-active-border-color: #1a8962;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #22b783;
  --bs-btn-disabled-border-color: #22b783;
}

.btn-info {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #41cbd8;
  --bs-btn-border-color: #41cbd8;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #37adb8;
  --bs-btn-hover-border-color: #34a2ad;
  --bs-btn-focus-shadow-rgb: 94, 211, 222;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #34a2ad;
  --bs-btn-active-border-color: #3198a2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #41cbd8;
  --bs-btn-disabled-border-color: #41cbd8;
}

.btn-warning {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #ff9f43;
  --bs-btn-border-color: #ff9f43;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #d98739;
  --bs-btn-hover-border-color: #cc7f36;
  --bs-btn-focus-shadow-rgb: 255, 173, 95;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #cc7f36;
  --bs-btn-active-border-color: #bf7732;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #ff9f43;
  --bs-btn-disabled-border-color: #ff9f43;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #ef4d56;
  --bs-btn-border-color: #ef4d56;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #cb4149;
  --bs-btn-hover-border-color: #bf3e45;
  --bs-btn-focus-shadow-rgb: 241, 104, 111;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #bf3e45;
  --bs-btn-active-border-color: #b33a41;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #ef4d56;
  --bs-btn-disabled-border-color: #ef4d56;
}

/* Additional element-specific overrides */
body,
.table,
.box,
.card,
.panel {
  background-color: var(--bulma-scheme-main) !important;
  color: var(--bulma-text) !important;
}

/* Force light theme on all components */
.is-dark,
.dark-mode {
  background-color: var(--bulma-scheme-main) !important;
  color: var(--bulma-text) !important;
}


.bill {
  margin: 0 auto;
  width: 58mm;
  max-width: 58mm;
  font-size: 12px;
}

.paper-preview {
  min-height: 400px;
  max-height: 600px;
  border-radius: 8px;
  position: relative;
  background-color: #fff;
}

span.asteriskField {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

#paperContent {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

/* Adjust error messages */
#errorMessages {
  font-size: 0.9rem;
  margin-top: 10px;
}

/* Modal buttons hover */
.modal-footer button:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}


@media print {

  /* Define the page size and margins */
  @page {
    size: auto;
    margin: 0;
  }

  @page {
    size: auto;
    /* Default size */
  }

  .countdown-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 8px;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease-in-out;
  }

  .countdown-wrapper:hover {
    background-color: #e9ecef;
  }

  .timer-icon {
    font-size: 1.5rem;
    color: #ff6b6b;
  }

  .countdown-badge {
    font-size: 1.2rem;
    font-weight: bold;
    color: #343a40;
    padding: 5px 12px;
    border-radius: 5px;
    background-color: #ffd700;
    transition: font-size 0.2s ease-in-out, color 0.2s ease-in-out;
    min-width: 55px;
    text-align: center;
  }

  .countdown-badge.large {
    font-size: 1rem;
  }

  .countdown-badge.critical {
    color: #dc3545;
    background-color: #ffc9c9;
  }

  body {
    margin: 0;
    font-size: 2vw;
    /* Font size scales with the page width */
    line-height: 1.2;
    width: 100%;
  }

  #bill-section {
    margin: 0 auto;
    width: 100%;
    /* max-width: 58mm; */
    /* Default for receipt printing */
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

  th,
  td {
    text-align: left;
    padding: 2px;
  }

  /* Small receipt paper (58mm) */
  @media print and (max-width: 80mm) {
    @page {
      size: 58mm auto;
    }

    body {
      font-size: 3vw;
      /* Adjusted for smaller paper */
    }

    #bill-section {
      width: 58mm;
      max-width: 58mm;
    }

    th,
    td {
      font-size: 2.5vw;
      /* Scaled for smaller content */
    }
  }

  /* Medium paper (e.g., 80mm receipt rolls) */
  @media print and (min-width: 80mm) and (max-width: 100mm) {
    @page {
      size: 80mm auto;
    }

    body {
      font-size: 2.5vw;
      /* Adjusted for medium paper */
    }

    #bill-section {
      width: 80mm;
      max-width: 80mm;
    }

    th,
    td {
      font-size: 2.2vw;
      /* Adjusted for readability */
    }
  }

  /* A4 Paper */
  @media print and (min-width: 210mm) and (max-width: 297mm) {
    @page {
      size: A4 portrait;
    }

    body {
      font-size: 1.5vw;
      /* Adjusted for larger paper */
    }

    #bill-section {
      width: 100%;
      max-width: 190mm;
      /* Fit within A4 page width */
    }

    th,
    td {
      font-size: 1.2vw;
      /* Scaled for readability on larger paper */
    }
  }

  /* Letter Paper */
  @media print and (min-width: 216mm) and (max-width: 279mm) {
    @page {
      size: Letter portrait;
    }

    body {
      font-size: 1.5vw;
      /* Similar font size as A4 */
    }

    #bill-section {
      width: 100%;
      max-width: 190mm;
      /* Adjust for Letter width */
    }

    th,
    td {
      font-size: 1.2vw;
      /* Scaled for readability */
    }
  }

  /* Hide unnecessary elements during printing */
  button,
  .btn,
  a,
  input,
  select,
  textarea {
    display: none !important;
  }

  .breadcrumb,
  .page-title-box,
  .no-print {
    display: none !important;
  }
}

/***** Custom Datepicker Styling *****/
.datepicker {
  background-color: white !important;
  border: 1px solid #007bff !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  z-index: 1000 !important;
  padding: 10px !important;
}

.datepicker table {
  width: 100% !important;
}

.datepicker .datepicker-switch {
  text-align: center !important;
}

/***** Notifications Styling *****/

.notification-list .notification-menu {
  max-height: 220px;
  margin-left: 0;
  overflow-x: auto !important;
}

.ntoast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: rgba(0, 0, 0, 0.05);
  --bs-toast-border-radius: 0.25rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #7081b9;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color) !important;
  pointer-events: auto;
  background-color: var(--bs-toast-bg) !important;
  background-clip: padding-box !important;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color) !important;
  -webkit-box-shadow: var(--bs-toast-box-shadow) !important;
  box-shadow: var(--bs-toast-box-shadow) !important;
  border-radius: var(--bs-toast-border-radius) !important;
}

.ntoastheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x) !important;
  color: var(--bs-toast-header-color) !important;
  background-color: var(--bs-toast-header-bg) !important;
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.ntoastbody {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

/***** Select2 Package Styling for selection *****/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e8ebf3 !important;
  border-radius: 4px;
  line-height: 1.5;
}




/********************************
 * Custom Styles for sidebar
 ********************************/

.metismenu {
  margin: 0;
}

.metismenu li {
  display: block;
  width: 100%;
}

.metismenu .mm-collapse {
  display: none;
}

.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}

.metismenu .mm-collapse.mm-show {
  display: block;
}

.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
}

.leftbar-tab-menu {
  width: 250px;
  z-index: 1001;
  background: var(--bs-sidebar-bg);
  bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 70px;
  border-right: 1px solid var(--bs-border-color);
}

body:not([data-sidebar-size=sm]) #togglemenu {
  margin-left: -52px;
  margin-right: 20px;
}

@media (max-width: 991.98px) {
  body:not([data-sidebar-size=sm]) #togglemenu {
    margin-left: 0;
  }

  body[data-sidebar-size=sm] .footer {
    left: 0;
  }

  body[data-sidebar-size=sm] .leftbar-tab-menu {
    display: none;
  }

  body[data-sidebar-size=lg] .leftbar-tab-menu {
    display: block;
  }

  .page-wrapper .page-content-tab {
    width: calc(100%);
  }
}

@media (max-width: 1024px) {
  body[data-sidebar-size=sm] .leftbar-tab-menu {
    display: none;
  }
}


.main-content {
  margin-left: 250px;
  overflow: hidden;
}

.main-content .content {
  padding: 0 15px 10px 15px;
  margin-top: 70px;
}

#sidebar-menu {
  padding: 10px 0 30px 0;
  background-color: var(--bs-sidebar-bg);
}

.simplebar-offset {
  background-color: var(--bs-sidebar-bg);
}

.rotate-90 {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}

.nav-link[aria-expanded="false"] .fa-chevron-right {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.nav-link[aria-expanded="true"] .fa-chevron-right {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

/* Hide the chevron icon when the sidebar is collapsed */
body[data-sidebar-size="sm"] .fa-chevron-right::before {
  display: none;
}

i.fa.fa-chevron-right.ms-auto.transition.rotate-icon,
body[data-sidebar-size=lg] i.fa.fa-chevron-right.ms-auto.transition.rotate-icon {
  display: inline-block;
  font-size: 10px;
}

#sidebar-menu>ul>li {
  list-style: none;
  line-height: 1.5;
  position: relative;
  margin-bottom: 0.5rem;
}


#sidebar-menu ul li a {
  display: block;
  padding: 0.62rem 0.62rem !important;
  color: var(--bs-sidebar-menu-item-color);
  position: relative;
  font-size: 0.9rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 500;
}

#sidebar-menu ul li a i {
  display: inline-block;
  min-width: 1.75rem;
  padding-bottom: 0.125em;
  font-size: 1.25rem;
  line-height: 1.40625rem;
  vertical-align: middle;
  color: var(--bs-sidebar-menu-item-icon-color);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#sidebar-menu ul li a svg {
  height: 16px;
  width: 16px;
  color: var(--bs-sidebar-menu-item-icon-color);
  fill: var(--bs-sidebar-menu-item-icon-effact-color);
  margin-right: 10px;
  margin-top: -3px;
}

#sidebar-menu ul li a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

#sidebar-menu ul li a:hover i {
  color: var(--bs-sidebar-menu-item-hover-color);
}

#sidebar-menu ul li a:hover svg {
  color: var(--bs-sidebar-menu-item-hover-color);
  fill: var(--bs-sidebar-menu-item-hover-effact-color);
}

#sidebar-menu ul li .badge {
  margin-top: 4px;
}

#sidebar-menu ul li ul.sub-menu {
  padding: 0;
  display: none;
}

#sidebar-menu ul li ul.sub-menu.show {
  padding: 0;
  display: block;
}

#sidebar-menu ul li ul.sub-menu li a {
  padding: 0.4rem 1.5rem 0.4rem 3.3rem;
  font-size: 0.85rem;
  color: var(--bs-sidebar-menu-sub-item-color);
}

#sidebar-menu ul li ul.sub-menu li a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
  padding: 0;
}

#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  padding: 0.4rem 1.5rem 0.4rem 4.5rem;
  font-size: 13px;
}

.menu-title {
  padding: 12px 20px !important;
  pointer-events: none;
  cursor: default;
  font-size: 12px;
  color: var(--bs-sidebar-menu-item-icon-color);
  font-weight: 500;
}

#sidebar-menu ul li a.nav-link.fw-normal.active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.sidebar-menu-list a.active,
.sidebar-menu-list a.active i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active>a {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active>a i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active>a svg {
  color: var(--bs-sidebar-menu-item-active-color) !important;
  fill: var(--bs-sidebar-menu-item-active-effact-color);
}

.mm-active .active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active .active i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.mm-active .active svg {
  color: var(--bs-sidebar-menu-item-active-color) !important;
  fill: var(--bs-sidebar-menu-item-active-effact-color);
}

.mm-active>i {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

.sidebar-alert {
  background-color: var(--bs-sidebar-alert);
}

.sidebar-alert .alertcard-title {
  color: #5156be;
}

@media (max-width: 992px) {
  .leftbar-tab-menu {
    display: none;
  }

  .main-content {
    margin-left: 0 !important;
  }

  body.sidebar-enable .leftbar-tab-menu {
    display: block;
  }
}

.logo span.logo-lg {
  text-align: end;
}

body[data-sidebar-size=sm] .main-content {
  margin-left: 70px;
}

body[data-sidebar-size=sm] .navbar-brand-box {
  width: 70px !important;
  padding: 0 0.5rem !important;
}

body[data-sidebar-size=sm] .logo span.logo-lg {
  display: none;
}

body[data-sidebar-size=sm] .logo span.logo-sm {
  display: block;
}

body[data-sidebar-size=sm] .leftbar-tab-menu {
  position: absolute;
  width: 70px !important;
  z-index: 5;
}

body[data-sidebar-size=sm] .leftbar-tab-menu .simplebar-mask,
body[data-sidebar-size=sm] .leftbar-tab-menu .simplebar-content-wrapper {
  overflow: visible !important;
}

body[data-sidebar-size=sm] .leftbar-tab-menu .simplebar-scrollbar {
  display: none !important;
}

body[data-sidebar-size=sm] .leftbar-tab-menu .simplebar-offset {
  bottom: 0 !important;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu .menu-title,
body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu .badge,
body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu .sidebar-alert {
  display: none !important;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu .nav.collapse {
  height: inherit !important;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li {
  position: relative;
  white-space: nowrap;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a {
  padding: 15px 20px;
  padding-left: 0px !important;
  -webkit-transition: none;
  transition: none;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a:hover,
body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a:active,
body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a:focus {
  color: var(--bs-sidebar-menu-item-hover-color);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a i {
  font-size: 1.45rem;
  margin-left: 4px;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a svg {
  height: 18px;
  width: 18px;
  margin-left: 6px;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a span {
  display: none;
  padding-left: 25px;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a {
  position: relative;
  width: calc(190px + 70px);
  color: #5156be;
  background-color: var(--bs-sidebar-bg);
  -webkit-transition: none;
  transition: none;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a i {
  color: #5156be;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a svg {
  color: var(--bs-sidebar-menu-item-active-color);
  fill: rgba(var(--bs-sidebar-menu-item-active-color), 0.2);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a span {
  display: inline;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 190px;
  height: auto !important;
  -webkit-box-shadow: var(--bs-box-shadow);
  box-shadow: var(--bs-box-shadow);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>ul ul {
  -webkit-box-shadow: var(--bs-box-shadow);
  box-shadow: var(--bs-box-shadow);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>ul a {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 20px;
  position: relative;
  width: 190px;
  z-index: 6;
  color: var(--bs-sidebar-menu-sub-item-color);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>ul a:hover {
  color: var(--bs-sidebar-menu-item-hover-color);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul ul {
  padding: 5px 0;
  z-index: 9999;
  display: none;
  background-color: var(--bs-body-bg);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul ul li:hover>ul {
  display: block;
  left: 190px;
  height: auto !important;
  margin-top: -36px;
  position: absolute;
  width: 190px;
  padding: 5px 0;
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul ul li>a span.pull-right {
  position: absolute;
  right: 20px;
  top: 12px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

body[data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul ul li.active a {
  color: var(--bs-gray-100);
}

body[data-sidebar=light] .leftbar-tab-menu {
  background: var(--bs-sidebar-bg);
}

body[data-layout=horizontal] .main-content {
  margin-left: 0 !important;
}

body[data-sidebar-size=md] .navbar-brand-box {
  width: 160px;
}

@media (max-width: 991.98px) {
  body[data-sidebar-size=md] .navbar-brand-box {
    width: auto;
  }
}

body[data-sidebar-size=md] .leftbar-tab-menu {
  width: 160px;
  text-align: center;
}

body[data-sidebar-size=md] .leftbar-tab-menu .badge,
body[data-sidebar-size=md] .leftbar-tab-menu .sidebar-alert {
  display: none !important;
}

body[data-sidebar-size=md] .main-content {
  margin-left: 160px;
}

body[data-sidebar-size=md] .footer {
  left: 160px;
}

@media (max-width: 991.98px) {
  body[data-sidebar-size=md] .footer {
    left: 0;
  }
}

body[data-sidebar-size=md] #sidebar-menu ul li a svg {
  display: block;
  margin: 0 auto 4px;
}

body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {
  padding-left: 1.5rem;
}

body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  padding-left: 1.5rem;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .main-content {
  margin-left: 70px;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu {
  text-align: left;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li>a svg {
  display: inline-block;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .footer {
  left: 70px;
}

body[data-sidebar=brand] .leftbar-tab-menu {
  background-color: #5156be;
}

body[data-sidebar=brand] .navbar-brand-box {
  background-color: #5156be;
  -webkit-box-shadow: 0px 1px 0px #5156be;
  box-shadow: 0px 1px 0px #5156be;
}

body[data-sidebar=brand] .navbar-brand-box .logo-dark {
  display: none;
}

body[data-sidebar=brand] .navbar-brand-box .logo-light {
  display: block;
}

body[data-sidebar=brand] .navbar-brand-box .logo {
  color: #fff !important;
}

body[data-sidebar=brand] .mm-active {
  color: #fff !important;
}

body[data-sidebar=brand] .mm-active>a {
  color: #fff !important;
}

body[data-sidebar=brand] .mm-active>a i {
  color: #fff !important;
}

body[data-sidebar=brand] .mm-active>a svg {
  color: #fff !important;
  fill: rgba(255, 255, 255, 0.1) !important;
}

body[data-sidebar=brand] .mm-active .active {
  color: #fff !important;
}

body[data-sidebar=brand] .mm-active .active svg {
  color: #fff !important;
  fill: rgba(255, 255, 255, 0.1) !important;
}

@media (min-width: 992px) {
  body[data-sidebar=brand] #togglemenu {
    color: #e9ecef;
  }
}

body[data-sidebar=brand] #sidebar-menu ul li.menu-title {
  color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar=brand] #sidebar-menu ul li a {
  color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar=brand] #sidebar-menu ul li a i {
  color: rgba(255, 255, 255, 0.6);
}

body[data-sidebar=brand] #sidebar-menu ul li a svg {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.075);
}

body[data-sidebar=brand] #sidebar-menu ul li a.waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.1);
}

body[data-sidebar=brand] #sidebar-menu ul li a:hover {
  color: #fff;
}

body[data-sidebar=brand] #sidebar-menu ul li a:hover i {
  color: #fff;
}

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.5);
}

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: #fff;
}

body[data-sidebar=brand] .sidebar-alert {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

body[data-sidebar=brand] .sidebar-alert .alertcard-title {
  color: #fff;
}

body[data-sidebar=brand][data-sidebar-size=sm][data-topbar=dark] #togglemenu {
  color: #e9ecef;
}

body[data-sidebar=brand][data-sidebar-size=sm] #togglemenu {
  color: var(--bs-header-item-color);
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a {
  background-color: #585dc1;
  color: #fff;
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a i,
body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu>ul>li:hover>a svg {
  color: #fff;
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu ul li.mm-active .active {
  color: #fff !important;
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu ul li ul.sub-menu li a:hover {
  color: var(--bs-sidebar-menu-item-active-color);
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu ul li ul.sub-menu li.mm-active {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

body[data-sidebar=brand][data-sidebar-size=sm] .leftbar-tab-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a {
  color: var(--bs-sidebar-menu-item-active-color) !important;
}

@media (min-width: 992px) {
  body[data-layout-size=boxed][data-sidebar-size=sm] #layout-wrapper {
    min-height: 1200px;
  }
}

body[data-layout-size=boxed][data-sidebar-size=sm] .footer {
  max-width: calc(1300px - 70px);
}

body[data-layout-size=boxed][data-sidebar-size=md] .footer {
  max-width: calc(1300px - 160px);
}

:root,
[data-bs-theme=light] {
  --bs-sidebar-bg: #fbfaff;
  --bs-sidebar-menu-item-color: #545a6d;
  --bs-sidebar-menu-sub-item-color: #545a6d;
  --bs-sidebar-menu-item-icon-color: #545a6d;
  --bs-sidebar-menu-item-icon-effact-color: rgba(84, 90, 109, 0.2);
  --bs-sidebar-menu-item-hover-color: #5156be;
  --bs-sidebar-menu-item-hover-effact-color: rgba(81, 86, 190, 0.2);
  --bs-sidebar-menu-item-active-color: #5156be;
  --bs-sidebar-menu-item-active-effact-color: rgba(81, 86, 190, 0.2);
  --bs-sidebar-border-color: #e9e9ef;
  --bs-sidebar-menu-item-active-bg-color: #f3f8fb;
  --bs-sidebar-alert: rgba(81, 86, 190, 0.1);
  --scheme-main: #fff !important;
  --background: #fff !important;
  --text: #363636 !important;
  --scheme-main-ter: #f5f5f5 !important;
}

@media (max-width: 380px) {
  .navbar-brand-box {
    display: none;
  }
}

.navbar-brand-box {
  padding: 0 1.5rem;
  width: 250px;
  background: var(--bs-sidebar-bg);
  border-right: 1px solid var(--bs-sidebar-border-color);
  -webkit-box-shadow: 0px 2px 2px var(--bs-sidebar-bg);
  box-shadow: 0px 2px 2px var(--bs-sidebar-bg);
}

@media (max-width: 992px) {
  .navbar-brand-box {
    width: auto;
  }

  .logo span.logo-lg {
    display: none;
  }

  .logo span.logo-sm {
    display: inline-block;
  }
}

body[data-topbar=dark] .navbar-brand-box {
  background-color: #313533;
  border-color: #313533;
  -webkit-box-shadow: 0px 0px 2px var(--bs-header-bg);
  box-shadow: 0px 0px 2px var(--bs-header-bg);
}

body[data-topbar=dark] .navbar-brand-box .logo {
  color: #fff !important;
}

body[data-layout=horizontal] .navbar-brand-box {
  width: auto;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 992px) {
  body[data-layout=horizontal] .navbar-brand-box {
    padding-left: 0;
    margin-right: 10px;
  }
}

body[data-layout=horizontal][data-sidebar=dark] .navbar-brand-box {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-bs-theme=dark][data-topbar=light] .navbar-brand-box .logo-dark .logo-txt {
  color: #fff;
}

@media (max-width: 991.98px) {
  .navbar-brand-box .logo-dark {
    display: block;
  }

  .navbar-brand-box .logo-dark span.logo-sm {
    display: block;
  }

  .navbar-brand-box .logo-light {
    display: none;
  }
}

nav#navbar-custom.navbar-custom {
  margin-left: 0px;
}

/* Settings links active */
.setting-menu-list .active-link {
  background-color: #f8f9fa !important;
  font-weight: bold !important;
  border-left: 3px solid #007bff !important;
}

.city span {
  width: 100% !important;
}

.city .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: -110px;
}

.ward_no .select2-container--default .select2-selection--single {
  width: 85%;
}

/* Custom Styles for Small Screens */
@media (max-width: 768px) {
  .setting-menu-list {
    padding-left: 15px;
  }

  .page-title-box {
    padding: 15px;
  }

  .nav-tabs {
    flex-direction: column;
    text-align: center;
  }

  .nav-item {
    margin-bottom: 10px;
  }

  .card-body {
    padding: 10px;
  }
}

@media (max-width: 576px) {
  .page-title-box {
    padding: 10px;
  }

  .nav-link {
    font-size: 16px;
  }

  .img-fluid {
    max-width: 80px;
    height: auto;
  }
}

/* Apex Charts */

.lchart-container .apexcharts-legend {
  max-width: calc(100% - 150px) !important;
}