body, html {
    height: 100%;
    margin: 0;
}

.body-content {
    padding-top: 0;
    padding-bottom: 0;
}
/* Reset custom styles for .navbar-nav to use default Bootstrap styles */
.navbar {
    padding: 0;
}

.collapseContainer {
    margin: 0 12px;
}

.nav-item {
    display: block; /* Bootstrap 5 uses flexbox for .nav-item in .navbar, so this might be flex or not set depending on your specific layout */
    float: none; /* Reset float */
    text-align: left; /* Default text alignment in Bootstrap */
    font-size: 1rem; /* Default font size for Bootstrap 5, adjust as needed */
    width: auto; /* Reset width to default */
}

.navbar-nav {
    width: auto; /* Resets the width. `auto` is typically the default. */
    float: none !important; /* Overrides any previous float value. The use of !important might be necessary to ensure precedence. */
}

.nav-link.dropdown-toggle {
    font-size: 1.1em;
}


.nav-link-light {
    color: white !important;
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensure body takes up at least the full height of the viewport */
}

a, a:link, a:active, a:hover, a:focus, a:visited, a, .ms-WPBody a, .ms-WPBody a:active, .ms-WPBody a:hover, .ms-WPBody a:focus, .ms-WPBody a:visited, .ms-WPBody a:link {
    color: #273e61;
}

    .btn-secondary, a.btn-secondary, .btn-secondary a {
        color: white !important;
    }

.buttons {
    display: grid; /* Mimics 'd-grid' */
    gap: 0.5rem; /* Mimics 'gap-2', assuming 1rem = 16px, adjust as needed */
}

@media (min-width: 768px) { /* Bootstrap's medium breakpoint */
    .buttons {
        display: flex; /* Mimics 'd-md-flex' */
        justify-content: flex-end; /* Mimics 'justify-content-md-end' */
    }
}

.topNavBar > p > a {
    text-decoration: none;
    color: white;
}

.banner-container {
    border-bottom: 5px solid #004678; /* Thicker bottom border */
}

.border-right {
    border-right: 2px solid #004678; /* Right border between the first and second images */
}

/* Ensure responsiveness */
@media (max-width: 768px) {
    .border-right {
        border-right: 1px solid #004678; /* Right border between the first and second images */
    }
}

.footer {
    width: 100%;
    background-color: #f5f5f5; /* Light gray background, adjust as needed */
    padding: 0; /* Add some padding above and below the content */
}

.footerLink {
    margin: 0 15px; /* Space out the links */
    color: white !important; /* Bootstrap primary link color, adjust as needed */
    text-decoration: none !important; /* Optional: removes underline from links */
}

#divMainContent {
    min-height: calc(100vh - 500px);
    /*flex: 1;*/
}

.alert-error {
    color: #842029; /* text color for alert-danger */
    background-color: #f8d7da; /* background color for alert-danger */
    border-color: #f5c2c7; /* border color for alert-danger */
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

@media print {
    #pageHeader, #agencyFooter, #pageFooter, #btnPrint, .fancyButton, .printHidden {
        display: none;
    }

    #mainContent {
        border: 0 solid #ccc;
        float: none;
    }
}

.exampleText {
    font-size: 75%;
    font-style: italic;
    color: Gray;
}

@media (max-width: 767px) {
    .col-form-label.text-end {
        text-align: left !important; /* or 'start' for logical properties in newer syntax */
    }
}

.btn-danger {
    color: #fff !important;
}

.required-label::after {
    content: " *";
    color: red;
}

.k-grid-footer {
    border-color: #424242 !important;
}

.form-check-input[type=checkbox] {
    border: solid 2px;
}