.list-status
  .list-needs-help-indicator
    display: inline-block
    width: 30px
    color: #400
    background-color: #aaf
    text-align: center
    margin-right: 7px
    &.hide
      display: none
  .list-needs-payment-indicator
    display: inline-block
    width: 30px
    color: #440
    background-color: #faa
    text-align: center
    margin-right: 7px
    &.hide
      display: none
.active-orders-table
  tbody
    tr
      td
        &:first-child
          padding-left: 35px
          background-position: 5px center
          background-repeat: no-repeat
        .active_order_table_number
          position: relative
          .extra-list-info
            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
      &.active
        td
          &:first-child
            background-image: image-url('icons/order-check.png')
      &.delivered
        td
          &:first-child
            background-image: image-url('icons/order-doublecheck.png')