/* Global styles */
html {
    height: 100%;
    box-sizing: border-box;
    font-size: 1rem;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Footer */
.footer {
    margin-top: auto;
    padding: 1rem;
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
}

.co-font-family, body {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
}

.co-w-100, .btn-bha-flex {
    width: 100% !important;
}

.h1-branded {
    margin: 0;
    font-size: 1.75rem !important;
}

.h2-branded, .h1-branded-sm, .h1-branded-1pt5, .h1-branded-tms {
    margin: 0;
    font-size: 1.5rem !important;
}

.h3-branded, .h2-branded-sm {
    margin: 0;
    font-size: 1.25rem !important;
}

.ddl-branded {
    font-size: 1rem !important;
    height: 2.2rem;
    max-height: 2.5rem;
    /* Optional: perfectly center the text vertically */
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.ddl-branded-sm {
    font-size: .85rem !important;
    height: 1.9rem;
    max-height: 2.1rem;
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.pt-pt5rem, .py-pt5rem {
    padding-top: .5rem;
}

.pt-1rem, .py-1rem {
    padding-top: 1rem;
}

.pt-2rem, .py-2rem {
    padding-top: 2rem;
}

.pb-pt5rem, .py-pt5rem {
    padding-bottom: .5rem;
}

.pb-1rem, .py-1rem {
    padding-bottom: 1rem;
}

.pb-2rem, .py-2rem {
    padding-bottom: 2rem;
}

.pr-1rem, .px-1rem {
    padding-right: 1rem;
}

.pr-2rem, .px-2rem {
    padding-right: 2rem;
}

.pl-1rem, .px-1rem {
    padding-left: 1rem;
}

.pl-2rem, .px-2rem {
    padding-left: 2rem;
}

.deco-none {
    text-decoration: none !important;
}

/* Blue color scheme */
.bg-co-blue, .card-header.bg-co-blue {
    background-color: #001970 !important;
}

.txt-white, .btn-bha-clear:hover, .btn-bha-pale-blue:hover, .navi-link-co-white, .btn-bha-pale-red:hover {
    color: #ffffff !important;
}

    .txt-co-blue, .link-co-blue, .btn-bha-clear, .navi-link-co-white:hover {
        color: #001970;
    }

        .link-co-blue, .link-co-blue:hover, .navi-link-co-white, .navi-link-co-white:hover {
            font-weight: bold;
            text-decoration: none;
        }

            .link-co-blue:visited, .link-co-blue:hover {
                color: #000000;
            }

.btn-co-blue {
    background-color: #001970;
    color: #ffffff;
}

    .btn-co-blue:hover {
        background-color: #1B1B1B;
        color: #ffffff;
    }

    .btn-co-blue:active {
        background-color: #DFF0F8;
        color: #000000;
    }

.border-co-blue, .btn-bha-clear, btn-bha-green:hover {
    border: 2px solid #001970;
}

.border-y-co-blue {
    border-top: 2px solid #001970;
    border-bottom: 2px solid #001970;
}

.border-x-co-blue {
    border-left: 2px solid #001970;
    border-right: 2px solid #001970;
}

.form-control-co-blue, .ddl-branded, .ddl-branded-sm {
    border-color: #001970;
}

.form-control-label {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    box-sizing: border-box;
    appearance: none;
    min-height: 2.5rem;
}

.bha-fw-semibold, .details-display {
    font-weight: 600;
}

/* Silver color scheme */
.bg-co-silver, .card-header.bg-co-silver, .card-footer.bg-co-silver {
    background-color: #dcdcdc;
    /*UPDATE orginal  hexa color (too dark)
        background-color: #d0d2d3;*/
}

.txt-co-silver, .link-co-silver {
    color: #dcdcdc;
    /*  
        color: #d0d2d3;*/
}

.border-x-co-silver {
    border-left: 2px solid #dcdcdc;
    border-right: 2px solid #dcdcdc;
}

/* Red-orange color scheme */
.bg-co-red-orange, .card-header.bg-co-red-orange, .card-footer.bg-co-red-orange {
    background-color: #eb6851;
}

.txt-co-red-orange, .link-co-red-orange {
    color: #eb6851;
}

.bg-co-red-orange-dark, .btn-co-red-orange-dark, .card-header.bg-co-red-orange-dark, .card-footer.bg-co-red-orange-dark {
    background-color: #DB371A;
}

.txt-co-red-orange-dark, .link-co-red-orange-dark {
    color: #DB371A;
}

    .link-co-red-orange-dark:visited, .link-co-red-orange-dark:hover {
        color: #000000;
    }

/* Bright blue color scheme */
.bg-bha-bright-blue, .card-header.bg-bha-bright-blue, .btn-bha-bright-blue {
    background-color: #459ADA !important
}

.txt-bha-bright-blue, .link-bha-bright-blue {
    color: #459ADA;
}

    .link-bha-bright-blue, .link-bha-bright-blue:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-bright-blue:visited, .link-bha-bright-blue:hover, .btn-bha-bright-blue:hover {
            color: #000000;
        }

/* Dark blue color scheme */
.bg-bha-dark-blue, .card-header.bg-bha-dark-blue, .btn-bha-dark-blue {
    background-color: #232D64 !important;
}

.txt-bha-dark-blue, .link-bha-dark-blue, .navi-bha-dark-blue {
    color: #232D64;
}

    .link-bha-dark-blue, .link-bha-dark-blue:hover, .navi-bha-dark-blue:hover {
        font-weight: bold;
        text-decoration: none;
    }

/* White color scheme */
.bg-bha-white, .card-header.bg-bha-white, .btn-bha-white, .btn-bha-clear {
    background-color: #FFFFFF;
}

.txt-bha-white, .link-bha-white, .navi-bha-dark-blue:hover, .btn-co-red-orange-dark, .btn-co-red-orange-dark:hover {
    color: #FFFFFF !important;
}

    .link-bha-white, .link-bha-white:hover {
        font-weight: bold;
        text-decoration: none !important;
    }

        .link-bha-white:visited, .link-bha-white:hover, .btn-bha-white:hover {
            color: #888888 !important;
        }


/* Dark grey color scheme */
.bg-bha-dark-grey, .card-header.bg-bha-dark-grey, .btn-bha-dark-grey {
    background-color: #1B1B1B;
}

.txt-bha-dark-grey, .link-bha-dark-grey {
    color: #1B1B1B;
}

.btn-bha-dark-grey:hover {
    background-color: #f5f5f5
}

.link-bha-dark-grey, .link-bha-dark-grey:hover {
    font-weight: bold;
    text-decoration: none;
}

    .link-bha-dark-grey:visited, .link-bha-dark-grey:hover, .btn-bha-dark-grey:hover {
        color: #000000;
    }

/* Black color scheme */
.bg-bha-black, .card-header.bg-bha-black, .btn-bha-black, .bg-hover-blk:hover {
    background-color: #000000;
}

    .btn-bha-black:hover {
        background-color: #dcdcdc;
        color: #000000;
        border: 2px solid black;
    }

.txt-bha-black, .link-bha-black {
    color: #000000;
}

/* HOVER TO BLACK — SELF OR PARENT <a> DRIVES ICON */
.txt-hover-black:hover,
a:hover > .txt-hover-black,
a.txt-hover-black:hover .fa {
    color: #000000 !important;
}

.link-bha-black, .link-bha-black:hover {
    font-weight: bold;
    text-decoration: none;
}

    .link-bha-black:visited, .link-bha-black:hover {
        color: #000000;
    }

/* Teal color scheme */
.bg-bha-teal, .card-header.bg-bha-teal, .btn-bha-teal {
    background-color: #44737E;
}

.txt-bha-teal, .link-bha-teal {
    color: #44737E;
}

    .link-bha-teal, .link-bha-teal:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-teal:visited, .link-bha-teal:hover, .btn-bha-teal:hover {
            color: #000000;
        }

/* Medium blue color scheme */
.bg-bha-medium-blue, .card-header.bg-bha-medium-blue, .btn-bha-medium-blue, .btn-bha-clear:hover, .btn-bha-pale-blue:hover {
    background-color: #3a6595 !important;
}

.txt-bha-medium-blue, .link-bha-medium-blue, .h1-branded-tms {
    color: #3a6595;
}

    .link-bha-medium-blue, .link-bha-medium-blue:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-medium-blue:visited, .link-bha-medium-blue:hover, .btn-bha-medium-blue:hover, .btn-co-blue:hover, .btn-bha-green:hover, .link-bha-dark-blue:visited, .link-bha-dark-blue:hover, .btn-bha-dark-blue:hover {
            color: #000000 !important;
        }

/* Pale blue color scheme */
.bg-bha-pale-blue, .card-header.bg-bha-pale-blue, .btn-bha-pale-blue, .btn-bha-dark-blue:hover, .btn-co-blue:hover, .bg-bha-pale-blue-hover:hover {
    background-color: #DFF0F8 !important;
}

.txt-bha-pale-blue, .link-bha-pale-blue {
    color: #DFF0F8;
}

    .link-bha-pale-blue, .link-bha-pale-blue:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-pale-blue:visited, .link-bha-pale-blue:hover {
            color: #000000;
        }

/* Green color scheme */
.bg-bha-green, .card-header.bg-bha-green, .btn-bha-green {
    background-color: #275A35;
}

.txt-bha-green, .link-bha-green {
    color: #275A35;
}

    .link-bha-green, .link-bha-green:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-green:visited, .link-bha-green:hover, .btn-bha-green:hover {
            color: #000000;
        }

.btn-bha-green {
    background-color: #275A35;
    color: white;
}

    .btn-bha-green:hover {
        background-color: #1B1B1B;
    }

    .btn-bha-green:active {
        background-color: #DEF1E3;
        color: #000000;
    }

    /* Pale green color scheme */
    .bg-bha-pale-green, .card-header.bg-bha-pale-green, .btn-bha-pale-green, .btn-bha-green:hover {
        background-color: #DEF1E3;
    }

.txt-bha-pale-green, .link-bha-pale-green {
    color: #DEF1E3;
}

    .link-bha-pale-green, .link-bha-pale-green:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-pale-green:visited, .link-bha-pale-green:hover, .btn-bha-pale-green:hover, .btn-bha-yellow {
            color: #000000;
        }

/* Yellow color scheme */
.bg-bha-yellow, .card-header.bg-bha-yellow, .btn-bha-yellow {
    background-color: #FCD006;
}

    .btn-bha-yellow:hover {
        color: #FCD006 !important;
        background-color: #000000 !important;
        border: 2px solid #FCD006 !important;
    }

.txt-bha-yellow, .link-bha-yellow {
    color: #FCD006;
}

    .link-bha-yellow, .link-bha-yellow:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-yellow:visited, .link-bha-yellow:hover {
            color: #000000;
        }

.navi-link-co-yellow {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none !important;
}

    .navi-link-co-yellow:hover {
        color: #FCD006 !important;
        /*text-decoration: underline; Optional: adds a visual cue on hover */
    }

/* Red color scheme */
/* CHECK Color Contrasts re: BHA Brand palatte */
.bg-bha-red, .card-header.bg-bha-red, .btn-bha-red, .btn-bha-pale-red:hover {
    background-color: #C51B31;
}

.txt-bha-red, .link-bha-red {
    color: #C51B31;
}

    .link-bha-red, .link-bha-red:hover {
        font-weight: bold;
        text-decoration: none;
    }

        .link-bha-red:visited, .link-bha-red:hover, .btn-bha-pale-red, .btn-bha-red:hover {
            color: #000000 !important;
        }

.bg-bha-pale-red, .card-header.bg-bha-pale-red, .btn-bha-pale-red, .btn-bha-red:hover {
    background-color: #fbe5e7;
}

/* Font sizes */
.font-pt6rem {
    font-size: .6rem !important;
}

.font-pt8rem {
    font-size: .8rem !important;
}

.font-pt9rem {
    font-size: .9rem !important;
}

.font-1rem {
    font-size: 1rem !important;
}

.font-1pt2rem, .details-display {
    font-size: 1.2rem !important;
}

.font-1pt33rem {
    font-size: 1.33rem !important;
}

.font-1pt5rem {
    font-size: 1.5rem !important;
}

.font-1pt66rem {
    font-size: 1.66rem !important;
}

.font-2rem {
    font-size: 2rem !important;
}

.font-2pt5rem {
    font-size: 2.5rem !important;
}

.font-3rem {
    font-size: 3rem !important;
}

.font-3pt5rem {
    font-size: 3.5rem !important;
}

/* Heights */
.h-1rem {
    height: 1rem;
}

.max-h-1rem {
    max-height: 1rem;
}

.h-1pt5rem {
    height: 1.5rem;
}

.max-h-1pt5rem {
    max-height: 1.5rem;
}

.h-2rem {
    height: 2rem;
}

.max-h-2rem {
    max-height: 2rem;
}

.h-2pt5rem {
    height: 2.5rem;
}

.max-h-2pt5rem {
    max-height: 2.5rem;
}

.h-3rem {
    height: 3rem;
}

.max-h-3rem {
    max-height: 3rem;
}

.h-3pt5rem {
    height: 3.5rem;
}

.max-h-3pt5rem {
    max-height: 3.5rem;
}

.h-5rem {
    height: 5rem;
}

.max-h-5rem {
    max-height: 5rem;
}

/* widths */
.w-1rem {
    width: 1rem;
}

.max-w-1rem {
    max-width: 1rem;
}

.w-1pt5rem {
    width: 1.5rem;
}

.max-w-1pt5rem {
    max-width: 1.5rem;
}

.w-2rem {
    width: 2rem;
}

.max-w-2rem {
    max-width: 2rem;
}

.w-2pt5rem {
    width: 2.5rem;
}

.max-w-2pt5rem {
    max-width: 2.5rem;
}

.w-3rem {
    width: 3rem;
}

.max-w-3rem {
    max-width: 3rem;
}

.w-3pt5rem {
    width: 3.5rem;
}

.max-w-3pt5rem {
    max-width: 3.5rem;
}

.w-5rem {
    width: 5rem;
}

.max-w-5rem {
    max-width: 5rem;
}

.w-7pt5rem {
    width: 7.5rem;
}

.max-w-7pt5rem {
    max-width: 7.5rem;
}

.w-10rem {
    width: 10rem;
}

.max-w-10rem {
    max-width: 10rem;
}

.w-15rem {
    width: 15rem;
}

.max-w-15rem {
    max-width: 15rem !important;
}


/* Button block */
.btn-block {
    display: block;
    width: 100%;
}

.min-width-1-3, .btn-bha-flex {
    min-width: calc(33.333% - 1rem); /*calc width subtract margin*/
}

.min-width-1-3 {
    margin: .5rem;
}




/* ==========================================================================
   BHA BRANDING CUSTOM COMPONENT OVERRIDES (CHECKBOXES & RADIOS)
   ========================================================================== */

/* Base Checkbox Branded Overrides (Mobile / Default Context Tier) */
.cbx-branded,
.cbx-branded input,
.cbx-branded select_border,
.cbx-branded:checked,
.radio-branded {
    width: 1.33rem !important;
    height: 1.33rem !important;
    border-width: 2px !important;
    accent-color: #3a6595 !important;
}

    /* Active Selection States Grouping (Using BHA Medium Blue Accent Scheme) */
    .cbx-branded:checked,
    .radio-branded:checked,
    .radio-branded input[type="radio"]:checked,
    .form-check-input[type="radio"]:checked {
        color: white;
        background-color: #3a6595 !important;
        border-color: #3a6595 !important;
        accent-color: #3a6595 !important;
    }

    .cbx-branded,
    .cbx-branded input,
    .cbx-branded:checked {
        background-size: 1.50rem !important;
    }

.radio-branded {
    margin-left: 1rem;
    margin-right: 1rem;
}





/* ==========================================================================
   RESPONSIVE DESIGN MEDIA QUERIES (TABLET TIER: 768px+)
   ========================================================================== */
@media (min-width: 768px) {
    .co-w-md-50,
    .btn-bha-flex {
        width: 50% !important;
    }

    .co-w-md-66 {
        width: 66.667% !important;
    }

    .co-w-md-75 {
        width: 75% !important;
    }

    .co-w-md-80 {
        width: 80% !important;
    }

    .co-w-md-85 {
        width: 85% !important;
    }

    .txt-md-end {
        display: flex;
        justify-content: flex-end;
    }

    .w-md-5rem {
        width: 5rem;
    }

    .max-w-md-5rem {
        max-width: 5rem;
    }

    .w-md-7pt5rem {
        width: 7.5rem;
    }

    .max-w-md-7pt5rem {
        max-width: 7.5rem;
    }

    .w-md-10rem {
        width: 10rem;
    }

    .max-w-md-10rem {
        max-width: 10rem;
    }

    .w-md-15rem {
        width: 15rem;
    }

    .max-w-md-15rem {
        max-width: 15rem !important;
    }







    /* Accessibility screen-reader visibility constraints fallback */
    .visually-hidden,
    .sr-only {
        position: absolute !important;
        height: 1px;
        width: 1px;
        margin: -1px !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
    }
}


/* ==========================================================================
   RESPONSIVE DESIGN MEDIA QUERIES (DESKTOP TIER: 992px+)
   ========================================================================== */
@media (min-width: 992px) {
    .co-w-lg-33,
    .btn-bha-flex {
        width: 33% !important;
    }

    .co-w-lg-50 {
        width: 50% !important;
    }

    .co-w-lg-66 {
        width: 66.667% !important;
    }

    .co-w-lg-75 {
        width: 75% !important;
    }

    .co-w-lg-80 {
        width: 80% !important;
    }

    .co-w-lg-85 {
        width: 85% !important;
    }

    .txt-md-end {
        text-align: right;
    }

    fieldset {
        overflow: hidden;
    }

    /* Desktop Upscaling: Expanded Checkbox Sizing */
    .cbx-branded,
    .cbx-branded input,
    .cbx-branded .select_border,
    .cbx-branded .checked {
        width: 1.33rem !important;
        height: 1.33rem !important;
        background-size: 1.5rem !important;
        border-width: 3px !important;
        accent-color: #3a6595 !important;
    }

    /* Desktop Upscaling: Expanded Radio Input Spacing */
    .rad-branded input,
    .rad-branded input[type="radio"] {
        width: 1.33rem !important;
        height: 1.33rem !important;
        margin-left: 1rem;
    }

    /* --- CROSS-TABULAR DATA WRAPPERS (LEGACY COMPATIBILITY) --- */

    /* Legacy Web Forms Radio Cross Alignment Blocks */
    .radio-align {
        float: left;
        clear: none;
    }

        .radio-align td {
            white-space: nowrap;
        }

        .radio-align label {
            display: inline-block !important;
            float: none;
            clear: none;
            vertical-align: middle;
            white-space: pre-wrap;
            padding: 0px 1rem 0px 0px;
        }

        .radio-align input[type=radio],
        .radio-align input.radio {
            display: inline-block !important;
            float: none;
            clear: none;
            vertical-align: middle;
            margin: 2px 0 0 2px;
        }

    /* Legacy Web Forms Checkbox Cross Alignment Blocks */
    .cbx-align {
        float: left;
        clear: none;
    }

        .cbx-align td {
            white-space: nowrap;
        }

        .cbx-align label {
            display: inline-block !important;
            float: none;
            clear: none;
            vertical-align: middle;
            white-space: pre-wrap;
            padding: 0px 1rem 0px .33rem;
        }

        .cbx-align input[type=checkbox],
        .cbx-align input.checkbox {
            display: inline-block !important;
            float: none;
            clear: none;
            vertical-align: middle;
            margin: 2px 0 0 2px;
        }
}

/* ==========================================================================
   CO TREATMENT TABS — BHA BRAND, STATE VIA .active (WAI-ARIA SAFE)
   ========================================================================== */

/* INACTIVE TAB — CO-SILVER */
.nav-tabs .nav-link.tab-co {
    background-color: #dcdcdc;
    color: #1B1B1B;
    font-weight: 400;
    border-bottom: 1px solid #001970;
}

    /* ACTIVE TAB — CO-BLUE ON WHITE */
    .nav-tabs .nav-link.tab-co.active,
    .nav-tabs .nav-link.tab-co[aria-selected="true"] {
        background-color: #FFFFFF;
        color: #001970;
        font-weight: 700;
        border-top: 2px solid #001970;
        border-bottom-color: transparent;
    }

    /* HOVER — PALE BLUE */
    .nav-tabs .nav-link.tab-co:not(.active):hover {
        color: #001970;
        background-color: #DFF0F8;
    }

    /* FOCUS RING — WCAG 2.4.7 */
    .nav-tabs .nav-link.tab-co:focus-visible {
        outline: 2px solid #3a6595;
        outline-offset: -2px;
        box-shadow: none;
    }

/* ============================================================
   Kendo ComboBox toggle button (ICD-10 diagnosis search, etc.)
   Client: default gray toggle reads as "disabled" even when enabled.
   Recolor the expand/caret button to bha-medium-blue (#3a6595);
   black background on hover/focus for clear affordance.
   ============================================================ */

/* The dropdown toggle (caret) button rendered by Kendo */
.k-combobox .k-input-button.k-button,
.k-dropdownlist .k-input-button.k-button,
.k-picker .k-input-button.k-button {
    background-color: #3a6595 !important;
    background-image: none !important;
    border-color: #001970 !important;
    color: #ffffff !important;
}

    /* Caret icon inherits white so it reads against the blue */
    .k-combobox .k-input-button.k-button .k-icon,
    .k-combobox .k-input-button.k-button .k-svg-icon,
    .k-picker .k-input-button.k-button .k-icon,
    .k-picker .k-input-button.k-button .k-svg-icon {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    /* Hover / focus / active: black background per client request */
    .k-combobox .k-input-button.k-button:hover,
    .k-combobox .k-input-button.k-button:focus,
    .k-combobox .k-input-button.k-button.k-focus,
    .k-combobox .k-input-button.k-button:active,
    .k-picker .k-input-button.k-button:hover,
    .k-picker .k-input-button.k-button:focus,
    .k-picker .k-input-button.k-button.k-focus,
    .k-picker .k-input-button.k-button:active {
        background-color: #000000 !important;
        border-color: #000000 !important;
        color: #ffffff !important;
    }

        .k-combobox .k-input-button.k-button:hover .k-svg-icon,
        .k-combobox .k-input-button.k-button:focus .k-svg-icon,
        .k-picker .k-input-button.k-button:hover .k-svg-icon,
        .k-picker .k-input-button.k-button:focus .k-svg-icon {
            color: #ffffff !important;
            fill: #ffffff !important;
        }

/* Make the input body clearly "enabled": white field, defined border.
   (Fixes the washed-out look the client flagged.) */
.k-combobox .k-input.k-input-solid,
.k-combobox .k-input-inner,
.k-picker.k-picker-solid {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-combobox .k-input.k-input-solid {
    border-color: #001970 !important;
    border-width: 1px !important;
}

/* Match the darker neighbor-dropdown border on the whole picker wrapper too,
   so the combobox ring reads at the same weight/color as ddl-branded (#001970). */
.k-combobox.k-input,
.k-combobox .k-input-solid,
.k-picker.k-picker-solid {
    border: 1px solid #001970 !important;
}

/* Preserve a genuine disabled state so it still reads as disabled when it IS */
.k-combobox.k-disabled .k-input-button.k-button,
.k-picker.k-disabled .k-input-button.k-button {
    background-color: #b5b5b5 !important;
    border-color: #b5b5b5 !important;
}