@import "foundation_and_overrides"
.lists-overview-entry
  +grid-column(12)
  @media #{$medium-only}
    +grid-column(6)
  @media #{$large-up}
    +grid-column(4)
  .created_at
    float: right
  .price
    float: right
    clear: right
    +panel($padding: 4px)
.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('icons/order-check.png')
    &.delivered
      background-image: image-url('icons/order-doublecheck.png')
    .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