/*
 * Bootstrap 5 compatibility layer over the Bootstrap 4-compiled Metronic theme.
 * This is a MAINTAINED layer, not a temporary hack: it stays until the theme's
 * `.kt-*` shell is migrated off the BS4 bundle (see docs/bootstrap5-migration-plan.md,
 * Phase 3). Add a rule here whenever markup needs a BS5 class the BS4-compiled
 * `style.bundle.css` doesn't define.
 *
 * The markup uses Bootstrap 5 class names (text-end, fw-bold, ms-2, me-2,
 * text-bg-*, flat .input-group children, ...) while style.bundle.css only
 * knows the Bootstrap 4 names. Every rule below replicates the visual output
 * the bundle produces for the corresponding Bootstrap 4 class (colors and
 * spacing values are copied verbatim from style.bundle.css).
 */

/* ------------------------------------------------------------------ */
/* Text alignment (BS4 .text-right / .text-left)                       */
/* ------------------------------------------------------------------ */
.text-end {
  text-align: right !important; }

.text-start {
  text-align: left !important; }

/* ------------------------------------------------------------------ */
/* Floats (BS4 .float-right / .float-left)                             */
/* ------------------------------------------------------------------ */
.float-end {
  float: right !important; }

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

/* ------------------------------------------------------------------ */
/* Font weights (BS4 .font-weight-*)                                   */
/* ------------------------------------------------------------------ */
.fw-light {
  font-weight: 300 !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-bolder {
  font-weight: bolder !important; }

/* ------------------------------------------------------------------ */
/* Spacing (BS4 scale: 1=.25rem 2=.5rem 3=1rem 4=1.5rem 5=3rem).       */
/* Only the values actually used by the renamed markup are defined.    */
/* ------------------------------------------------------------------ */
.ms-2 {
  margin-left: 0.5rem !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

@media (min-width: 576px) {
  .me-sm-2 {
    margin-right: 0.5rem !important; } }

/* ------------------------------------------------------------------ */
/* Badges: BS5 .text-bg-{x} mapped to the BS4 .badge-{x} color pairs   */
/* (background/color plus the anchor hover/focus states), copied from  */
/* style.bundle.css. No !important so page-level overrides out-rank    */
/* these rules.                                                        */
/* ------------------------------------------------------------------ */
.text-bg-primary {
  color: #fff;
  background-color: #5867dd; }
  a.text-bg-primary:hover, a.text-bg-primary:focus {
    color: #fff;
    background-color: #2e40d4; }
  a.text-bg-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5); }

.text-bg-secondary {
  color: #212529;
  background-color: #e1e1ef; }
  a.text-bg-secondary:hover, a.text-bg-secondary:focus {
    color: #212529;
    background-color: #c0c0dd; }
  a.text-bg-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(225, 225, 239, 0.5); }

.text-bg-success {
  color: #fff;
  background-color: #1dc9b7; }
  a.text-bg-success:hover, a.text-bg-success:focus {
    color: #fff;
    background-color: #179c8e; }
  a.text-bg-success:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }

.text-bg-info {
  color: #fff;
  background-color: #2786fb; }
  a.text-bg-info:hover, a.text-bg-info:focus {
    color: #fff;
    background-color: #046ceb; }
  a.text-bg-info:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(39, 134, 251, 0.5); }

.text-bg-warning {
  color: #212529;
  background-color: #ffb822; }
  a.text-bg-warning:hover, a.text-bg-warning:focus {
    color: #212529;
    background-color: #eea200; }
  a.text-bg-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 184, 34, 0.5); }

.text-bg-danger {
  color: #fff;
  background-color: #fd2727; }
  a.text-bg-danger:hover, a.text-bg-danger:focus {
    color: #fff;
    background-color: #ef02db; }
  a.text-bg-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(253, 39, 39, 0.5); }

.text-bg-light {
  color: #212529;
  background-color: #f8f9fa; }
  a.text-bg-light:hover, a.text-bg-light:focus {
    color: #212529;
    background-color: #dae0e5; }
  a.text-bg-light:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.text-bg-dark {
  color: #fff;
  background-color: #343a40; }
  a.text-bg-dark:hover, a.text-bg-dark:focus {
    color: #fff;
    background-color: #1d2124; }
  a.text-bg-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

/* ------------------------------------------------------------------ */
/* Input groups: BS5 flat structure (.input-group-text / .btn directly */
/* inside .input-group, no .input-group-prepend/-append wrappers).     */
/* The BS4 bundle styles .input-group-text itself (display, padding,   */
/* colors), but border collapse, corner squaring and button stacking   */
/* come from the wrapper selectors — these are the flat equivalents,   */
/* derived from the .input-group-prepend/-append rules in              */
/* style.bundle.css.                                                   */
/* ------------------------------------------------------------------ */
.input-group > .input-group-text {
  display: flex;
  align-items: center; }

/* BS4: .input-group-prepend/-append .btn { position: relative; z-index: 2 } */
.input-group > .btn {
  position: relative;
  z-index: 2; }
  .input-group > .btn:focus {
    z-index: 3; }

/* BS4: .input-group-prepend { margin-right: -1px }, .input-group-append
   { margin-left: -1px } and the intra-wrapper sibling -1px margins. */
.input-group > .input-group-text + .form-control,
.input-group > .input-group-text + .input-group-text,
.input-group > .input-group-text + .btn,
.input-group > .form-control + .input-group-text,
.input-group > .form-control + .btn,
.input-group > .btn + .btn,
.input-group > .btn + .input-group-text,
.input-group > .btn + .form-control {
  margin-left: -1px; }

/* BS4 squares the right corners of prepend children and of append
   children that are not the group's final element... */
.input-group > .input-group-text:not(:last-child),
.input-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* ...and the left corners of append children and of prepend children
   that are not the group's first element. */
.input-group > .input-group-text:not(:first-child),
.input-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* Metronic quick-search (topbar) addon rules keyed on the wrappers —
   flat equivalents of the .kt-quick-search ... .input-group-prepend/
   -append .input-group-text rules in style.bundle.css. */
.kt-quick-search .kt-quick-search__form .input-group > .input-group-text {
  background-color: transparent;
  border: 0; }

.kt-quick-search.kt-quick-search--dropdown .kt-quick-search__form .input-group > .input-group-text:first-child {
  padding-left: 0; }

.kt-quick-search.kt-quick-search--dropdown .kt-quick-search__form .input-group > .input-group-text:last-child {
  padding-right: 0; }

/* ------------------------------------------------------------------ */
/* Close button (BS4 .close -> BS5 .btn-close).                        */
/* The BS4 bundle only styles .close; this provides the BS5 .btn-close */
/* (SVG-icon button) so markup can use the modern class.              */
/* ------------------------------------------------------------------ */
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5; }

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75; }

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1; }

.btn-close:disabled {
  pointer-events: none;
  opacity: 0.25; }