hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.modal-dialog.modal-wide {
  max-width: 95%;
}

.card-title {
  font-weight: bold;
}

.nav-tabs-scroll {
  overflow-x: auto;

  .nav-tabs {
    flex-wrap: nowrap;

    .nav-item {
      flex-shrink: 0;
    }
  }
}

sub {
  position: static;
  vertical-align: sub;
}

sup {
  position: static;
  vertical-align: super;
}

$theme-is-dark: false !default;

// HACK: Bootstrap offers no way to override these by default, and they are SUPER bright.
// The level numbers have been changed to make them work for dark themes.
@if $theme-is-dark {
  @each $color, $value in $theme-colors {
    @include table-row-variant($color, theme-color-level($color, 5));
  }
}

@include table-row-variant(active, $table-active-bg);