/* Custom overrides - primary button color #f5882d */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"],
[data-bs-theme=light][data-color-theme=Blue_Theme]:root,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root,
html {
  --bs-primary: #f5882d !important;
  --bs-primary-rgb: 245, 136, 45 !important;
  --bs-light-primary: rgba(245, 136, 45, 0.1) !important;
  --bs-primary-bg-subtle: rgba(245, 136, 45, 0.1) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #f5882d !important;
  border-color: #f5882d !important;
  --bs-btn-bg: #f5882d !important;
  --bs-btn-border-color: #f5882d !important;
  --bs-btn-hover-bg: #e07a25 !important;
  --bs-btn-hover-border-color: #e07a25 !important;
}

/* Custom overrides - menu background */
.left-sidebar,
.right-sidebar {
  background: #01446e !important;
}

/* Sidebar text - legible on dark background */
.left-sidebar .sidebar-nav .sidebar-link,
.left-sidebar .sidebar-nav .sidebar-link .ti,
.right-sidebar .sidebar-nav .sidebar-link,
.right-sidebar .sidebar-nav .sidebar-link .ti {
  color: rgba(255, 255, 255, 0.9) !important;
}

.left-sidebar .sidebar-nav .sidebar-link:hover,
.right-sidebar .sidebar-nav .sidebar-link:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}

.left-sidebar .sidebar-nav .sidebar-link.active,
.right-sidebar .sidebar-nav .sidebar-link.active {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.left-sidebar .nav-small-cap,
.right-sidebar .nav-small-cap {
  color: rgba(255, 255, 255, 0.7) !important;
}

.left-sidebar .nav-small-cap .nav-small-cap-icon,
.right-sidebar .nav-small-cap .nav-small-cap-icon {
  color: rgba(255, 255, 255, 0.7) !important;
}

.left-sidebar .brand-logo,
.right-sidebar .brand-logo {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

.left-sidebar .sidebartoggler,
.right-sidebar .sidebartoggler {
  color: #fff !important;
}

/* Login button - Iniciar Sesión */
.btn-login,
.btn-login:hover,
.btn-login:focus,
.btn-login:active {
  background-color: #e07a25 !important;
  border-color: #e07a25 !important;
}