/* __________________________________________________________________________
   Bootstrap 3 CSS + Bootstrap 5 JS compatibility
   Load this file AFTER bootstrap.min.css (Bootstrap 3.3.5).
   __________________________________________________________________________ */

/* Visibility classes */
.fade.show {
    opacity: 1;
}

.collapse.show {
    display: block;
}

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

/* Modals */
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.show {
    opacity: .5;
}

/* Dropdowns */
.dropdown-menu.show {
    display: block;
}

/* Tooltips and popovers (Bootstrap 5 uses new inner class names) */
.tooltip.show {
    opacity: .9;
}

.popover.show {
    display: block;
}

.popover-header {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-body {
    padding: 9px 14px;
}

/* Hide the radio/checkbox inside Bootstrap-style button groups.
   Bootstrap 3 CSS only does this for data-toggle; the pages use data-bs-toggle. */
[data-bs-toggle="buttons"] > .btn input[type="radio"],
[data-bs-toggle="buttons"] > .btn input[type="checkbox"],
[data-bs-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-bs-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}