/*
 * DECAS Brand Theme Override
 * Primary Gold: #F4B400 | Deep Gold: #D89C00 | Light Gold: #FFD54F
 * Primary Deep Blue: #0F2D5C | Royal Blue: #163D7A | Light Blue: #2A5CAA
 */

/* ============================================
   CSS VARIABLE OVERRIDES
   ============================================ */
:root {
    --bs-primary: #0F2D5C;
    --bs-primary-rgb: 15, 45, 92;
    --bs-secondary: #F4B400;
    --bs-secondary-rgb: 244, 180, 0;
    --bs-info: #2A5CAA;
    --bs-info-rgb: 42, 92, 170;
    --bs-warning: #F4B400;
    --bs-warning-rgb: 244, 180, 0;
    --bs-dark: #0F2D5C;
    --bs-dark-rgb: 15, 45, 92;
    --bs-link-color: #0F2D5C;
    --bs-link-hover-color: #163D7A;
}

/* ============================================
   BUTTONS
   ============================================ */
.btn-primary {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #D89C00 !important;
    border-color: #D89C00 !important;
    color: #0F2D5C !important;
}
.btn-outline-primary {
    color: #F4B400 !important;
    border-color: #F4B400 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.btn-secondary {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #D89C00 !important;
    border-color: #D89C00 !important;
    color: #0F2D5C !important;
}
.btn-outline-secondary {
    color: #D89C00 !important;
    border-color: #F4B400 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.btn-info {
    background-color: #2A5CAA !important;
    border-color: #2A5CAA !important;
}
.btn-info:hover, .btn-info:focus {
    background-color: #163D7A !important;
    border-color: #163D7A !important;
}
.btn-outline-info {
    color: #2A5CAA !important;
    border-color: #2A5CAA !important;
}
.btn-outline-info:hover, .btn-outline-info:focus {
    background-color: #2A5CAA !important;
    border-color: #2A5CAA !important;
    color: #fff !important;
}
.btn-warning {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #D89C00 !important;
    border-color: #D89C00 !important;
    color: #0F2D5C !important;
}

/* ============================================
   BACKGROUNDS
   ============================================ */
.bg-primary {
    background-color: #0F2D5C !important;
}
.bg-secondary {
    background-color: #F4B400 !important;
}
.bg-info {
    background-color: #2A5CAA !important;
}
.bg-warning {
    background-color: #F4B400 !important;
}
.bg-dark {
    background-color: #0F2D5C !important;
}
.bg-primary-transparent {
    background-color: rgba(15, 45, 92, 0.1) !important;
}
.bg-secondary-transparent {
    background-color: rgba(244, 180, 0, 0.1) !important;
}
.bg-info-transparent {
    background-color: rgba(42, 92, 170, 0.1) !important;
}
.bg-warning-transparent {
    background-color: rgba(244, 180, 0, 0.1) !important;
}

/* ============================================
   TEXT COLORS
   ============================================ */
.text-primary {
    color: #0F2D5C !important;
}
.text-secondary {
    color: #F4B400 !important;
}
.text-info {
    color: #2A5CAA !important;
}
.text-warning {
    color: #D89C00 !important;
}
.text-dark {
    color: #0F2D5C !important;
}
a {
    color: #0F2D5C;
}
a:hover {
    color: #163D7A;
}

/* ============================================
   BADGES
   ============================================ */
.badge-primary, .badge.bg-primary {
    background-color: #0F2D5C !important;
}
.badge-secondary, .badge.bg-secondary {
    background-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.badge-info, .badge.bg-info {
    background-color: #2A5CAA !important;
}
.badge-warning, .badge.bg-warning {
    background-color: #F4B400 !important;
    color: #0F2D5C !important;
}
.badge-soft-primary {
    background-color: rgba(15, 45, 92, 0.1) !important;
    color: #0F2D5C !important;
}

/* ============================================
   HEADER / TOPBAR
   ============================================ */
.header {
    background: #ffffff !important;
    border-bottom: 1px solid #E9EDF4 !important;
}
.header .header-left {
    background: #0F2D5C !important;
    border-right: none !important;
}
.header .header-left .logo img,
.header .header-left .logo-small img {
    max-height: 40px;
}
.header .header-left #toggle_btn i,
.header .header-left #toggle_btn {
    color: rgba(255, 255, 255, 0.8) !important;
}
.header .bar-icon span {
    background-color: #0F2D5C;
}
.header .nav-item .nav-link:hover {
    color: #0F2D5C;
}
.header .header-left .logo a span {
    color: #ffffff !important;
}
.header .user-menu .badge {
    background: #F4B400 !important;
    color: #0F2D5C !important;
}
.page-header .page-title {
    color: #0F2D5C;
}
.page-header .breadcrumb-item a {
    color: #2A5CAA;
}
.page-header .breadcrumb-item.active {
    color: #0F2D5C;
}

/* ============================================
   SIDEBAR - DEEP BLUE
   ============================================ */
.sidebar {
    background-color: #0F2D5C !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.sidebar .sidebar-inner {
    background-color: #0F2D5C !important;
}
.sidebar .sidebar-menu > ul > li > a {
    color: #ffffff !important;
}
.sidebar .sidebar-menu > ul > li > a span {
    color: #ffffff !important;
}
.sidebar .sidebar-menu > ul > li > a i,
.sidebar .sidebar-menu > ul > li > a svg {
    color: rgba(255, 255, 255, 0.7) !important;
}
/* Hover = same style as active (gold + gold bg) */
.sidebar .sidebar-menu > ul > li > a:hover {
    color: #F4B400 !important;
    background: rgba(244, 180, 0, 0.12) !important;
    border-radius: 5px;
}
.sidebar .sidebar-menu > ul > li > a:hover i,
.sidebar .sidebar-menu > ul > li > a:hover svg {
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li > a:hover span {
    color: #F4B400 !important;
}
/* Active parent menu item */
.sidebar .sidebar-menu > ul > li.active svg,
.sidebar .sidebar-menu > ul > li.active i {
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li > a.active,
.sidebar .sidebar-menu > ul > li.active > a {
    background: rgba(244, 180, 0, 0.12) !important;
    border-radius: 5px;
}
.sidebar .sidebar-menu > ul > li > a.active span,
.sidebar .sidebar-menu > ul > li.active > a span {
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li > a.active .menu-arrow,
.sidebar .sidebar-menu .subdrop .menu-arrow {
    background: rgba(244, 180, 0, 0.15) !important;
}
.sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before,
.sidebar .sidebar-menu .subdrop .menu-arrow::before {
    border-color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before {
    border-right-color: #F4B400 !important;
    border-bottom-color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li.active > a.subdrop span,
.sidebar .sidebar-menu > ul > li > a.subdrop span {
    color: #F4B400 !important;
}
/* Submenu items */
.sidebar .sidebar-menu > ul > li ul li a {
    color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .sidebar-menu > ul > li ul li a span {
    color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .sidebar-menu > ul > li ul li a i {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}
.sidebar .sidebar-menu > ul > li ul li a:hover {
    color: #F4B400 !important;
    background: rgba(244, 180, 0, 0.1) !important;
}
.sidebar .sidebar-menu > ul > li ul li a:hover span {
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li ul li a:hover i {
    background: rgba(244, 180, 0, 0.15) !important;
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li ul > li.active a,
.sidebar .sidebar-menu > ul > li ul li a.active {
    background: rgba(244, 180, 0, 0.1) !important;
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li ul > li.active a span,
.sidebar .sidebar-menu > ul > li ul li a.active span {
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li ul > li.active a i,
.sidebar .sidebar-menu > ul > li ul li a.active i {
    background: rgba(244, 180, 0, 0.15) !important;
    color: #F4B400 !important;
}
.sidebar .sidebar-menu > ul > li ul li a.active::after,
.sidebar .sidebar-menu > ul > li ul li a:hover::after {
    background: #F4B400 !important;
    border: 2px solid #FFD54F !important;
}
/* Section headers */
.sidebar .sidebar-menu .submenu-hdr {
    color: rgba(255, 255, 255, 0.35) !important;
}
.sidebar .sidebar-menu .submenu-hdr span {
    color: rgba(255, 255, 255, 0.35) !important;
}
/* Logo card in sidebar */
.sidebar .sidebar-menu > ul > li > a.border.bg-white {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}
.sidebar .sidebar-menu > ul > li > a.border.bg-white .text-dark {
    color: rgba(255, 255, 255, 0.9) !important;
}
/* Scrollbar on dark sidebar */
.sidebar .slimScrollBar {
    background: rgba(255, 255, 255, 0.2) !important;
}
/* Submenu dropdown background */
.sidebar .sidebar-menu > ul > li ul {
    background: transparent !important;
}

/* ============================================
   CARDS & PANELS
   ============================================ */
.card .card-header h5,
.card .card-header .card-title {
    color: #0F2D5C;
}
.nav-tabs .nav-link.active {
    color: #0F2D5C !important;
    border-bottom-color: #0F2D5C !important;
}
.nav-tabs .nav-link:hover {
    color: #163D7A;
}

/* ============================================
   FORMS
   ============================================ */
.form-control:focus {
    border-color: #2A5CAA;
    box-shadow: 0 0 0 0.25rem rgba(15, 45, 92, 0.15);
}
.form-select:focus {
    border-color: #2A5CAA;
    box-shadow: 0 0 0 0.25rem rgba(15, 45, 92, 0.15);
}
.form-check-input:checked {
    background-color: #0F2D5C;
    border-color: #0F2D5C;
}
.form-switch .form-check-input:checked {
    background-color: #0F2D5C;
    border-color: #0F2D5C;
}

/* ============================================
   TABLES
   ============================================ */
.table thead th {
    color: #0F2D5C;
}

/* ============================================
   PAGINATION
   ============================================ */
.page-item.active .page-link {
    background-color: #0F2D5C;
    border-color: #0F2D5C;
}
.page-link {
    color: #0F2D5C;
}
.page-link:hover {
    color: #163D7A;
}

/* ============================================
   DATATABLE
   ============================================ */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #0F2D5C !important;
    border-color: #0F2D5C !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #163D7A !important;
    border-color: #163D7A !important;
    color: #fff !important;
}

/* ============================================
   PROGRESS BARS
   ============================================ */
.progress-bar {
    background-color: #0F2D5C;
}

/* ============================================
   SPINNER
   ============================================ */
.spinner-border.text-primary {
    color: #0F2D5C !important;
}

/* ============================================
   AVATAR
   ============================================ */
.avatar.bg-primary-transparent,
.avatar-lg.bg-primary-transparent {
    background-color: rgba(15, 45, 92, 0.1) !important;
    color: #0F2D5C !important;
}
.avatar.bg-warning-transparent,
.avatar-lg.bg-warning-transparent {
    background-color: rgba(244, 180, 0, 0.1) !important;
    color: #D89C00 !important;
}
.avatar.bg-info-transparent,
.avatar-lg.bg-info-transparent {
    background-color: rgba(42, 92, 170, 0.1) !important;
    color: #2A5CAA !important;
}
.avatar.bg-success-transparent,
.avatar-lg.bg-success-transparent {
    background-color: rgba(26, 190, 23, 0.1) !important;
    color: #1ABE17 !important;
}

/* ============================================
   SELECTION
   ============================================ */
::selection {
    background: #0F2D5C;
    color: #fff;
}

/* ============================================
   ALERT COLORS
   ============================================ */
.alert-primary {
    background-color: rgba(15, 45, 92, 0.1);
    border-color: rgba(15, 45, 92, 0.2);
    color: #0F2D5C;
}
.alert-warning {
    background-color: rgba(244, 180, 0, 0.1);
    border-color: rgba(244, 180, 0, 0.2);
    color: #D89C00;
}
.alert-info {
    background-color: rgba(42, 92, 170, 0.1);
    border-color: rgba(42, 92, 170, 0.2);
    color: #2A5CAA;
}

/* ============================================
   DROPDOWN
   ============================================ */
.dropdown-item.active, .dropdown-item:active {
    background-color: #0F2D5C;
}

/* ============================================
   SWEET ALERT OVERRIDES
   ============================================ */
.swal2-confirm.swal2-styled {
    background-color: #0F2D5C !important;
}
.swal2-confirm.swal2-styled:hover {
    background-color: #163D7A !important;
}

/* ============================================
   LOGIN PAGE
   ============================================ */
.login-glass-card .btn-primary {
    background-color: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #0F2D5C !important;
}

/* ============================================
   WELCOME / DASHBOARD BANNER
   ============================================ */
.welcome-banner {
    background: linear-gradient(135deg, #0F2D5C 0%, #163D7A 50%, #2A5CAA 100%) !important;
}

/* ============================================
   GLOBAL LOADER
   ============================================ */
.page-loader {
    border-top-color: #F4B400 !important;
}

/* ============================================
   TOASTR OVERRIDES
   ============================================ */
.toast-success {
    background-color: #1ABE17 !important;
}
.toast-info {
    background-color: #2A5CAA !important;
}