/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    --scrollbar-height: calc(100vh - 100%)
}

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


@page {
    size: auto;
}

.modal {
    z-index: 20002;
}

.modal-backdrop {
    z-index: 20001;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 20002 !important
}

.thinrows > * > tr > * {
    padding-top: 0;
    padding-bottom: 0;
}

.thinrows > tr > td {
    padding-left: 6px;
}

.thinrows > tr > th, .mud-simple-table table > tr > th, .mud-simple-table table > tr > td {
    padding: 0 6px 0 6px;
}

.img-fluid.no-border {
    border-bottom: 0 !important;
}

strong.no-border {
    border-bottom: 0 !important;
}

@media only screen {
    .header-space {
        margin-top: 1.6rem;
        margin-bottom: 3rem;
    }
}

@media only print {
    .header-space {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mud-main-content {
        padding-top: .5rem;
    }
}

.sticky {
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
    z-index: 20000;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.truncate {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cursor-hand {
    cursor: pointer;
}

.box-100pct {
    width: 80vw;
    max-height: 79vh;
    overflow: auto;
}

.small-datetime {
    height: 25px;
}

.alex-maroon3 {
    font-family: 'Alex Brush', cursive !important;
    font-size: 3em;
    line-height: .75em;
    color: #790238;
}

.alex-gold15 {
    font-family: 'Alex Brush', cursive !important;
    font-size: 1.5em;
    line-height: .75em;
    color: #a48348;
}

.alex-maroon5 {
    font-family: 'Alex Brush', cursive !important;
    font-size: 5em;
    line-height: .75em;
    color: #790238;
}

.alex-gold2 {
    font-family: 'Alex Brush', cursive !important;
    font-size: 2em;
    line-height: .75em;
    color: #a48348;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
/*  Colors  */
.bg-maroon {
    background-color: #790238 !important;
    color: #EEE;
}

    .bg-maroon a, .bg-maroon a:visited {
        color: #EEE !important;
    }

        .bg-maroon a:hover {
            color: #b0a078 !important;
        }

.btn-maroon {
    background-color: #790238;
    color: #EEE;
}

    .btn-maroon:hover {
        background-color: #CCC;
        color: #333 !important;
    }

    .btn-maroon .mud-button-label {
        justify-content: normal;
    }

.bg-gold {
    background-color: #a48348 !important;
    color: #333;
}

.bg-light-gold {
    background-color: #a8996e !important;
    color: #333;
}

.bg-lightest-gold {
    background-color: #a8996e77 !important;
    color: #333;
}

.btn-gold {
    background-color: #a48348;
    color: #333;
}

    .btn-gold:hover {
        background-color: #333;
        color: #eee !important;
    }

    .btn-gold .mud-button-label {
        justify-content: normal;
    }

.text-maroon {
    color: #790238;
}

.text-gold {
    color: #a48348;
}

.text-dark-gold {
    color: #86713b;
}

.text-light-gold {
    color: #e4d7b5;
}

.text-med-gray {
    color: #CCC !important;
}


.header-maroon {
    background-color: #790238 !important;
    color: #EEE !important;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head.header-maroon-2 tr th {
    background-color: #790238 !important;
}

.header-maroon-2, .header-maroon-2 tr th, .header-maroon-2 tr td {
    background-color: #790238 !important;
    color: #EEE !important;
    border: 1px solid #EEE;
    text-align: center;
}

.header-maroon-2 svg {
    color: #EEE !important;
}

.vert {
    writing-mode: vertical-rl;
    /*text-orientation: sideways;*/
    /*transform: rotate(180deg);*/
}

.lh-sm {
    line-height: 10px;
}

th.rotate {
    height: 150px;
    white-space: nowrap;
    position: relative;
}

    th.rotate > div {
        transform: rotate(-90deg);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 6px;
        margin: auto;
        border-bottom: 0 !important;
        line-height: 0.8rem;
    }

.bg-light-gray {
    background-color: #EEE !important;
}

.bg-med-gray {
    background-color: #CCC !important;
}

.bg-light-green {
    background-color: #d8e4bc !important;
}

.bg-med-green {
    background-color: #e9f3d2 !important;
}

.bg-light-blue {
    background-color: #e3ecfc !important;
}

.bg-med-blue {
    background-color: #d2ddf3 !important;
}


.resp-green {
    background-color: lawngreen !important;
}

.resp-amber {
    background-color: gold !important;
}

.resp-red {
    background-color: red !important;
}

.resp-blue {
    background-color: blue !important;
    color: #EEE !important;
}

.resp-white {
    background-color: white !important;
}

.thick {
    border-width: 2px !important;
}

.thick-right {
    border-right: solid !important;
}

.thick-top {
    border-top: solid !important;
}

.thick-bottom {
    border-bottom: solid !important;
}

.gold-bar {
    line-height: 10px !important;
    border: 1px solid #333;
}

.showrows-5 {
    height: 10em;
}

.table-lh-med0 {
    line-height: 1.92em;
}

.table-lh-med {
    line-height: 2em;
}

.font-size-65 {
    font-size: .65rem;
}

.font-size-70 {
    font-size: .7rem;
}

.font-size-80 {
    font-size: .8rem;
}

.font-size-90 {
    font-size: .9rem;
}

.font-size-95 {
    font-size: .95rem;
}

.font-size-100 {
    font-size: 1.0rem;
}

.font-size-105 {
    font-size: 1.05rem;
}

.font-size-110 {
    font-size: 1.1rem;
}

.font-size-115 {
    font-size: 1.15rem;
}


.font-size-120 {
    font-size: 1.20rem;
}

.font-size-125 {
    font-size: 1.25rem;
}

.font-size-150 {
    font-size: 1.5rem;
}

.font-size-175 {
    font-size: 1.75rem;
}

.font-size-200 {
    font-size: 2.0rem;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: var(--mud-typography-default-family);
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    background-color: #a48348;
    color: #FFF;
    text-align: right;
}

.border-med {
    border-color: #AAA !important;
}

.badge-med {
    color: #212529;
    background-color: #AAA;
}

    .badge-med[href]:hover, .badge-light[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #AAA;
    }

.selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 0;
}

    .selectable li {
        margin: 0;
        padding: 1px;
        float: left;
        width: 40px;
        height: 30px;
        text-align: center;
    }


.selectable-header {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 0;
}

    .selectable-header li {
        margin: 0;
        padding: 1px;
        float: left;
        width: 40px;
        height: 30px;
        text-align: center;
    }

.selectable .ui-selecting {
    background: #FECA40;
    border: 1px dashed black;
    font-weight: bold;
}

.selectable .ui-selected {
    background: #F39814;
    color: white;
    border: 2px solid black;
}


/* Form Creation */

.droppable {
    height: 528px;
    width: 384px;
    background: rgba(0, 0, 0, .05);
    border-top: 48px solid #DDD;
    border-bottom: 48px solid #DDD;
    border-left: 48px solid #DDD;
    border-right: 46px solid #DDD;
    margin: 48px;
}

.draggable {
    width: 200px;
    height: 30px;
    background: rgb(255, 255, 255);
    border: 1px solid #DDD;
}

.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 33% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

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

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 67% !important;
}

.w-70 {
    width: 70% !important;
}

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

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

.w-90 {
    width: 90% !important;
}

.pre-wrap {
    white-space: pre-wrap !important;
}

.h-COVID {
    min-height: 80vh;
}

    .h-COVID .bg-maroon {
        min-height: 350px;
    }

    .h-COVID div .bg-white {
        min-height: 275px;
    }

    .h-COVID ol {
        counter-reset: my-awesome-counter;
        list-style: none;
        padding-left: 40px;
    }

        .h-COVID ol li {
            margin: 0 0 0.5rem 0;
            counter-increment: my-awesome-counter;
            position: relative;
        }

            .h-COVID ol li::before {
                content: counter(my-awesome-counter);
                color: #eee;
                font-size: 1.25rem;
                font-weight: bold;
                position: absolute;
                --size: 32px;
                left: calc(-1 * var(--size) - 10px);
                line-height: var(--size);
                width: var(--size);
                height: var(--size);
                top: 0;
                background: #790238;
                border-radius: 50%;
                text-align: center;
                box-shadow: 1px 1px 0 #999;
            }


/*#region Width Extensions */
@media (min-width: 576px) {
    .w-sm-25 {
        width: 25% !important;
    }

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

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

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }
}

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

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

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

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

    .w-md-auto {
        width: auto !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-auto {
        height: auto !important;
    }
}

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

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

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

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

    .w-lg-auto {
        width: auto !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

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

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

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }
}
/*#endregion */

.checkboxlist {
    height: 250px;
    overflow: auto;
}

.typeAcc {
    line-height: 25px;
    font-size: 1.25em;
    width: 100%;
    text-indent: 10px;
}

    .typeAcc input[type=checkbox], #typeAcc label {
        zoom: 1.25;
    }

.nowrap {
    white-space: normal;
}

.crumb {
    background: none;
    color: #007bff;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
}

    .crumb:hover {
        color: #0062cc;
        text-decoration: underline;
    }


.dropdown-menu {
    z-index: 99999 !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 90%;
        margin-top: -1px;
    }

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: relative;
        right: -5px;
        top: 0;
    }

.submenu-fix {
    text-decoration: none;
    color: #333333;
    line-height: 2.5em;
}

    .submenu-fix:hover {
        text-decoration: none;
        color: #333333;
    }


.box-1 {
    height: 410px;
    overflow: auto;
}

    .box-1 th {
        position: sticky;
        top: 0;
    }

        .box-1 th:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            border-bottom: 1px solid #333;
            border-left: 1px solid #333;
        }

.box-alloc {
    height: calc(100vh - 400px);
    overflow: auto;
}

.box-300 {
    height: 300px;
    overflow: auto;
}

.row2 th {
    position: sticky;
    top: 22px;
}

.bg-highlight1 {
    background-color: #f2eaab !important;
    color: #000;
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 16px;
        height: 16px;
        background-color: #b0a078;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.page-break {
    page-break-after: always;
}

.header {
    position: relative;
}

thead {
    display: table-header-group;
}

input {
    touch-action: manipulation;
}

.table-nostriped tbody tr:nth-of-type(odd) {
    background-color: transparent;
    border: none;
}


.bg-careers {
    background-image: url('/images/Careers/header.png');
    background-position: 0% 50%;
    background-size: cover;
    min-height: 500px;
}

.segoeUI {
    font-family: 'Segoe UI';
    font-size: 1rem;
}

.verdana {
    font-family: Verdana;
    font-weight: 700 !important;
}

input[type='radio'] {
    transform: scale(1.5);
}


.table-bordered-dark > thead > tr > th,
.table-bordered-dark > tbody > tr > th,
.table-bordered-dark > tfoot > tr > th,
.table-bordered-dark > thead > tr > td,
.table-bordered-dark > tbody > tr > td,
.table-bordered-dark > tfoot > tr > td {
    border: 0.5px solid #000000;
}

.bg-beige {
    background-color: #f2efeb;
}

.h-vh-65 {
    height: 65vh;
}

.show-white-space {
    white-space: pre-wrap;
}

.align-bottom-cigna {
    position: absolute;
    bottom: 0px;
    left: 10px;
}

.lh-1 {
    line-height: 1 !important;
}

.table-header-primary {
    background-color: #790238 !important;
    color: #EEE !important;
    border: 1px solid #EEE !important;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

    .badge-success[href]:hover, .badge-success[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34;
    }

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

    .badge-warning[href]:hover, .badge-warning[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00;
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

    .badge-danger[href]:hover, .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130;
    }

#printOnly {
   display : none;
}

@media print {
    #printOnly {
       display : block;
    }
}

.no-bot-border {
    border-bottom: 0 !important;
}

.label-container {
    width: 8.5in;
    margin: .1875in .1875in;
}

.label-94235 {
    /* Avery 5160 labels -- CSS and HTML by MM at Boulder Information Services */
    width: 2.7in; /* plus .6 inches from padding */
    height: 2.25in; /* plus .125 inches from padding */
    padding: .1in .3in 0;
    margin-right: .125in; /* the gutter */

    float: left;
    text-align: center;
    overflow: hidden;
    outline: 1px dotted; /* outline doesn't occupy space like border does */
}

.label-page-break {
    clear: left;
    display: block;
    page-break-after: always;
}

.me-auto {
    color: #790238;
}

.extra-small-checkbox {
    height: 32px
}

div.mud-grid {
   margin-left: 0 !important;
   margin-right: 10px !important;
   width: 100%;
   margin-top: 8px;
}

@media only screen and (max-height: 760px) {
    div .dkb .mud-drawer-content {
        margin-bottom: 100px !important;
    }
}

/** {
    border: 1px solid red;
}*/