@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Medium.otf") format("truetype");
}
html.redesign.redesign-orders {
  background: linear-gradient(to bottom, blue 0, blue 280px, white 280px, white 94%, black 94%, black 100%);
}
html.redesign.redesign-orders body.account-orders div.viewport {
  width: 100%;
  max-width: 1300px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view {
  width: 100%;
  max-width: 1300px;
  padding: 0;
  display: flex;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar {
  order: -1;
  width: 237px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar hgroup {
  margin-bottom: 16px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar hgroup h1 {
  padding: 0;
  font-family: "Gibson", sans-serif;
  font-weight: 800;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.5);
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar hgroup h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li {
  border: none;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a {
  background: rgba(221, 228, 237, 0.5);
  border: 1px solid #dde4ed;
  border-bottom: none;
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  color: blue;
  font-size: 15px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a span.ss-icon {
  color: blue;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a.current {
  background: unset;
  border-left: none;
  border-right: none;
  font-weight: 600;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a.current:hover {
  color: blue;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a:last-child {
  border-bottom: 1px solid #dde4ed;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#sidebar nav.account-nav ol li a:hover {
  color: rgba(0, 0, 255, 0.5);
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content {
  width: 100%;
  max-width: 963px;
  box-shadow: none;
  padding-top: 27px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content h1 {
  padding: 0;
  margin: 15px 0 35px;
  text-transform: capitalize;
  font-family: "Gibson", sans-serif;
  font-weight: 400;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content form.sort {
  margin-bottom: 0;
  padding-top: 40px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content form select {
  font-family: "Poppins", sans-serif;
  color: black;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content form label {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: black;
  font-size: 16px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.headings ul li {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: black;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.tbody ul.expandable_line {
  font-family: "Poppins", sans-serif;
  color: blue;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.tbody,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.headings {
  border: none;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.tbody ul li:first-child,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.headings ul li:first-child {
  width: 200px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.tbody ul.expandable_line,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.headings ul.expandable_line {
  background: white;
  border: 1px solid #dde4ed;
  background: rgba(221, 228, 237, 0.24);
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open {
  border: 1px solid #dde4ed;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open ul.expandable_line {
  border: none;
  border-bottom: 1px solid #dde4ed;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details h3,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details strong,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details p,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details span,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details table tbody tr td {
  font-family: "Poppins", sans-serif;
  color: black;
  font-weight: normal;
  font-size: 14px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content ol.table li.open div.order_details a {
  color: blue;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination {
  border-color: #dde4ed;
  display: flex;
  justify-content: space-between;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results {
  display: flex;
  align-items: center;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results span.total_results {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results form {
  margin: 0;
  display: flex;
  align-items: center;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results form label.per_page {
  background: blue;
  padding: 0 20px;
  color: white;
  margin: 0;
  border-radius: 3px;
  height: 50px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results form input[type=button] {
  background: #dde4ed;
  border: none;
  box-shadow: none;
  color: black;
  padding: 0 20px;
  margin: 0;
  height: 50px;
  margin-right: 5px;
  text-shadow: none;
  display: flex;
  align-items: center;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results span,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results form * {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: black;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging {
  display: flex;
  align-items: center;
  margin: 0;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging > span {
  font-size: 18px;
  color: black;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging span,
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging a {
  font-family: "Poppins", sans-serif;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging > a {
  border: 1px solid blue;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 16px;
  color: blue;
  padding: 5px 15px;
  margin-left: 5px;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination p.paging > a:hover {
  border-color: rgba(0, 0, 255, 0.5);
  color: rgba(0, 0, 255, 0.5);
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination > * {
  width: unset;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination div.results form label {
  margin-left: 0;
}
html.redesign.redesign-orders body.account-orders div.viewport div#view div#content div.pagination::after {
  display: none;
}