/*
 *  Component: Navs

/* NAV PILLS
.nav.nav-pills
  > li > a
    border-top: 3px solid transparent
    +border-radius(0)
    color: #444
    > .fa, > .glyphicon, > .ion
      margin-right: 5px
  > li.active > a, > li.active > a:hover
    background-color: #f6f6f6
    border-top-color: $light-blue
    color: #444
  > li.active > a
    font-weight: 600
  > li > a:hover
    background-color: #f6f6f6
  &.nav-stacked
    > li > a
      border-top: 0
      border-left: 3px solid transparent
      +border-radius(0)
      color: #444
    > li.active > a, > li.active > a:hover
      background-color: #f6f6f6
      border-left-color: $light-blue
      color: #444
    > li.header
      border-bottom: 1px solid #ddd
      color: #777
      margin-bottom: 10px
      padding: 5px 10px
      text-transform: uppercase

/* NAV TABS
.nav-tabs-custom
  margin-bottom: 20px
  background: #fff
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)
  > .nav-tabs
    margin: 0
    border-bottom-color: #f4f4f4
    > li
      border-top: 3px solid transparent
      margin-bottom: -2px
      > a
        border-radius: 0 !important
        &, &:hover
          background: transparent
          margin: 0
      &:not(.active)
        > a:hover, > a:focus, > a:active
          border-color: transparent
      margin-right: 5px
    > li.active
      border-top-color: $light-blue
      & > a, &:hover > a
        background-color: #fff
      > a
        border-top: 0
        border-left-color: #f4f4f4
        border-right-color: #f4f4f4
    > li:first-of-type
      margin-left: 0px
      &.active
        > a
          border-left-width: 0
    //Pulled to the right
    &.pull-right
      float: none !important
      > li
        float: right
      > li:first-of-type
        margin-right: 0px
        &.active
          > a
            border-left-width: 1px
            border-right-width: 0px
    > li.header
      font-weight: 400
      line-height: 35px
      padding: 0 10px
      font-size: 20px
      color: #444
      cursor: default
      > .fa, > .glyphicon, > .ion
        margin-right: 10px
  > .tab-content
    background: #fff
    padding: 10px

  .close
    position: absolute
    top: 2px
    left: -20px
    font-size: 90%