/* matches bootstrap _overrides.scss  */
:root {
    --teal: #4b978f;
    --light-teal: #88c0bf;
    --light-cream: #f3f1dc;
    --light-gray: #f3f4f6;
    --mid-gray: #adb5bd;
    --dark-gray: #2f4f4f;
    --purple: #a0859c;
    --success: #4ca863;
    --warning: #c9982b;
    --danger: #f44336;
    --minimum: #19875d;
    --moderate: #fd9114;
    --comprehensive: #81befd;
    --minimum-hover: #22ba80;
    --moderate-hover: #ffb259;
    --comprehensive-hover: #81befd;
}

@font-face {
    font-family: Montserrat;
    /* 
       Static font file:
       Each style/weight is a separate file.
       
       Variable Weight Axis font file:
       Packaged with a variable weight axis (wght) file contains the whole weight range from 100 to 900 as a variable font.
       This allows us to use a single font file for all weights, reducing the number of HTTP requests and improving performance.
       Variable Font with WOFF2 support is not yet widely supported across browsers, so we are using the TTF version for now.
       
       Variable font file:
       Replaces multiple static font files. You can pick any weight between 100–900, any width, italic, optical size, etc.
       This enables smooth transitions, dynamic UI adjustments, and responsive typography.
    */
    src: url('Montserrat/Montserrat[wght].woff2') format('woff2'), url('Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype'); font-weight: 600; */
    /*src: url('Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');*/
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url('OpenSans/OpenSans-VariableFont_wdth_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: OpenSans, sans-serif;
    min-height: 100vh;
}


h1:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, sans-serif;
    color: var(--teal);
}

    h1:focus {
        outline: none;
    }

label {
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 0.2rem !important; /*NJR: For Labels with User Inputs */
}

    label.disabled {
        pointer-events: none;
    }

.logo {
    width: 2.0rem; /* Same as Web App */
}

.montserrat {
    font-family: Montserrat, sans-serif;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn[disabled] {
  cursor: not-allowed;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.html, body {
}

/* Browsers, by default, have their option to print background-colors and images turned off. */
* {
    -webkit-print-color-adjust: exact; /* Chrome, Safari 6 – 15.3, Edge */
    print-color-adjust: exact; /* Firefox 97+, Safari 15.4+ */
}

@media print {
    @page {
        size: landscape;
        margin: 0;
    }

    html, body {
        justify-content: center;
        align-items: center;
    }

    .report-container {
        zoom: 58%;
    }

    .no-print {
        display: none;
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }