/* Presentation compatibility only. Interactive components use Bootstrap 5. */
.row { display: block; }
.nav, .navbar { display: block; }
.collapse.show { display: block; }
tr.collapse.show { display: table-row; }
tbody.collapse.show { display: table-row-group; }
.fade.show { opacity: 1; }
.modal-header, .modal-footer { display: block; }
.modal-header .close { float: right; margin-top: -2px; }
.modal-footer { text-align: right; }
.modal-dialog { max-width: calc(100% - 30px); }
@media (min-width: 768px) {
    .modal-dialog { width: 600px; margin: 30px auto; }
    .modal-sm { width: 300px; }
}
@media (min-width: 992px) {
    .modal-lg { width: 900px; }
}
.modal-xl { width: min(1140px, calc(100vw - 30px)); }
.modal-content { font-size: 14px; }
.modal-body { padding: 15px; }
.tooltip { --bs-tooltip-font-size: 12px; }
.popover { --bs-popover-font-size: 14px; --bs-popover-header-font-size: 14px; }