/*
 * Transition shim for the AdminLTE 4 layout (delete in phase 4).
 * Bootstrap 4 / AdminLTE 3 classes that Bootstrap 5 removed, so markup that has
 * not been migrated yet still renders. Migrated views must not rely on this file.
 * Generated spacing rules are at the end.
 */

/* Text, float, border */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.border-left { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-right { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.rounded-left { border-top-left-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; }
.rounded-right { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-bolder { font-weight: bolder !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-italic { font-style: italic !important; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.text-sm { font-size: .875rem !important; }
.text-xs { font-size: .75rem !important; }
.text-lg { font-size: 1.25rem !important; }
.img-circle { border-radius: 50% !important; }
.elevation-1, .elevation-2 { box-shadow: var(--bs-box-shadow-sm) !important; }
.elevation-3, .elevation-4, .elevation-5 { box-shadow: var(--bs-box-shadow) !important; }
.no-gutters { --bs-gutter-x: 0; --bs-gutter-y: 0; }

/* Badges */
.badge-primary { color: #fff; background-color: var(--bs-primary); }
.badge-secondary { color: #fff; background-color: var(--bs-secondary); }
.badge-success { color: #fff; background-color: var(--bs-success); }
.badge-danger { color: #fff; background-color: var(--bs-danger); }
.badge-warning { color: #000; background-color: var(--bs-warning); }
.badge-info { color: #000; background-color: var(--bs-info); }
.badge-light { color: #000; background-color: var(--bs-light); }
.badge-dark { color: #fff; background-color: var(--bs-dark); }
.badge-pill { border-radius: var(--bs-border-radius-pill); }

/* Forms */
.form-group { margin-bottom: 1rem; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; gap: .5rem; }
.input-group-append, .input-group-prepend { display: flex; }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.custom-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); appearance: none; }
.custom-select-sm { padding-top: .25rem; padding-bottom: .25rem; font-size: .875rem; }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.75rem; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: absolute; left: 0; top: .25rem; width: 1rem; height: 1rem; margin: 0; accent-color: var(--bs-primary); }
.custom-switch .custom-control-input { width: 1.75rem; left: -.25rem; }
.custom-control-label { margin-bottom: 0; cursor: pointer; }
.custom-range { width: 100%; accent-color: var(--bs-primary); }
.custom-file { position: relative; display: block; }

/* Buttons and components */
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: .5rem; }
.btn-default { color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); border-color: var(--bs-border-color); }
.btn-default:hover { background-color: var(--bs-secondary-bg); }
.btn-flat { border-radius: 0; }
.close { float: right; padding: 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: inherit; opacity: .5; background: transparent; border: 0; }
.close:hover { opacity: .75; }
.modal-header .close { margin: -.5rem -.5rem -.5rem auto; padding: .5rem; }
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; min-width: 0; }
.dropdown-menu-right { --bs-position: end; right: 0; left: auto; }
.embed-responsive { position: relative; width: 100%; overflow: hidden; }
.embed-responsive-16by9 { aspect-ratio: 16 / 9; }
.embed-responsive .embed-responsive-item { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Spacing (ml/mr/pl/pr with breakpoints) */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }
@media (min-width: 576px) {
  .ml-sm-0 { margin-left: 0 !important; }
  .ml-sm-1 { margin-left: .25rem !important; }
  .ml-sm-2 { margin-left: .5rem !important; }
  .ml-sm-3 { margin-left: 1rem !important; }
  .ml-sm-4 { margin-left: 1.5rem !important; }
  .ml-sm-5 { margin-left: 3rem !important; }
  .ml-sm-auto { margin-left: auto !important; }
  .mr-sm-0 { margin-right: 0 !important; }
  .mr-sm-1 { margin-right: .25rem !important; }
  .mr-sm-2 { margin-right: .5rem !important; }
  .mr-sm-3 { margin-right: 1rem !important; }
  .mr-sm-4 { margin-right: 1.5rem !important; }
  .mr-sm-5 { margin-right: 3rem !important; }
  .mr-sm-auto { margin-right: auto !important; }
  .pl-sm-0 { padding-left: 0 !important; }
  .pl-sm-1 { padding-left: .25rem !important; }
  .pl-sm-2 { padding-left: .5rem !important; }
  .pl-sm-3 { padding-left: 1rem !important; }
  .pl-sm-4 { padding-left: 1.5rem !important; }
  .pl-sm-5 { padding-left: 3rem !important; }
  .pr-sm-0 { padding-right: 0 !important; }
  .pr-sm-1 { padding-right: .25rem !important; }
  .pr-sm-2 { padding-right: .5rem !important; }
  .pr-sm-3 { padding-right: 1rem !important; }
  .pr-sm-4 { padding-right: 1.5rem !important; }
  .pr-sm-5 { padding-right: 3rem !important; }
  .text-sm-left { text-align: left !important; }
  .float-sm-left { float: left !important; }
  .text-sm-right { text-align: right !important; }
  .float-sm-right { float: right !important; }
}
@media (min-width: 768px) {
  .ml-md-0 { margin-left: 0 !important; }
  .ml-md-1 { margin-left: .25rem !important; }
  .ml-md-2 { margin-left: .5rem !important; }
  .ml-md-3 { margin-left: 1rem !important; }
  .ml-md-4 { margin-left: 1.5rem !important; }
  .ml-md-5 { margin-left: 3rem !important; }
  .ml-md-auto { margin-left: auto !important; }
  .mr-md-0 { margin-right: 0 !important; }
  .mr-md-1 { margin-right: .25rem !important; }
  .mr-md-2 { margin-right: .5rem !important; }
  .mr-md-3 { margin-right: 1rem !important; }
  .mr-md-4 { margin-right: 1.5rem !important; }
  .mr-md-5 { margin-right: 3rem !important; }
  .mr-md-auto { margin-right: auto !important; }
  .pl-md-0 { padding-left: 0 !important; }
  .pl-md-1 { padding-left: .25rem !important; }
  .pl-md-2 { padding-left: .5rem !important; }
  .pl-md-3 { padding-left: 1rem !important; }
  .pl-md-4 { padding-left: 1.5rem !important; }
  .pl-md-5 { padding-left: 3rem !important; }
  .pr-md-0 { padding-right: 0 !important; }
  .pr-md-1 { padding-right: .25rem !important; }
  .pr-md-2 { padding-right: .5rem !important; }
  .pr-md-3 { padding-right: 1rem !important; }
  .pr-md-4 { padding-right: 1.5rem !important; }
  .pr-md-5 { padding-right: 3rem !important; }
  .text-md-left { text-align: left !important; }
  .float-md-left { float: left !important; }
  .text-md-right { text-align: right !important; }
  .float-md-right { float: right !important; }
}
@media (min-width: 992px) {
  .ml-lg-0 { margin-left: 0 !important; }
  .ml-lg-1 { margin-left: .25rem !important; }
  .ml-lg-2 { margin-left: .5rem !important; }
  .ml-lg-3 { margin-left: 1rem !important; }
  .ml-lg-4 { margin-left: 1.5rem !important; }
  .ml-lg-5 { margin-left: 3rem !important; }
  .ml-lg-auto { margin-left: auto !important; }
  .mr-lg-0 { margin-right: 0 !important; }
  .mr-lg-1 { margin-right: .25rem !important; }
  .mr-lg-2 { margin-right: .5rem !important; }
  .mr-lg-3 { margin-right: 1rem !important; }
  .mr-lg-4 { margin-right: 1.5rem !important; }
  .mr-lg-5 { margin-right: 3rem !important; }
  .mr-lg-auto { margin-right: auto !important; }
  .pl-lg-0 { padding-left: 0 !important; }
  .pl-lg-1 { padding-left: .25rem !important; }
  .pl-lg-2 { padding-left: .5rem !important; }
  .pl-lg-3 { padding-left: 1rem !important; }
  .pl-lg-4 { padding-left: 1.5rem !important; }
  .pl-lg-5 { padding-left: 3rem !important; }
  .pr-lg-0 { padding-right: 0 !important; }
  .pr-lg-1 { padding-right: .25rem !important; }
  .pr-lg-2 { padding-right: .5rem !important; }
  .pr-lg-3 { padding-right: 1rem !important; }
  .pr-lg-4 { padding-right: 1.5rem !important; }
  .pr-lg-5 { padding-right: 3rem !important; }
  .text-lg-left { text-align: left !important; }
  .float-lg-left { float: left !important; }
  .text-lg-right { text-align: right !important; }
  .float-lg-right { float: right !important; }
}
@media (min-width: 1200px) {
  .ml-xl-0 { margin-left: 0 !important; }
  .ml-xl-1 { margin-left: .25rem !important; }
  .ml-xl-2 { margin-left: .5rem !important; }
  .ml-xl-3 { margin-left: 1rem !important; }
  .ml-xl-4 { margin-left: 1.5rem !important; }
  .ml-xl-5 { margin-left: 3rem !important; }
  .ml-xl-auto { margin-left: auto !important; }
  .mr-xl-0 { margin-right: 0 !important; }
  .mr-xl-1 { margin-right: .25rem !important; }
  .mr-xl-2 { margin-right: .5rem !important; }
  .mr-xl-3 { margin-right: 1rem !important; }
  .mr-xl-4 { margin-right: 1.5rem !important; }
  .mr-xl-5 { margin-right: 3rem !important; }
  .mr-xl-auto { margin-right: auto !important; }
  .pl-xl-0 { padding-left: 0 !important; }
  .pl-xl-1 { padding-left: .25rem !important; }
  .pl-xl-2 { padding-left: .5rem !important; }
  .pl-xl-3 { padding-left: 1rem !important; }
  .pl-xl-4 { padding-left: 1.5rem !important; }
  .pl-xl-5 { padding-left: 3rem !important; }
  .pr-xl-0 { padding-right: 0 !important; }
  .pr-xl-1 { padding-right: .25rem !important; }
  .pr-xl-2 { padding-right: .5rem !important; }
  .pr-xl-3 { padding-right: 1rem !important; }
  .pr-xl-4 { padding-right: 1.5rem !important; }
  .pr-xl-5 { padding-right: 3rem !important; }
  .text-xl-left { text-align: left !important; }
  .float-xl-left { float: left !important; }
  .text-xl-right { text-align: right !important; }
  .float-xl-right { float: right !important; }
}