.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-list-div($float: left, $padding: 4px)
  line-height: 50px
  float: $float
  display: inline-block
  vertical-align: middle
  padding-left: $padding
  padding-right: $padding
.active-lists-table, .active-orders-table
  .row
    border-bottom: 1px solid #777
    background-color: white
    padding: 5px
  .users-buttons
    float: left
  .status-icons
    font-size: 1.5rem
    +active-list-div
    .needs-payment
      margin-left: 7px
  .order-display
    +active-list-div
  .table-number
    +active-list-div
  .link-to-section
    +active-list-div
  .show-list-button-container
    +active-list-div(right)
  .currency
    +active-list-div
    font-weight: bold
  .actions
    +active-list-div(right)
    button
      vertical-align: middle
  .time
    +active-list-div(right)

.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
