.lists-overview-entry
  +grid-column(12)
  cursor: pointer
  // Transparent border to get same size as active box
  border: 1px solid transparent
  border-bottom: 1px solid #ddd
  margin-bottom: 12px
  @media #{$medium-only}
    +grid-column(6)
  @media #{$large-up}
    +grid-column(4)
  .created_at
    float: right
  .price
    float: right
    clear: right
    +panel($padding: 4px)
  &.active
    border: 1px solid $active-color
.list-orders-container
  $padding: 6px 0 6px 35px
  border-top: 2px solid #555
  list-style: none
  .currency
    float: right
    margin-right: 0.5em
    min-width: 60px
    text-align: right
  .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('user/order-check.png')
    &.delivered, &.closed
      background-image: image-url('user/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
