/* Maps common Bootstrap 3/4 markup used in legacy views to Bootstrap 5 behavior. */
.navbar-inverse {
    --bs-navbar-color: rgba(255, 255, 255, 0.85);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-brand-color: #fff;
    background-color: #222;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav .nav-link {
    color: #fff;
}

.panel {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1rem;
}

.panel-heading {
    padding: 0.75rem 1rem;
    background-color: var(--bs-light);
    border-bottom: 1px solid var(--bs-border-color);
    font-weight: 600;
}

.panel-body {
    padding: 1rem;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hidden-xs {
    display: none !important;
}

@media (min-width: 576px) {
    .hidden-xs {
        display: initial !important;
    }
}