.section-tabs-container
  .section-tab-header
    float: left
    margin-right: 10px
    $border: 1px solid black
    border: $border
    padding: 5px
    cursor: pointer
    font-weight: bold
    background-color: rgba(200,200,200,0.4)
    color: #333
    margin-bottom: 2px
    &.active
      border-bottom-width: 0
      margin-top: 4px
      margin-bottom: 0
    &.table-hover, &.table-dragging
      background-size: 100px
      background-position: center center
      background-repeat: no-repeat
    &.table-dragging
      background-image: image-url('supplier/drop-target.svg')
    &.table-hover
      background-image: image-url('supplier/drop-target-active.svg')
  &:after
    content: ''
    display: block
    clear: left
  .add-section
    display: inline-block
    margin-top: 8px
    span
      @extend .fa
      @extend .fa-lg
      @extend .fa-plus

  .goto-sections-index-tab-header
    float: left
    span
      @extend .fa
      @extend .fa-share
      @extend .fa-lg
      @extend .fa-rotate-270
