.nav.nav-tabs-xs > li > a {
  padding: 3px 5px;
}

.tab-content {
  background-color: $white;
  border: 1px solid $gray-lighter;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 0;
  margin-bottom: 25px;
  padding: 30px 25px;

  .tab-pane-title {
    font-size: $font-size-btn;
  }
}

div.active.tab-pane:focus {
  outline: none;
}

.nav-tabs {
  .has-error,
  .active.has-error {
    a,
    a:hover,
    a:focus {
      -webkit-font-smoothing: antialiased;
      color: $white;
      background-color: $alert-danger-bg;
    }
  }

  li {
    a {
      background-color: $gray-lightest;
      border: 1px solid $gray-lighter;
      border-radius: 3px 3px 0 0;
      color: $gray;
      font-size: $font-size-small;
      font-weight: 600;
      padding: 8px 12px 7px;
    }

    &.pull-right a {
       margin-left: 5px;
       margin-right: 0;
    }

    &.danger a {
       background-color: $brand-danger;
       color: $white;
    }
  }
}

@supports (display: flex) {

  .nav-tabs-flex {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;

    > li {
      float: none;
    }
    .mr-auto {
      margin-right: auto;
    }
  }
}

.fork-dashboard-column .nav-tabs li {
   a {
     background-color: $gray-lighter;
   }

  &.active a {
    background-color: $white;
  }
}

.tab-pane-collection {
  margin: -31px -26px -56px;

  & > .panel > .panel-heading {
    display: none;
  }
}
