.form-range::-webkit-slider-thumb {
  background-color: #4f46e5;
}

.form-range::-moz-range-thumb {
  background-color: #4f46e5;
}

.card {
  border-color: var(--bs-border-color);
  border-radius: var(--bs-border-radius-xl);
  box-shadow: var(--bs-box-shadow-sm);
  margin-bottom: 1.5rem;
}

.card-body {
  padding: 1.5rem;
}

.dropdown-menu {
  box-shadow: var(--bs-box-shadow);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-xl);
  z-index: 1050;
}

.dropdown-item{
  display: flex;
  align-items: center;
}

@keyframes dropdownFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.4812rem;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 600;
  --bs-btn-line-height: 1.375;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4f46e5;
  --bs-btn-border-color: #4f46e5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #463ed2;
  --bs-btn-hover-border-color: #463ed2;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #463ed2;
  --bs-btn-active-border-color: #463ed2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7b75e8;
  --bs-btn-disabled-border-color: #7b75e8;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6b7280;
  --bs-btn-border-color: #6b7280;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6b7280;
  --bs-btn-disabled-border-color: #6b7280;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1eac52;
  --bs-btn-hover-border-color: #1eac52;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1eac52;
  --bs-btn-active-border-color: #1eac52;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #39a762;
  --bs-btn-disabled-border-color: #39a762;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #059cb6;
  --bs-btn-hover-border-color: #059cb6;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #059cb6;
  --bs-btn-active-border-color: #059cb6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #06b6d4;
  --bs-btn-disabled-border-color: #06b6d4;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e0920b;
  --bs-btn-hover-border-color: #e0920b;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e0920b;
  --bs-btn-active-border-color: #e0920b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3b3b;
  --bs-btn-hover-border-color: #dc3b3b;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3b3b;
  --bs-btn-active-border-color: #dc3b3b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ef4444;
  --bs-btn-disabled-border-color: #ef4444;
}

.btn-outline-primary {
  --bs-btn-color: #4f46e5;
  --bs-btn-border-color: #4f46e5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4f46e5;
  --bs-btn-hover-border-color: #4f46e5;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4f46e5;
  --bs-btn-active-border-color: #4f46e5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #4f46e5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4f46e5;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6b7280;
  --bs-btn-border-color: #6b7280;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6b7280;
  --bs-btn-hover-border-color: #6b7280;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6b7280;
  --bs-btn-active-border-color: #6b7280;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6b7280;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6b7280;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #22c55e;
  --bs-btn-border-color: #22c55e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #22c55e;
  --bs-btn-hover-border-color: #22c55e;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #22c55e;
  --bs-btn-active-border-color: #22c55e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #22c55e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #22c55e;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #06b6d4;
  --bs-btn-hover-border-color: #06b6d4;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #06b6d4;
  --bs-btn-active-border-color: #06b6d4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #06b6d4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #06b6d4;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f59e0b;
  --bs-btn-hover-border-color: #f59e0b;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f59e0b;
  --bs-btn-active-border-color: #f59e0b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f59e0b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f59e0b;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ef4444;
  --bs-btn-hover-border-color: #ef4444;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ef4444;
  --bs-btn-active-border-color: #ef4444;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ef4444;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ef4444;
  --bs-gradient: none;
}

.dropdown-menu {
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #4f46e5;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #4f46e5;
}

.pagination {
  --bs-pagination-active-bg: #4f46e5;
  --bs-pagination-active-border-color: #4f46e5;
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: #4f46e5;
}

.list-group {
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #4f46e5;
  --bs-list-group-active-border-color: #4f46e5;
}

/* dark mode */
[data-bs-theme=dark] {

  .table-light {
    --bs-table-color: #ffffff;
    --bs-table-bg: #272b2f;
    --bs-table-border-color: #495057;
  }

  .btn-light {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2d3237; /* dark gray/black */
  --bs-btn-border-color: #212529;
  
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #343a40; /* slightly lighter on hover */
  --bs-btn-hover-border-color: #343a40;
  
  --bs-btn-focus-shadow-rgb: 52, 58, 64;
  
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1c1f23; /* even darker */
  --bs-btn-active-border-color: #1c1f23;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
  
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgb(158 163 173) !important;
  }

}

/*# sourceMappingURL=bootstrap.css.map */