table
  thead
    th 
      &.currency
        text-align: right
      &.numeric
        text-align: right
      &.actions
        text-align: right

  tbody
    td
      &.status-icons
      &.currency
        text-align: right
      &.numeric
        text-align: right
      &.actions
        text-align: right
  tfoot
    td
      &.currency
        text-align: right
#active-list-table
  tbody
    tr
      td
        &:first-child
          padding-left: 35px
          background-position: 5px center
          background-repeat: no-repeat
      &.active
        td
          &:first-child
            background-image: image-url('icons/order-check.png')
      &.delivered
        td
          &:first-child
            background-image: image-url('icons/order-doublecheck.png')
.phone-wrapper
  position: absolute
  top: 60px
  left: 20px
  width: 353px
  height: 693px
  background-image: image-url('frames/smartphone.png')
  background-repeat: no-repeat
.phone-content-frame
  position: absolute
  left: 40px
  top: 182px
  height: 482px
  width: 310px
 

.tablet-wrapper
  position: absolute
  top: 60px
  left: 393px
  width: 1002px
  height: 670px
  background-image: image-url('frames/tablet.png')
  background-repeat: no-repeat
.tablet-content-frame
  position: absolute
  left: 433px
  top: 100px
  width: 880px
  height: 590px

#list-needs-help-button
  button
    margin-left: 5px
  i
    padding-left: 5px
#list-needs-payment-button
  button
    margin-left: 5px
  i
    padding-left: 5px
#qr-list
  list-style: none
  margin: 0
  padding: 0
  li
    float: left