/**
 * Production Theme: Override CoreUI purple with Trail blue
 * Loaded conditionally in theme_styles.blade.php
 */

:root {
    --bs-primary: #2067ad;
    --cui-primary: #2067ad;
    --cui-primary-rgb: 32, 103, 173;
    --cui-link-color: #2067ad;
    --cui-link-hover-color: #1b5a96;
    --cui-form-check-input-checked-bg-color: #2067ad;
    --cui-form-check-input-checked-border-color: #2067ad;
    --cui-sidebar-1: #1b5a96;
    --cui-sidebar-2: #133d66;
}

.btn-primary {
    --cui-btn-bg: #2067ad;
    --cui-btn-border-color: #2067ad;
    --cui-btn-hover-bg: #1b5a96;
    --cui-btn-hover-border-color: #1b5a96;
    --cui-btn-active-bg: #174d82;
    --cui-btn-active-border-color: #174d82;
    --cui-btn-disabled-bg: #2067ad;
    --cui-btn-disabled-border-color: #2067ad;
}

.btn-outline-primary {
    --cui-btn-color: #2067ad;
    --cui-btn-border-color: #2067ad;
    --cui-btn-hover-bg: #2067ad;
    --cui-btn-hover-border-color: #2067ad;
    --cui-btn-active-bg: #1b5a96;
    --cui-btn-active-border-color: #1b5a96;
    --cui-btn-disabled-color: #2067ad;
    --cui-btn-disabled-border-color: #2067ad;
}

.accordion-button:not(.collapsed) {
    color: #2067ad;
    background-color: rgba(32, 103, 173, 0.1);
}

a {
    color: var(--cui-link-color);
}

.pagination {
    --cui-pagination-focus-bg: #1b5a96;
    --cui-pagination-active-bg: #2067ad;
    --cui-pagination-active-border-color: #2067ad;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #2067ad;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: #2067ad !important;
}

.daterangepicker .ranges li.active {
    background-color: rgba(32, 103, 173, 0.5) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: rgba(32, 103, 173, 0.5) !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(32, 103, 173, 0.5) !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #2067ad !important;
}

table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):hover {
    background-color: rgba(32, 103, 173, 0.1);
}

form .select2.select2-container.select2-container--focus,
form .select2.select2-container.select2-container--open {
    border: 1px solid #5a9fd4 !important;
    box-shadow: 0 0 0 2px #d0e4f5;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #5a9fd4;
    box-shadow: 0 0 0 0.25rem rgba(32, 103, 173, 0.25);
}