@media screen and (min-width: 960px) {
  .account-nav li {
    float: left;
    margin-bottom: 10px;
    width: 50%;
  }
  .account-nav li a {
    height: 6rem;
    margin-right: 2rem;
  }
  .account-nav li a span {
    color: #444;
    font-size: 1rem;
  }
  .account-nav li a strong.active {
    color: #222;
  }
}
@media screen and (min-width: 1220px) {
  ul.account-nav {
    max-width: unset;
  }
  ul.account-nav li {
    width: 33.3%;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

.basket-table .price {
  text-align: right;
}

@media screen and (min-width: 960px) {
  .delivery-area-selection {
    font-size: 1rem;
  }
  .product-table.basket-table {
    float: left;
    width: 72%;
  }
  .basket-table th.price {
    width: 90px;
  }
  .basket-table thead th.del {
    width: 15px;
  }
  .basket-table tfoot a {
    font-size: 10px;
    text-decoration: underline;
  }
  .basket-table tr#orderGrandTotal th {
    background-color: #ececec;
    border-top: 1px solid #ddd;
    padding-bottom: 5px;
  }
  .basket-table tr.discount th {
    background-color: #ececec;
    border-bottom: 1px solid #ddd;
    font-style: italic;
    padding-bottom: 5px;
    vertical-align: top;
  }
  .new-basket-table-container,
  .discountCode-container {
    margin-left: 100px;
    margin-right: 100px;
    padding: 45px 49px;
  }
  .new-suggestions-container {
    margin: 68px 100px;
  }
  .new-basket-table-container .delivery-date-shortcut:nth-of-type(3) {
    display: flex;
  }
  .basket-intro {
    padding: 35px 100px;
  }
}
@media screen and (min-width: 1220px) {
  .basket-table th.price {
    width: 108px;
  }
}
@media screen and (min-width: 960px) {
  .basket-actions {
    float: right;
  }
  .basket-action-items {
    display: flex;
  }
  .quote-guaranteed {
    display: block;
    font-size: 0.875rem;
    line-height: 2rem;
    padding-right: 0.5rem;
  }
  .main-basket {
    clear: right;
  }
  .basket-actions ul.actions li a {
    background-color: #00d76e;
  }
}
.brand-statement {
  background-image: url("/assets/brand-statement-acd094de.jpg");
  background-size: cover;
  box-sizing: border-box;
}

@media screen and (min-width: 960px) {
  .brand-statement {
    height: 548px;
    margin-top: 1rem;
    padding: 110px 200px 0 190px;
  }
}
@media screen and (min-width: 1200px) {
  .brand-statement {
    height: 750px;
    padding: 155px 300px 0 300px;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .category-list {
    margin: 0;
    padding: 0 0 50px;
    grid-template-columns: repeat(6, 1fr);
  }
  .category-list li {
    margin-bottom: 0;
    margin-right: 0;
  }
  .category-list li:nth-child(5n) {
    margin-right: 0;
  }
  .category-list li a .img {
    padding: 0;
  }
}
@media screen and (min-width: 1220px) {
  .category-list li a .name {
    font-size: 0.9;
  }
  .category-list li,
  .category-list li:nth-child(5n) {
    margin-bottom: 0;
    margin-right: 0;
  }
  .category-list li:nth-child(6n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1440px) {
  .category-list-container {
    left: -10px;
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .order-view .block h3 .button {
    position: absolute;
    right: 0;
    top: 0;
  }
  .order-view .block h3 .change-address {
    top: 2.5rem;
  }
  .order-summary {
    position: relative;
  }
  .checkout-complete {
    width: 480px;
  }
  .checkout-complete p {
    line-height: 1.3;
  }
  .checkout-complete .order-number {
    font-weight: bold;
  }
  .checkout-complete .order-number span {
    font-size: 16px;
  }
  .checkout-complete .order-summary h3 {
    color: #333;
    margin-bottom: 0;
  }
  .checkout-complete .order-summary p {
    color: #333;
    font-size: 11px;
    margin-top: 0;
  }
  .checkout-complete a {
    text-decoration: underline;
  }
  .basket-actions ul.actions li a {
    background-color: #ffea00;
  }
  .checkoutHeader-container img {
    height: 42px;
    width: 133px;
  }
  .checkoutHeader-container img + img {
    height: 40px;
  }
  .basketSummary {
    width: 32%;
  }
  .basketSummary-container {
    margin-top: 30px;
  }
  .basketSummary-productImage {
    padding-bottom: 20px;
  }
  .paymentFromQuoteSidebar {
    box-sizing: initial;
    width: 40%;
  }
  .orderLine-container:not(:last-child) {
    border-bottom: #707070 1px solid;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1220px) {
  .checkout-complete {
    width: 640px;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

.new-quote-request-page {
  margin-top: 1rem;
}

@media screen and (min-width: 960px) {
  .new-quote-request-content,
  .new-quote-request-form-container {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
  }
  .new-quote-request-content {
    padding-right: 2rem;
    width: 54%;
  }
  .new-quote-request-form-container {
    padding-left: 2rem;
    width: 46%;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .flash-notice,
  .flash-alert {
    margin-bottom: 10px;
    margin-top: -10px;
  }
  .flash-notice a,
  .flash-alert a {
    text-decoration: underline !important;
  }
  .flash-notice span,
  .flash-alert span {
    background: 13px 12px no-repeat;
    background-size: 20px 20px;
  }
  .flash-notice span {
    background-image: url("/assets/fa/circle-info-04290d41.svg");
  }
  .flash-alert span {
    background-image: url("/assets/fa/circle-exclamation-white-05051d53.svg");
  }
  .flash-notice span ul,
  .flash-alert span ul {
    color: #777;
    margin-bottom: 0;
    margin-top: 2px;
  }
  .timer-message {
    text-align: center;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .helpline {
    height: 160px;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    width: 940px;
  }
  .helpline-img {
    display: inline;
    float: left;
  }
  .home .helpline {
    margin-top: -4rem;
  }
  .helpline-mid {
    float: left;
    height: 92px;
    margin-top: 68px;
    padding: 0;
    width: 722px;
  }
  .helpline-text {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 30px;
    position: absolute;
    text-align: right;
    top: 14px;
    width: 360px;
  }
  .helpline-number {
    font-size: 58px;
    left: 380px;
    letter-spacing: -3px;
    line-height: 70px;
    position: absolute;
    top: 12px;
  }
}
@media screen and (min-width: 1220px) {
  .helpline {
    width: 1200px;
  }
  .helpline-mid {
    width: 982px;
  }
  .helpline-text {
    width: 470px;
  }
  .helpline-number {
    font-size: 66px;
    left: 515px;
    top: 11px;
  }
}
@media screen and (min-width: 960px) {
  .site-footer {
    margin-top: 0;
    padding: 4rem 0 0 0;
  }
  .footer-section {
    box-sizing: border-box;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }
  .footer-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .registered-company {
    padding: 1rem 0;
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .form .label {
    clear: left;
    float: left;
    width: 13rem;
  }
  .form .input {
    float: left;
    width: 21rem;
  }
  .field-group {
    background: transparent;
    border: none;
    padding: 0;
  }
  .follow-on {
    margin: -0.25rem 0 0.5rem;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .main-nav .dropdown {
    display: none;
  }
}
.nav-second > .container {
  box-sizing: border-box;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.logos > a {
  z-index: 200;
}

.register-sign-in .nav-label {
  display: block;
}

/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .home .ios {
    box-sizing: border-box;
    vertical-align: middle;
  }
}
.intro-with-pdf-download {
  display: flex;
  justify-content: space-between;
}

.pdf-download {
  margin-left: 2rem;
}

@media (min-width: 960px) {
  .paragraph-with-image {
    flex-direction: row;
    justify-content: space-between;
  }
  .paragraph-with-image > img {
    height: 35rem;
    max-width: 50%;
  }
  .paragraph-with-image > div {
    margin-bottom: 0;
    max-width: 50%;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  html {
    font-size: 14px;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
  }
  html,
  body {
    margin: 0;
    padding: 0;
    position: relative;
  }
  body {
    margin: 0;
  }
  .container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    padding: 10px;
    position: relative;
    width: 100%;
  }
  h1 {
    margin-top: 0;
  }
  a img {
    border: 0;
  }
  .content-main.left {
    float: left;
    margin: 0 auto;
    max-width: 750px;
  }
  .content-main.full {
    float: none;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
  .page-title {
    margin-top: 0;
    padding: 12px 0;
  }
  .page-title a {
    color: #000;
    font-size: 1.5rem;
    text-decoration: underline;
  }
  .page-title a:hover {
    color: #666;
    text-decoration: underline;
  }
  .page-titleContent {
    margin: 0 auto;
    max-width: 1440px;
    padding-left: 53px;
    padding-right: 43px;
  }
  .hidden {
    display: none;
  }
  .add-to-basket-form .loader {
    background: url("/assets/metal_store/ajax-loader-8058b76a.gif") left no-repeat;
    color: #999;
    float: right;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    white-space: nowrap;
  }
  .description {
    padding-left: 5px;
    text-align: left;
  }
  .price {
    text-align: center;
  }
  .qty .na {
    color: #999;
    font-style: italic;
    font-weight: bold;
  }
  .block-narrow {
    float: left;
    width: 281px;
  }
  .order-view .billing-address {
    margin-right: 1%;
    width: 281px;
  }
  .order-view .billing-address {
    margin-right: 2%;
  }
  .order-view .block {
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 1%;
  }
  .order-view .block h3 {
    margin-bottom: 0.6rem;
    margin-top: 0;
    max-width: 100%;
    position: relative;
  }
  .order-view .block p {
    margin-bottom: 5px;
    margin-top: 0;
  }
  .order-view .block .button span {
    font-size: 10px;
    padding: 2px 6px !important;
  }
  .order-view .basket-table {
    float: none;
    margin-top: 0;
    width: 100%;
  }
  .order-view .basket-table th,
  .order-view .basket-table td {
    font-size: 10px;
    padding: 3px 6px !important;
    width: auto !important;
  }
  .order-view .basket-table th {
    background-color: #ddd;
  }
  .order-view .basket-table body td {
    background-color: #fff;
  }
  .order-view .order-summary {
    clear: both;
  }
  .userForm {
    position: relative;
  }
  .userForm .row {
    clear: left;
    width: 100%;
  }
  .userForm .label {
    float: left;
    font-weight: bold;
    margin-top: 5px;
    min-height: 20px;
    padding-right: 20px;
    width: 160px;
  }
  .userForm .field {
    margin-left: 180px;
    min-height: 32px;
  }
  .userForm .submit {
    margin-left: 180px;
  }
  .media-group {
    display: flex;
    justify-content: center;
  }
  .category-size-image {
    margin-bottom: 10px;
  }
  .category-size-image img {
    display: block;
    margin: 0 auto;
    max-height: 33vh;
  }
  header {
    position: relative;
  }
}
@media screen and (min-width: 1220px) {
  html {
    font-size: 16px;
  }
  .order-view .basket-table th,
  .order-view .basket-table td {
    font-size: 12px;
  }
  .order-view .billing-address {
    width: 400px;
  }
}
@media screen and (min-width: 960px) and (min-height: 800px) {
  .content-main {
    line-height: 1.4;
  }
  .product-table td {
    padding-bottom: 0.33rem;
    padding-top: 0.33rem;
  }
}
@media screen and (min-width: 960px) and (min-height: 1080px) {
  .content-main {
    line-height: 1.6;
  }
  .product-table td {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .order-view .button {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
  .order-view .button span {
    background-color: #ffea00 !important;
  }
  .order-view {
    float: left;
    width: 590px;
  }
  .order-view .block {
    box-sizing: border-box;
    margin-right: 10px;
  }
  .delivery.block {
    float: left;
    width: 277px;
  }
  .delivery.block p span {
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
  }
  .order-summary .basket-table {
    width: 560px;
  }
  .account-nav li a.active {
    background-color: #fcee21;
  }
}
@media screen and (min-width: 1220px) {
  .order-view {
    width: 850px;
  }
  .order-view .block-narrow {
    width: 400px;
  }
  .order-view .order-summary .basket-table {
    width: 100%;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  /* Table base styles */
  td,
  th {
    padding: 1px 2px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 9px 0;
    text-rendering: optimizelegibility;
  }
  h5 span,
  h5 a {
    color: #008634;
  }
  .page-title-current {
    display: inline;
  }
  /* Category pages */
  .category-content {
    clear: left;
    padding-top: 1px;
    position: relative;
  }
  .product-table {
    border-collapse: collapse;
    width: 100%;
  }
  .product-table th {
    padding-top: 6px;
  }
  .product-table td.price {
    font-weight: bold;
    text-align: center;
  }
  .product-table thead th,
  .product-table thead td,
  .product-table tbody th,
  .product-table tbody td {
    border-bottom: 1px solid #ddd;
  }
  .product-table thead th,
  .product-table tfoot th {
    background-color: #f3f3f3;
  }
  .description {
    padding-left: 5px;
    text-align: left;
  }
  .qty {
    text-align: center;
    width: 60px;
  }
  .qty-input {
    padding: 4px 6px;
  }
  .basket-customer-note label {
    display: block;
  }
  .basket-customer-note textarea {
    height: 100px;
    width: 400px;
  }
  h1.product-name {
    font-size: 14px;
  }
  .quantity input {
    width: 40px;
  }
  .unverified-customer {
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 10px;
  }
}
/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

@media screen and (min-width: 960px) {
  .info-item-text {
    display: inline;
    margin-left: 0.125rem;
    white-space: nowrap;
  }
  .main-nav {
    height: 56px;
    position: relative;
  }
  .main-nav > ul > li > a,
  .main-nav > ul > li > button {
    font-size: 0.875rem;
    padding: 0 0.5rem;
  }
  .main-nav .dropdown {
    background-clip: padding-box;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0.5rem;
    top: 100%;
    transition: max-height 0s;
    z-index: 1000;
  }
  .main-nav .dropdown.active {
    transition: max-height 0s;
  }
}
.ui-dialog {
  inset: 5% auto auto 50%;
  height: 90%;
  margin-left: -385px;
  position: relative;
  width: 770px;
}

@media screen and (min-width: 960px) {
  .product-list-table .prices {
    display: none;
  }
  .product-list-table .price {
    display: table-cell;
    width: 72px;
  }
  .product-table .product-image {
    display: table-cell;
    width: 50px;
  }
  .product-table td {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .product-table thead th {
    background-color: #ededed;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .product-table thead th.product-image {
    border-right: none;
  }
  .product-table thead th.description {
    border-left: none;
  }
  .product-table-wrapper {
    padding-bottom: 0px;
    position: relative;
  }
}
@media screen and (min-width: 1220px) {
  .product-table tbody th,
  .product-table tbody td {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .product-table-wrapper {
    left: -10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    width: 1440px;
  }
}
.reviews,
.review-times {
  display: flex;
}

.review,
.review-when {
  flex-basis: 33.333%;
}

.review {
  background-color: #fafafa;
  border: 1px solid #ededed;
  border-radius: 4px;
  color: #777;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 1.25rem;
  padding: 1rem 1.75rem 1.75rem 2.25rem;
  position: relative;
}

.review a {
  color: #356aaa;
}

.review-speech-arrow::before {
  border: 15px solid transparent;
  border-top: 15px solid #ededed;
  bottom: -30px;
  content: "";
  left: 29px;
  position: absolute;
}

.review-speech-arrow::after {
  border: 14px solid transparent;
  border-top: 14px solid #fafafa;
  bottom: -28px;
  content: "";
  left: 30px;
  position: absolute;
}

.review-rating {
  color: #e47e37;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 0.5rem;
}

.review-quote {
  left: 0.625rem;
  position: absolute;
}

.review-when {
  color: #999;
  font-size: 0.81825rem;
  margin: 0 1.5rem;
  padding: 0 0.875rem;
}

/* WCAG 2.0 AA on white (4.6:1 contrast) */
/* WCAG 2.0 AAA on white (7:1 contrast) */
/* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
/* WCAG 2.0 AA with white foreground 4.71 */
:root {
  --white: #fff;
  --pale-grey: #f8f8f8;
  --light-grey: #cacaca;
  --medium-background: #eee;
  --divider: #ddd;
  --pale-background: #f3f3f3;
  --btn-borders: #c9c9c9;
  --ultra-light-foreground: #757575; /* WCAG 2.0 AA on white (4.6:1 contrast) */
  --light-foreground: #595959; /* WCAG 2.0 AAA on white (7:1 contrast) */
  --darker-grey: #707070;
  --body-foreground: #444;
  --medium-foreground: #333;
  --dark-background: #262626;
  --ultra-dark-background: #000;
  --strong-foreground: #000;
  --field-border-color: #bbb;
  /* Reds */
  --warning: #e60000; /* WCAG 2.0 AA on $pale-grey (4.53:1 contrast) */
  --slightly-lighter-red: #bf0000;
  --dark-red: #9f0000;
  /* Yellows */
  --tms-yellow: #ffea00;
  --tms-yellow-underline: #f4df00;
  --tms-yellow-light: #fffcbf;
  /* Misc Colour */
  --orange: #ffa500;
  --notice-background: #a5dffa;
  --emphasis: #008634; /* WCAG 2.0 AA with white foreground 4.71 */
  --tms-green: var(--emphasis);
  --checkout-dark: #cbcbcb;
  --blog-dark: #231f20;
  --blog-light-grey: #f6f6f6;
  --blog-pale-grey: #f7f7f7;
  --blog-button-border: #aaa;
  --blog-quote-background: #cdcdcd;
  --blog-summary-background: #e6e6e6;
  /* Misc */
  --content-reading-width: 48rem;
  --hover-time: 0.4s;
  --mobile-content-padding: 10px;
  --order-success: #dff0d8;
  --order-warning: #fcf8;
  --order-danger: #f2dede;
  /* Cases */
  --case-closed: #ccc;
  --case-low: #1a8754;
  --case-medium: #e6c455;
  --case-high: #ee8d51;
  --case-critial: #dc3545;
  --case-table-closed: #efefef;
  --case-table-low: var(--order-success);
  --case-table-medium: var(--order-warning);
  --case-table-high: #ffd9c5;
  --case-table-critical: var(--order-danger);
  /* Sales dashboard */
  --sales-dashboard-green: #03ff92;
  --sales-dashboard-light-grey: #7f7f7f;
  --sales-dashboard-dark-grey: #464646;
  --sales-dashboard-red: #fc504b;
  --sales-dashboard-orange: #fc814a;
  --sales-dashboard-yellow: #fee600;
  --sales-dashboard-dark: #272727;
  --sales-dashboard-darker: #383838;
  --sales-dashboard-light: #ebebeb;
  --sales-dashboard-mid: #818181;
}

.live-results .category {
  margin-bottom: 10px;
}

.live-results .inner .category {
  float: left;
}

.live-results {
  min-height: 130px;
  padding: 0;
  position: relative;
}

.live-results.loading {
  background: #fff url("/assets/metal_store/ajax-loader-big-34370309.gif") center no-repeat;
}

.live-results .inner {
  margin: 20px auto 40px;
  padding: 10px;
}

.live-results .inner a {
  color: #000;
  text-decoration: none;
}

.live-results .inner a:hover {
  text-decoration: underline;
}

.live-results .inner .category .category-image {
  border: 1px solid #ddd;
  float: left;
  height: 50px;
  padding: 2px;
  width: 50px;
}

.live-results .inner .category .category-name {
  float: left;
  margin: 0 0 0 10px;
  max-height: 3.5rem;
  overflow: hidden;
  width: 210px;
}

.live-results .inner .category .productCount {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 0 10px;
  overflow: hidden;
  width: 210px;
}

.live-results .close {
  height: 22px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
}

.search-close-icon {
  position: inherit;
  right: 0;
  top: 0;
}

.live-results .controls {
  background: #ffea00;
  border-top: 1px solid #bbb;
  bottom: 0;
  clear: both;
  position: absolute;
  text-align: center;
  width: 100%;
}

.live-results .controls a {
  color: #222;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.live-results .controls a:hover {
  text-decoration: underline;
}

.live-results .inner .nowt {
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
  width: auto;
}

.full-search-results h3 span {
  font-size: 12px;
  font-weight: normal;
}

.full-search-results .category .product-table-wrapper {
  padding-bottom: 0;
}

@media screen and (min-width: 960px) {
  .live-results .inner.group {
    padding-right: 0;
  }
}
/* grey information bar partial admin/shared/admin_actions.html.erb */
.admin-actions {
  background: #444;
  display: flex;
  justify-content: center;
  padding: 0.2rem;
}

/* grey information bar partial admin/shared/_next_customer.html.erb */
@media screen and (min-width: 960px) {
  .session-info {
    color: #fff;
    font-size: 0.8rem;
    position: sticky;
    text-transform: capitalize;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  .session-info .beta-features-form {
    align-items: center;
    display: flex;
  }
  .session-info .next-customer {
    background: rgb(4, 214, 88);
    border: 0;
    border-radius: 1rem;
    bottom: 10px;
    cursor: pointer;
    justify-content: flex-end;
    margin-left: 5em;
    margin-top: 0.5rem;
    padding: 0.6em 2em;
    right: 10px;
  }
  .session-info .next-customer:hover {
    background-color: #0f6;
  }
  .session-info .admin-alert {
    background: #f00;
    color: #fff;
    padding: 2px;
  }
  .session-info a,
  .session-info strong {
    color: #fff;
  }
  .session-info ul {
    display: block;
    list-style-type: none;
  }
}
@media screen and (min-width: 960px) {
  .ui-dialog .sticky-button {
    width: 740px;
  }
}
@media screen and (min-width: 1220px) {
  .ui-dialog .sticky-button {
    width: 740px;
  }
}