:root, :root[data-bs-theme='dark'] { --app-check-checked-bd: #052D46 !important; --app-check-checked-bg: #1E6293 !important; --app-h1-color: #C9D3D9 !important; --app-h2-color: #C9D3D9 !important; --app-h3-color: #C9D3D9 !important; --app-h4-color: #C9D3D9 !important; --app-h5-color: #C9D3D9 !important; --app-h6-color: #C9D3D9 !important; --app-highlight-dark-bg: #1E6293 !important; --app-lead-color: #C9D3D9 !important; --app-range-thumb-bg: #0A2536 !important; --app-range-track-bg: #0A2536 !important; --app-scrollbar-thumb: #1E6293 !important; --app-scrollbar-track: #0A2536 !important; --app-select2-bg: #1E435A !important; --app-select2-border-color: #031826 !important; --app-select2-color: #C9D3D9 !important; --app-select2-tag-bg: #031826 !important; --app-select2-tag-color: #C9D3D9 !important; --app-subtitle-color: #C9D3D9 !important; --app-switch-checked-bg: #1E6293 !important; --app-table-danger-bg: #AF4213 !important; --app-table-foot-color: #031826 !important; --app-table-head-bg: #031826 !important; --app-table-head-color: #C9D3D9 !important; --app-table-info-bg: #1E6293 !important; --app-table-secondary-bg: #0D5C8E !important; --app-table-success-bg: #2AA198 !important; --app-table-warning-bg: #DB1334 !important; --app-title-color: #C9D3D9 !important; --bs-body-bg: #031826 !important; --bs-body-bg-rgb: 3, 24, 38 !important; --bs-body-color: #E4E8ED !important; --bs-body-color-rgb: 228, 232, 237 !important; --bs-body-font-size: 1.3rem !important; --bs-border-radius: 0.25rem !important; --bs-btn-bg: var(--bs-secondary) !important; --bs-btn-close-color: #1E6293 !important; --bs-card-bg: #031826 !important; --bs-card-border-color: #C9D3D9 !important; --bs-danger: #AF4213 !important; --bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), .12) !important; --bs-danger-border-subtle: rgba(var(--bs-danger-rgb), .35) !important; --bs-danger-rgb: 175, 66, 19 !important; --bs-danger-text-emphasis: color-mix(in srgb, var(--bs-danger) 38%, black) !important; --bs-dark: #0A2536 !important; --bs-dark-bg-subtle: rgba(var(--bs-dark-rgb), .12) !important; --bs-dark-border-subtle: rgba(var(--bs-dark-rgb), .35) !important; --bs-dark-rgb: 19, 68, 98 !important; --bs-dark-text-emphasis: color-mix(in srgb, var(--bs-dark) 38%, black) !important; --bs-dropdown-bg: #052D46 !important; --bs-dropdown-link-active-bg: #031826 !important; --bs-dropdown-link-active-color: #FFFFFF !important; --bs-dropdown-link-hover-bg: #031826 !important; --bs-focus-ring-color: #DB1334 !important; --bs-font-monospace: SFMono-Regular, monospace !important; --bs-font-sans-serif: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; --bs-form-check-bg: #1E6293 !important; --bs-form-check-border-color: #1E6293 !important; --bs-form-check-checked-bg-color: #1E6293 !important; --bs-form-check-checked-border-color: #0A2536 !important; --bs-form-check-input-bg: #0A2536 !important; --bs-form-check-input-border-color: #1E6293 !important; --bs-form-check-input-checked-bg: #1E6293 !important; --bs-form-check-input-checked-border-color: #1E6293 !important; --bs-form-range-thumb-bg: #1E6293 !important; --bs-form-range-thumb-border-color: #0A2536 !important; --bs-form-range-track-bg: #0A2536 !important; --bs-gradient: none !important; --bs-heading-color: #F3F9FF !important; --bs-headings-color: #F3F9FF !important; --bs-info: #1E6293 !important; --bs-info-bg-subtle: rgba(var(--bs-info-rgb), .12) !important; --bs-info-border-subtle: rgba(var(--bs-info-rgb), .35) !important; --bs-info-rgb: 97, 182, 242 !important; --bs-info-text-emphasis: color-mix(in srgb, var(--bs-info) 38%, black) !important; --bs-light: #032B44 !important; --bs-light-bg-subtle: rgba(var(--bs-light-rgb), .12) !important; --bs-light-border-subtle: rgba(var(--bs-light-rgb), .35) !important; --bs-light-rgb: 3, 43, 68 !important; --bs-light-text-emphasis: color-mix(in srgb, var(--bs-light) 38%, black) !important; --bs-link-color: #C5DDDB !important; --bs-link-hover-color: #E1EDEC !important; --bs-modal-bg: #031826 !important; --bs-modal-color: #C2D1E1 !important; --bs-nav-link-color: #C9D3D9 !important; --bs-nav-link-hover-color: #FFFFFF !important; --bs-nav-pills-link-active-bg: #0A2536 !important; --bs-nav-pills-link-active-color: #C9D3D9 !important; --bs-nav-tabs-border-color: #0A2536 !important; --bs-nav-tabs-link-active-bg: #0A2536 !important; --bs-nav-tabs-link-active-color: #C9D3D9 !important; --bs-offcanvas-bg: #0A2536 !important; --bs-primary: #0A2536 !important; --bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), .12) !important; --bs-primary-border-subtle: rgba(var(--bs-primary-rgb), .35) !important; --bs-primary-rgb: 5, 45, 70 !important; --bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary) 38%, black) !important; --bs-progress-bar-bg: #1E6293 !important; --bs-progress-bar-color: #1E6293 !important; --bs-progress-bg: #0A2536 !important; --bs-secondary: #0D5C8E !important; --bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), .12) !important; --bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), .35) !important; --bs-secondary-rgb: 13, 92, 142 !important; --bs-secondary-text-emphasis: color-mix(in srgb, var(--bs-secondary) 38%, black) !important; --bs-success: #269A92 !important; --bs-success-bg-subtle: rgba(var(--bs-success-rgb), .12) !important; --bs-success-border-subtle: rgba(var(--bs-success-rgb), .35) !important; --bs-success-rgb: 38, 154, 146 !important; --bs-success-text-emphasis: color-mix(in srgb, var(--bs-success) 38%, black) !important; --bs-table-active-bg: #FFFFFF !important; --bs-table-active-color: #DB1334 !important; --bs-table-bg: #031826 !important; --bs-table-border-color: #031826 !important; --bs-table-color: #C9D3D9 !important; --bs-table-hover-bg: #112736 !important; --bs-table-hover-color: #FFFFFF !important; --bs-table-striped-bg: #0A2536 !important; --bs-table-striped-color: #FFFFFF !important; --bs-toast-bg: #031826 !important; --bs-warning: #CB4B16 !important; --bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), .12) !important; --bs-warning-border-subtle: rgba(var(--bs-warning-rgb), .35) !important; --bs-warning-rgb: 203, 75, 22 !important; --bs-warning-text-emphasis: color-mix(in srgb, var(--bs-warning) 38%, black) !important; --app-input-group-text-bd: #1E435A !important; --app-input-group-text-bg: #1E435A !important; --app-input-group-text-color: #C9D3D9 !important; --app-accordion-active: #C9D3D9 !important; --app-accordion-bd: #1E435A !important; --app-accordion-bg: #0A2536 !important; --app-accordion-color: #C9D3D9 !important; } .btn-primary { --bs-btn-bg: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; background-color: var(--bs-primary) !important; border: var(--bs-border-width) solid var(--bs-primary) !important; color: #fff !important; } .btn-outline-primary { --bs-btn-color: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; --bs-btn-bg: transparent !important; color: var(--bs-primary) !important; background-color: transparent !important; border-color: var(--bs-primary) !important; } .btn-outline-primary:hover, .btn-outline-primary:focus { color: #fff !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; } .bg-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; } .text-primary { color: var(--bs-primary) !important; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .border-primary { border-color: var(--bs-primary) !important; } .text-bg-primary:not(.text-dark):not(.text-light) { background-color: var(--bs-primary) !important; color: var(--app-badge-primary-color, var(--app-variant-contrast, #fff)) !important; } .link-primary { color: var(--bs-primary) !important; } .badge.bg-primary { --bs-badge-bg: var(--app-badge-primary-bg, var(--bs-primary)) !important; background-color: var(--app-badge-primary-bg, var(--bs-primary)) !important; color: var(--app-badge-primary-color, #fff) !important; } .badge.text-bg-primary:not(.text-dark):not(.text-light) { background-color: var(--app-badge-primary-bg, var(--bs-primary)) !important; color: var(--app-badge-primary-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-primary { background-color: var(--bs-primary) !important; } .alert-primary { --bs-alert-bg: var(--bs-primary) !important; --bs-alert-border-color: var(--bs-primary) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-primary { background-color: var(--bs-primary-bg-subtle) !important; color: var(--bs-primary-text-emphasis) !important; border-color: var(--bs-primary-border-subtle) !important; } .table-primary { --bs-table-bg: var(--app-table-primary-bg, var(--bs-primary-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-primary-bg, var(--bs-primary-bg-subtle)) !important; --bs-table-color: var(--app-table-primary-color, var(--bs-primary-text-emphasis)) !important; --bs-table-border-color: var(--app-table-primary-border, var(--bs-primary-border-subtle)) !important; } .navbar.bg-primary { background-color: var(--bs-primary) !important; } .card.text-white.bg-primary { background-color: var(--bs-primary) !important; color:#fff !important; } .card.border-primary { border-color: var(--bs-primary) !important; } .btn-group .btn-primary { --bs-btn-bg: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; background-color: var(--bs-primary) !important; border: var(--bs-border-width) solid var(--bs-primary) !important; color: #fff !important; } .btn-secondary { --bs-btn-bg: var(--bs-secondary) !important; --bs-btn-border-color: var(--bs-secondary) !important; background-color: var(--bs-secondary) !important; border: var(--bs-border-width) solid var(--bs-secondary) !important; color: #fff !important; } .btn-outline-secondary { --bs-btn-color: var(--bs-secondary) !important; --bs-btn-border-color: var(--bs-secondary) !important; --bs-btn-bg: transparent !important; color: var(--bs-secondary) !important; background-color: transparent !important; border-color: var(--bs-secondary) !important; } .btn-outline-secondary:hover, .btn-outline-secondary:focus { color: #fff !important; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; } .bg-secondary { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; } .text-secondary { color: var(--bs-secondary) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .border-secondary { border-color: var(--bs-secondary) !important; } .text-bg-secondary:not(.text-dark):not(.text-light) { background-color: var(--bs-secondary) !important; color: var(--app-badge-secondary-color, var(--app-variant-contrast, #fff)) !important; } .link-secondary { color: var(--bs-secondary) !important; } .badge.bg-secondary { --bs-badge-bg: var(--app-badge-secondary-bg, var(--bs-secondary)) !important; background-color: var(--app-badge-secondary-bg, var(--bs-secondary)) !important; color: var(--app-badge-secondary-color, #fff) !important; } .badge.text-bg-secondary:not(.text-dark):not(.text-light) { background-color: var(--app-badge-secondary-bg, var(--bs-secondary)) !important; color: var(--app-badge-secondary-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-secondary { background-color: var(--bs-secondary) !important; } .alert-secondary { --bs-alert-bg: var(--bs-secondary) !important; --bs-alert-border-color: var(--bs-secondary) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-secondary { background-color: var(--bs-secondary-bg-subtle) !important; color: var(--bs-secondary-text-emphasis) !important; border-color: var(--bs-secondary-border-subtle) !important; } .table-secondary { --bs-table-bg: var(--app-table-secondary-bg, var(--bs-secondary-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-secondary-bg, var(--bs-secondary-bg-subtle)) !important; --bs-table-color: var(--app-table-secondary-color, var(--bs-secondary-text-emphasis)) !important; --bs-table-border-color: var(--app-table-secondary-border, var(--bs-secondary-border-subtle)) !important; } .navbar.bg-secondary { background-color: var(--bs-secondary) !important; } .card.text-white.bg-secondary { background-color: var(--bs-secondary) !important; color:#fff !important; } .card.border-secondary { border-color: var(--bs-secondary) !important; } .btn-group .btn-secondary { --bs-btn-bg: var(--bs-secondary) !important; --bs-btn-border-color: var(--bs-secondary) !important; background-color: var(--bs-secondary) !important; border: var(--bs-border-width) solid var(--bs-secondary) !important; color: #fff !important; } .btn-success { --bs-btn-bg: var(--bs-success) !important; --bs-btn-border-color: var(--bs-success) !important; background-color: var(--bs-success) !important; border: var(--bs-border-width) solid var(--bs-success) !important; color: #fff !important; } .btn-outline-success { --bs-btn-color: var(--bs-success) !important; --bs-btn-border-color: var(--bs-success) !important; --bs-btn-bg: transparent !important; color: var(--bs-success) !important; background-color: transparent !important; border-color: var(--bs-success) !important; } .btn-outline-success:hover, .btn-outline-success:focus { color: #fff !important; background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; } .bg-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; } .text-success { color: var(--bs-success) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .border-success { border-color: var(--bs-success) !important; } .text-bg-success:not(.text-dark):not(.text-light) { background-color: var(--bs-success) !important; color: var(--app-badge-success-color, var(--app-variant-contrast, #fff)) !important; } .link-success { color: var(--bs-success) !important; } .badge.bg-success { --bs-badge-bg: var(--app-badge-success-bg, var(--bs-success)) !important; background-color: var(--app-badge-success-bg, var(--bs-success)) !important; color: var(--app-badge-success-color, #fff) !important; } .badge.text-bg-success:not(.text-dark):not(.text-light) { background-color: var(--app-badge-success-bg, var(--bs-success)) !important; color: var(--app-badge-success-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-success { background-color: var(--bs-success) !important; } .alert-success { --bs-alert-bg: var(--bs-success) !important; --bs-alert-border-color: var(--bs-success) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-success { background-color: var(--bs-success-bg-subtle) !important; color: var(--bs-success-text-emphasis) !important; border-color: var(--bs-success-border-subtle) !important; } .table-success { --bs-table-bg: var(--app-table-success-bg, var(--bs-success-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-success-bg, var(--bs-success-bg-subtle)) !important; --bs-table-color: var(--app-table-success-color, var(--bs-success-text-emphasis)) !important; --bs-table-border-color: var(--app-table-success-border, var(--bs-success-border-subtle)) !important; } .navbar.bg-success { background-color: var(--bs-success) !important; } .card.text-white.bg-success { background-color: var(--bs-success) !important; color:#fff !important; } .card.border-success { border-color: var(--bs-success) !important; } .btn-group .btn-success { --bs-btn-bg: var(--bs-success) !important; --bs-btn-border-color: var(--bs-success) !important; background-color: var(--bs-success) !important; border: var(--bs-border-width) solid var(--bs-success) !important; color: #fff !important; } .btn-danger { --bs-btn-bg: var(--bs-danger) !important; --bs-btn-border-color: var(--bs-danger) !important; background-color: var(--bs-danger) !important; border: var(--bs-border-width) solid var(--bs-danger) !important; color: #fff !important; } .btn-outline-danger { --bs-btn-color: var(--bs-danger) !important; --bs-btn-border-color: var(--bs-danger) !important; --bs-btn-bg: transparent !important; color: var(--bs-danger) !important; background-color: transparent !important; border-color: var(--bs-danger) !important; } .btn-outline-danger:hover, .btn-outline-danger:focus { color: #fff !important; background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; } .bg-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; } .text-danger { color: var(--bs-danger) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .border-danger { border-color: var(--bs-danger) !important; } .text-bg-danger:not(.text-dark):not(.text-light) { background-color: var(--bs-danger) !important; color: var(--app-badge-danger-color, var(--app-variant-contrast, #fff)) !important; } .link-danger { color: var(--bs-danger) !important; } .badge.bg-danger { --bs-badge-bg: var(--app-badge-danger-bg, var(--bs-danger)) !important; background-color: var(--app-badge-danger-bg, var(--bs-danger)) !important; color: var(--app-badge-danger-color, #fff) !important; } .badge.text-bg-danger:not(.text-dark):not(.text-light) { background-color: var(--app-badge-danger-bg, var(--bs-danger)) !important; color: var(--app-badge-danger-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-danger { background-color: var(--bs-danger) !important; } .alert-danger { --bs-alert-bg: var(--bs-danger) !important; --bs-alert-border-color: var(--bs-danger) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-danger { background-color: var(--bs-danger-bg-subtle) !important; color: var(--bs-danger-text-emphasis) !important; border-color: var(--bs-danger-border-subtle) !important; } .table-danger { --bs-table-bg: var(--app-table-danger-bg, var(--bs-danger-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-danger-bg, var(--bs-danger-bg-subtle)) !important; --bs-table-color: var(--app-table-danger-color, var(--bs-danger-text-emphasis)) !important; --bs-table-border-color: var(--app-table-danger-border, var(--bs-danger-border-subtle)) !important; } .navbar.bg-danger { background-color: var(--bs-danger) !important; } .card.text-white.bg-danger { background-color: var(--bs-danger) !important; color:#fff !important; } .card.border-danger { border-color: var(--bs-danger) !important; } .btn-group .btn-danger { --bs-btn-bg: var(--bs-danger) !important; --bs-btn-border-color: var(--bs-danger) !important; background-color: var(--bs-danger) !important; border: var(--bs-border-width) solid var(--bs-danger) !important; color: #fff !important; } .btn-warning { --bs-btn-bg: var(--bs-warning) !important; --bs-btn-border-color: var(--bs-warning) !important; background-color: var(--bs-warning) !important; border: var(--bs-border-width) solid var(--bs-warning) !important; color: #fff !important; } .btn-outline-warning { --bs-btn-color: var(--bs-warning) !important; --bs-btn-border-color: var(--bs-warning) !important; --bs-btn-bg: transparent !important; color: var(--bs-warning) !important; background-color: transparent !important; border-color: var(--bs-warning) !important; } .btn-outline-warning:hover, .btn-outline-warning:focus { color: #fff !important; background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; } .bg-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; } .text-warning { color: var(--bs-warning) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .border-warning { border-color: var(--bs-warning) !important; } .text-bg-warning:not(.text-dark):not(.text-light) { background-color: var(--bs-warning) !important; color: var(--app-badge-warning-color, var(--app-variant-contrast, #fff)) !important; } .link-warning { color: var(--bs-warning) !important; } .badge.bg-warning { --bs-badge-bg: var(--app-badge-warning-bg, var(--bs-warning)) !important; background-color: var(--app-badge-warning-bg, var(--bs-warning)) !important; color: var(--app-badge-warning-color, #fff) !important; } .badge.text-bg-warning:not(.text-dark):not(.text-light) { background-color: var(--app-badge-warning-bg, var(--bs-warning)) !important; color: var(--app-badge-warning-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-warning { background-color: var(--bs-warning) !important; } .alert-warning { --bs-alert-bg: var(--bs-warning) !important; --bs-alert-border-color: var(--bs-warning) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-warning { background-color: var(--bs-warning-bg-subtle) !important; color: var(--bs-warning-text-emphasis) !important; border-color: var(--bs-warning-border-subtle) !important; } .table-warning { --bs-table-bg: var(--app-table-warning-bg, var(--bs-warning-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-warning-bg, var(--bs-warning-bg-subtle)) !important; --bs-table-color: var(--app-table-warning-color, var(--bs-warning-text-emphasis)) !important; --bs-table-border-color: var(--app-table-warning-border, var(--bs-warning-border-subtle)) !important; } .navbar.bg-warning { background-color: var(--bs-warning) !important; } .card.text-white.bg-warning { background-color: var(--bs-warning) !important; color:#fff !important; } .card.border-warning { border-color: var(--bs-warning) !important; } .btn-group .btn-warning { --bs-btn-bg: var(--bs-warning) !important; --bs-btn-border-color: var(--bs-warning) !important; background-color: var(--bs-warning) !important; border: var(--bs-border-width) solid var(--bs-warning) !important; color: #fff !important; } .btn-info { --bs-btn-bg: var(--bs-info) !important; --bs-btn-border-color: var(--bs-info) !important; background-color: var(--bs-info) !important; border: var(--bs-border-width) solid var(--bs-info) !important; color: #fff !important; } .btn-outline-info { --bs-btn-color: var(--bs-info) !important; --bs-btn-border-color: var(--bs-info) !important; --bs-btn-bg: transparent !important; color: var(--bs-info) !important; background-color: transparent !important; border-color: var(--bs-info) !important; } .btn-outline-info:hover, .btn-outline-info:focus { color: #fff !important; background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; } .bg-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; } .text-info { color: var(--bs-info) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .border-info { border-color: var(--bs-info) !important; } .text-bg-info:not(.text-dark):not(.text-light) { background-color: var(--bs-info) !important; color: var(--app-badge-info-color, var(--app-variant-contrast, #fff)) !important; } .link-info { color: var(--bs-info) !important; } .badge.bg-info { --bs-badge-bg: var(--app-badge-info-bg, var(--bs-info)) !important; background-color: var(--app-badge-info-bg, var(--bs-info)) !important; color: var(--app-badge-info-color, #fff) !important; } .badge.text-bg-info:not(.text-dark):not(.text-light) { background-color: var(--app-badge-info-bg, var(--bs-info)) !important; color: var(--app-badge-info-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-info { background-color: var(--bs-info) !important; } .alert-info { --bs-alert-bg: var(--bs-info) !important; --bs-alert-border-color: var(--bs-info) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-info { background-color: var(--bs-info-bg-subtle) !important; color: var(--bs-info-text-emphasis) !important; border-color: var(--bs-info-border-subtle) !important; } .table-info { --bs-table-bg: var(--app-table-info-bg, var(--bs-info-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-info-bg, var(--bs-info-bg-subtle)) !important; --bs-table-color: var(--app-table-info-color, var(--bs-info-text-emphasis)) !important; --bs-table-border-color: var(--app-table-info-border, var(--bs-info-border-subtle)) !important; } .navbar.bg-info { background-color: var(--bs-info) !important; } .card.text-white.bg-info { background-color: var(--bs-info) !important; color:#fff !important; } .card.border-info { border-color: var(--bs-info) !important; } .btn-group .btn-info { --bs-btn-bg: var(--bs-info) !important; --bs-btn-border-color: var(--bs-info) !important; background-color: var(--bs-info) !important; border: var(--bs-border-width) solid var(--bs-info) !important; color: #fff !important; } .btn-light { --bs-btn-bg: var(--bs-light) !important; --bs-btn-border-color: var(--bs-light) !important; background-color: var(--bs-light) !important; border: var(--bs-border-width) solid var(--bs-light) !important; color: #fff !important; } .btn-outline-light { --bs-btn-color: var(--bs-light) !important; --bs-btn-border-color: var(--bs-light) !important; --bs-btn-bg: transparent !important; color: var(--bs-light) !important; background-color: transparent !important; border-color: var(--bs-light) !important; } .btn-outline-light:hover, .btn-outline-light:focus { color: #fff !important; background-color: var(--bs-light) !important; border-color: var(--bs-light) !important; } .bg-light { background-color: var(--bs-light) !important; border-color: var(--bs-light) !important; } .text-light { color: var(--bs-light) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .border-light { border-color: var(--bs-light) !important; } .text-bg-light:not(.text-dark):not(.text-light) { background-color: var(--bs-light) !important; color: var(--app-badge-light-color, var(--app-variant-contrast, #fff)) !important; } .link-light { color: var(--bs-light) !important; } .badge.bg-light { --bs-badge-bg: var(--app-badge-light-bg, var(--bs-light)) !important; background-color: var(--app-badge-light-bg, var(--bs-light)) !important; color: var(--app-badge-light-color, #fff) !important; } .badge.text-bg-light:not(.text-dark):not(.text-light) { background-color: var(--app-badge-light-bg, var(--bs-light)) !important; color: var(--app-badge-light-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-light { background-color: var(--bs-light) !important; } .alert-light { --bs-alert-bg: var(--bs-light) !important; --bs-alert-border-color: var(--bs-light) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-light) !important; border-color: var(--bs-light) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-light { background-color: var(--bs-light-bg-subtle) !important; color: var(--bs-light-text-emphasis) !important; border-color: var(--bs-light-border-subtle) !important; } .table-light { --bs-table-bg: var(--app-table-light-bg, var(--bs-light-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-light-bg, var(--bs-light-bg-subtle)) !important; --bs-table-color: var(--app-table-light-color, var(--bs-light-text-emphasis)) !important; --bs-table-border-color: var(--app-table-light-border, var(--bs-light-border-subtle)) !important; } .navbar.bg-light { background-color: var(--bs-light) !important; } .card.text-white.bg-light { background-color: var(--bs-light) !important; color:#fff !important; } .card.border-light { border-color: var(--bs-light) !important; } .btn-group .btn-light { --bs-btn-bg: var(--bs-light) !important; --bs-btn-border-color: var(--bs-light) !important; background-color: var(--bs-light) !important; border: var(--bs-border-width) solid var(--bs-light) !important; color: #fff !important; } .btn-dark { --bs-btn-bg: var(--bs-dark) !important; --bs-btn-border-color: var(--bs-dark) !important; background-color: var(--bs-dark) !important; border: var(--bs-border-width) solid var(--bs-dark) !important; color: #fff !important; } .btn-outline-dark { --bs-btn-color: var(--bs-dark) !important; --bs-btn-border-color: var(--bs-dark) !important; --bs-btn-bg: transparent !important; color: var(--bs-dark) !important; background-color: transparent !important; border-color: var(--bs-dark) !important; } .btn-outline-dark:hover, .btn-outline-dark:focus { color: #fff !important; background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; } .bg-dark { background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; } .text-dark { color: var(--bs-dark) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .border-dark { border-color: var(--bs-dark) !important; } .text-bg-dark:not(.text-dark):not(.text-light) { background-color: var(--bs-dark) !important; color: var(--app-badge-dark-color, var(--app-variant-contrast, #fff)) !important; } .link-dark { color: var(--bs-dark) !important; } .badge.bg-dark { --bs-badge-bg: var(--app-badge-dark-bg, var(--bs-dark)) !important; background-color: var(--app-badge-dark-bg, var(--bs-dark)) !important; color: var(--app-badge-dark-color, #fff) !important; } .badge.text-bg-dark:not(.text-dark):not(.text-light) { background-color: var(--app-badge-dark-bg, var(--bs-dark)) !important; color: var(--app-badge-dark-color, var(--app-variant-contrast, #fff)) !important; } .progress-bar.bg-dark { background-color: var(--bs-dark) !important; } .alert-dark { --bs-alert-bg: var(--bs-dark) !important; --bs-alert-border-color: var(--bs-dark) !important; --bs-alert-color: var(--app-variant-contrast, #fff) !important; background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; color: var(--app-variant-contrast, #fff) !important; } .list-group-item-dark { background-color: var(--bs-dark-bg-subtle) !important; color: var(--bs-dark-text-emphasis) !important; border-color: var(--bs-dark-border-subtle) !important; } .table-dark { --bs-table-bg: var(--app-table-dark-bg, var(--bs-dark-bg-subtle)) !important; --bs-table-hover-bg: var(--app-table-dark-bg, var(--bs-dark-bg-subtle)) !important; --bs-table-color: var(--app-table-dark-color, var(--bs-dark-text-emphasis)) !important; --bs-table-border-color: var(--app-table-dark-border, var(--bs-dark-border-subtle)) !important; } .navbar.bg-dark { background-color: var(--bs-dark) !important; } .card.text-white.bg-dark { background-color: var(--bs-dark) !important; color:#fff !important; } .card.border-dark { border-color: var(--bs-dark) !important; } .btn-group .btn-dark { --bs-btn-bg: var(--bs-dark) !important; --bs-btn-border-color: var(--bs-dark) !important; background-color: var(--bs-dark) !important; border: var(--bs-border-width) solid var(--bs-dark) !important; color: #fff !important; } .btn, .badge, .card, .alert, .form-control, .dropdown-menu, .list-group-item, .modal-content, .navbar, .progress, .toast, .table, .accordion-button { border-radius: var(--bs-border-radius) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } body { background-color: var(--bs-body-bg) !important; } body { color: var(--bs-body-color) !important; } a { color: var(--bs-link-color) !important; } a:hover, a:focus { color: var(--bs-link-hover-color) !important; } .btn { --bs-btn-bg: var(--bs-secondary) !important; } .btn { --bs-btn-close-color: #1E6293 !important; } .card { --bs-card-bg: #031826 !important; } .card { --bs-card-border-color: #C9D3D9 !important; } .dropdown-menu { --bs-dropdown-bg: #052D46 !important; } .dropdown-menu { --bs-dropdown-link-active-bg: #031826 !important; } .dropdown-menu { --bs-dropdown-link-active-color: #FFFFFF !important; } .dropdown-menu { --bs-dropdown-link-hover-bg: #031826 !important; } .form-check-input { --bs-form-check-bg: #1E6293 !important; } .form-check-input { --bs-form-check-border-color: #1E6293 !important; } .form-check-input { --bs-form-check-checked-bg-color: #1E6293 !important; } .form-check-input { --bs-form-check-checked-border-color: #0A2536 !important; } .form-check-input { --bs-form-check-input-bg: #0A2536 !important; } .form-check-input { --bs-form-check-input-border-color: #1E6293 !important; } .form-check-input { --bs-form-check-input-checked-bg: #1E6293 !important; } .form-check-input { --bs-form-check-input-checked-border-color: #1E6293 !important; } .form-range { --bs-form-range-thumb-bg: #1E6293 !important; } .form-range { --bs-form-range-thumb-border-color: #0A2536 !important; } .form-range { --bs-form-range-track-bg: #0A2536 !important; } .modal { --bs-modal-bg: #031826 !important; } .modal { --bs-modal-color: #C2D1E1 !important; } .nav-link { --bs-nav-link-color: #C9D3D9 !important; } .nav-link { --bs-nav-link-hover-color: #FFFFFF !important; } .nav-pills { --bs-nav-pills-link-active-bg: #0A2536 !important; } .nav-pills { --bs-nav-pills-link-active-color: #C9D3D9 !important; } .nav-tabs { --bs-nav-tabs-border-color: #0A2536 !important; } .nav-tabs { --bs-nav-tabs-link-active-bg: #0A2536 !important; } .nav-tabs { --bs-nav-tabs-link-active-color: #C9D3D9 !important; } .offcanvas { --bs-offcanvas-bg: #0A2536 !important; } .progress, .progress .progress-bar { --bs-progress-bar-bg: #1E6293 !important; } .progress, .progress .progress-bar { --bs-progress-bar-color: #1E6293 !important; } .progress, .progress .progress-bar { --bs-progress-bg: #0A2536 !important; } .table { --bs-table-active-bg: #FFFFFF !important; } .table { --bs-table-active-color: #DB1334 !important; } .table { --bs-table-bg: #031826 !important; } .table { --bs-table-border-color: #031826 !important; } .table { --bs-table-color: #C9D3D9 !important; } .table { --bs-table-hover-bg: #112736 !important; } .table { --bs-table-hover-color: #FFFFFF !important; } .table { --bs-table-striped-bg: #0A2536 !important; } .table { --bs-table-striped-color: #FFFFFF !important; } .toast { --bs-toast-bg: #031826 !important; } .table thead th, .table thead td { background-color: var(--app-table-head-bg, transparent) !important; color: var(--app-table-head-color, inherit) !important; } .table tfoot th, .table tfoot td { background-color: var(--app-table-foot-bg, transparent) !important; color: var(--app-table-foot-color, inherit) !important; } h1, .h1, .display-1, h2, .h2, .display-2, h3, .h3, .display-3, h4, .h4, .display-4, h5, .h5, .display-5, h6, .h6, .display-6 { color: var(--bs-heading-color) !important; } h1, .h1, .display-1 { color: var(--app-h1-color) !important; } h2, .h2, .display-2 { color: var(--app-h2-color) !important; } h3, .h3, .display-3 { color: var(--app-h3-color) !important; } h4, .h4, .display-4 { color: var(--app-h4-color) !important; } h5, .h5, .display-5 { color: var(--app-h5-color) !important; } h6, .h6, .display-6 { color: var(--app-h6-color) !important; } .card-title, .modal-title, .offcanvas-title, .dropdown-header { color: var(--app-title-color) !important; } .card-subtitle, .modal-title small, .offcanvas-title small, .dropdown-header small { color: var(--app-subtitle-color) !important; } .lead { color: var(--app-lead-color) !important; } .btn-close { color: var(--bs-btn-close-color) !important; filter:none !important; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { background-color: var(--app-select2-bg, var(--bs-form-select-bg)) !important; color: var(--app-select2-color, var(--bs-form-select-color)) !important; border-color: var(--app-select2-border-color, var(--bs-form-select-border-color)) !important; } .select2-dropdown { background-color: var(--app-select2-bg, var(--bs-dropdown-bg)) !important; color: var(--app-select2-color, var(--bs-dropdown-color)) !important; border-color: var(--app-select2-border-color, var(--bs-dropdown-border-color)) !important; } .select2-results__option--highlighted { background-color: var(--bs-primary) !important; color: var(--app-variant-contrast, #fff) !important; } /* selection box (already styled in your code) — keep for both themes */ .select2-container--default .select2-selection--multiple, .select2-container--bootstrap-5 .select2-selection--multiple { background-color: var(--app-select2-bg, var(--bs-form-select-bg)) !important; color: var(--app-select2-color, var(--bs-form-select-color)) !important; border-color: var(--app-select2-border-color, var(--bs-form-select-border-color)) !important; } /* the chips (selected tags) */ .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice { background-color: var(--app-select2-tag-bg, var(--app-select2-bg, var(--bs-secondary-bg))) !important; color: var(--app-select2-tag-color, var(--app-select2-color, var(--bs-body-color))) !important; border: 1px solid var(--app-select2-border-color, var(--bs-form-select-border-color, #ced4da)) !important; border-radius: var(--bs-border-radius, .375rem) !important; } /* collapsed control */ .select2-container--bootstrap-5 .select2-selection--single, .select2-container--bootstrap-5 .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{ background-color: var(--app-select2-bg, var(--bs-form-select-bg)) !important; color: var(--app-select2-color, var(--bs-form-select-color)) !important; border-color: var(--app-select2-border-color, var(--bs-form-select-border-color)) !important; } /* dropdown panel */ .select2-container--bootstrap-5 .select2-dropdown, .select2-container--default .select2-dropdown{ background-color: var(--app-select2-bg, var(--bs-dropdown-bg)) !important; color: var(--app-select2-color, var(--bs-dropdown-color)) !important; border-color: var(--app-select2-border-color, var(--bs-dropdown-border-color)) !important; } /* highlighted option */ .select2-container--bootstrap-5 .select2-results__option--highlighted, .select2-container--default .select2-results__option--highlighted{ background-color: var(--bs-primary) !important; color: var(--app-variant-contrast, #fff) !important; } /* the little “×” button on the chip */ .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove { color: inherit !important; opacity: .75; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover { opacity: 1; } /* WebKit scrollbars */ *::-webkit-scrollbar { width: 12px; height: 12px; } *::-webkit-scrollbar-thumb { background-color: #1E6293 ; border-radius: 8px; } *::-webkit-scrollbar-track { background-color: #0A2536 ; } /* Firefox */ * { scrollbar-width: thin; scrollbar-color: #1E6293 #0A2536 ; } .input-group-text { background-color: var(--app-input-group-text-bg, var(--bs-secondary-bg)) !important; color: var(--app-input-group-text-color, var(--bs-body-color)) !important; border-color: var(--app-input-group-text-bd, var(--bs-border-color)) !important; } .breadcrumb { background-color: var(--app-breadcrumb-bg, transparent) !important; color: var(--app-breadcrumb-color) !important; } .breadcrumb .breadcrumb-item.active { color: var(--app-breadcrumb-active) !important; } .breadcrumb-item+.breadcrumb-item::before { color: var(--app-breadcrumb-divider) !important; } .accordion, .accordion .accordion-item { background-color: var(--app-accordion-bg) !important; color: var(--app-accordion-color) !important; border-color: var(--app-accordion-bd) !important; } .accordion-button:not(.collapsed) { color: var(--app-accordion-active) !important; box-shadow: none !important; } html[data-bs-theme="dark"] { --bs-highlight-bg: var(--app-highlight-dark-bg) !important; --bs-highlight-color: var(--app-highlight-dark-color) !important; } .form-range::-webkit-slider-runnable-track { background-color: var(--bs-form-range-track-bg, #dee2e6) !important; } .form-range::-moz-range-track { background-color: var(--bs-form-range-track-bg, #dee2e6) !important; } .form-range::-webkit-slider-thumb { background-color: var(--bs-form-range-thumb-bg, #0d6efd) !important; } .form-range::-moz-range-thumb { background-color: var(--bs-form-range-thumb-bg, #0d6efd) !important; } .form-check-input { background-color: var(--bs-form-check-input-bg, #fff) !important; border-color: var(--bs-form-check-input-border-color, #adb5bd) !important; } .form-check-input:checked { background-color: var(--bs-form-check-input-checked-bg, #0d6efd) !important; border-color: var(--bs-form-check-input-checked-border-color, #0d6efd) !important; } .form-switch .form-check-input { background-color: var(--bs-form-switch-bg, #fff) !important; } .form-switch .form-check-input:checked { background-color: var(--bs-form-switch-checked-bg, #0d6efd) !important; } .form-switch .form-check-input:checked::before { background-color: var(--bs-form-switch-thumb-bg, #fff) !important; } .form-check-input { background-color: var(--bs-form-check-input-bg, #fff) !important; border-color: var(--bs-form-check-input-border-color, #adb5bd) !important; } .form-check-input:checked { background-color: var(--bs-form-check-input-checked-bg, #0d6efd) !important; border-color: var(--bs-form-check-input-checked-border-color, #0d6efd) !important; }