.well,
.thumbnail {
  @extend .card;
  @extend .card-body;
}
.list-inline > li {
  @extend .list-inline-item;
}
.navbar-btn,
.nav .navbar > li {
  @extend .nav-item;
}
.nav .navbar > li > a {
  @extend .nav-link;
}
.navbar-right {
  @extend .ms-auto;
}
.navbar-fixed-top {
  @extend .fixed-top;
}
.nav-stacked {
  @extend .flex-column;
}
.btn-default {
  @extend .btn-secondary;
}
.btn-block {
  @extend .w-100;
}
.img-responsive {
  @extend .img-fluid;
}
.img-circle {
  @extend .rounded-circle;
}
.img-rounded {
  @extend .rounded;
}
.radio {
  @extend .form-check;
}
.checkbox {
  @extend .form-check;
}
.input-lg {
  @extend .form-control-lg;
}
.input-sm {
  @extend .form-control-sm;
}
.has-error {
  .form-control {
    @extend .is-invalid;
  }
}
.control-label {
  @extend .col-form-label;
  font-size: $font-size-base;
}
.input-sm {
  @extend .form-control-sm;
}
.input-lg {
  @extend .form-control-lg;
}
.table-condensed {
  @extend .table-sm;
}
.pagination > li {
  @extend .page-item;
}
.pagination > li > a {
  @extend .page-link;
}
.help-block {
  @extend .form-text;
  font-size: $font-size-sm;
  margin: 0;
}
.pull-right {
  @extend .float-end;
}
.pull-left {
  @extend .float-start;
}
.center-block {
  @extend .mx-auto;
  @extend .d-block;
}
.hidden-xs {
  @extend .d-none;
}
.hidden-sm {
  @extend .d-sm-none;
}
.hidden-md {
  @extend .d-md-none;
}
.hidden-lg {
  @extend .d-lg-none;
}
.visible-xs {
  @extend .d-block;
  @extend .d-sm-none;
}
.visible-sm {
  @extend .d-none;
  @extend .d-sm-block;
  @extend .d-md-none;
}
.visible-md {
  @extend .d-none;
  @extend .d-md-block;
  @extend .d-lg-none;
}
.visible-lg {
  @extend .d-none;
  @extend .d-lg-block;
  @extend .d-xl-none;
}
.label {
  @extend .badge;
}
@each $color, $value in $theme-colors {
  .badge-#{$color},
  .label-#{$color} {
    @extend .bg-#{$color};
  }
}
.badge {
  @extend .rounded-pill;
}
.panel {
  @extend .card;
  box-shadow: $box-shadow-sm;
}
.panel-title {
  @extend .card-title;
}
.panel-header,
.panel-heading {
  @extend .card-header;
}
.panel-body {
  @extend .card-body;
}
.panel-footer {
  @extend .card-footer;
}
@each $color, $value in $theme-colors {
  .panel-#{$color} {
    @extend .bg-#{$color};

    @if not ($color == light or $color == default) {
      @extend .text-#{$color};
    }
  }
}
.form-row {
  @extend .row;
}
.form-group {
  @extend .mb-3;
}
.text-left {
  @extend .text-start;
}
.text-right {
  @extend .text-end;
}
.border-left {
  @extend .border-start;
}
.border-right {
  @extend .border-end;
}
.pull-left {
  @extend .float-start;
}
.pull-right {
  @extend .float-end;
}
.font-weight-normal {
  @extend .fw-normal;
}
.font-weight-bold {
  @extend .fw-bold;
}
.font-weight-bolder {
  @extend .fw-bolder;
}