/* styles for validation helpers */
.validation-summary-errors {
    padding: 10px 10px 2px 15px;
    margin-bottom: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-weight: bold;
}

.field-validation-error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #a94442;
}

select.input-validation-error {
    border: 1px solid #a94442;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-valid {
    display: none;
}

span.field-validation-error {
    color: #a94442;
}

/* Classes that are used to perform functions.  No formatting. */
.validation-group {
}

.datepicker {
}

/* Styles to work with KUMC layout.  Adjust footer height if necessary. */
#wrap {
    margin: 0 auto -310px;
    padding: 0 0 310px;
}

#footer {
    height: 310px;
}

input[type=text], input[type=password], input[type=submit], input[type=button] {
    padding: 6px 12px 6px 12px;
    margin: 0;
}

.input-group-addon, .input-group-button {
    vertical-align: middle;
}

/* Align radios and checkboxes a little better */
.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] {
    margin-top: 0;
}

/* Make the Bootstrap dropdown menu a little wider.  You can customize per application. */
.open > .dropdown-menu {
    width: 200px;
}

/* Make a table's width fit its content horizontally instead of going across the entire page. */
.table.table-auto {
    width: auto !important;
}

/* Remove the x next to input fields in Internet Explorer 
   We don't want it, because we handle this ourselves. */
::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* Style table captions */
caption {
    font-size: larger;
}

/* Style page headers to have a shorter top margin */
.page-header {
    margin-top: 10px;
}

.navbar {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Put back bottom margin on panels */
.panel {
    margin-bottom: 20px;
}

/* 
    Make plain text align properly with label or other form controls.
    Example: <div class="form-control-static">This is some plain text</div>

*/
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
}

.form-group-condensed {
    margin-bottom: 0;
}

.form-horizontal .control-label {
    text-align: left;
}

/* Styles used for paging-sorting */
.pagination-link {
}

.pagination-previous {
}

.pagination-data-column {
}

.pagination-header-button {
}

.pagination-search-text {
}

.pagination-clear-search-button {
}

.pagination-items-per-page {
}

.pagination-next {
}

.wait-sign {
}

/* styles for admin section*/

.navBackGround {
    background-color: #d6d7d9 !important;
}

.navkumcitempadding {
    padding-left: 20px !important;
}

.flashmessagedisplay {
    display: none !important;
}

.limitresult {
    margin-top: 5px;
    color: lightslategray;
}

.textAlign {
    text-align: left !important;
}

.deletewidth {
    width: auto !important;
}

.CheckboxMargin {
    margin-left: 20px !important;
}

.admintoppadding {
    padding-top: 0 !important;
}

.tablewidthadmin {
    width: 100% !important;
    vertical-align: middle !important;
}

.widthfull {
    width: 100% !important;
}

.widthlimit {
    width: 200px !important;
}

.alertFade {
}

/* Other styles */
.filestyle {
}

.showEntries {
    margin-bottom: 10px !important;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: lightblue;
}

.table-bordered thead td, .table-bordered thead th {
    background-color: #0051ba;
    color: white;
}

.datepicker.dropdown-menu {
    max-height: initial !important;
}

/*///header*/

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

@charset "utf-8";
/* CSS Document */
#skip-to-main {
    position: absolute;
    border: solid 1px #dde5ee;
    background: transparent;
    background-color: #fff;
    border-radius: 4px;
    top: -100%;
    padding: 5px 10px;
    -webkit-appearance: none;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-family: "Raleway";
    font-weight: 500;
    font-size: 1.1rem;
    color: #525757;
}

h2, h4, h6, .h2, .h4, .h6 {
    font-family: "Noto Serif", serif;
    font-weight: bold;
}

h2, .h2 {
    color: #004373;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #424a57;
}

h1, h3, h5, .h1, .h3, .h3 {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 1;
}

/* Header Info */

.header-top {
    background: #003459;
    border-bottom: 2px solid #e8000d;
}

#main-nav {
    background: #0051ba !important;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.mx-2000 {
    /*max-width: 2000px;*/
    margin: 0 auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    line-height: 1.3;
}

h1, .h1 {
    color: #003459;
    height: auto;
    font-size: 2rem;
}

h2 {
    letter-spacing: 0.035em;
    font-size: 1.7rem;
}

h3 {
    font-size: 1.6rem;
}

h1, h3, h5, .h1, .h3, .h3 {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

img.logo-img {
    height: 40px;
}

.tray {
    padding-top: 30px;
    padding-bottom: 30px;
}

footer {
    display: block;
    width: 100%;
    overflow: hidden;
}

.tray.tray--footer .background-image-container {
    height: 100%;
}

.background-image-container {
    width: 100%;
    overflow: hidden;
    position: absolute;
}

    .background-image-container .background-image {
        width: 100%;
        height: 105%;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: -1;
    }

footer .center-content {
    display: flex;
    justify-content: center;
}

.tray--footer .logo--footer {
    margin-top: 50px;
    margin-bottom: 40px;
    width: 235px;
}

.tray--footer .address-container, .tray--footer {
    text-align: center;
    font-size: .95rem;
    line-height: 220%;
}

.copywright-ps-cs {
    font-size: .65rem;
}

.tray--footer {
    color: #fff;
    margin-top: 60px;
    position: relative;
}

    .tray--footer ul {
        text-align: center;
        padding: 0;
        margin: 0;
    }

        .tray--footer ul li {
            color: #fff;
            position: relative;
            display: inline-block;
            margin-right: 16px;
            list-style-type: none;
            font-size: .95rem;
        }

            .tray--footer ul li a {
                color: inherit;
                font-size: .95rem;
            }

            .tray--footer ul li::after {
                position: absolute;
                content: "|";
                right: -13px;
                top: 0;
            }

        .tray--footer ul.social {
            margin: 15px 0;
        }

    .tray--footer ul {
        text-align: center;
        padding: 0;
        margin: 0;
    }

        .tray--footer ul.social li::after {
            content: "";
        }

        .tray--footer ul.social li a {
            display: block;
            border: solid 2px #fff;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            position: relative;
        }

            .tray--footer ul.social li a .fab, .tray--footer ul.social li a .fas {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        .tray--footer ul li:last-of-type::after {
            content: "";
        }

.social li {
    margin-right: 4px !important;
}

    .social li a {
        font-size: 1.2rem !important;
    }

footer a {
    color: #fff;
}

    footer a:hover {
        text-decoration: none;
        color: #fff;
    }

@media (min-width: 992px) {
    .alt-header header[role=banner], .unit-home header[role=banner], .unit-content header[role=banner], .unit-landing header[role=banner] {
        height: 100px;
    }

    header[role=banner] {
        height: 117px;
        border-bottom: solid 5px #e8000e;
    }

    .tray--footer .logo--footer {
        width: 290px;
        margin-top: 70px;
    }
}

@media (min-width: 768px) {
    .tray {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .tray--footer .logo--footer {
        width: 270px;
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .tray--footer ul.social {
        margin: 30px 0;
    }

    .tray--footer .address-container, .tray--footer .copywright-ps-cs {
        text-align: center;
        font-size: .95rem;
        line-height: 200%;
    }
}

@media (min-width: 414px) {
    .tray--footer .logo--footer {
        margin-top: 56px;
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    footer img {
        max-width: 250px;
    }
}



.admin-card {
    background-color: #0051ba !important;
    color: white !important;
    text-align: center !important;
    border: none !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

    .admin-card:hover {
        transform: scale(1.05) !important;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important;
    }


.note-btn-group .dropdown-toggle::after {
    display: none; /* Hides extra arrows */
}

.style1 {
    font-size: 8px; /* Change 14px to your desired size */
}

.special-sup {
    color: red;
    font-size: 10px; /* Adjust the size as needed */
}

.form-check-input {
    transform: scale(1.3);
    margin-right: 5px; /* optional space between checkbox and text */
}

/* make sure the navbar itself sits above the map */
.navbar {
    position: relative; /* ensure it creates its own stacking context */
    z-index: 2000; /* any number > 700 (Leaflet’s popup pane) */
    overflow: visible; /* allow its children (the dropdown) to show */
}

    /* and bump up the dropdown menu specifically */
    .navbar .dropdown-menu {
        position: absolute; /* usually already set by Bootstrap */
        z-index: 3000 !important; /* well above the map layers */
    }
.title {
    padding: 10px;
    text-decoration: none;
    color: midnightblue;
}
    .title-area {
    padding: 10px;
}
/* Raise modal and backdrop above navbar */
.modal {
    z-index: 2100 !important;
}

.modal-backdrop {
    z-index: 2090 !important;
}

/* full width edge-to-edge for this block */
.full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
/* Ensure Summernote modals appear above Bootstrap navbars and modals */
.note-modal {
    z-index: 2100 !important; /* Bootstrap modals use 1050 by default */
}

.note-editor .modal-backdrop,
.note-editor .note-modal-backdrop {
    z-index: 2090 !important;
}

/* Optional: Fix positioning issues if navbar has a fixed top position */
.note-modal {
    position: fixed !important;
    top: 100px !important; /* Adjust if you want more space from top bar */
}

.tray--footer .background-image-container,
.background-image-container {
    pointer-events: none;
}