/* Bootstrap 5.3.8 compatibility helpers for the former Bootstrap 3/4 UI. */
.form-group { margin-bottom: 1rem; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -.25rem; margin-left: -.25rem; }
.form-row > [class*="col-"] { padding-right: .25rem; padding-left: .25rem; }
.btn-block { display: block; width: 100%; }
.close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent;
  border: 0;
  opacity: .5;
  font-size: 1.5rem;
  line-height: 1;
}
.close:hover { opacity: .75; }
.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;
}
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-input { position: absolute; left: 0; width: 1rem; height: 1rem; margin-top: .25rem; }
.custom-control-label { margin-bottom: 0; }
.input-group-append, .input-group-prepend { display: flex; }
.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }
.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: #212529; background-color: var(--bs-warning); }
.badge-info { color: #212529; background-color: var(--bs-info); }
.badge-light { color: #212529; background-color: var(--bs-light); }
.badge-dark { color: #fff; background-color: var(--bs-dark); }

/* Bootstrap 3 used xs as an explicit infix; Bootstrap 5 is xs-first. */
.col-xs-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xs-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xs-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xs-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xs-9 { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }