/* Compatibility aliases for the existing Bootstrap 3-based templates. */
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.text-right { text-align: right !important; }
.hide { display: none !important; }
.show { display: block !important; }

.navbar-inverse { --bs-navbar-color: rgba(255, 255, 255, .75); --bs-navbar-bg: #4FA2C2; background-color: var(--bs-navbar-bg); }
.navbar .navbar-right { margin-left: auto !important; }
.navbar-nav { flex-direction: row; }
.navbar-header { display: flex; align-items: center; }
.navbar .sidebar-toggle { position: static; top: auto; right: auto; flex-shrink: 0; }
.navbar-toggle { border: 1px solid rgba(255, 255, 255, .25); border-radius: .25rem; background: transparent; color: #fff; padding: .375rem .75rem; }
.navbar-toggle .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.input-group-btn { display: table-cell; width: 1%; vertical-align: middle; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-addon { display: table-cell; min-width: 1%; padding: .375rem .75rem; color: var(--bs-body-color); text-align: center; background-color: var(--bs-secondary-bg); border: var(--bs-border-width) solid var(--bs-border-color); }
.form-group { margin-bottom: 1rem; }
.form-horizontal .form-group { display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -15px; margin-left: -15px; }
.form-horizontal .control-label { text-align: left !important; }
#media-manager > .tab-pane:not(.active) { display: none !important; }
#media-manager > .tab-pane.active { display: block !important; }
.with-padding { padding: 20px; }
.csv-import-dialog { max-width: min(600px, calc(100vw - 1rem)); }
.csv-import-help { padding: 1rem !important; }
.csv-file-picker { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 34px; padding: 2px 3px 2px 10px; overflow: hidden; color: #546672; background: #fff; border: 1px solid #ced4da; cursor: pointer; }
.csv-file-picker input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.csv-file-picker-action { display: flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; color: #fff; background: #e9685b; }
.csv-file-picker:hover .csv-file-picker-action { background: #d9574a; }
.csv-import-footer { gap: .5rem; }
.csv-import-footer .checkbox { margin-right: auto !important; }
@media (max-width: 575.98px) {
    .csv-import-footer .checkbox { flex-basis: 100%; }
}

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; border: 0; background: transparent; }
.close:hover { color: #000; text-decoration: none; opacity: .75; }
.caret { display: inline-block; margin-left: .255em; vertical-align: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }

.user-menu { min-width: 220px; }
.dropdown-menu .divider { height: 1px; margin: 4px 0; overflow: hidden; background-color: #e5e5e5; }

.panel-group { margin-bottom: 20px; }
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel-default { border-color: #ddd; }
.panel-heading { padding: 10px 15px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; }
.panel-body { padding: 15px; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; }
.panel-trigger { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-12 { width: 100%; }

.page-container::after, #action-bar::after { display: table; clear: both; content: ''; }
@media (min-width: 768px) {
    .sidebar.collapse:not(.show) { display: block; }
}
@media (max-width: 767.98px) {
    .navbar-header { width: 100%; justify-content: space-between; }
    .col-xs-12 { width: 100%; }
    .sidebar { width: 100% !important; max-width: none !important; }
}