/* Compatibility layer for the legacy AdminLTE v2 / Bootstrap 3 markup while pages are being migrated to Bootstrap 5. */
.btn-flat { border-radius: 0 !important; }
.input-group-btn { display: flex; }
.input-group-btn > .btn { position: relative; z-index: 2; }
.nav > li > a { display: block; padding: .5rem 1rem; }
.dropdown-menu > li > a { display: block; width: 100%; padding: .25rem 1rem; clear: both; color: #212529; text-decoration: none; white-space: nowrap; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { color: #1e2125; background-color: #e9ecef; }
.navbar-toggler { border: 0; color: inherit; }
.navbar-toggler:focus { box-shadow: none; }
.caret { display: none; }
.img-circle { border-radius: 50%; }
.form-control-feedback { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #777; }
.has-feedback { position: relative; }
.login-box .form-control, .register-box .form-control { padding-right: 2.5rem; }
.callout .btn-close, .alert .btn-close { float: right; }
.carousel-inner > .carousel-item > img { display: block; width: 100%; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; background: transparent; border: 0; }
.close:hover { color: #000; text-decoration: none; opacity: .75; }
.navbar-form { display: flex; align-items: center; margin: 0; }
.navbar-left { float: left; }
.navbar-right { float: right; }
.btn-block { display: block; width: 100%; }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; gap: .5rem; }
.input-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; }

/* Navbar fixes for Bootstrap 5 + AdminLTE 2 hybrid pages. */
.layout-top-nav .main-header .navbar { display: block; min-height: 50px; }
.layout-top-nav .main-header .navbar > .container { display: flex; align-items: center; flex-wrap: wrap; }
.layout-top-nav .main-header .navbar-header { min-height: 50px; }
.layout-top-nav .main-header .navbar-brand { height: auto; line-height: 1.5; padding-top: .75rem; padding-bottom: .75rem; }
.layout-top-nav .main-header .navbar-collapse { flex-basis: 100%; }
@media (min-width: 992px) {
  .layout-top-nav .main-header .navbar-collapse { display: flex !important; flex-basis: auto; align-items: center; }
  .layout-top-nav .main-header .navbar-toggler { display: none !important; }
}
.layout-top-nav .main-header .navbar-custom-menu { margin-left: auto; }
.layout-top-nav .main-header .navbar .navbar-nav { flex-direction: row; align-items: center; }
@media (max-width: 991.98px) {
  .layout-top-nav .main-header .navbar .navbar-nav { flex-direction: column; align-items: stretch; width: 100%; }
  .layout-top-nav .main-header .navbar-form { width: 100%; padding: .5rem 0; }
}