/* Transitional compatibility only. Remove after all pages are migrated to Bootstrap 5. */
.panel {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    background-color: var(--bs-body-bg);
}

.panel-heading,
.panel-body,
.panel-footer {
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.panel-heading {
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    font-weight: 600;
}

.panel-footer {
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    background-color: var(--bs-tertiary-bg);
}

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.img-responsive { max-width: 100%; height: auto; }
.help-block { display: block; margin-top: .25rem; color: var(--bs-secondary-color); }

[dir="rtl"] .pull-left { float: right !important; }
[dir="rtl"] .pull-right { float: left !important; }