/* input(3,1): run-time error CSS1019: Unexpected token, found '@import'
input(3,9): run-time error CSS1019: Unexpected token, found 'url(../lib/bootstrap/dist/css/bootstrap.min.css?v=3jJexPaiDmFyvMKuDSheWObl1HM)'
input(3,88): run-time error CSS1019: Unexpected token, found 'layer('
input(3,98): run-time error CSS1025: Expected comma or open brace, found ')'
input(4,1): run-time error CSS1019: Unexpected token, found '@import'
input(4,9): run-time error CSS1019: Unexpected token, found 'url(fonts.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk)'
input(4,54): run-time error CSS1019: Unexpected token, found 'layer('
input(4,65): run-time error CSS1025: Expected comma or open brace, found ')'
input(5,1): run-time error CSS1019: Unexpected token, found '@import'
input(5,9): run-time error CSS1019: Unexpected token, found 'url(slider.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk)'
input(5,55): run-time error CSS1019: Unexpected token, found 'layer('
input(5,71): run-time error CSS1025: Expected comma or open brace, found ')'
input(6,1): run-time error CSS1019: Unexpected token, found '@import'
input(6,9): run-time error CSS1019: Unexpected token, found 'url(SmallRadio.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk)'
input(6,59): run-time error CSS1019: Unexpected token, found 'layer('
input(6,75): run-time error CSS1025: Expected comma or open brace, found ')'
input(7,1): run-time error CSS1019: Unexpected token, found '@import'
input(7,9): run-time error CSS1019: Unexpected token, found 'url(Select.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk)'
input(7,55): run-time error CSS1019: Unexpected token, found 'layer('
input(7,71): run-time error CSS1025: Expected comma or open brace, found ')' */
@layer base, fonts, components;

@import url(../lib/bootstrap/dist/css/bootstrap.min.css?v=3jJexPaiDmFyvMKuDSheWObl1HM) layer(base);
@import url(fonts.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk) layer(fonts);
@import url(slider.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk) layer(components);
@import url(SmallRadio.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk) layer(components);
@import url(Select.css?v=Y6fcppWYt5Gk8vvNM-6-f1PTXnk) layer(components);

:root {
    --top-nav-height: 100px;
    --background-dark-blue: #006298;
}

.brand-header {
    height: var(--top-nav-height);
}

    .brand-header nav {
        background: white;
    }

.navigation {
    top: var(--top-nav-height);
}

#topNav {
    box-shadow: 0 2px 5px rgba(37,50,58,0.2);
}

.favicon {
    max-height: 20px;
}

.navbar-brand {
    display: block;
}

footer {
    background-color: var(--background-dark-blue);
    color: white;
}

.form-group {
    margin-bottom: 1em;
    /* This allows the box-shadow of focused inputs to not get cut off */
    padding: 0.25em;
}

#LoginForm {
    width: 25em;
}

*:user-invalid {
    border-color: red;
}

.form-floating.masked .mask {
    position: absolute;
    transform: scale(.85) translateY(1.9rem) translateX(.4rem);
    z-index: 1;
    color: rgba(var(--bs-body-color-rgb), .65);
}

.form-floating.masked label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.form-floating.masked input {
    padding-left: 75px;
}

input.spinnerless::-webkit-outer-spin-button,
input.spinnerless::-webkit-inner-spin-button {
    display: none;
    margin: 0;
}

.field-validation-error {
    color: red;
}

#alertContainer {
    position: fixed;
    top: 74px;
    width: 68%;
    z-index: 9999;
    left: 16%;
}

    #alertContainer .alert {
        border-radius: 0;
        margin: 0;
        border-bottom: none;
    }

        #alertContainer .alert:first-of-type {
            border-top-left-radius: var(--bs-alert-border-radius);
            border-top-right-radius: var(--bs-alert-border-radius);
        }

        #alertContainer .alert:last-of-type {
            border-bottom-left-radius: var(--bs-alert-border-radius);
            border-bottom-right-radius: var(--bs-alert-border-radius);
            border-bottom: var(--bs-alert-border);
        }

/* Adjusts the conditional to line up with the edge of form-floating controls */
fieldset:not(:disabled) > div.conditional {
    margin-left: var(--bs-border-radius);
    padding: 0.5em 1em;
    margin-right: -1em;
}

/* Temporary placeholder for submitting forms. Do not keep this for production. */
.is-submitting, .is-submitting * {
    background: rgb(178, 178, 178);
}

#Signature {
    border: 1px solid gray;
    width: 500px;
    height: 250px;
}

div.autoComplete_wrapper {
    display: block;
}

    div.autoComplete_wrapper ul {
        overflow: auto;
    }

.form-control:focus-within:has(.form-check-inline) {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}