/*
 *
 * BUI: TABS
 *
 */

.bui-tabs-holder
  position: relative
  width: 100%

  .tabs-holder__menu-labels
    @extend .clear-after
    position: relative
    width: 100%
    padding: 0 20px
    background-color: $cyan-500
    .menu-labels__button,
    .toolbar-dropdown-holder
      float: left
      height: 50px
      line-height: 50px
      padding: 0 20px
      text-align: center
      text-transform: uppercase
      font-size: 14px
      font-weight: 600
      color: rgba(white, .65)
      cursor: pointer
      &:hover
        color: rgba(white, 1)
      &.button-selected
        color: white
        cursor: default
    .toolbar-dropdown-holder
      .toolbar-text-label
        margin-right: 5px
      .toolbar-dropdown-elements-holder
        text-align: left
        text-transform: none
    .menu-labels__tab
      position: absolute
      bottom: 0
      left: 0
      width: 0
      height: 4px
      background-color: $amber-A400

  .tabs-holder__tab-content
    position: relative
    width: 100%
    height: calc(100% - 112px)
    background-color: white