/* 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 {
    width: 100% !important;
}

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

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

.h2-branded {
    margin: 0;
    font-size: 1.5rem !important;
}

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

.ddl-branded {
    font-size: 1rem !important;
    height: 1.8rem !important;
    max-height: 2.1rem;
}

.co-ccar-disable-navi, .co-ccar-disable-navi span {
    display: block;
    float: left;
    height: 2rem !important;
    font-size: 1.2rem !important;
    color: #BFBFBF !important;
    text-decoration: none !important;
    font-weight: bold;
    padding-right: .5rem;
}

.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-medium-blue, .txt-white-hover:hover {
    color: #ffffff !important;
}

.txt-co-blue, .link-co-blue {
    color: #001970;
}

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

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

.inset-shadow, .dark-inset-shadow {
    /*box-shadow: inset 10px 10px 10px rgba(0,0,0,0.7);*/
    box-shadow: rgba(0, 0, 0, 0.7) 3px 3px 11px 0px inset;
}

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

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

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

.border-co-blue, .btn-bha-clear {
    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 {
    border-color: #001970;
}

.form-control-co-green, .btn-bha-green {
    border-color: #275A35;
}

/* Silver color scheme */
.bg-co-silver, .card-header.bg-co-silver, .card-footer.bg-co-silver {
    background-color: #d0d2d3;
}

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

/* 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, .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;
}

.btn-co-silver, .btn-co-blue:disabled, .btn-bha-medium-blue:hover {
    background-color: #d0d2d3;
    color: #000000 !important;
}

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

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

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

.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, .btn-bha-dark-blue-hover:hover {
    background-color: #232D64;
}

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

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

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


.txt-bha-shadow-blue {
    text-shadow: 3px 3px 3px #192063;
}

.txt-bha-shadow-green {
    text-shadow: 3px 3px 3px #1b3f25;
}

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

.txt-bha-white, .link-bha-white, .navi-bha-dark-blue: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;
        }

.border-bha-white {
    border: 2px solid #ffffff !important;
    border-color: #ffffff;
}

.border-y-bha-white {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.border-x-bha-white {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

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

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

    .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;
}

.txt-bha-black, .link-bha-black, .co-label, .btn-co-blue:disabled {
    color: #000000;
}

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

        .link-bha-black:visited, .link-bha-black:hover, .btn-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-medium-blue-hover:hover, .btn-bha-clear:hover {
    background-color: #3a6595;
}

.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 {
            color: #000000;
        }

.border-co-meduim-blue, .btn-bha-medium-blue, .btn-bha-medium-blue:hover {
    border: 2px solid #3a6595;
}

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

.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, .btn-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: #DEF1E3;
    }

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

.border-co-green {
    border: 2px solid #DEF1E3;
}

.border-y-co-green {
    border-top: 2px solid #DEF1E3;
    border-bottom: 2px solid #DEF1E3;
}

.border-x-co-green {
    border-left: 2px solid #DEF1E3;
    border-right: 2px solid #DEF1E3;
}

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

.btn-check:active + .btn-active-pale-green,
.btn-check:checked + .btn-active-pale-green,
.btn-active-pale-green.active,
.btn-active-pale-green.dropdown-toggle.show,
.btn-active-pale-green:active {
    background-color: #DEF1E3;
    color: #000000;
    box-shadow: rgba(255, 255, 255, 0.0) 0px 0px 0px 0px inset;
}

.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 {
            color: #000000;
        }

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

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

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

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

/* Red color scheme */
/* CHECK Color Contrasts re: BHA Brand palatte */
/*#AF182C background with white normal text is not WCAG AAA compliant */
/* WCAG AAA compliant #AF182C background with white normal text */
.bg-bha-red, .card-header.bg-bha-red, .btn-bha-red {
    background-color: #AF182C;
}

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

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

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

/* Font sizes */

.font-pt6rem {
    font-size: .6rem !important;
}

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

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

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

.font-1pt2rem {
    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;
}

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

fieldset {
    overflow: hidden;
}

.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;
        /*display: block;*/
        padding-inline-end: 1.33rem;
        padding-inline-start: .25rem;
    }

    .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;
    }


.cbx-align {
    float: left;
    clear: none;
}

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

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

        .cbx-align input[type=checkbox],
        .cbx-align input.checkbox, .cbx-align td input[type=checkbox],
        .cbx-align td input.checkbox {
            display: inline-block !important;
            float: none;
            clear: none;
            vertical-align: middle;
            margin: 2px 0 0 2px;
            /*turn on to  make chkbx bigger*/
            /*    width: 1rem;
        height: 1rem;*/
        }

.cbx-branded, .cbx-branded input, .cbx-branded .select_border, .cbx-branded .checked {
    width: 1.2rem !important;
    height: 1.2rem !important;
    background-size: 1.33rem !important;
    border-width: 2px !important;
    accent-color: #3a6595 !important;
}



@media (min-width: 768px) {
    .txt-md-end {
        display: flex;
        justify-content: flex-end;
    }
}

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


.min-width-1-3 {
    min-width: calc(33.333% - 10px);
    margin: .5rem;
}


@media (min-width: 768px) {
    .co-w-md-50 {
        width: 50% !important;
    }

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

@media (min-width: 992px) {
    .co-w-lg-50 {
        width: 50% !important;
    }

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


    .btn-custom-block {
        display: block;
        width: 100%;
    }


    .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;
    }
}