@import url('/webfiles/css/ndmc-var.css');

.container-3xl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.container-address-max,
.container-sm-max,
.container-md-max,
.container-lg-max,
.container-xl-max,
.container-xxl-max,
.container-3xl-max {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 400px) {
    .container-address {
        max-width: 400px;
    }
}

@media (min-width: 540px) {
}

@media (min-width: 720px) {
}

@media (min-width: 960px) {
}

@media (min-width: 1140px) {
}

@media (min-width: 1320px) {
}

@media (min-width: 1500px) {

    .container-3xl {
        max-width: 1500px;
    }
}

/*Max columns (text stays at defined width)*/

@media (min-width: calc(424px + 3rem)) {
    .container-address-max {
        padding-left: calc((100vw - 424px) * 0.5);
        padding-right: calc((100vw - 424px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(576px + 3rem)) {
    .container-sm-max {
        padding-left: calc((100vw - 576px) * 0.5);
        padding-right: calc((100vw - 576px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(768px + 3rem)) {
    .container-md-max {
        padding-left: calc((100vw - 768px) * 0.5);
        padding-right: calc((100vw - 768px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(992px + 3rem)) {
    .container-lg-max {
        padding-left: calc((100vw - 992px) * 0.5);
        padding-right: calc((100vw - 992px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(1200px + 3rem)) {
    .container-xl-max {
        padding-left: calc((100vw - 1200px) * 0.5);
        padding-right: calc((100vw - 1200px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(1400px + 3rem)) {
    .container-xxl-max {
        padding-left: calc((100vw - 1400px) * 0.5);
        padding-right: calc((100vw - 1400px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: calc(1600px + 3rem)) {
    .container-3xl-max {
        padding-left: calc((100vw - 1600px) * 0.5);
        padding-right: calc((100vw - 1600px) * 0.5);
        margin-left: auto;
        margin-right: auto;
    }
}

/*Border styles*/
.border-style-solid {
    border-style: solid !important;
}

.border-style-dashed {
    border-style: dashed !important;
}

.border-style-dotted {
    border-style: dotted !important;
}

.border-style-double {
    border-style: double !important;
}

.border-style-groove {
    border-style: groove !important;
}

/*Opacity (adds to existing opacity classes)*/
.opacity-90 {
    opacity: 90% !important;
}

.opacity-80 {
    opacity: 80% !important;
}

.opacity-70 {
    opacity: 70% !important;
}

.opacity-60 {
    opacity: 60% !important;
}

.opacity-40 {
    opacity: 40% !important;
}

.opacity-30 {
    opacity: 30% !important;
}

.opacity-20 {
    opacity: 20% !important;
}

.opacity-10 {
    opacity: 10% !important;
}

/*Widths (adds to existing width classes)*/
.w-66 {
    width: 66% !important;
}

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

/*Max widths*/
.mxw-90 {
    max-width: 90% !important;
}

.mxw-80 {
    max-width: 80% !important;
}

.mxw-70 {
    max-width: 70% !important;
}

.mxw-66 {
    max-width: 66% !important;
}

.mxw-60 {
    max-width: 60% !important;
}

.mxw-40 {
    max-width: 40% !important;
}

.mxw-33 {
    max-width: 33% !important;
}

.mxw-30 {
    max-width: 30% !important;
}

.mxw-20 {
    max-width: 20% !important;
}

.mxw-10 {
    max-width: 10% !important;
}

/*Min widths*/
.mnw-90 {
    min-width: 90% !important;
}

.mnw-80 {
    min-width: 80% !important;
}

.mnw-70 {
    min-width: 70% !important;
}

.mnw-66 {
    min-width: 66% !important;
}

.mnw-60 {
    min-width: 60% !important;
}

.mnw-40 {
    min-width: 40% !important;
}

.mnw-33 {
    min-width: 33% !important;
}

.mnw-30 {
    min-width: 30% !important;
}

.mnw-20 {
    min-width: 20% !important;
}

.mnw-10 {
    min-width: 10% !important;
}

/*Alert styles*/
.alert-info-bold {
    background-color: var(--bs-info) !important;
    border-color: hsla(var(--bs-info-hs), 40%, 1) !important;
    color: black !important;
}

.alert-success-bold {
    background-color: var(--bs-success) !important;
    border-color: hsla(var(--bs-success-hs), 21%, 1) !important;
    color: white !important;
}

.alert-warning-bold {
    background-color: var(--bs-warning) !important;
    border-color: hsla(var(--bs-warning-hs), 41%, 1) !important;
    color: black !important;
}

.alert-danger-bold {
    background-color: var(--bs-danger) !important;
    border-color: hsla(var(--bs-danger-hs), 44%, 1) !important;
    color: white !important;
}

.alert-attention {
    background-color: var(--bs-attention-subtle) !important;
    border-color: var(--bs-attention-border-subtle) !important;
    color: hsla(var(--bs-attention-hs) 24%, 1);
}

.alert-attention-bold {
    background-color: var(--bs-attention) !important;
    border-color: hsla(var(--universal-orange-hs), 44%, 1) !important;
    color: white !important;
}

/*Additional link styles*/
.link-attention {
    color: var(--bs-attention) !important;
}

    .link-attention:hover, .link-attention:focus {
        color: hsla(var(--universal-orange-hs), 44%, 1) !important;
    }

/*Additional border colors*/
.border-attention {
    --bs-border-opacity: 1;
    border-color: var(--bs-attention) !important;
}

/*Additional text color*/
.text-attention {
    --bs-text-opacity: 1;
    color: var(--bs-attention) !important;
}

/*Additional background color*/
.bg-attention {
    --bs-bg-opacity: 1;
    background-color: var(--bs-attention) !important;
    color: white !important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: var(--universal-blue) !important;
    color: white !important;
}

.bg-indigo {
    --bs-bg-opacity: 1;
    background-color: var(--universal-indigo) !important;
    color: white !important;
}

.bg-purple {
    --bs-bg-opacity: 1;
    background-color: var(--universal-purple) !important;
    color: white !important;
}

.bg-pink {
    --bs-bg-opacity: 1;
    background-color: var(--universal-pink) !important;
    color: white !important;
}

.bg-red {
    --bs-bg-opacity: 1;
    background-color: var(--universal-red) !important;
    color: white !important;
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color: var(--universal-orange) !important;
    color: white !important;
}

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: var(--universal-yellow) !important;
    color: black !important;
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color: var(--universal-green) !important;
}

.bg-teal {
    --bs-bg-opacity: 1;
    background-color: var(--universal-teal) !important;
}

.bg-cyan {
    --bs-bg-opacity: 1;
    background-color: var(--universal-cyan) !important;
}

.bg-unl-red {
    --bs-bg-opacity: 1;
    background-color: var(--unl-red) !important;
}

.bg-unl-cream {
    --bs-bg-opacity: 1;
    background-color: var(--unl-cream) !important;
}

.bg-unl-gray {
    --bs-bg-opacity: 1;
    background-color: var(--unl-gray) !important;
}

.bg-unl-navy {
    --bs-bg-opacity: 1;
    background-color: var(--unl-navy) !important;
}

.bg-unl-cerulean {
    --bs-bg-opacity: 1;
    background-color: var(--unl-cerulean) !important;
}

.bg-unl-green {
    --bs-bg-opacity: 1;
    background-color: var(--unl-green) !important;
}

.bg-unl-orange {
    --bs-bg-opacity: 1;
    background-color: var(--unl-orange) !important;
}

.bg-unl-lapis {
    --bs-bg-opacity: 1;
    background-color: var(--unl-lapis) !important;
}

.bg-unl-yellow {
    --bs-bg-opacity: 1;
    background-color: var(--unl-yellow) !important;
    color: black !important;
}

.bg-unl-purple {
    --bs-bg-opacity: 1;
    background-color: var(--unl-purple) !important;
}