.order-list {
  margin-top: 25px;
  border-top: solid 1px #ddd; }
  .order-list__count {
    padding: 15px;
    font-weight: 500; }
  .order-list__item {
    background-color: rgba(112, 112, 112, 0.15);
    border-radius: 15px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    padding: 0; }
    .order-list__item--open {
      padding: 10px; }
  .order-list__item--open .order-list__order-summary {
    display: none; }
  .order-list .order-summary {
    font-size: 1.1rem;
    color: #fff;
    background-color: #707070;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px; }
    .order-list .order-summary:after {
      display: table;
      clear: both;
      content: ' '; }
    .order-list .order-summary__web-order-number {
      float: left; }
    .order-list .order-summary__user {
      display: none; }
    .order-list .order-summary__date {
      font-size: .8rem;
      padding: 1px 10px;
      border-radius: 5px;
      color: #444;
      background-color: rgba(255, 255, 255, 0.4);
      float: left;
      clear: left;
      margin: 2px 7.5px 2px 0;
      display: block; }
      .manageorders .order-list .order-summary__date {
        clear: left;
        margin-left: 0; }
    .order-list .order-summary__po-number:not(:empty) {
      font-size: .8rem;
      padding: 1px 10px;
      border-radius: 5px;
      color: #fff;
      background-color: #8d8d8d;
      float: left;
      clear: right;
      margin: 2px 7.5px; }
      .order-list .order-summary__po-number:not(:empty):before {
        content: 'PO #'; }
    .order-list .order-summary__invoice:not(:empty) {
      font-size: .8rem;
      padding: 1px 10px;
      border-radius: 5px;
      color: #fff;
      background-color: #b11f25;
      float: left;
      clear: right;
      margin: 2px 7.5px; }
      .order-list .order-summary__invoice:not(:empty):before {
        content: 'INVOICE #'; }
    .order-list .order-summary__notifications {
      float: right;
      clear: right; }
  .order-list__update-order {
    display: none; }
    .order-list--manage-orders .order-list__item--open .order-list__update-order {
      display: block; }
  .order-list__close-order {
    position: absolute;
    display: none;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
    color: #fff; }
    .order-list__item--open .order-list__close-order {
      display: block; }
  .order-list__show-order {
    position: absolute;
    display: block;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
    color: #fff; }
    .order-list__show-order .fa-times-circle {
      transform: rotate(45deg); }
    .order-list__show-order:before {
      content: 'click to view order details';
      vertical-align: super;
      margin-right: 10px;
      font-size: .75rem; }
    .order-list__item--open .order-list__show-order {
      display: none; }
  .order-list--manage-orders .order-summary__user {
    font-size: .8rem;
    padding: 1px 10px;
    border-radius: 5px;
    color: #444;
    background-color: rgba(255, 255, 255, 0.4);
    float: left;
    clear: right;
    margin: 2px 7.5px;
    display: block; }
  .order-list--manage-orders .order-summary__invoice {
    float: left; }
  .order-list--manage-orders .order-list__update-order {
    position: absolute;
    display: none;
    right: 65px;
    z-index: 1; }
    .order-list--manage-orders .order-list__update-order button {
      padding: 5px 10px; }
  .order-list.breakpoint-0 .order-list__show-order:before {
    content: ''; }
  .orders .order-list.breakpoint-700 .order-summary__date {
    clear: none;
    margin-left: 7.5px; }

.update-order__feedback:not(:empty) {
  font-weight: 600;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px; }

.update-order__feedback--info {
  background: rgba(0, 128, 0, 0.1);
  color: rgba(0, 128, 0, 0.7); }

.update-order__feedback--error {
  background: rgba(128, 0, 0, 0.1);
  color: rgba(128, 0, 0, 0.7); }

.update-order__progress {
  width: 100%;
  margin-top: 15px; }