.page-header + .tabs-container {
  box-shadow: none;
}

.tabs {
  box-shadow: inset 0 -1px 0 $grey-light;

  ul {
    border-color: transparent;
    min-height: 3rem;

    > a {
      &:focus {
        box-shadow: none;
      }
      &.active,
      &.active .tab {
        border-color: $blue;
        color: $blue;
      }
    }
    li {
      > a &.active {
        border-color: $blue;
        color: $blue !important;
      }
    }
  }

  li {
    &:focus {
      box-shadow: none;
    }
    &.active a,
    &.active .tab {
      border-color: $blue;
      color: $blue;
    }
  }

  a,
  .tab {
    color: $grey;
    font-weight: $font-weight-semibold;
    text-decoration: none;
    padding: $size-6 $size-8 $size-8;
    border-bottom: 2px solid transparent;
    transition: background-color $speed, border-color $speed;

    &:hover,
    &:active {
      border-color: $grey-light;
    }

    &:hover {
      background-color: $ui-gray-050;
    }
  }

  .ember-basic-dropdown-trigger {
    outline: none;
  }
}
