/*
 * Bootstrap 5 JS  <->  Bootstrap 3 CSS compatibility shim.
 * The site's layout still uses css/bootstrapc.min.css (Bootstrap 3), but the
 * JS was moved to Bootstrap 5.3.3 to fix CVE-2024-6485 / CVE-2025-1647.
 * Bootstrap 5 JS toggles ".show" where Bootstrap 3 CSS expected ".in"/".open",
 * and appends the modal backdrop to <body>.
 *
 * Rules use !important because some pages load bootstrapc.min.css a second time
 * (e.g. via uc4.ascx) AFTER this file, which would otherwise put the transparent
 * backdrop on top of the dialog and swallow every click on OK / Cancel.
 */

/* fade / modal */
.fade.show { opacity: 1 !important; }
.modal { z-index: 1050 !important; }
.modal.fade.show .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
.modal-backdrop { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 1040 !important; background-color: #000; }
.modal-backdrop.fade { opacity: 0 !important; }
.modal-backdrop.fade.show,
.modal-backdrop.show { opacity: .5 !important; }

/* collapse (navbar toggle) */
.collapse.show { display: block !important; }

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

/* bootbox 6 renders an empty <button class="btn-close"> for Bootstrap 5 */
.bootbox-close-button.btn-close::before { content: "\00d7"; }