td.boolean
  +table-fit
  .boolean-true
    @extend .fa, .fa-check
  &.needs_help
    .boolean-true
      @extend .fa
      @extend .fa-bell
  &.needs_payment
    .boolean-true
      @extend .fa
      @extend .fa-money
.display-field
  .boolean-true
    @extend .fa, .fa-lg, .fa-check
  .boolean-false
    @extend .fa, .fa-lg, .fa-minus

.change-list-table-section-tables
  list-style: none
  +clearfix
  li
    float: left
    margin-right: 10px
    margin-bottom: 10px
    a
      +button($padding: $button-sml)
      margin: 0
td.colorbox
  +table-fit
.list-orders-container
  .currency
    float: right
  list-style: none
  $padding: 6px 0 6px 35px
  .list-order-container
    background-position: left center
    background-repeat: no-repeat
    +grid-column(12)
    padding: $padding
    border-bottom: 1px solid #eee
    &.active
      background-image: image-url('supplier/order-check.png')
    &.delivered, &.closed
      background-image: image-url('supplier/order-doublecheck.png')
    &.closed
    .created_at
      float: right
      padding-right: 20px
      padding-left: 10px
  .list-orders-total
    +grid-column(12)
    padding: $padding
    border-top: 2px solid #444
    font-weight: bold
