.sales-crowd-admin-accordion-tabs {

  @include clearfix;
  line-height: 1.5;
  margin-bottom: 2em;
  padding: 0;

  @include MQ(M) {
    border-radius: $base-border-radius;
  }

  .tab-header-and-content {
    list-style: none;

    @include MQ(M) {
      display: inline;
    }

    &:first-child .tab-link {
      border-top-left-radius: $base-border-radius;
      border-top-right-radius: $base-border-radius;

      @include MQ(M) {
        border-top: 0;
      }
    }

    &:last-child .tab-link {
      @include MQ(M) {
        border-bottom-left-radius: $base-border-radius;
        border-bottom-right-radius: $base-border-radius;
      }
    }
  }

  .tab-link {
    background-color: $white;
    border-top: 1px solid $light-gray;
    color: $dark-gray;
    display: block;
    font-weight: bold;
    padding: $base-spacing/2 $gutter/2;
    text-decoration: none;

    @include MQ(M) {
      @include inline-block;
      border-top-left-radius: $base-border-radius;
      border-top-right-radius: $base-border-radius;
      border-top: 0;
    }

    &:hover {
      color: $salescrowd-orange;
    }

    &:focus {
      outline: none;
    }

    &.is-active {
      background-color: $white;
      @include MQ(M) {
        border-top: 1px solid $light-gray !important;
        background-color: $white;
        border: 1px solid $light-gray;
        border-bottom-color: $white;
        margin-bottom: -1px;
      }
    }
  }

  .tab-content {
    background: $white;
    display: none;
    padding: $base-spacing $gutter;
    width: 100%;

    @include MQ(M) {
      border-bottom-left-radius: $base-border-radius;
      border-bottom-right-radius: $base-border-radius;
      border-top-right-radius: $base-border-radius;
      border: 1px solid $light-gray;
      float: left;
    }
  }
}