/* .btn.btn-primary {
    color:#343A40 !important;
} */

.multiselect__tag, .multiselect__option--highlight, .multiselect__option--highlight:after {
  background-color: #3688FC !important;
  background: #3688FC !important;
}

.bg-purple {
  background-color: var(--ct-purple) !important;
}

table, table tr, table tr td, .modal-content, button, ul, li, .alert, .card {
  font-family: 'Montserrat', sans-serif !important;
}

.bg-none {
  background: unset;
  background-image: unset;
}

.pointer-events-none {
  pointer-events: none;
}

.multiselect__content-wrapper {
  background-color: #575e68 !important;
  color: #fff;
  border: 0px !important;
}

.list-group-item {
  color: unset !important;
}

a.action-icon {
  color: #8391A2;
  font-size: 16px !important;
}

.bh-pagination .bh-page-item.bh-active {
  border-color: #242d38 !important;
  background-color: #242d38 !important;
}

a.action-icon:hover{
  color: var(--ct-emphasis-color);
}

.custom-tooltip {
    --ct-tooltip-bg: #001823 !important;
    --ct-tooltip-color: #fff !important;
    --ct-tooltip-border-radius: 0px !important;
}

h6 {
  font-family: 'Montserrat', sans-serif;
}

.multiselect__tags {
    background-color: #404954 !important;
    border: 0px !important;
}

.Vue-Toastification__toast {
    border-radius: 0px !important;
    font-family: 'Montserrat' !important;
}

.cursor-pointer {
    cursor: pointer;
}

.text-primary {
    color: var(--ct-primary) !important;
}

.content-page .content .breadcrumb a{
    color: var(--ct-primary) !important;
}

.side-nav .side-nav-title {
    font-size: calc(var(--ct-menu-item-font-size) * 0.66) !important;
}

.pointer-events-none {
    pointer-events: none;
}

#popup-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.685);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9998;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.erp-spinner {
  width: 50px; /* adjust as needed */
  height: 50px;
  animation: pulse 1.2s ease-in-out infinite;
}

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

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%      { transform: scale(1.25); opacity: 0.75; }
}

[data-bs-theme="light"] .show-light, [data-bs-theme="dark"] .show-dark {
    display: block !important;
}

[data-bs-theme="dark"] .show-light, [data-bs-theme="light"] .show-dark {
    display: none !important;
}

[data-menu-color="light"] .leftside-menu, [data-topbar-color="light"] .navbar-custom, [data-topbar-color="light"] .navbar-custom .nav-user{
    background-color: #fff !important;
    border: 0px !important
}

[data-topbar-color="brand"] .navbar-custom .nav-user h5, [data-topbar-color="brand"] .navbar-custom .nav-user h6 {
    color: #C1D4F7 !important;
}

[data-topbar-color="light"] .form-control {
    background-color: #f3f3f3 !important;
}

[data-menu-color="light"] .leftside-menu .logo-light {
    display: none !important;
}

[data-menu-color="light"] .leftside-menu .logo-dark {
    display: block !important;
}

[data-menu-color="light"] .side-nav .menuitem-active > a {
    color: #001823;
}


[data-swal2-theme=dark] {
  --swal2-background: #37404A !important;
}



/* Global styles or inside <style scoped> if not conflicting */
/* DARK MODE for vue3-datatable */
[data-bs-theme="dark"] .datatable-dark {
    background-color: #37404A; 
    color: #e5e7eb; 
  }
  
  [data-bs-theme="dark"] .datatable-dark .bh-table-responsive {
    background-color: #37404A;
  }
  

  [data-bs-theme="dark"] .datatable-dark thead tr {
    background-color: #1f2937; 
  }
  
  [data-bs-theme="dark"] .datatable-dark thead th {
    color: #AAB8BE; 
    border-bottom: 1px solid #37404A !important;
    background-color: #3A444E; 
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
  }

  [data-bs-theme="dark"] .bh-table-responsive table.bh-table-striped tbody tr:nth-child(odd) {
    background-color: #404954 !important;
  }
  [data-bs-theme="dark"] .bh-table-responsive table.bh-table-striped tbody tr:nth-child(odd):hover {
    background-color: #1f2937 !important;
  }
  

  [data-bs-theme="dark"] .datatable-dark tbody tr {
    background-color: #37404A;
    border-bottom: 1px solid #37404A;
  }
  
  [data-bs-theme="dark"] .datatable-dark tbody tr:hover {
    background-color: #1f2937 !important;
  }
  
  [data-bs-theme="dark"] .datatable-dark td {
    color: #AAB8BE;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
  }

  .datatable-dark td, .datatable-dark th {
    padding: 16px !important;
  }
  
  [data-bs-theme="dark"] .datatable-dark td[colspan] {
    text-align: center;
    padding: 1rem;
    color: #9ca3af; 
    background-color: #37404A;
  }
  
  [data-bs-theme="dark"] .datatable-dark .bh-text-black {
    color: #AAB8BE !important;
  }

  [data-bs-theme="dark"] .datatable-dark svg {
    color: #37404A;
    fill: currentColor;
  }

  [data-bs-theme="dark"] .datatable-dark .bh-pagination-info span {
    color: #AAB8BE;
  } 

  /* alt-pagination */
  /* alt-pagination */
.alt-pagination .bh-pagination .bh-page-item {
    width: max-content !important;
    min-width: 32px;
    border-radius: 0.25rem !important; /* Tailwind's default rounded = 4px = 0.25rem */
    font-family: "Montserrat", sans-serif;
}

/* next-prev-pagination */
.next-prev-pagination .bh-pagination .bh-page-item {
    width: max-content !important;
    min-width: 100px;
    border-radius: 0.25rem !important;
    font-family: "Montserrat", sans-serif;
}

.next-prev-pagination .bh-pagination > div:first-child {
    display: flex;
    flex-direction: column;
    font-weight: 600; /* Tailwind's font-semibold = 600 */
    font-family: "Montserrat", sans-serif;
}

.next-prev-pagination .bh-pagination .bh-pagination-number {
    margin-left: auto;
    margin-right: auto;
    gap: 0.75rem; /* Tailwind's gap-3 = 0.75rem */
    display: flex; /* Needed to apply gap properly */
    font-family: "Montserrat", sans-serif;
}

[data-bs-theme="dark"] .bh-pagesize {
    background-color: #404954 !important;
    color: #AAB8BA !important;
    border-color: #464F5B !important
}


[data-bs-theme="dark"] .bh-pagination .bh-page-item:not(.bh-active) {
    background: #37404A !important;
    border: 0px !important;
    color: #AAB8BA;
}

[data-bs-theme="dark"] .bh-pagination .bh-page-item:not(.bh-active) svg {
    color: #AAB8BA;
}

.bh-pagination-number button {
    margin-left: 7px !important;
    margin-right: 7px !important;
}