@import "../mixins";

.nav-tabs-custom {
  background: 0;
  box-shadow: none;
  margin-bottom: 0;

  .tab-more {
    display:inline-block
  }

  .nav-tabs {

    margin-right: 0;

    .tab-button {
      padding: 10px 25px;
      font-weight: normal;
      font-size: 16px;
      color: #333;

      &:focus {
        @include outline;
      }

      &.active {
        border-top-color: $bb-secondary;
        border-top-width: 2px;
        background-color: white;
      }
    }

    .collapsed-tab-button {
      font-weight: normal;
      font-size: 16px;
      color: #333;

      &:focus {
        @include outline;
      }
    }
  }
}

.tab-content {
  padding: 0;
  border-radius: 0;
}

.tab-content {
  section.content {
    padding: 0;
    min-height: auto;
  }
}

/*
* Styles for inner/sub tabs
*/
.nav-tabs-custom .nav-tabs-sub,
.nav-tabs-custom .nav-tabs-custom {
  padding: 10px;
  border: 0;

  .nav-tabs {
    padding-left: 10px;
    border-bottom: 0;

    .tab-button {
      padding: 10px 15px;
      border: 0;
      font-weight: 600;
      font-size: 14px;

      border-top: 0;
      border-bottom: 1px solid $gray;
      margin: 0;

      &.active {
        border-bottom: 2px solid $bb-secondary;
      }

      &:focus {
        @include outline;
      }
    }
  }

  .tab-content {
    padding: 20px 10px;
    border-radius: 0;
  }
}