// ///////////////// //
//    Navbar tabs    //
// ///////////////// //
.navbar-tabs
  min-height: 50px
  position: relative
  border-bottom: 1px solid $menu-border-color
  overflow: hidden
  z-index: 0
  &.border-less
    border-bottom: 0
  &.border-shadow
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)
  .btn-dropdown
    width: 100%
    height: 50px
    text-align: right
    position: absolute
    top: 0
    left: 0
    z-index: 2
    padding: 0 20px
    .icn,
    .go-icon
      width: 30px
      height: 30px
      font-size: 30px
  a
    @extend .text-secondary
    @extend .text-nowrap
    line-height: 50px

  // Tabs
  .nav
    li
      width: 100%
      display: none
      font-size: $font-size-h5
      // text-align: center
      padding: 0 20px
      &.active
        display: block
        position: absolute
        top: 0
        left: 0
        z-index: 0
        a
          color: $gray-base

  &.open .nav
    padding-top: 50px
    li
      display: block

  @media (min-width: $screen-sm-min)
    max-height: 50px

    > nav
      display: flex

    // Tabs
    .nav
      display: inline-flex
      overflow-x: auto
      li
        width: auto
        font-size: $font-size-base
        display: inline-block
        vertical-align: top
        padding: 0 20px
        &.large
          padding: 0
          a
            padding: 0 40px
        &.active
          position: relative
          a
            color: $brand-primary
          &:after
            content: ''
            width: 100%
            height: 2px
            background: $brand-primary
            position: absolute
            bottom: 0
            left: 0
    &.open .nav
      padding: 0