/* Bootstrap 3 legacy compatibility layer for Bootstrap 5 migration */

a,
a:hover,
a:focus {
  text-decoration: none;
}

/* Utilities */
.hidden {
  display: none !important;
}

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

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.in {
  display: block;
}

.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;
}

/* Grid leftovers */
.col-xs-11 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

@media (min-width: 768px) {
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
}

/* Forms */
.form-group {
  margin-bottom: 15px;
}

/* Buttons */
.btn-block {
  display: block;
  width: 100%;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Dropdown */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-backdrop {
  position: fixed;
  inset: 0;
  z-index: 990;
}

/* Navbars */
.navbar-header {
  display: flex;
  align-items: center;
}

.navbar-right {
  margin-left: auto;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #5e5e5e;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

/* Panels (BS3 component removed in BS5) */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-group {
  margin-bottom: 20px;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-body {
  padding: 15px;
}

.panel-collapse {
  overflow: hidden;
}

/* Wells */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* Media object */
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-body {
  width: 10000px;
}

.media-middle {
  vertical-align: middle;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

/* Progress semantic color from BS3 */
.progress-bar-success {
  background-color: #5cb85c;
}

/* Modal state helpers */
body.modal-open {
  overflow: hidden;
}

/* Popover internals */
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.arrow,
.popover > .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

.top .arrow,
.popover-top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.right .arrow,
.popover-end .arrow {
  left: -11px;
  top: 50%;
  margin-top: -11px;
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.bottom .arrow,
.popover-bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-width: 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-left-color: transparent;
}

.left .arrow,
.popover-start .arrow {
  right: -11px;
  top: 50%;
  margin-top: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.25);
}

/* Caret (BS3 style) */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* "close" class legacy hook */
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

/* Glyphicons fallback:
   BS3 expected icon font classes, which do not exist in BS5.
   Keep these placeholders to avoid layout regressions when classes are present.
   Prefer migrating markup to Bootstrap Icons or Font Awesome. */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.glyphicon-thumbs-up::before {
  content: "\1F44D";
}

.glyphicon-thumbs-down::before {
  content: "\1F44E";
}