/* Temporary compatibility layer while templates migrate from Bootstrap 3. */
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: var(--bs-border-radius); }
.btn-default { --bs-btn-color: #212529; --bs-btn-bg: #fff; --bs-btn-border-color: #ced4da; }
.btn-xs { --bs-btn-padding-y: .125rem; --bs-btn-padding-x: .25rem; --bs-btn-font-size: .75rem; }

.panel-group { margin-bottom: 1.25rem; }
.panel {
  margin-bottom: 1.25rem;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.panel-heading { padding: .75rem 1rem; border-bottom: 1px solid var(--bs-border-color); }
.panel-body { padding: 1rem; }
.panel-footer { padding: .75rem 1rem; border-top: 1px solid var(--bs-border-color); }
.panel-title { margin: 0; }
.panel-primary > .panel-heading { color: #fff; background: var(--bs-primary); }
.panel-success > .panel-heading { color: #0f5132; background: #d1e7dd; }
.panel-info > .panel-heading { color: #055160; background: #cff4fc; }
.panel-warning > .panel-heading { color: #664d03; background: #fff3cd; }
.panel-danger > .panel-heading { color: #842029; background: #f8d7da; }

.input-group-addon {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  color: var(--bs-body-color);
  background: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  white-space: nowrap;
}
.input-group > .input-group-addon:first-child { border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius); }
.input-group > .input-group-addon + .form-control,
.input-group > .input-group-addon + .form-select { margin-left: calc(-1 * var(--bs-border-width)); }

.navbar-default { background: var(--bs-tertiary-bg); border-color: var(--bs-border-color); }
.navbar-brand { margin-right: 1rem; }
.navbar-toggle { display: none; }
.navbar-nav { gap: .25rem; }
.navbar-nav > li > a { display: block; padding: .5rem; color: var(--bs-navbar-color); text-decoration: none; }
.dropdown-submenu { position: relative; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.close {
  margin-left: auto;
  padding: .25rem .5rem;
  color: inherit;
  background: transparent;
  border: 0;
  font-size: 1.1rem;
}

@media (max-width: 767.98px) {
  .navbar-toggle { display: block; }
  .navbar-nav { flex-direction: column; }
}