.white-icon {
    filter: invert(1) grayscale(100%);
}

.info-max-height {
    max-height: 600px;
}

.reports-max-height {
    max-height: 750px;
}

.edit-max-height {
    max-height: 650px;
}

.modal-height-modifier {
    max-height: 650px;
}

.card-header {
    font-weight: bold;
}

.nav-pills > li.nav-item > button.nav-link.active {
    background-color: #dc3545;
}

.nav-pills > li.nav-item > button.nav-link {
    color: white;
    font-weight: bold;
}


.filter-row {
    visibility: hidden;
    height: 0;
    transition: height 0.3s ease;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    body.mainBody {
        padding-top: 280px; /* Adjust this value based on your navbar height and styling */
    }
}

.scroll-offset {
    scroll-margin-top: 110px; /* Adjust this value based on your navbar's height */
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #dc3545;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/* Default button state (when aria-expanded="false") */
button[aria-expanded="false"] {
    background-color: transparent;
    color: white;
}

/* Active button state (when aria-expanded="true") */
button[aria-expanded="true"] {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: white;
}

.accordion-button:focus {
    z-index: 3;
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255, 0, 0);
}

.element {
    max-height: 100vh; /* Limit the element's maximum height to the height of the viewport */
    overflow-y: auto;  /* Add a vertical scrollbar if content overflows */
}

.underline {
    display: inline-block;
    border-bottom: 2px solid white; /* Adjust thickness and color */
    padding-bottom: 4px; /* Space between text and underline */
}