﻿/* =========================================================
   COMPANY THEME OVERRIDES
   Bootstrap-Compatible Color Classes
   Start with Bootstrap default colors and customize from here
   ========================================================= */

:root {
    /* ADH Red */
    --adh-red: #cb2c30;
    --adh-red-rgb: 195, 32, 51;
    /* ADH Blue */
    --adh-blue: #006ac6;
    --adh-blue-rgb: 0, 112, 190;
    /* ADH Light Blue */
    --adh-lightBlue: #c3d7ee;
    --adh-lightBlue-rgb: 192x 222x 248;
    /* ADH Deep Blue */
    --adh-deepBlue: #041E42;
    --adh-deepBlue-rgb: 9, 24, 60;
    /* ADH Black */
    --adh-black: #232323;
    --adh-black-rgb: 35, 35, 35;
    /* ADH White */
    --adh-white: #ffffff;
    --adh-white-rgb: 0, 0, 0;
}

/* =========================================================
   ADH Override VARIABLES
   Change these first
   ========================================================= */
:root {
    --menu-background-color: var(--adh-deepBlue);
    --menu-hover-color: var(--adh-lightBlue);
    --base-bs-body-bg: var(--adh-white);
    --editControl-bg: var(--bs-body-bg);
}

/* =========================================================
   ADH Override Classes
   Change these first
   ========================================================= */
.layoutApplicationTitleBackground-gradient {
    background: linear-gradient(to right, var(--adh-deepBlue) 0%, #17365D 25%, #4E6F96 55%, #AFC3D9 80%, #ffffff 100% );
}

[data-bs-theme="light"] .editControl:not([disabled]):not([readonly]),
[data-bs-theme="light"] .searchText:not([disabled]):not([readonly]) {
    border-color: var(--adh-black) !important;
}

[data-bs-theme="light"] .editControl:disabled,
[data-bs-theme="light"] .editControl[readonly] {
    border-color: var(--adh-black) !important;
}

[data-bs-theme="light"] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme="light"] .nav-tabs .nav-link.active {
    background-color: var(--adh-lightBlue);
}

[data-bs-theme="light"] .applicationModal .modal-header {
    background-color: var(--adh-lightBlue);
}

.accordion-button {
    background-color: var(--bs-accordion-active-bg);
}

    .accordion-button:not(.collapsed) {
        background-color: var(--adh-deepBlue);
        color: var(--adh-white);
    }

        .accordion-button:not(.collapsed)::after {
            filter: invert(1);
        }

.accordion-item {
    border-color: var(--adh-deepBlue);
}

/* =========================================================
   BACKGROUND COLORS
   ========================================================= */
.bg-adh-red {
    background-color: var(--adh-red) !important;
}

.bg-adh-blue {
    background-color: var(--adh-blue) !important;
}

.bg-adh-lightBlue {
    background-color: var(--adh-lightBlue) !important;
}

.bg-adh-deepBlue {
    background-color: var(--adh-deepBlue) !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

/*Override Button Info with the ADH Deep Blue*/
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--adh-deepBlue);
    --bs-btn-border-color: var(--adh-deepBlue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b2f5c;
    --bs-btn-hover-border-color: #0a2a52;
    --bs-btn-focus-shadow-rgb: 11, 47, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #082648;
    --bs-btn-active-border-color: #07213f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--adh-deepBlue);
    --bs-btn-disabled-border-color: var(--adh-deepBlue);
}

/*Same as Button Info override but keeping in case needed*/
.btn-adh-deepBlue {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--adh-deepBlue);
    --bs-btn-border-color: var(--adh-deepBlue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b2f5c;
    --bs-btn-hover-border-color: #0a2a52;
    --bs-btn-focus-shadow-rgb: 11, 47, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #082648;
    --bs-btn-active-border-color: #07213f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--adh-deepBlue);
    --bs-btn-disabled-border-color: var(--adh-deepBlue);
}

.btn-adh-lightBlue {
    --bs-btn-color: #0b1f3a; /* dark text for contrast */
    --bs-btn-bg: var(--adh-lightBlue);
    --bs-btn-border-color: var(--adh-lightBlue);
    /* Hover = slightly darker + more saturation */
    --bs-btn-hover-color: #0b1f3a;
    --bs-btn-hover-bg: #a9c4e6;
    --bs-btn-hover-border-color: #9fbbe0;
    /* Focus ring (RGB of base tone) */
    --bs-btn-focus-shadow-rgb: 195, 215, 238;
    /* Active = darker step down */
    --bs-btn-active-color: #0b1f3a;
    --bs-btn-active-bg: #93b3dd;
    --bs-btn-active-border-color: #88a9d7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.15);
    --bs-btn-disabled-color: #6c7a8a;
    --bs-btn-disabled-bg: var(--adh-lightBlue);
    --bs-btn-disabled-border-color: var(--adh-lightBlue);
}

/* =========================================================
   Bootstrap COLOR VARIABLES
   Change these first
   ========================================================= */
/*:root {
 Primary 
--bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
 Secondary 
--bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
 Success 
--bs-success: #198754;
    --bs-success-rgb: 25, 135, 84;
 Danger 
--bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
 Warning 
--bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;
 Info 
--bs-info: #0dcaf0;
    --bs-info-rgb: 13, 202, 240;
 Light 
--bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
 Dark 
--bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
 Body 
--bs-body-bg: #ffffff;
    --bs-body-color: #212529;
}*/




