.tab-content {
  .tab-pane {
    display: none;

    &.active {
      display: block;
    }
  }
}

.nav-tabs {
  > li {
    > a {
      margin-right: -1px;

      &.has-error {
        color: $state-danger-text;
        background: $state-danger-bg;
      }

      &.disabled {
        @include opacity(0.7);

        cursor: $cursor-disabled;
      }
    }
    &:last-child {
      padding-right: 1px;
    }
  }
}

.nav-default {
  background-color: $nav-tabs-bg;

  > li {
    > a {
      color: $nav-link-color;
      background-color: $nav-link-bg;
      border-color: $nav-tabs-border-color;
    }

    &.active {
      &:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 3px;
        left: 0;
        bottom: 0px;
        background: $component-active-bg;
        box-sizing: border-box;
      }
    }
  }
}

.nav-icons {
  background-color: inherit;

  > li {
    > a {
      line-height: $heading-height;
      padding-top: 0;
      padding-bottom: 0;
      font-size: 1.5em;

      color: $nav-link-color;

      &:hover {
        color: $brand-primary;
      }
    }
    &.active {
      > a {
        color: $brand-primary;
      }
    }
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  > li > a {
    margin-right: -1px;
    margin-bottom: 0px;
  }
}

