#account-order {
  font-size: 12px;
  color: #444;
}

#account-order .breadcrumb {
  margin-bottom: 25px;
}

#account-order #content > h2 {
  display: none;
}

.sr-order-wrap {
  max-width: 980px;
  margin: 0 auto 35px auto;
}

.sr-order-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-align: right;
  margin: 0 0 10px 0;
}

.sr-store-logo {
  height: 34px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
  margin: 0 0 7px 0;
}

.sr-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 14px 0;
  background: #fff;
}

.sr-table thead td,
.sr-table thead th {
  background: #f7f7f7;
  color: #444;
  font-weight: 700;
}

.sr-table td,
.sr-table th {
  border: 1px solid #ddd !important;
  padding: 7px !important;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
}

.sr-table b,
.sr-table strong {
  color: #444;
  font-weight: 700;
}

.sr-table address {
  margin: 0;
  line-height: 18px;
}

.sr-order-contact {
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
}

.sr-table .text-right {
  text-align: right;
}

.sr-table .text-left {
  text-align: left;
}

.sr-table .text-center {
  text-align: center;
}


.sr-order-half {
  width: 50%;
}

.sr-order-label-col {
  width: 35%;
}

.sr-order-action-col {
  width: 80px;
}

.sr-order-actions {
  white-space: nowrap;
}

.sr-order-actions .btn {
  padding: 6px 9px;
  border-radius: 3px;
}

.sr-history-title {
  text-align: center;
  font-size: 20px;
  margin: 18px 0 10px 0;
  color: #333;
}

@media (max-width: 767px) {
  .sr-order-title {
    text-align: left;
    font-size: 18px;
  }

  .sr-table td,
  .sr-table th {
    font-size: 11px;
    padding: 6px !important;
  }

  .sr-store-logo {
    height: 28px;
    max-width: 150px;
  }
}