.active-orders-table
  .status-icons
    .active-order
      @extend .fa
      @extend .fa-check
      @extend .fa-lg
.dashboard-lists-header, .dashboard-orders-header
  cursor: pointer
  .icon
    @extend .fa
    @extend .fa-arrow-down
    color: #ccc
    padding-right: 10px
    &.collapsed
      @extend .fa-arrow-right
.dashboard-section-selection
  float: right
  min-width: 124px
  select
    width: calc(100% - 30px)
.active-lists-table
  width: 100%
  .show-list
    +button-icon-only
    margin-left: $button-spacing
    span
      @extend .fa
      @extend .fa-2x
      @extend .fa-list
.remove_list_needs_payment
  +button-icon-only
  vertical-align: top
  padding-left: 8px //do not ask me why, just looks
  padding-right: 2px //do not ask me why, just looks
  margin-right: $button-spacing
.close-list-button
  +button-icon-only
.active-orders-table
  width: 100%
.go-to-orders-list
  span
    @extend .fa
    @extend .fa-list-alt

.table-number-with-info
  position: relative
  .extra-list-info
    // Facebook profiles
    display: none
    $extra-info-width: 220px
    position: absolute
    width: $extra-info-width
    // 7px is padding + border, 5px is extra spacing
    right: -$extra-info-width - 7px*2 - 5px
    top: -7px*2
    padding: 4px
    border: 3px solid #aaa
    border-radius: 3px
    background-color: white
    text-align: left