// Order
// ==========================================================================


.text-block.article-order
  padding: 0
  margin-bottom: 20px

.title-order-block
  cursor: pointer
  // 20px
  line-height: 49px
  padding-left: 32px
  .title
    font-size: 1.6em
    color: $blue
    font-weight: bold
  .order-date
    font-size: 1.5em
    color: $light-grey
    margin-left: 20px
  .open-close
    font-weight: bold
    float: right
    padding-right: 15px
    display: inline-block
    margin: 15px
    +icon-sprite-two(-170px -130px, 12px, 12px)
  &.open
    border-bottom: #F3F3F3 solid 1px
    .open-close
      +icon-sprite-two(-190px -130px, 12px, 12px)

.order-block
  padding: 32px
  position: relative

  // Title
  .order-title
    font-size: 2em
    // 20px
    margin-top: 0
    cursor: pointer
    +grid-margin-s($bottom: .75)
    .rule-1
      +semibold
      color: $dark-grey
    .rule-2,
    .rule-3
      color: $grey
      +light
    .rule-3,
    .bypass
      color: $blue

  .column.buttons
    width: 100%

  .column.fluid-50
    position: relative
    float: left
    width: 47.5%
    margin-right: 5%
    margin-bottom: 0

  .column.fluid-50:last-child
    margin-right: 0

  .btn-holder
    .btn
      min-width: 200px
      +grid-margin-s($right: .5)

table.order-products
  width: 100%
  margin-bottom: 0
  th
    font-size: 1.5em
  tr
    border-bottom: 1px solid #dedede
  thead tr
    border: none
  td
    padding: 1em 0
    vertical-align: middle
  h3
    font-size: 1.5em
    color: $blue
    margin: 0
  p
    margin: 0

table.order-totals
  float: right
  margin-top: 1em
  td
    font-size: 1.5em
    line-height: 1.7em
    white-space: nowrap
  td:last-child
    padding-left: 15px
  tr.total
    border-top: 1px solid #dedede
  tr.total td
    font-weight: bold
    padding-top: .5em

ul.orders ul
  display: none
  overflow: hidden