/* 
OLMSTED COUNTY CORE COLORS
--------------------------
#8e2a1e - Maroon
#9ea0a3 - Stone
#5a5b5d - Charcoal
#000000 - Black

OLMSTED COUNTY ACCENT COLOR PALETTE
----------------------------------
#004d71 - Blue
#be6a19 - Orange
#fec057 - Yellow
#718137 - Green
#f8f4e5 - Off White

OLMSTED COUNTY NEUTRALS
-----------------------
#928884 - Medium Gray
#a49e99 - Gray
#ded3ce - Light Gray
*/


/* CORE COLOR BACKGROUNDS */
.olmstedCoreMaroonBkgr {
    background-color: #8e2a1e;
}

.olmstedCoreStoneBkgr {
    background-color: #9ea0a3;
}

.olmstedCoreCharcoalBkgr {
    background-color: #5a5b5d;
}

.olmstedCoreBlackBkgr {
    background-color: #000000;
}

/* ACCENT COLOR BACKGROUNDS */
.olmstedAccentBlueBkgr {
    background-color: #004d71;
}

.olmstedAccentOrangeBkgr {
    background-color: #be6a19;
}

.olmstedAccentYellowBkgr {
    background-color: #fec057;
}

.olmstedAccentGreenBkgr {
    background-color: #718137;
}

.olmstedAccentOffWhiteBkgr {
    background-color: #f8f4e5;
}

/* NEUTRAL COLOR BACKGROUNDS */
.olmstedNeutralMediumGrayBkgr {
    background-color: #928884;
}

.olmstedNeutralConcreteBkgr {
    background-color: #a49e99;
}

.olmstedNeutralPeachBkgr {
    background-color: #ded3ce;
}



/* CORE COLORS */
.olmstedCoreMaroon {
    color: #8e2a1e;
}

.olmstedCoreStone {
    color: #9ea0a3;
}

.olmstedCoreCharcoal {
    color: #5a5b5d;
}

.olmstedCoreBlack {
    color: #000000;
}

/* ACCENT COLORS */
.olmstedAccentBlue {
    color: #004d71;
}

.olmstedAccentOrange {
    color: #be6a19;
}

.olmstedAccentYellow {
    color: #fec057;
}

.olmstedAccentGreen {
    color: #718137;
}

.olmstedAccentOffWhite {
    color: #f8f4e5;
}

/* NEUTRAL COLORS */
.olmstedNeutralMediumGray {
    color: #928884;
}

.olmstedNeutralConcrete {
    color: #a49e99;
}

.olmstedNeutralPeach {
    color: #ded3ce;
}



h1 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
}

h2 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
}

h3 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
}

h4 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
}

h5 {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
}

p {
    font-family: myriad-pro, Verdana, Arial, sans-serif;
    font-weight:400;
}










/*/////// CUSTOM BOOTSTRAP BUTTONS ///////*/

/* MAROON BUTTON */
.btn-olmstedMaroon {
    background-color: #8e2a1e;
    border-color: #811d11;
    color: #FFFFFF;
}

    .btn-olmstedMaroon:hover,
    .btn-olmstedMaroon:focus,
    .btn-olmstedMaroon:active,
    .btn-olmstedMaroon.active {
        background-color: #7e1a0e;
        border-color: #660200;
        color: #FFFFFF;
    }

    .btn-olmstedMaroon.disabled:hover,
    .btn-olmstedMaroon.disabled:focus,
    .btn-olmstedMaroon.disabled:active,
    .btn-olmstedMaroon.disabled.active,
    .btn-olmstedMaroon[disabled]:hover,
    .btn-olmstedMaroon[disabled]:focus,
    .btn-olmstedMaroon[disabled]:active,
    .btn-olmstedMaroon[disabled].active,
    fieldset[disabled] .btn-olmstedMaroon:hover,
    fieldset[disabled] .btn-olmstedMaroon:focus,
    fieldset[disabled] .btn-olmstedMaroon:active,
    fieldset[disabled] .btn-olmstedMaroon.active {
        background-color: #8e2a1e;
        border-color: #811d11;
        color: #FFFFFF;
    }


/* BLUE BUTTON */
.btn-olmstedBlue {
    background-color: #004d71;
    border-color: #004064;
    color: #FFFFFF !important;
}

    .btn-olmstedBlue:hover,
    .btn-olmstedBlue:focus,
    .btn-olmstedBlue:active,
    .btn-olmstedBlue.active {
        background-color: #003d61;
        border-color: #002549;
        color: #FFFFFF;
    }

    .btn-olmstedBlue.disabled:hover,
    .btn-olmstedBlue.disabled:focus,
    .btn-olmstedBlue.disabled:active,
    .btn-olmstedBlue.disabled.active,
    .btn-olmstedBlue[disabled]:hover,
    .btn-olmstedBlue[disabled]:focus,
    .btn-olmstedBlue[disabled]:active,
    .btn-olmstedBlue[disabled].active,
    fieldset[disabled] .btn-olmstedBlue:hover,
    fieldset[disabled] .btn-olmstedBlue:focus,
    fieldset[disabled] .btn-olmstedBlue:active,
    fieldset[disabled] .btn-olmstedBlue.active {
        background-color: #004d71;
        border-color: #004064;
        color: #FFFFFF;
    }


/* GREEN BUTTON */
.btn-olmstedGreen {
    background-color: #718137;
    border-color: #64742a;
    color: #FFFFFF;
}

    .btn-olmstedGreen:hover,
    .btn-olmstedGreen:focus,
    .btn-olmstedGreen:active,
    .btn-olmstedGreen.active {
        background-color: #617127;
        border-color: #49590f;
        color: #FFFFFF;
    }

    .btn-olmstedGreen.disabled:hover,
    .btn-olmstedGreen.disabled:focus,
    .btn-olmstedGreen.disabled:active,
    .btn-olmstedGreen.disabled.active,
    .btn-olmstedGreen[disabled]:hover,
    .btn-olmstedGreen[disabled]:focus,
    .btn-olmstedGreen[disabled]:active,
    .btn-olmstedGreen[disabled].active,
    fieldset[disabled] .btn-olmstedGreen:hover,
    fieldset[disabled] .btn-olmstedGreen:focus,
    fieldset[disabled] .btn-olmstedGreen:active,
    fieldset[disabled] .btn-olmstedGreen.active {
        background-color: #718137;
        border-color: #64742a;
        color: #FFFFFF;
    }


/* CHARCOAL BUTTON */
.btn-olmstedCharcoal {
    background-color: #5a5b5d !important;
    border-color: #4d4e50 !important;
    color: #FFFFFF !important;
}

    .btn-olmstedCharcoal:hover,
    .btn-olmstedCharcoal:focus,
    .btn-olmstedCharcoal:active,
    .btn-olmstedCharcoal.active {
        background-color: #4a4b4d;
        border-color: #323335;
        color: #FFFFFF;
    }

    .btn-olmstedCharcoal.disabled:hover,
    .btn-olmstedCharcoal.disabled:focus,
    .btn-olmstedCharcoal.disabled:active,
    .btn-olmstedCharcoal.disabled.active,
    .btn-olmstedCharcoal[disabled]:hover,
    .btn-olmstedCharcoal[disabled]:focus,
    .btn-olmstedCharcoal[disabled]:active,
    .btn-olmstedCharcoal[disabled].active,
    fieldset[disabled] .btn-olmstedCharcoal:hover,
    fieldset[disabled] .btn-olmstedCharcoal:focus,
    fieldset[disabled] .btn-olmstedCharcoal:active,
    fieldset[disabled] .btn-olmstedCharcoal.active {
        background-color: #5a5b5d;
        border-color: #4d4e50;
        color: #FFFFFF;
    }

.nav-link-right {
    color: #ddd !important;
}


.mr-auto-right-justify {
    margin-left: auto !important;
}

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.nav.flex-column.nav-pills.me-3 > .nav-link.active {
    background-color: #004d71;
    border-color: #004064;
    color: #FFFFFF;
}

form {
    width: 100%;
}

.testBanner {
    font-size: x-large;
    font-weight: bold;
    border: 2px solid black;
    position: fixed;
    top: 0;
    right: 0;
    transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
    color: #fff;
    text-align: center;
    width: var(--w);
    transform-origin: bottom left;
    padding: 5px 0 calc(var(--d) + 5px);
    background: linear-gradient(rgba(0,0,0,0.6) 0 0) bottom/100% var(--d) no-repeat var(--c);
    clip-path: polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)));
    --d: 0px;
    --w: 200px;
    --c: red;
    z-index: 99999999;
}


.footer {
    width:75%;
    text-align: center;
    flex-shrink: 0;
    bottom: 0;
    position:fixed;
}
/* OLMSTED CUSTOM PAGINATION STYLES */
.olmstedPager {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; /* optional for spacing instead of margin */
}

    .olmstedPager .page-item {
        height: 48px; /* consistent height */
        display: flex;
        align-items: center;
    }

    .olmstedPager .page-link {
        white-space: nowrap; /* prevent text wrap */
        overflow: hidden; /* hide overflow if needed */
        text-overflow: ellipsis; /* add "..." if text is clipped */
        font-size: 0.875rem; /* slightly smaller font */
        font-weight: bold;
        padding: 0.5rem 1rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f8f4e5; /* Off white */
        color: #004d71; /* Accent blue */
        border: 1px solid #004d71;
    }

        .olmstedPager .page-link:hover {
            background-color: #004d71;
            color: white;
            border-color: #003d61;
        }

    .olmstedPager .page-item.active .page-link {
        background-color: #004d71;
        color: #fff;
        border-color: #003d61;
    }

    .olmstedPager .page-item.disabled .page-link {
        background-color: #ded3ce; /* Light gray */
        color: #a49e99; /* Gray */
        border-color: #ded3ce;
    }

    /* Hideable utility class */
    .olmstedPager .page-item.hidden {
        display: none !important;
    }

    .validation-warning {
        color: #e67e22; /* warning orange */
        font-size: 1rem;
        vertical-align: middle;
    }