/* Temporary Bootstrap 3 -> Bootstrap 5 compatibility layer during migration. */

.btn-default {
  --bs-btn-color: #212529;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #e9ecef;
  --bs-btn-hover-border-color: #adb5bd;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #dee2e6;
  --bs-btn-active-border-color: #adb5bd;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #ced4da;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: var(--bs-btn-bg);
  border: var(--bs-border-width) solid var(--bs-btn-border-color);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: var(--bs-border-radius);
}

.label {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
}

.label-primary {
  background-color: #0d6efd;
}

.label-success {
  background-color: #198754;
}

.label-info {
  background-color: #0dcaf0;
  color: #212529;
}

.label-warning {
  background-color: #ffc107;
  color: #212529;
}

.label-danger {
  background-color: #dc3545;
}

.label-pink {
  background-color: #d63384;
}

.label-purple {
  background-color: #6f42c1;
}

.label-inverse {
  background-color: #212529;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.hidden-xs {
  display: none !important;
}

@media (min-width: 768px) {
  .hidden-xs {
    display: inherit !important;
  }
}

.visible-xs {
  display: inherit !important;
}

@media (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
}

.input-group-addon {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-secondary-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
}

.control-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.help-block {
  display: block;
  margin-top: 0.25rem;
  color: var(--bs-secondary-color);
}

.well {
  min-height: 20px;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.navbar-default {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.panel,
.panel-border {
  margin-bottom: 1.5rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
}

.panel-heading {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--bs-border-color);
  border-top-left-radius: calc(var(--bs-border-radius) - 1px);
  border-top-right-radius: calc(var(--bs-border-radius) - 1px);
  background-color: var(--bs-tertiary-bg);
}

.panel-body {
  padding: 1rem;
}

.panel-footer {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  border-bottom-left-radius: calc(var(--bs-border-radius) - 1px);
  border-bottom-right-radius: calc(var(--bs-border-radius) - 1px);
}

.panel-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.panel-primary,
.panel-border.panel-primary {
  border-color: #0d6efd;
}

.panel-primary > .panel-heading,
.panel-border.panel-primary > .panel-heading {
  background-color: #0d6efd;
  border-bottom-color: #0d6efd;
  color: #fff;
}

.panel-success,
.panel-border.panel-success {
  border-color: #198754;
}

.panel-success > .panel-heading,
.panel-border.panel-success > .panel-heading {
  background-color: #198754;
  border-bottom-color: #198754;
  color: #fff;
}

.panel-warning,
.panel-border.panel-warning {
  border-color: #ffc107;
}

.panel-warning > .panel-heading,
.panel-border.panel-warning > .panel-heading {
  background-color: #ffc107;
  border-bottom-color: #ffc107;
  color: #212529;
}

.panel-danger,
.panel-border.panel-danger {
  border-color: #dc3545;
}

.panel-danger > .panel-heading,
.panel-border.panel-danger > .panel-heading {
  background-color: #dc3545;
  border-bottom-color: #dc3545;
  color: #fff;
}

.panel-inverse,
.panel-border.panel-inverse {
  border-color: #212529;
}

.panel-inverse > .panel-heading,
.panel-border.panel-inverse > .panel-heading {
  background-color: #212529;
  border-bottom-color: #212529;
  color: #fff;
}

.panel-pink,
.panel-border.panel-pink {
  border-color: #d63384;
}

.panel-pink > .panel-heading,
.panel-border.panel-pink > .panel-heading {
  background-color: #d63384;
  border-bottom-color: #d63384;
  color: #fff;
}

.panel-purple,
.panel-border.panel-purple {
  border-color: #6f42c1;
}

.panel-purple > .panel-heading,
.panel-border.panel-purple > .panel-heading {
  background-color: #6f42c1;
  border-bottom-color: #6f42c1;
  color: #fff;
}

.btn-pink {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d63384;
  --bs-btn-border-color: #d63384;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d73;
  --bs-btn-hover-border-color: #b02a6b;
  --bs-btn-focus-shadow-rgb: 214, 51, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a6b;
  --bs-btn-active-border-color: #a52866;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d63384;
  --bs-btn-disabled-border-color: #d63384;
}

.progress-bar-primary {
  background-color: #0d6efd !important;
}

.progress-bar-success {
  background-color: #198754 !important;
}

.progress-bar-info {
  background-color: #0dcaf0 !important;
}

.progress-bar-warning {
  background-color: #ffc107 !important;
}

.progress-bar-danger {
  background-color: #dc3545 !important;
}

.progress-bar-pink {
  background-color: #d63384 !important;
}

.progress-bar-purple {
  background-color: #6f42c1 !important;
}

.progress-bar-inverse {
  background-color: #212529 !important;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-plus::before,
.glyphicon-plus-sign::before {
  content: "\f067";
}

.glyphicon-save::before,
.glyphicon-file::before {
  content: "\f0c7";
}

.glyphicon-pencil::before {
  content: "\f040";
}

.glyphicon-trash::before {
  content: "\f1f8";
}

.glyphicon-remove::before {
  content: "\f00d";
}

.glyphicon-backward::before {
  content: "\f04a";
}

.glyphicon-list::before {
  content: "\f03a";
}

.glyphicon-print::before {
  content: "\f02f";
}

.glyphicon-download-alt::before {
  content: "\f019";
}

.glyphicon-eye-open::before {
  content: "\f06e";
}

.glyphicon-ok::before {
  content: "\f00c";
}

.glyphicon-time::before {
  content: "\f017";
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}