.section-title
  font-size: 24px
  padding: 4px 0px
.section-tables-container
  .section-manage-tables
    margin: -32px 6px 4px 6px
  .section-table
    background-color: #ccc
    //TODO remove width and height for ember control
    height: 48px
    width: 83px
    background-repeat: no-repeat
    color: black
    a
      color: black
    //background-image: image-url('icons/section-table.png')
    .table-link
      margin-top: -45px
    .table-number
      color: black
      position: absolute
      top: 0
      line-height: 44px
      width: 45px
      font-size: 42px
      text-align: center
    .status-icons
      float: right
      width: 16px
      span
        display: none
        float: right
    .action-button-container
      margin-right: -20px
    .table-actions
      display: none
      position: absolute
      left: 100%
      top: 0
      width: 140px
      text-align: center
      background-color: white
      border: 1px solid #aaa
      padding-bottom: 10px
      .title
        background-color: #aaa
      .table-action-row
        margin-top: 10px
    .table-settings
      width: 200px
      height: 30px
      position: absolute
      top: -30px
      select
        width: 92px
  &.section-tables-active
    position: relative
    padding: 0
    height: 400px
    //background-image: image-url('textures/wood4.jpg')
    background-color: rgba(0,0,0,0.4)
    .section-table
      position: absolute
      cursor: pointer
      &.occupied
        background-color: #ffa
      &.needs_help
        background-color: #7f7
        .needs_help
          display: block
      &.needs_payment
        background-image: image-url('icons/needs-payment.png')
        background-position: 40px 2px
        .needs_payment
          display: block
      &.active_order
        .active_order
          display: block
        //background-color: #f77
      a
        &:hover
          text-decoration: none
  &.section-tables-manage
    .section-table
      cursor: move
  &.section-tables-inactive
    .section-table
      position: relative
      margin-top: 10px
      margin-bottom: 30px
      float: left
      margin-right: 30px
// INDEX

table
  td
    &.table-info
      .table-count
        &:after
          content: " - "
.go-to-tables-view.hide
  display: inline-block

ul#table-actions-list
  list-style: none
  margin: 0