ngb-tabset[horizontal-tabset] {
  @include media-min("md") {
    display: flex !important;

    .nav-tabs {
      flex: 1 1 420px;
      border: none;

      .nav-link {
        border: none;
        font-family: $font-family-sans-serif;
        font-size: 1rem;
        padding: 1.25rem 2rem;
        text-transform: none;
        margin: 0;

        &:hover, &.active {
          border: none;
        }
      }

      // Having to override a few ambitious styles
      .nav-link.active, .nav-link.active:hover, .nav-link.active:active, .nav-link.active:focus {
        font-family: $font-family-sans-serif;
        @include status-border($alert-green, 6px);
        background-color: $gray-50;
        font-weight: bold;
      }
    }

    .tab-content {
      flex: 2 1 100%;
      padding: 0 2rem;
    }

    .menu-header {
      padding: 2rem 1rem 1.5rem 1.5rem;
    }
  }
}

@include media-min("md") {
  .card .card-body ngb-tabset[horizontal-tabset] {
    margin: -2rem;
    margin-right: -4rem;
    width: 100%;

    .nav-tabs {
      border-right: 1px solid $gray-100;
    }

    .tab-content {
      padding-bottom: 1rem;
    }
  }
}
