:root {
  --silk-blue: #1c2c56;
  --silk-midblue: #89bcc6;
  --silk-paleblue: #dae7eb;
  --silk-green: #445e5b;
  --silk-sand: #c7c792;
  --silk-salmon: #c07873;
  --silk-pink: #c892af;
  --silk-darkgrey: #323232;
  --silk-midgrey: #9f9f9f;
  --silk-palegrey: #cdcdcd;
  --silk-whitegrey: #f7f7f7;
  --silk-gradient: linear-gradient(0deg, #e6e7e8 0%, #c7c8ca 50%);
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaRegular/font.woff2") format('woff2'), url("fonts/AxiformaRegular/font.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaItalic/font.woff2") format('woff2'), url("fonts/AxiformaItalic/font.woff") format('woff');
  font-weight: normal;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaLight/font.woff2") format('woff2'), url("fonts/AxiformaLight/font.woff") format('woff');
  font-weight: 100;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaLightItalic/font.woff2") format('woff2'), url("fonts/AxiformaLightItalic/font.woff") format('woff');
  font-weight: 100;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaBold/font.woff2") format('woff2'), url("fonts/AxiformaBold/font.woff") format('woff');
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
@font-face {
  font-family: "Axiforma";
  src: url("fonts/AxiformaBoldItalic/font.woff2") format('woff2'), url("fonts/AxiformaBoldItalic/font.woff") format('woff');
  font-weight: bold;
  font-style: italic;
  text-rendering: optimizeLegibility;
  font-display: optional;
}
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  min-width: 320px;
  color: var(--silk-blue);
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
h2 {
  overflow: hidden;
  font-weight: normal;
}
h4 {
  text-align: center;
  margin: 0;
  padding: 1.2em 0;
  font-size: 1.2em;
}
h5 {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 1em;
}
h1 {
  padding: 0.6em 0;
  margin: 0;
  font-weight: 500;
  color: var(--silk-blue);
}
table {
  font-size: inherit;
}
.strong {
  font-weight: bold;
}
button {
  font-size: 1em;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
.input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.3em 0.5em;
  line-height: 1.8em;
  box-sizing: border-box;
  font-size: 1.2em;
  margin: 0.2em 0;
  color: var(--silk-blue);
  background-color: #fff;
  border: 1px solid var(--silk-blue);
  border-radius: 0;
  font-family: inherit;
}
select {
  max-width: 100%;
  font-size: 1em;
  padding-right: 1.7em;
  background: url("/images/icons/select.svg") no-repeat right 0.5em center;
  background-size: 1.1em;
}
select.menu {
  background-image: url("/images/icons/menu.svg");
}
.primary-bg {
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
}
.primary-border {
  border-color: var(--silk-blue) !important;
}
.primary-color {
  color: var(--silk-blue);
}
sup {
  padding-left: 0.25em;
  color: var(--silk-salmon);
}
.system-message {
  color: var(--silk-salmon);
}
a {
  color: var(--silk-blue);
}
a:hover {
  color: #89bcc6;
}
* {
/*box-sizing: border-box;*/
  font-family: "Axiforma", sans-serif;
}
::-webkit-input-placeholder {
  font-family: "Axiforma", sans-serif;
}
:-moz-placeholder {
  font-family: "Axiforma", sans-serif;
}
::-moz-placeholder {
  font-family: "Axiforma", sans-serif;
}
:-ms-input-placeholder {
  font-family: "Axiforma", sans-serif;
}
.accordion .ui-accordion-header {
  border: 1px solid var(--silk-blue);
  background: var(--silk-paleblue);
  color: var(--silk-blue);
}
.accordion .ui-accordion-header.ui-state-active {
  border: 1px solid var(--silk-blue);
  background: var(--silk-blue);
  color: var(--silk-whitegrey);
}
.accordion .ui-accordion-content {
  color: var(--silk-blue);
}
.admin-section .dataTables_filter select {
  margin-right: 0.5em;
  max-width: 12em;
}
.admin-section .edit,
.admin-section .delete {
  cursor: pointer;
}
.admin-section table td:first-child img {
  max-width: 7em;
  max-height: 10em;
}
.admin-section table td:first-child iframe {
  width: 10em;
  max-height: 15em;
}
.admin-section table td:last-child {
  width: 4em;
}
.admin-section table td:last-child i {
  cursor: pointer;
  font-size: 1.2em;
}
.admin-section table td:last-child i.big {
  font-size: 2.4em;
}
.admin-section table td:last-child i + i {
  margin-left: 0.5em;
}
.admin-section table td:last-child .text-options {
  font-size: 0.8em;
}
.admin-section table td:last-child .text-options a {
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.admin-section table td:last-child .text-options a i {
  width: 1em;
  margin-right: 0.5em;
}
.admin-section table td:last-child .text-options a + a {
  margin-top: 0.5em;
}
.admin-section table.sortable .drop-area {
  height: 10em;
  background-color: var(--silk-paleblue);
}
.admin-section table.borders th,
.admin-section table.borders td {
  border: 1px solid var(--silk-blue);
}
.admin-section table.thirds th,
.admin-section table.thirds td {
  width: 33%;
}
.admin-section table.centre th,
.admin-section table.centre td {
  text-align: center;
}
.admin-section .wizard {
  max-height: 36em;
  max-width: 32em;
}
.admin-section .wizard-container {
  height: 24em;
  overflow-y: scroll;
  border: 1px dashed var(--silk-blue);
  padding: 0.5em;
  padding-top: 0;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.admin-section .wizard-container h2 {
  font-size: 1.2em;
  margin: 0.25em 0;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
  text-align: center;
}
.admin-section .wizard-container h3,
.admin-section .wizard-container h3.compact {
  font-size: 1em;
  margin: 0.25em 0;
}
.admin-section .wizard-container .preview-image {
  height: 4em;
  margin-right: 1em;
}
.admin-section .wizard-container .remove-image {
  vertical-align: top;
  margin-top: 0.5em;
}
.admin-section .wizard-container input,
.admin-section .wizard-container select,
.admin-section .wizard-container textarea,
.admin-section .wizard-container .input {
  font-size: 0.9em;
  margin: 0.4em 0;
}
.admin-section .wizard-container div.input {
  margin: 0.8em 0;
}
.admin-section .wizard-lookup {
  font-size: 0.8em;
}
.admin-section .wizard-lookup-label {
  display: inline-block;
  width: 7em;
}
.admin-section .wizard-lookup-select {
  width: calc(100% - 7em);
}
.admin-section .help-text {
  font-size: 0.75em;
  color: var(--silk-green);
  margin: 0.5em 0 0.5em 1em;
}
.admin-section .help-text i {
  font-size: 1.2em;
  margin-top: 0.25em;
  float: left;
  max-width: 2em;
  padding-right: 0.5em;
}
.admin-section .help-text span {
  max-width: calc(100% - 2.5em);
  float: left;
}
.admin-section-dialog h3 {
  margin-bottom: 0.25em;
}
.admin-section-dialog .ui-autocomplete-input {
  font-size: 1.1em;
}
.admin-section-dialog .disabled {
  color: var(--silk-midgrey) !important;
  border-color: var(--silk-midgrey) !important;
}
.admin-section-dialog .disabled:is(select) {
  background: none;
}
.admin-section-dialog .multiselect {
  line-height: 1.8em;
}
.admin-section-dialog .multiselect select {
  width: 90%;
  margin: 0;
  vertical-align: bottom;
  margin-right: 0.5em;
}
.admin-section-dialog input.inline,
.admin-section-dialog select.inline {
  width: 20em !important;
  margin-right: 1em;
}
.admin-section-dialog .button.inline {
  width: 10em;
}
.admin-section-dialog table {
  margin-top: 1em;
  margin-bottom: 2em;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}
.admin-section-dialog table th,
.admin-section-dialog table td {
  padding: 0.2em;
}
.admin-section-dialog table th {
  text-align: left;
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
  border-right: none;
  font-size: 0.9em;
}
.admin-section-dialog table th:last-child {
  width: 1em;
}
.admin-section-dialog table td {
  background-color: transparent;
  color: var(--silk-blue);
  border-bottom: 1px solid var(--silk-blue);
  border-right: none;
}
.admin-section-dialog table td .remove {
  cursor: pointer;
  color: var(--silk-blue);
}
.admin-section-dialog table.products tr:nth-child(odd) td {
  background-color: var(--silk-paleblue) !important;
}
.allocation-header {
  width: 100%;
  box-sizing: border-box;
}
.allocation-header + .allocation-header {
  margin-top: 1.5em;
}
.allocation-header__loading {
  padding: 1em;
  display: block;
  font-size: 1.35em;
  text-align: center;
}
.allocation-header__loading img {
  padding-right: 1em;
  height: 1em;
}
.allocation-header--free {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.allocation-header--free.allocation-header--val {
  padding: 1em 1.2em 1em;
}
.allocation-header--free.allocation-header--qty {
  height: 6em;
  line-height: 6em;
}
.allocation-header > p {
  margin-top: 0;
  font-weight: bold;
}
.allocation-header__strand {
  position: relative;
}
.allocation-header__strand-title {
  font-weight: bold;
  font-size: 1.1em;
}
.allocation-header__section {
  position: relative;
}
.allocation-header__bar {
  border: 1px solid var(--silk-blue);
  border-collapse: collapse;
  width: 100%;
  height: 2.5em;
  margin-bottom: 0.3em;
}
.allocation-header__legend {
  font-size: 0.9em;
  position: relative;
}
.allocation-header__legend-heading {
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
.allocation-header__legend-item {
  display: block;
  margin-right: 1em;
  font-size: 1.1em;
  line-height: 1.3em;
}
.allocation-header__overlay {
  position: absolute;
  top: 1px;
  height: 1.25em;
  right: 1px;
}
.allocation-header__marker {
  position: absolute;
  background-color: var(--silk-darkgrey);
  height: 3em;
  width: 2px;
  top: -0.25em;
  right: -1px;
}
.allocation-header__marker--max-value {
  z-index: 100;
}
.allocation-header__amounts {
  position: relative;
  height: 1em;
  font-size: 0.9em;
}
.allocation-header__amount {
  position: absolute;
}
.allocation-header__amount--left {
  left: 0;
}
.allocation-header__amount--right {
  right: 0;
}
.allocation-header__part--allocation-freight,
.allocation-header__part--catalogue-freight,
.allocation-header__part--freight {
  background-color: var(--silk-pink);
}
.allocation-header__part--wardrobe-under {
  background-color: var(--silk-green);
}
.allocation-header__part--wardrobe-over {
  background-color: var(--silk-sand);
}
.allocation-header__part--pending-value {
  border: 1px solid var(--silk-blue);
  background: repeating-linear-gradient(135deg, var(--silk-blue), var(--silk-blue) 10px, var(--silk-whitegrey) 10.3px, var(--silk-whitegrey) 15px, var(--silk-blue) 15.3px);
}
.allocation-header__part--cart-value {
  background-color: var(--silk-midblue);
}
.allocation-header__part--allocation-overage-delta {
  background-color: var(--silk-salmon);
}
.allocation-header__part--dim {
  background-color: transparent !important;
  color: var(--silk-darkgrey) !important;
}
.allocation-header__overlay--overage {
  background-color: var(--silk-salmon);
}
.allocation-header__freight {
  font-size: 0.75em;
  padding: 0.2em 0;
  float: right;
}
.allocation-header--free .allocation-header__categories {
  white-space: nowrap;
  margin: 0 2em;
  position: relative;
  height: 7em;
  line-height: 2em;
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-top: 0.5em;
}
.allocation-header__catscroller {
  position: absolute;
  top: 0;
  height: inherit;
  line-height: inherit;
  width: 1em;
  text-align: center;
  font-size: 2em;
}
.allocation-header__catscroller--left {
  left: 0em;
}
.allocation-header__catscroller--right {
  right: 0em;
}
.allocation-header--docked .allocation-header__catscroller {
  display: none;
}
.allocation-header--free .allocation-header__category {
  display: inline-block;
  width: 5em;
  height: inherit;
  padding: 0.2em 0;
  box-sizing: border-box;
}
.allocation-header--free .allocation-header__category + .allocation-header__category {
  margin-left: 1em;
}
.allocation-header__count {
  font-size: 1.8em;
}
.allocation-header__category {
  position: relative;
}
.allocation-header__category__name {
  position: absolute;
  top: 0;
  left: 0;
  width: 8.5em;
  height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
}
.allocation-header__category--warning {
  background: url("/images/icons/warning.svg") no-repeat center right;
  background-size: 1.1em;
}
.allocation-header__dots {
  margin-left: 9em;
  width: 8em;
}
.allocation-header__dot {
  display: inline-block;
  position: relative;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  border: 1px solid var(--silk-blue);
  margin-right: 0.2em;
}
.allocation-header__dot--filled {
  background: var(--silk-green);
  border-color: var(--silk-green);
}
.allocation-header__dot--over {
  background: var(--silk-sand);
  border-color: var(--silk-green);
}
.allocation-header__dot--over.no-border {
  border-color: var(--silk-sand);
}
.allocation-header__dot--freight {
  background: var(--silk-pink);
  border-color: var(--silk-pink);
}
.allocation-header__dot--new {
  background: var(--silk-midblue);
  border-color: var(--silk-midblue);
}
.allocation-header__dot--warning {
  background: var(--silk-salmon);
  border-color: var(--silk-salmon);
}
.allocation-header__dot--error {
  background: var(--silk-pink);
  border-color: var(--silk-pink);
}
.allocation-header__dot--blocked {
  background: linear-gradient(135deg, var(--silk-whitegrey), var(--silk-whitegrey) 44%, var(--silk-blue) 44%, var(--silk-blue) 62%, var(--silk-whitegrey) 62%, var(--silk-whitegrey));
}
.allocation-header__dot--pendingreturn {
  background: linear-gradient(135deg, var(--silk-blue), var(--silk-blue) 44%, var(--silk-whitegrey) 44%, var(--silk-whitegrey) 62%, var(--silk-blue) 62%, var(--silk-blue));
}
.allocation-header__includes-cc {
  font-size: 0.8em;
  margin-top: 1.5em;
}
.allocation-header__voucher {
  margin-top: 1em;
  border: 2px dashed var(--silk-blue);
  padding: 0.5em;
  text-align: center;
  border-radius: 0.5em;
}
.allocation-header__voucher i {
  margin-right: 0.5em;
}
body.is-desktop .allocation-header__freight {
  clear: right;
  margin: 0.3em 0 0;
}
body.is-desktop .allocation-header__category {
  font-size: 1.2em;
  line-height: 1.5em;
  font-size: 1.1em;
}
body.is-desktop .allocation-header__count {
  float: right;
  font-size: 1em;
}
.zoomed .allocation-header {
  display: none;
}
.alterations {
  width: 100%;
}
.alterations--dark {
  width: initial;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
  font-size: 0.8em;
  padding: 0.2em 1.3em;
  margin-top: 0.6em;
}
.alterations__description {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid var(--silk-midgrey);
  overflow: hidden;
  padding: 0.4em;
}
.alterations td {
  font-size: 0.8em;
}
.alterations td:nth-child(3) {
  font-size: 0.65em;
}
.fitting-dialog,
.special-options-dialog {
  max-height: 40em !important;
}
.fitting-dialog .options td,
.special-options-dialog .options td,
.fitting-dialog .special-options td,
.special-options-dialog .special-options td {
  font-size: 0.8em;
}
.fitting-dialog .options td input,
.special-options-dialog .options td input,
.fitting-dialog .special-options td input,
.special-options-dialog .special-options td input {
  text-align: left;
  padding-left: 1em;
}
.fitting-dialog .options td input[type=number],
.special-options-dialog .options td input[type=number],
.fitting-dialog .special-options td input[type=number],
.special-options-dialog .special-options td input[type=number] {
  width: 8em;
}
ul.ui-autocomplete li .clearfix div {
  display: inline-block;
  float: left;
  width: 4em;
  height: 4em;
  padding: 0;
  text-align: center;
}
ul.ui-autocomplete li .clearfix div img {
  max-width: 100%;
  max-height: 100%;
}
ul.ui-autocomplete li .clearfix div + div {
  float: right;
  width: calc(100% - 5em);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.banner {
  background-color: var(--silk-blue);
  height: 2em;
  line-height: 2em;
  text-align: center;
  color: var(--silk-whitegrey);
  position: fixed;
  top: 0;
  z-index: 2000;
  width: 100%;
  font-size: 0.9em;
  font-weight: lighter;
  text-transform: uppercase;
}
.banner-message {
  float: left;
  width: calc(100% - 2em);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1em;
}
.banner-message a {
  color: var(--silk-whitegrey);
  text-decoration: none;
}
.banner-close {
  position: absolute;
  top: 0;
  right: 0.5em;
}
.banner-overlay {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.1;
}
.banner-fixed {
  background-attachment: fixed;
}
.full-width {
  height: 10em;
}
.full-width-banner {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 8em;
  background-image: url("/images/deane-brand-line.svg");
  background-size: contain;
}
.full-width-text {
  height: 1em;
  position: relative;
  top: -2.5em;
  text-align: left;
  color: var(--silk-whitegrey);
  text-transform: none;
  line-height: 1;
  padding: 0;
  float: left;
}
.full-width-icon {
  position: relative;
  height: 6em !important;
  width: 6em;
  top: -7em;
  float: right;
  background-color: #fff;
  border-radius: 50%;
}
.full-width-iconafter {
  clear: both;
}
.is-mobile .full-width-icon {
  margin-left: 0;
}
.blink {
  animation: blink 1s step-start 0s infinite;
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.bottom-button {
  text-align: center;
  background: #fff;
  padding: 0.8em;
  z-index: 1000;
}
.bottom-button .button {
  margin-bottom: 0.5em;
}
.is-desktop .bottom-button .button {
  max-width: 15em;
}
.is-mobile .bottom-button {
  position: fixed;
  bottom: 0;
  padding-bottom: 6.5em;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  box-sizing: border-box;
}
.is-mobile .bottom-button-spacer {
  height: 11em;
}
.is-mobile.is-rigid .bottom-button {
  padding-bottom: 0em;
}
.is-mobile.is-rigid .bottom-button-spacer {
  height: 6.5em;
}
.bottom-split-options {
  box-sizing: border-box;
  margin-top: 1em;
}
.bottom-split-options > div {
  display: table;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.bottom-split-options__option {
  display: table-cell;
  text-decoration: none;
  text-align: center;
  line-height: 2.5em;
  font-size: 1.1em;
  border: 1px solid var(--silk-blue);
  color: var(--silk-blue);
  cursor: pointer;
  width: 49%;
}
.bottom-split-options__option:hover {
  background-color: var(--silk-midblue);
}
.bottom-split-options__option + .bottom-split-options__option {
  margin-left: 1em;
}
.bottom-split-options__option--disabled {
  color: var(--silk-palegrey);
  cursor: default;
}
.bottom-split-options__option--disabled:hover {
  background-color: transparent;
}
.bottom-split-options__optionsep {
  width: 0.5em !important;
  display: table-cell;
}
.breadcrumbs {
  text-align: left;
  line-height: 2em;
  color: var(--silk-blue);
  left: 0;
  right: 0;
  position: fixed;
  box-sizing: border-box;
  z-index: 1001;
  background-color: #fff;
  height: 3em;
}
.breadcrumbs-spacer {
  display: block;
  height: 4em;
}
.breadcrumbs-spacer.hidden {
  display: none;
}
.breadcrumbs .wrapper {
  height: 100%;
}
.breadcrumbs .wrapper div:not(.crumbs) {
  height: 100%;
  border-bottom: 1px solid var(--silk-blue);
}
.breadcrumbs .wrapper div:not(.crumbs) .crumbs {
  padding: 0;
  font-size: 1em;
  line-height: 3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.breadcrumbs .wrapper div:not(.crumbs) .crumbs a {
  margin-right: 1em;
}
.breadcrumbs .wrapper div:not(.crumbs) .crumbs:empty {
  display: none;
}
.breadcrumbs img {
  height: 0.8em;
}
.breadcrumbs a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  font-weight: normal;
  color: var(--silk-blue);
}
.breadcrumbs a:hover {
  color: var(--silk-midblue);
}
.breadcrumbs a:first-child {
  display: none;
}
.is-mobile .breadcrumbs {
  height: 2em;
}
.is-mobile .breadcrumbs .wrapper div:not(.crumbs) .crumbs {
  line-height: 2em;
}
.bundle {
  background-color: var(--silk-paleblue);
  padding: 0.5em;
  margin-top: 0.5em;
}
.bundle-category {
  border-bottom: 1px solid;
  padding: 0.5em;
  padding-bottom: 2em;
}
.bundle-category__title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.bundle-category + .bundle-category {
  margin-top: 1em;
}
.bundle-category:last-of-type {
  border-bottom: 0;
}
.bundle-choice {
  padding-left: 1em;
  margin-top: 0.5em;
}
.bundle-choice__title {
  margin-bottom: 0.5em;
}
.bundle-choice__message {
  font-size: 0.85em;
  margin-top: 1em;
  color: var(--silk-salmon);
}
.bundle-choice + .bundle-choice {
  margin-top: 1.5em;
}
.bundle-item {
  padding-left: 1em;
  border-left: 1px solid;
}
.bundle-item__label {
  margin-top: 0.5em;
  font-size: 1em;
}
.bundle select,
.bundle input {
  margin: 0;
  background-color: #fff;
  width: 100%;
}
.bundle select.read-only {
  background: none;
}
.bundle input:read-only {
  background: none;
}
.button {
  display: inline-block;
  appearance: none;
  border: none;
  line-height: 1.8em;
  padding: 0.3em 0.5em;
  color: var(--silk-blue);
  border: 1px solid var(--silk-blue);
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
}
.button--disabled,
.button[disabled="disabled"] {
  border-color: var(--silk-blue) !important;
  color: var(--silk-palegrey) !important;
  background-color: var(--silk-whitegrey) !important;
  cursor: default !important;
}
.button:hover:not(:disabled):not(.button--disabled):not(.button--dark) {
  color: var(--silk-blue) !important;
  background-color: var(--silk-midblue);
  border: 1px solid var(--silk-blue);
}
.button--big {
  font-size: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  width: 100%;
}
.button--small {
  font-size: 0.7em;
}
.button--dark:not(:disabled):not(.button--disabled) {
  background: var(--silk-blue) !important;
  color: var(--silk-whitegrey) !important;
}
.button--dark:not(:disabled):not(.button--disabled):hover,
.button--dark:not(:disabled):not(.button--disabled):active,
.button--dark:not(:disabled):not(.button--disabled):focus {
  color: var(--silk-blue) !important;
  border: 1px solid var(--silk-blue) !important;
  background: transparent !important;
}
.button--widish {
  min-width: 6em;
}
.button--menu {
  display: block;
  clear: both;
  width: 20em;
}
.button--menu+.button--menu {
  margin-top: 1em;
}
.button.progressbar {
  cursor: not-allowed;
}
.button.progressbar span {
  margin-left: 2em;
}
.button.progressbar img {
  filter: saturate(0) brightness(100);
  width: 1.8em;
  height: 1.8em;
  margin-left: -0.5em;
  position: absolute;
}
.buy-item-wrapper {
  margin: 0 auto;
}
.buy-item {
  position: relative;
  white-space: normal;
  box-sizing: border-box;
  margin: 0 auto;
}
.buy-item__wrapper .multi-add-dialog {
  width: 80em;
  max-width: 80em;
  height: 45em;
  max-height: 45em;
  margin: 0 auto;
}
.buy-item__wrapper .multi-add-dialog .table-container {
  height: 35em;
  overflow: scroll;
}
.buy-item__wrapper .multi-add-dialog .table-container th,
.buy-item__wrapper .multi-add-dialog .table-container td {
  padding: 0.4em;
}
.buy-item__wrapper .multi-add-dialog .table-container th.size,
.buy-item__wrapper .multi-add-dialog .table-container th.quantity {
  width: 8em;
}
.buy-item__wrapper .multi-add-dialog .table-container th.costcentre,
.buy-item__wrapper .multi-add-dialog .table-container th.name {
  width: 10em;
}
.buy-item__wrapper .multi-add-dialog .table-container th.unitprice,
.buy-item__wrapper .multi-add-dialog .table-container input.price,
.buy-item__wrapper .multi-add-dialog .table-container th.stock,
.buy-item__wrapper .multi-add-dialog .table-container input.stock {
  width: 8em;
}
.buy-item__wrapper .multi-add-dialog .table-container input,
.buy-item__wrapper .multi-add-dialog .table-container select {
  height: 2.2em;
  line-height: 1em;
  margin: 0;
  font-size: 1em;
  max-width: 15em;
  min-width: 100%;
}
.buy-item__wrapper .multi-add-dialog .table-container .actions a {
  cursor: pointer;
}
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value {
  width: 100%;
}
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__dropdown,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__dropdown,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__dropdown,
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__textbox,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__textbox,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__textbox {
  float: left;
  width: calc(100% - 1.5em);
}
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__dropdown input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__dropdown input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__dropdown input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__textbox input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__textbox input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__textbox input,
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__dropdown select,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__dropdown select,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__dropdown select,
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__textbox select,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__textbox select,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__textbox select {
  width: 100%;
}
.buy-item__wrapper .multi-add-dialog .table-container .editable__value input__toggle,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__toggle,
.buy-item__wrapper .multi-add-dialog .table-container .editable__swappable__value__toggle {
  float: right;
  line-height: 2em;
}
.buy-item__wrapper .multi-add-dialog .bottom-split-options__option {
  width: 49% !important;
}
.buy-item__wrapper .multi-add-dialog .bottom-split-options__option.progressbar {
  margin-left: 0;
}
.buy-item__favourite {
  float: right;
  font-size: 0.8em;
}
.buy-item__favourite a {
  float: left;
  width: 15em;
  display: block;
  clear: both;
}
.buy-item__favourite a.favourited i {
  color: var(--silk-pink);
}
.buy-item__favourite a+a {
  margin-top: 0.5em;
}
.buy-item .catalogue-item__report {
  left: calc(25% + 0.5em);
  top: 0.5em;
}
.buy-item .catalogue-item__report .in-cart {
  display: none;
}
.buy-item__id {
  font-weight: lighter;
  line-height: 2.3em;
}
.buy-item__id.constrained {
  max-width: 20em;
}
.buy-item__id span {
  width: 5em;
  display: inline-block;
}
.buy-item__id strong {
  font-weight: normal;
}
.buy-item__range {
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1em;
}
.buy-item__title {
  font-size: 2em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.buy-item__heading {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.4em 0;
}
.buy-item__heading.care {
  margin-top: 0;
}
.buy-item__line {
  border-bottom: 1px solid var(--silk-midgrey);
}
.buy-item__spacer {
  height: 1.2em;
  clear: both;
}
.buy-item__spacer--small {
  height: 1em;
}
.buy-item__details span,
.buy-item__subdetail span {
  display: inline-block;
}
.buy-item__details span + span,
.buy-item__subdetail span + span {
  border-left: 1px solid var(--silk-midgrey);
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.buy-item__description {
  font-size: 1.2em;
  line-height: 1.5em;
}
.buy-item__description.price {
  font-size: 1.5em;
  line-height: 2em;
  font-style: italic;
  font-weight: lighter;
  color: var(--silk-green);
}
.buy-item__description.price:before {
  content: "$";
}
.buy-item__description.text {
  font-weight: bold;
  font-size: 1em;
}
.buy-item__long-description,
.buy-item__subdetail {
  line-height: 2em;
}
.buy-item__long-description {
  text-align: left;
  padding-bottom: 1em;
}
.buy-item__long-description p {
  margin: 0;
  padding: 0;
}
.buy-item__long-description ul {
  margin: 0.5em;
  padding-left: 1em;
}
.buy-item__warning {
  text-transform: uppercase;
  line-height: 1em;
  margin: 1em 0;
  color: var(--silk-salmon);
}
.buy-item__colour {
  margin-top: 1em;
  text-transform: uppercase;
}
.buy-item__colour__title {
  margin-bottom: 0.5em;
}
.buy-item__colour p {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin: 0 0.5em 0 0;
  text-align: center;
}
.buy-item__colour p:hover {
  color: var(--silk-midblue);
}
.buy-item__colour p a {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 2em;
  border: 1px solid var(--silk-palegrey);
}
.buy-item__colour p a:hover {
  border: 1px solid var(--silk-midblue);
}
.buy-item__colour p a.active {
  border: 1px solid var(--silk-salmon);
}
.buy-item__colour p a span {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  border-radius: 50%;
}
.buy-item__colour p span {
  display: inline-block;
  font-size: 0.6em;
  width: 5.2em;
  height: 3em;
  overflow: hidden;
  text-transform: initial;
}
.buy-item__carbonclick {
  padding: 1em 1em 0.7em 1em;
  margin-top: 1em;
  background-color: var(--silk-green);
  color: var(--silk-sand);
  border-radius: 0.75em;
  font-size: 0.95em;
}
.buy-item__carbonclick div {
  float: left;
  width: 5em;
}
.buy-item__carbonclick div+div {
  width: calc(100% - 5em);
}
.buy-item__carbonclick img {
  height: 4em;
  width: 4em;
}
.buy-item__carbonclick .title {
  font-size: 0.97em;
  display: block;
  font-weight: bold;
}
.buy-item__carbonclick .offset {
  font-size: 2em;
  margin-right: 0.4em;
}
.buy-item__carbonclick .offset .value {
  font-weight: bold;
  margin-right: 0.25em;
}
.buy-item__carbonclick .offset .unit {
  font-weight: lighter;
}
.buy-item__carbonclick .legend {
  display: inline-block;
  width: 7em;
  font-size: 0.8em;
  font-weight: lighter;
  text-transform: capitalize;
  line-height: 1.2em;
}
.buy-item__carbonclick .link {
  float: right;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  padding: 0.75em 1em;
  background-color: var(--silk-sand);
  border-radius: 0.75em;
  margin-top: 0.5em;
}
.buy-item__carbonclick .link:hover {
  background-color: var(--silk-whitegrey);
}
.buy-item__carbonclick .link a {
  text-decoration: none;
  color: var(--silk-green);
}
.buy-item__carbonclick .link a:hover,
.buy-item__carbonclick .link a.active {
  color: var(--silk-green);
}
.buy-item__recommendations {
  border-top: 1px solid var(--silk-blue);
  margin-top: 1em;
}
.buy-item__recommendations__title {
  font-size: 2em;
  margin: 1em 0 1em 0;
  text-align: center;
}
.buy-item__recommendations__swatches {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.buy-item__recommendations__swatches .swatch {
  margin-right: 1.5em;
  display: inline-block;
  width: 15em;
  padding-bottom: 1em;
}
.buy-item__recommendations__swatches .swatch:last-of-type {
  margin-right: 0;
}
.buy-item__recommendations .left,
.buy-item__recommendations .right {
  position: relative;
  top: -5em;
  font-size: 3em;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.buy-item__recommendations .right {
  right: calc(1.2em - 100%);
}
.buy-item__multi-buy {
  margin-top: 0.5em;
  margin-bottom: 1em;
  border-width: 2px;
  font-weight: bold;
}
.buy-item__multi-buy img {
  height: 1.5em;
  vertical-align: text-bottom;
  margin-right: 0.5em;
}
.buy-item__size-guide,
.buy-item__special-make {
  margin: 0.2em 0;
}
.buy-item__size-guide img,
.buy-item__special-make img {
  height: 1em;
  margin-right: 0.5em;
  position: relative;
  top: 0.1em;
}
.buy-item__special-make {
  padding-top: 0.12em;
}
.buy-item__special-make img {
  height: 1.5em;
  top: 0.35em;
}
.buy-item__options__dividor {
  border-top: 1px solid var(--silk-midgrey);
  width: 50%;
}
.buy-item__label {
  line-height: 1.2em;
  font-size: 1em;
}
.buy-item__label:not(:first-child) {
  margin-top: 1em;
}
.buy-item__option {
  font-size: 1.1em;
  width: 100%;
  background-size: 1em;
}
.buy-item__option:disabled,
.buy-item__option[type="text"]:read-only {
  border-color: var(--silk-midgrey);
  color: var(--silk-palegrey);
  background-color: var(--silk-whitegrey);
  cursor: default;
}
.buy-item__option.button .circle-status {
  vertical-align: middle;
  line-height: 1.2em;
}
.buy-item__option.left {
  float: left;
  width: calc(50% - 0.5em);
}
.buy-item__option.right {
  float: right;
  width: calc(50% - 0.5em);
}
.buy-item__option.badge-checkbox {
  margin-left: 1em;
  display: block;
}
.buy-item__option.badge-checkbox input {
  position: relative;
  left: 13em;
}
.buy-item__message {
  color: var(--silk-salmon);
  font-weight: bold;
  clear: both;
}
.buy-item input[type="number"] {
  height: 2.4em;
}
.buy-item__alteration {
  border: 1px dotted var(--silk-blue);
  padding: 1em;
  border-radius: 1em;
  background-color: var(--silk-whitegrey);
}
.buy-item__alteration:not(:first-child) {
  margin-top: 1em;
}
.buy-item__alteration__list {
  padding: 1em;
}
.buy-item__alteration__list:empty {
  padding: 0;
}
.buy-item__alteration__list.available {
  background-color: var(--silk-paleblue);
}
.buy-item__alteration__list.enabled:empty::before {
  content: "None Selected";
  display: inline-block;
  width: calc(100% - 2em);
  height: 3em;
  line-height: 3em;
  margin: 1em;
  padding: 0.2em;
  border-radius: 1em;
  border: 1px dotted var(--silk-blue);
  background-color: var(--silk-whitegrey);
  text-align: center;
}
.buy-item__alteration__inline {
  margin-top: 1em;
}
.buy-item__alteration__label {
  font-weight: bold;
  padding-bottom: 1.5em;
  display: inline-block;
  max-width: calc(100% - 3em);
}
.buy-item__alteration__add,
.buy-item__alteration__remove,
.buy-item__alteration__ok {
  float: right;
  height: 2em;
  width: 2em;
  margin-left: 1em;
}
.buy-item__alteration__add i,
.buy-item__alteration__remove i,
.buy-item__alteration__ok i {
  font-size: 2em;
}
.buy-item__alteration__add,
.buy-item__alteration__remove {
  cursor: pointer;
}
.buy-item__alteration__description {
  color: var(--silk-salmon);
  text-align: center;
  clear: both;
  padding-top: 1em;
}
.buy-item__alteration__image,
.buy-item__alteration__value,
.buy-item__alteration__price {
  height: 2.8em;
  display: inline-block;
  vertical-align: middle;
}
.buy-item__alteration__image {
  width: 20%;
}
.buy-item__alteration__image img {
  height: 2.4em;
  padding-top: 0.2em;
  max-width: 100%;
}
.buy-item__alteration__value {
  margin-left: 0.5em;
  width: calc(75% - 0.5em);
}
.buy-item__alteration__value.prices {
  width: calc(60% - 0.5em);
}
.buy-item__alteration__value input,
.buy-item__alteration__value select {
  margin: 0;
  font-size: 1.1em;
}
.buy-item__alteration__value input:read-only,
.buy-item__alteration__value input:disabled,
.buy-item__alteration__value select.fitted {
  background: url("/images/icons/lock.svg") no-repeat right 0.5em center;
  background-color: transparent !important;
  background-size: 1.5em;
  padding-right: 2.5em;
  filter: brightness(0) saturate(100%) invert(11%) sepia(40%) saturate(1%) hue-rotate(315deg) brightness(98%) contrast(80%);
}
.buy-item__alteration__price {
  width: calc(20% - 2em);
  margin-left: 2em;
  font-size: 0.8em;
  font-weight: bold;
}
.buy-item__alteration__table {
  border: 1px dotted var(--silk-blue);
  border-collapse: collapse;
}
.buy-item__alteration__table tr:not(:first-child) td {
  border-top: 1px dotted var(--silk-blue);
}
.buy-item__alteration__table td {
  padding: 0.2em;
}
.buy-item__alteration__table td img {
  height: 2.4em;
  max-width: 5em;
}
.buy-item__cell {
  position: relative;
}
.buy-item__cell .addform-catalogue {
  margin-top: 1em;
}
.buy-item--wide .buy-item__cell {
  float: left;
  height: 100%;
}
.buy-item--wide .buy-item__cell--left {
  width: 50%;
}
.buy-item--wide .buy-item__cell--right {
  width: 42%;
  float: right;
}
.buy-item--wide .buy-item__options {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.buy-item--wide .buy-item__image {
  height: 100%;
}
.buy-item--tall .buy-item__image {
  height: 25em;
  margin-bottom: 2em;
}
.buy-item--tall .buy-item__description {
  font-size: 1.4em;
  line-height: 1.6em;
}
.buy-item--tall .wide-only,
.buy-item--wide .tall-only {
  display: none;
}
.buy-item__alterations-modal-button {
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
  text-align: center;
}
.buy-item__alerts {
  margin-bottom: 0.5em;
}
.buy-item__alerts table {
  border-collapse: collapse;
  width: 100%;
}
.buy-item__alerts td {
  color: var(--silk-whitegrey);
  background-color: var(--silk-salmon);
  padding: 0.2em 0.5em;
  font-size: 0.9em;
}
.buy-item__alerts td.icon {
  width: 1em;
}
.buy-item__alerts td p {
  margin: 0;
}
.buy-item__alerts td a {
  color: var(--silk-whitegrey);
}
.buy-item__column {
  width: 45%;
}
.buy-item__column--left {
  float: left;
}
.buy-item__column--right {
  float: right;
}
.buy-item__column.image-container {
  padding: 1em;
  background-color: var(--silk-salmon);
  height: 15em;
  text-align: center;
}
.buy-item__column.image-container img {
  height: 100%;
}
.alteration-checkbox:checked + label,
.alteration-checkbox:not(:checked) + label + label {
  display: none;
}
.alteration-precart-checkbox:checked + label,
.alteration-precart-checkbox:not(:checked) + label + label {
  display: none;
}
.is-mobile .buy-item .stocks {
  display: none;
}
.is-mobile .buy-item .instructions {
  height: 0em;
  overflow: hidden;
}
.is-mobile .buy-item__cell {
  width: 100%;
  float: none;
}
.is-mobile .buy-item__spacer {
  height: 1em;
}
.is-mobile .buy-item__image {
  margin-bottom: 0;
}
.is-mobile .buy-item__long-description {
  text-align: left;
}
.buy-shelf {
  margin-top: 1em;
}
.cart-messages {
  display: table;
  margin-bottom: 2em;
  background: var(--silk-whitegrey);
  padding: 1.5em 2em;
  width: 100%;
  box-sizing: border-box;
}
.cart-messages__message {
  display: table-row;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0.5em;
}
.cart-messages__message > * {
  display: table-cell;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.cart-messages__icon {
  color: var(--silk-salmon);
  margin-right: 0.7em;
}
.cart-messages__catname {
  min-width: 6em;
  padding-right: 1em;
}
.cart-messages__text {
  display: table-cell;
}
.cart-messages:empty {
  display: none;
}
.cart a {
  text-decoration: none;
}
.cart__item {
  font-size: 1.1em;
}
.cart__image {
  height: 8em;
  max-width: 6em;
}
.cart__image__freight {
  padding: 15% !important;
}
.cart__details {
  width: 55%;
}
.cart__actions {
  text-align: right;
  font-size: 1.2em;
  margin: 0.7em 0 0;
  font-size: 1.5em;
  line-height: 1.5em;
  width: 30%;
  min-width: 3.5em;
}
.cart__actions p {
  font-size: 0.7em;
  margin: 0;
}
.cart__actions .backorder {
  font-size: 0.7em;
  font-weight: bold;
  color: var(--silk-salmon);
}
.cart__quantity {
  font-weight: bold;
}
.cart__quantity-adjustor {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.55em;
  text-align: center;
  position: relative;
}
.cart__quantity-adjustor:hover {
  filter: hue-rotate(-52deg) brightness(193.48%) saturate(24%);
}
.cart__quantity-adjustor img {
  height: 1.2em;
  width: 1.2em;
}
.cart__quantity-adjustor.inline {
  height: 1.5em;
  width: 1.5em;
  top: 0.25em;
}
.cart__quantity-adjustor.inline img {
  height: 1.5em;
  width: 1.5em;
}
.cart__title {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 0 0.4em;
  text-transformn: capitalize;
}
.cart__status {
  font-size: 1.2em;
  white-space: no-wrap;
  margin-bottom: 0.4em;
}
.cart__quantity-adjustor {
  cursor: pointer;
}
.cart__total div {
  margin-bottom: 0.2em;
}
.cart .align-right {
  text-align: right;
}
.cart .subdetail {
  margin-bottom: 0.2em;
}
.cart .subdetail__price + .subdetail__price {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
.cart-clear,
.return-to-shop {
  width: 15em;
  margin: 0 auto;
  margin-top: 2em;
  display: block;
}
.return-to-shop {
  margin-top: 1em;
}
.is-mobile .cart__image {
  min-width: 5em;
}
.is-mobile .cart__image__freight {
  padding: 20% !important;
}
.is-mobile .cart__title {
  font-size: 1em;
}
.is-mobile .cart__details {
  vertical-align: top;
}
.is-mobile .cart__details .subdetail {
  font-size: 0.9em;
}
.is-mobile .cart__actions {
  font-size: 1.25em;
  min-width: 3.5em;
  width: 3.5em;
  padding-left: 0.1em;
}
.is-mobile .cart-clear,
.is-mobile .return-to-shop {
  width: 100%;
}
.catalogue-header {
  position: relative;
}
.catalogue-header > p {
  margin-top: 0;
  font-weight: bold;
}
.catalogue-header__amount {
  font-size: 0.9em;
}
.catalogue-header__amount .value:before {
  content: "$";
}
.catalogue-header__amount--spend {
  float: right;
}
.headers-section .catalogue-header > p {
  font-weight: normal;
}
.catalogue-item {
  white-space: normal;
  position: relative;
  color: var(--silk-blue);
  background-position: center top;
  box-sizing: border-box;
  text-decoration: none;
}
.catalogue-item.wardrobe__item {
  border: 1px solid var(--silk-midgrey);
}
.catalogue-item.wardrobe__item .catalogue-item__image-container {
  height: 27em;
}
.catalogue-item.wardrobe__item h2.description {
  padding: 0 1em;
}
.catalogue-item.wardrobe__item h3.code {
  padding: 0 1.5em;
}
.catalogue-item.wardrobe__item h2.details {
  padding: 0 1.3em;
}
.catalogue-item .blank {
  text-align: center;
  margin-top: 75%;
  display: block;
}
.catalogue-item__image-container {
  height: 22em;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}
.catalogue-item__image-container.small {
  height: 13.5em;
}
.catalogue-item__image {
  width: 100%;
  height: 100%;
  margin: 0;
  background-size: contain;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
.catalogue-item--centre .catalogue-item__image {
  background-position: top center;
}
.catalogue-item--bottom .catalogue-item__image {
  background-position: bottom center;
}
.catalogue-item .favourite {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 1.5em;
  cursor: pointer;
  color: var(--silk-midblue);
}
.catalogue-item .favourite:hover {
  color: var(--silk-blue);
}
.catalogue-item .favourite.favourited {
  color: var(--silk-pink);
}
.catalogue-item h2,
.catalogue-item h3 {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.catalogue-item h3 {
  text-transform: uppercase;
  font-size: 0.8em;
  height: 1em;
  line-height: 1em;
  white-space: nowrap;
  margin: 0.5em 0;
  font-weight: lighter;
}
.catalogue-item h3.code {
  font-size: 0.7em;
  text-transform: none;
}
.catalogue-item h2 {
  font-size: 1em;
  overflow: hidden;
  height: 2.6em;
  line-height: 1.3em;
}
.catalogue-item h2.details,
.catalogue-item h2.price {
  font-weight: normal;
  font-size: 0.85em;
  height: 1.1em;
  line-height: 1em;
}
.catalogue-item h2.details {
  text-transform: capitalize;
}
.catalogue-item h2.details.small {
  font-size: 0.8em;
}
.catalogue-item h2.details.small span + span {
  margin-left: 0.3em;
  padding-left: 0.3em;
}
.catalogue-item h2.details span {
  display: inline-block;
}
.catalogue-item h2.details span i {
  cursor: pointer;
}
.catalogue-item h2.details span + span {
  border-left: 1px solid var(--silk-midgrey);
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.catalogue-item h2.price {
  margin: 1em 0;
  color: var(--silk-green);
}
.catalogue-item__report {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 1em;
}
.catalogue-item__report.big {
  font-size: 2em;
}
.catalogue-item__report.small {
  font-size: 0.6em;
}
.catalogue-item .fitting-details {
  font-size: 1em;
  cursor: pointer;
  position: relative;
  left: 1em;
  bottom: -0.5em;
}
.is-narrowish .catalogue-item__report.big {
  font-size: 1.5em;
  margin-left: 0.8em;
}
.categories .shop-filters {
  margin-bottom: 1em;
}
.categories__category {
  display: inline-block;
  position: relative;
  font-weight: normal;
  text-decoration: none;
  background-size: cover;
  background-position: center center;
  color: var(--silk-whitegrey);
  width: 16em;
  height: 16em;
  padding: 2em;
  text-align: center;
}
.categories__category:hover {
  color: var(--silk-whitegrey);
}
.categories__category.deane img {
  max-width: 12em;
}
.categories h2 {
  font-size: 1.2em;
  line-height: 1em;
  width: 100%;
  text-align: left;
  text-transform: none;
  font-weight: 500;
  height: 2em;
  overflow: hidden;
  margin: 0;
}
.categories h3 {
  margin: 0 auto 0.5em auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.5em;
  max-width: 40em;
  padding: 0 1em;
  font-size: 1.1em;
  font-weight: lighter;
}
.categories h3 p {
  margin: 0;
}
.categories img {
  max-height: 16em;
  max-width: 19em;
  margin: -1.5em;
  margin-bottom: -1em;
  height: 100%;
}
.categories-filter,
.strands-filter {
  float: right;
  font-size: 0.8em;
}
.categories-filter label,
.strands-filter label {
  margin-right: 1em;
}
.categories-filter select,
.strands-filter select {
  width: 20em;
}
.strand__dot {
  display: inline-block;
  position: relative;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  border: 1px solid var(--silk-midgrey);
  margin-right: 0.2em;
  top: -2em;
  line-height: 1.2em;
}
.strand__dot span {
  font-size: 0.8em;
  line-height: 0.8em;
  text-align: center;
  mix-blend-mode: difference;
  color: #fff;
  width: 1.8em;
  display: inline-block;
}
.is-widish .categories__category {
  max-width: 20em;
  max-height: 20em;
}
.category-empty-message {
  text-align: center;
  font-style: italic;
  color: var(--silk-midgrey);
  font-weight: light;
  padding: 1em 0;
}
.category-empty-message p {
  margin: 0.5em 1em;
}
.category-header {
  color: var(--silk-darkgrey);
  background-color: var(--silk-whitegrey);
  border-top: 1px solid var(--silk-midgrey);
  border-bottom: 1px solid var(--silk-midgrey);
  position: relative;
  height: 2em;
  line-height: 2em;
}
.category-header__title {
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}
.category-header__add-prompt {
  float: right;
  height: inherit;
  margin-left: 1em;
}
.category-nav {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2em;
}
.center-text {
  text-align: center;
}
.checked-out {
  padding-top: 5em !important;
  padding-left: 15em !important;
}
.checked-out img {
  height: 9em;
  width: 9em;
}
.checked-out h1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  margin-top: 1em;
}
.checked-out h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: lighter;
}
.checked-out .order-number,
.checked-out .email-note {
  margin: 0;
  font-size: 1.2em;
  font-weight: lighter;
}
.checked-out .order-number {
  margin-top: 3em;
  margin-bottom: 2em;
  border-top: 1px solid var(--silk-blue);
  border-bottom: 1px solid var(--silk-blue);
  padding: 0.5em 0;
  color: var(--silk-pink);
  width: 28.35em;
}
.checked-out .order-number span {
  float: left;
}
.checked-out .order-number span+span {
  float: right;
  text-align: right;
  font-weight: bold;
}
.checked-out .approval {
  font-weight: bold;
  margin-bottom: 2em;
  font-size: 1.5em;
}
.checked-out .button {
  margin-top: 3em;
}
.is-mobile .checked-out {
  padding-left: 2em !important;
}
.checkout-details .clear {
  clear: both;
}
.checkout-details__message,
.checkout-details__details-form,
.checkout-details__payment-form {
  max-width: 50em !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.checkout-details__message,
.checkout-details__details-form {
  margin-bottom: 2em !important;
}
.checkout-details__completion-message {
  font-size: 1.2em;
}
.checkout-details__login {
  float: right;
  font-size: 1.2em;
}
.checkout-details__login a {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid var(--silk-blue);
  padding: 0.3em 1em;
  color: #fff;
  background-color: var(--silk-palegrey);
  margin-left: 1em;
}
.checkout-details__field {
  position: relative;
}
.checkout-details__field select + select {
  margin-left: 1em;
}
.checkout-details__name {
  margin-top: 0.5em;
  line-height: 2em;
  font-size: 1.2em;
}
.checkout-details__name.address {
  font-size: 1em;
}
.checkout-details__value.address .custom-combobox {
  height: 2em;
}
.checkout-details__value input[type="text"]:not(.short),
.checkout-details__swappable__value input[type="text"]:not(.short),
.checkout-details__value .input:not(.short),
.checkout-details__swappable__value .input:not(.short) {
  width: 100%;
}
.checkout-details__value input[type="text"].short,
.checkout-details__swappable__value input[type="text"].short,
.checkout-details__value .input.short,
.checkout-details__swappable__value .input.short {
  width: 5em;
}
.checkout-details__value .email-input,
.checkout-details__swappable__value .email-input {
  line-height: 1.2em;
  margin-left: 0.5em;
  width: 11em;
}
.checkout-details__value .input,
.checkout-details__swappable__value .input {
  display: inline-block;
}
.checkout-details__value input:disabled,
.checkout-details__swappable__value input:disabled,
.checkout-details__value select:disabled,
.checkout-details__swappable__value select:disabled {
  border-color: var(--silk-palegrey);
  color: var(--silk-palegrey);
  background-color: var(--silk-whitegrey);
}
.checkout-details__value label,
.checkout-details__swappable__value label {
  line-height: 3em;
  font-size: 1.1em;
}
.checkout-details__value.address input,
.checkout-details__swappable__value.address input {
  font-size: 1em !important;
  line-height: 1em;
  height: 2em;
}
.checkout-details__swappable input[type="text"],
.checkout-details__swappable .input {
  width: 100%;
  padding-left: 0.8em;
}
.checkout-details__swappable__dropdown,
.checkout-details__swappable__textbox {
  padding-right: 3em;
}
.checkout-details__swappable__toggle {
  float: right;
  font-size: 2em;
  line-height: 1.4em;
}
.checkout-details__bottom-message {
  font-size: 1.1em;
  font-style: italic;
  margin: 0 auto;
  max-width: 65em;
}
.checkout-details__checkbox-label {
  line-height: 1.4em;
}
.checkout-details__gst {
  text-align: right;
  margin: 0.5em 0;
  font-size: 0.9em;
}
.checkout-details__payment-logo {
  margin: 2.5em 0 0 0 !important;
  float: right !important;
}
.checkout-details__payment-logo span,
.checkout-details__payment-logo img {
  display: inline-block;
  height: 5em;
  line-height: 5em;
  vertical-align: top;
}
.checkout-details__loading {
  height: 2.55em;
  margin-top: 2em;
  padding: 0;
  border-radius: 0;
  border: 1px solid var(--silk-blue) !important;
  display: inline-block;
}
.checkout .back-button {
  width: 15em;
  margin: 0 auto;
  margin-bottom: 1em;
  display: block;
}
.place-order {
  margin-top: 2em;
}
.details-form select {
  width: 100%;
  padding: 0.5em;
  background-size: 1em;
}
.details-form .show-password {
  position: relative;
  left: -3.25em;
  top: 0.25em;
  font-size: 0.75em;
}
.details-form .two-wide {
  width: 48%;
  float: left;
}
.details-form .horizontal-spacer {
  width: 4%;
  float: left;
  height: 1em;
}
.catalogue-rows .catalogue-row .actions {
  text-align: right;
}
.catalogue-rows input,
.catalogue-rows select {
  margin: 0;
  height: 2em !important;
  font-size: 0.9em;
  width: 100%;
}
.catalogue-rows a {
  width: 1.8em;
  height: 1.8em;
  text-align: right;
  cursor: pointer;
}
.catalogue-rows__value input,
.catalogue-rows__swappable,
.catalogue-rows__swappable__value {
  width: 100%;
}
.catalogue-rows__value input__dropdown,
.catalogue-rows__swappable__dropdown,
.catalogue-rows__swappable__value__dropdown,
.catalogue-rows__value input__textbox,
.catalogue-rows__swappable__textbox,
.catalogue-rows__swappable__value__textbox {
  float: left;
  width: calc(100% - 1.5em);
}
.catalogue-rows__value input__toggle,
.catalogue-rows__swappable__toggle,
.catalogue-rows__swappable__value__toggle {
  float: right;
  line-height: 1.8em;
}
.catalogue-rows__value input input,
.catalogue-rows__swappable input,
.catalogue-rows__swappable__value input,
.catalogue-rows__value input select,
.catalogue-rows__swappable select,
.catalogue-rows__swappable__value select {
  height: 1.8em;
  line-height: 1em;
  margin: 0;
}
.catalogue-rows__value input .actions,
.catalogue-rows__swappable .actions,
.catalogue-rows__swappable__value .actions {
  text-align: center;
}
.catalogue-rows__value input .actions a,
.catalogue-rows__swappable .actions a,
.catalogue-rows__swappable__value .actions a {
  width: 1.8em;
  height: 1.8em;
  text-align: right;
  cursor: pointer;
}
.is-mobile .details-form .two-wide {
  display: block;
  width: 100%;
}
.is-mobile .checkout .horizontal-spacer {
  display: none;
}
.is-mobile .checkout-details__completion-message {
  font-size: 1em;
}
.is-mobile .checkout-details__login {
  font-size: 1em;
  width: 100%;
  display: block;
  margin: 1em 0;
}
.is-mobile .checkout-details__login a {
  float: right;
}
.is-mobile .place-order {
  margin-top: 0;
}
.checkout-form.processing .button {
  background: url("/images/icons/loading.svg") no-repeat center center;
  background-size: contain;
  color: transparent;
}
.circle-status {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  border-style: solid;
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
.circle-status-wardrobe {
  border-radius: 1em;
  font-size: 0.8em;
  width: 1.8em;
  height: 1.8em;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.circle-status-wardrobe--ok {
  background-color: var(--silk-midblue);
}
.circle-status-wardrobe--warn {
  background-color: var(--silk-sand);
}
.circle-status-wardrobe--error {
  background-color: var(--silk-salmon);
}
.circle-status--ok {
  color: var(--silk-midblue);
}
.circle-status--warn {
  color: var(--silk-sand);
}
.circle-status--error {
  color: var(--silk-salmon);
}
.circle-status > div {
  display: table;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
}
.circle-status > div > div {
  display: table-cell;
  vertical-align: middle;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.col-list {
  font-size: 1em;
  width: 100%;
  border-collapse: collapse;
}
.col-list__image {
  box-sizing: border-box;
  padding: 2%;
}
.col-list__image div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.col-list__item {
  position: relative;
}
.col-list__item + .col-list__item:not(.col-list__item--adjoined) {
  border-top: 1px solid var(--silk-blue);
}
.col-list__column {
  float: left;
}
.col-list__column + .col-list__column {
  margin-left: 1em;
}
.col-list td {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  vertical-align: top;
}
.col-list td + td {
  padding-left: 0.8em;
}
.col-list.feedback {
  margin-top: 1em;
}
.col-list.feedback td {
  vertical-align: middle;
}
.col-list.feedback td:nth-child(1) {
  width: 3em;
}
.col-list.feedback td:nth-child(2) {
  width: 10em;
}
.custom-combobox {
  display: inline-block;
  height: 3em;
  width: 100%;
  margin-bottom: 0.8em;
  border: 1px solid var(--silk-blue);
  box-sizing: content-box;
}
.custom-combobox-input {
  border: none !important;
  color: var(--silk-blue) !important;
  background-color: transparent !important;
  height: 100%;
  width: calc(100% - 2.2em);
  font-size: 1.2em;
  box-sizing: border-box;
  border-radius: 0;
  margin: 0 !important;
  vertical-align: top;
  padding-left: 0.5em;
}
.custom-combobox-toggle {
  display: inline-block;
  height: 100%;
  width: 1.2em;
  margin-left: 0.5em;
  background: url("/images/icons/select.svg") no-repeat center;
  background-size: contain;
}
.contact {
  background-color: transparent;
  max-width: 100%;
  margin: auto;
  padding: 0 0.5em 1.5em 0.5em;
  color: var(--silk-blue);
}
.contact h3 {
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 2.5em;
}
.contact a,
.contact a:visited {
  text-decoration: none;
  color: var(--silk-blue);
}
.contact a:hover,
.contact a:active {
  color: var(--silk-midblue);
}
.contact-info {
  width: 55%;
}
.contact-details div + div {
  float: right;
}
.contact-form {
  float: left;
  margin-right: 2em;
  width: 40%;
}
.contact-form input,
.contact-form textarea {
  display: inline-block;
  padding: 0.5em;
  width: 100%;
  border: 1px solid var(--silk-blue);
  margin-top: 0.5em;
}
.contact-form textarea {
  height: 10em;
  resize: none;
}
.contact-form input[type=submit] {
  width: 25%;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
}
.feedback .contact-info,
.feedback .contact-form {
  width: calc(50% - 3em);
}
.feedback .contact-form {
  margin-right: 3em;
}
.feedback .contact-info h4 {
  padding-top: 0;
}
.is-mobile .contact-info,
.is-mobile .contact-form {
  float: none !important;
  width: 100% !important;
}
.is-mobile .contact-info input,
.is-mobile .contact-form input,
.is-mobile .contact-info textarea,
.is-mobile .contact-form textarea {
  width: 100%;
}
.is-mobile .contact-info p {
  float: left;
  margin-right: 2em;
}
.controlpanel {
  position: fixed;
  z-index: 1003;
  color: var(--silk-blue);
}
.controlpanel__wrapper {
  height: 100%;
  max-width: 28.6em;
  min-width: 19.45em;
  margin: 0 auto;
}
.controlpanel-toggle {
  font-size: 2em;
  float: right;
}
.controlpanel__inner {
  background-color: var(--silk-paleblue);
  font-size: 0.9em;
  height: 100%;
  margin-top: 1em;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.controlpanel__divider {
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: 1px solid var(--silk-blue);
}
.controlpanel__logoutlink {
  font-size: 1em;
  position: absolute;
  top: 1.5em;
}
.controlpanel__logoutlink--desktop {
  right: 2em;
}
.controlpanel__logoutlink--mobile {
  left: 2em;
}
.controlpanel__returnlink {
  font-size: 1em;
  position: absolute;
  top: 1.5em;
  left: 2em;
}
.controlpanel__returnlink--mobile {
  top: 3em;
}
.controlpanel__name {
  margin-top: 5em;
  font-size: 0.8em;
}
.controlpanel__name .name,
.controlpanel__name .number {
  margin: 0;
  font-size: 1.2em;
}
.controlpanel__name .number {
  float: right;
}
.controlpanel__name .name {
  font-weight: bold;
}
.controlpanel__allocation-header {
  font-size: 1.8em;
  text-transform: uppercase;
  margin: 0 0 0.6em;
}
.controlpanel__icon {
  display: inline-block;
  font-size: 2em;
  text-align: center;
}
.controlpanel__icon:not(.controlpanel__icon--collapsed) {
  float: right;
}
.controlpanel__icon--warning {
  color: var(--silk-salmon);
}
.controlpanel__icon--ok {
  color: var(--silk-midblue);
}
.controlpanel__icon--cart {
  position: relative;
}
.controlpanel__value {
  position: absolute;
  font-size: 0.5em;
  line-height: 0.5em;
  top: 100%;
  left: 0;
  text-align: center;
  width: 100%;
}
.controlpanel__value:before {
  content: "$";
}
.controlpanel__gm-status {
  width: inherit;
}
.controlpanel__gm-status--warning .controlpanel__icon--ok,
.controlpanel__gm-status:not(.controlpanel__gm-status--warning) .controlpanel__icon--warning {
  display: none;
}
.controlpanel__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1002;
  padding: 1em 2em 1em 2.5em;
  width: 100%;
  box-sizing: border-box;
}
.controlpanel__bottom .button {
  width: 100%;
  margin-bottom: 0.2em;
}
.controlpanel__footnote {
  font-size: 0.8em;
}
.controlpanel__footnote a {
  text-decoration: underline !important;
}
.controlpanel p,
.controlpanel a {
  color: var(--silk-blue);
}
.controlpanel a {
  text-decoration: none;
}
.controlpanel a:hover {
  color: var(--silk-midblue);
}
.controlpanel a.to-edit-order {
  text-align: center;
  box-sizing: border-box;
  line-height: 2.2em;
  border: 1px solid var(--silk-blue);
  font-weight: bold;
  padding: 0;
}
.controlpanel a.to-edit-order--disabled {
  color: var(--silk-midgrey);
  border-color: var(--silk-midgrey);
  cursor: default;
}
.controlpanel a.to-edit-order.button--dark {
  color: var(--silk-whitegrey);
}
.controlpanel .carttitle {
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 2.2em;
  font-weight: bold;
  padding: 0;
}
.controlpanel .carttable {
  display: block;
  max-height: 30em;
  overflow-y: scroll;
  border-collapse: collapse;
  border-top: 1px solid var(--silk-blue);
  width: 100%;
  font-size: 0.9em;
  scrollbar-width: none;
}
.controlpanel .carttable td {
  padding: 0.5em 0.15em;
  border-bottom: 1px solid var(--silk-blue);
}
.controlpanel .carttable td:not(.loading):nth-child(1) {
  width: 15%;
}
.controlpanel .carttable td:not(.loading):nth-child(1) div {
  width: 1.72em;
  height: 1.72em;
  background-repeat: no-repeat;
  background-size: 1.72em;
}
.controlpanel .carttable td:not(.loading):nth-child(2) {
  width: 50%;
}
.controlpanel .carttable td:not(.loading):nth-child(3) {
  width: 15%;
  text-align: right;
}
.controlpanel .carttable td:not(.loading):nth-child(4) {
  width: 20%;
  text-align: right;
}
.controlpanel .carttable td:not(.loading) .backorder {
  border-radius: 0.5em;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
  display: block;
  padding: 0.1em 0.5em;
  margin-top: 0.5em;
  text-align: center;
}
.controlpanel .carttable tr.loading {
  display: block;
}
.controlpanel .carttable td.loading {
  padding: 1.5em;
  display: block;
  font-size: 1.5em;
  text-align: center;
}
.controlpanel .carttable td.loading img {
  padding-right: 1em;
  height: 1em;
}
.controlpanel .carttable td.center {
  text-align: center;
}
.controlpanel .online-payment-totals {
  margin-top: 3em;
}
.controlpanel .online-payment-totals div {
  margin-top: 0.3em;
}
.controlpanel .online-payment-totals div i {
  width: 1.5em;
  text-align: center;
}
.controlpanel .online-payment-totals div span.value {
  float: right;
  font-weight: bold;
}
nav {
  position: relative;
  padding: 1em 2em 8em 2em;
  box-sizing: border-box;
  min-height: 100%;
  font-size: 1em;
}
.nav-links {
  margin: 3em 0;
}
.nav-links a {
  margin: 0;
  display: block;
}
.nav-links a + a {
  margin-top: 1em;
}
.nav-toggle {
  cursor: pointer;
  z-index: 2000;
}
.nav-toggle--embedded {
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 1px;
}
.controlpanel.visually-open .controlpanel__collapsed-content {
  display: none;
}
.controlpanel:not(.visually-open) nav,
.controlpanel:not(.visually-open) .controlpanel__bottom {
  display: none;
}
.nav-toggle-backing,
.nav-toggle--embedded {
  position: absolute;
  text-align: center;
}
.nav-toggle-backing {
  background-color: var(--silk-whitegrey);
  border: 1px solid var(--silk-midgrey);
  z-index: -1;
}
.is-widish .controlpanel {
  width: 22em;
  top: 0;
  height: 100%;
  transition: right 0.3s;
  right: -17em;
  box-sizing: border-box;
  background-color: var(--silk-paleblue);
}
.is-widish .controlpanel.open {
  right: 0;
}
.is-widish .controlpanel__icon {
  width: inherit;
}
.is-widish .controlpanel__icon--collapsed {
  text-align: center;
  margin: 0.3em 0 0.3em;
  line-height: 1.6em;
}
.is-widish .nav-toggle-backing,
.is-widish .nav-toggle--embedded {
  top: 0.5em;
  right: 21em;
  height: 4em;
  line-height: 4em;
  width: 1.5em;
}
.is-narrowish .controlpanel {
  top: 100%;
  margin-top: -5.5em;
  width: 100%;
  transition: top 0.3s, margin-top 0.3s;
  left: 0;
}
.is-narrowish .controlpanel__inner {
  border: 1px solid var(--silk-midgrey);
}
.is-narrowish .controlpanel.open {
  margin-top: 0;
}
.is-narrowish .controlpanel__collapsed-content {
  padding: 0;
  text-align: left;
  width: 100%;
}
.is-narrowish .controlpanel__icon--collapsed {
  margin: 0.25em 0.3em;
  width: 1.4em;
  line-height: 1.5em;
}
.is-narrowish .controlpanel__icon--menu {
  float: right;
  width: 0.5em;
  line-height: 0.5em;
  height: 0.5em;
}
.is-narrowish .controlpanel__icon--menu img {
  margin-bottom: 0.15em;
}
.is-narrowish .controlpanel__word {
  font-size: 1em;
  line-height: 2em;
  display: inline-block;
  width: calc(100% - 2.5em);
  text-align: center;
}
.is-narrowish .nav-toggle-backing,
.is-narrowish .nav-toggle--embedded {
  left: 50%;
  margin-left: -2em;
  top: -0.8em;
  width: 4em;
  line-height: 1.5em;
  height: 1.5em;
}
.credit-card-details {
  background-color: var(--silk-whitegrey);
  padding: 1em;
}
.credit-card-details .ccf select {
  height: 3em;
  background-color: #fff;
  margin-top: 4px;
}
.credit-card-details .ccf.float {
  float: left;
  margin-right: 3em;
  margin-bottom: 1em;
}
.credit-card-details .ccf:not(.float) {
  clear: both;
}
.dividor {
  border-top: 1px solid var(--silk-midgrey);
  margin: 0.5em 0;
}
.dividor + .dividor {
  display: none;
}
.dividor--dark {
  border-top-color: var(--silk-darkgrey);
}
.documents-list__item.list-item {
  font-size: 1.4em;
  padding: 1em;
  text-decoration: none;
  color: var(--silk-darkgrey);
}
.documents-list i {
  margin-right: 0.5em;
  position: relative;
  top: -0.1em;
}
.edit-style i,
.edit-category i,
.edit-category-inline i,
.edit-page i {
  font-size: 1.5em;
}
.edit-page {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
  z-index: 1000;
}
.edit-style,
.edit-category {
  display: inline-block;
  float: right;
  margin-right: 0.5em;
}
.edit-category-inline {
  position: absolute;
  top: 1em;
  right: 1em;
}
.editor {
  max-width: 50em;
  margin-bottom: 2em;
}
.editor .editor-save {
  float: left;
  width: 49%;
}
.editor .editor-cancel {
  float: right;
  width: 49%;
}
*:not(:empty) + .empty-message {
  display: none;
}
.faq .question {
  border: 0;
  background: none;
  color: var(--silk-blue) !important;
  padding-left: 0 !important;
  font-size: 1.2em;
}
.faq .question i {
  margin-right: 1em;
}
.faq .question span {
  display: none;
}
.faq .answer {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.faq .answer iframe {
  width: 45em;
  height: 25em;
}
.feedback-faces {
  margin-top: 1em;
  margin-bottom: 2em;
  display: flex;
  justify-content: space-between;
}
.feedback-faces__face {
  font-size: 2em;
  display: inline-block;
  cursor: pointer;
  border-radius: 1em;
  height: 1em;
  line-height: 1em;
}
.feedback-faces__face.laugh {
  color: #344ab7;
  background-color: #8896dd;
}
.feedback-faces__face.smile {
  color: #2a9460;
  background-color: #9c9;
}
.feedback-faces__face.meh {
  color: #f4d94a;
  background-color: #ffff93;
}
.feedback-faces__face.frown {
  color: #d6474e;
  background-color: #fea0a0;
}
.feedback-faces__face.angry {
  color: #712a94;
  background-color: #c166ff;
}
.feedback-faces .feedback-faces__face {
  font-size: 8em;
  float: left;
  border: 5px solid #fff;
}
.feedback-faces .feedback-faces__face.active {
  border-color: var(--silk-blue);
}
.feedback-dialog .feedback-faces__face {
  font-size: 6em;
  border-color: var(--silk-whitegrey);
}
.feedback-dialog textarea {
  width: 100%;
  height: 10em;
  resize: none;
  margin-bottom: 2em;
}
.feedback-dialog .feedback-cancel,
.feedback-dialog .feedback-submit {
  display: inline-block;
  width: calc(50% - 2px);
  line-height: 3em;
}
.financial {
  position: relative;
}
.financial__name {
  float: left;
  width: 70%;
  clear: both;
  line-height: 1.5em;
}
.financial__name--strong {
  font-weight: bold;
}
.financial__value {
  float: right;
  width: 25%;
  text-align: right;
  line-height: 1.5em;
}
.financial__value:before {
  content: "$";
}
.financial__value--strong {
  font-weight: bold;
}
.fixedbar {
  z-index: 1000;
}
.fixedbar--active {
  position: fixed !important;
}
.footer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--silk-blue);
  margin-top: 3em;
  color: #fff;
  font-size: 0.8em;
  line-height: 2em;
  font-weight: 100;
}
.footer a,
.footer a:visited {
  text-decoration: none;
  color: #fff;
}
.footer a:hover,
.footer a:active {
  color: var(--silk-midblue);
  text-decoration: underline;
}
.footer a:hover path,
.footer a:active path {
  fill: var(--silk-midblue);
  transition: all 0.2s ease-in;
}
.footer strong {
  font-weight: bold;
  line-height: 1em;
}
.footer-banner {
  margin: 0 auto;
  padding: 3em;
}
.footer-banner p {
  margin: 0;
  font-size: 2.2em;
  line-height: 1.8em;
  float: left;
}
.footer-banner p .big {
  font-size: 1.8em;
  margin-right: 1em;
}
.footer-banner .subscribe {
  font-size: 2.2em;
  float: right;
  border-radius: 1em;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 100;
  line-height: 2em;
  padding: 0 1em;
  margin-right: 2em;
}
.footer-banner .subscribe:hover {
  text-decoration: none;
}
.footer-spacer {
  line-height: 1em;
  background-color: #fff;
}
.footer-spacer.coloured {
  background-image: url("/images/deane-brand-line.svg");
  background-size: cover;
}
.footer-main {
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 1em;
  padding: 3em 0;
}
.footer-logo,
.footer-contact,
.footer-address,
.footer-menu {
  float: left;
  margin-right: 10%;
}
.footer-logo {
  display: inline-block;
  height: 100%;
}
.footer-logo .img {
  background-image: url("/images/deane-logo-white.svg");
  display: inline-block;
  height: 5em;
  width: 12.5em;
  background-repeat: no-repeat;
}
.footer-menu {
  display: inline-block;
  margin-right: 4.4em;
  float: right;
  width: 6.7em;
}
.footer-menu div {
  float: left;
  width: 10em;
}
.footer-address {
  display: inline-block;
}
.footer-address strong {
  margin-bottom: 1em;
  display: inline-block;
  vertical-align: text-top;
}
.footer-address strong ~ strong {
  margin-top: 2em;
}
.footer-address-social {
  color: #fff;
  clear: both;
  padding-top: 2.5em;
}
.footer-address-social div {
  float: left;
  margin-right: 0.5em;
}
.footer-address-social div a img {
  width: 2em;
  height: 2em;
}
.footer-address-social div a:hover img {
  filter: opacity(50%);
}
.footer-contact {
  display: inline-block;
}
.footer-contact p {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 2em;
}
.footer-contact input,
.footer-contact textarea {
  display: block;
  background: transparent;
  border-color: var(--silk-midgrey);
  color: var(--silk-whitegrey);
  font-weight: 100;
  resize: none;
  width: 100%;
  font-size: 1em;
  margin-bottom: 1em;
}
.footer-contact textarea {
  height: 8em;
}
.footer-contact input[type=submit] {
  width: 50%;
}
.footer-contact input::placeholder,
.footer-contact textarea::placeholder {
  color: var(--silk-midgrey);
  opacity: 0.7;
}
.is-mobile .footer-menu {
  display: none;
}
.is-mobile .footer-spacer {
  height: 0.5em;
}
.is-mobile .footer-banner p {
  font-size: 1.2em;
}
.is-mobile .footer-banner p .big {
  display: block;
}
.is-mobile .footer-banner button {
  font-size: 1.2em;
  display: block;
}
.is-mobile .footer-address {
  margin-top: 2em;
  margin-right: 3em;
}
.is-mobile .footer-address + .is-mobile .footer-address {
  margin-right: 0;
}
.is-mobile .footer-contact {
  margin: 2em 2em 0 2em;
  width: calc(100% - 4em);
  max-width: 40em;
  float: none;
  display: block;
}
.is-widish .footer-spacer.coloured {
  margin-right: 27.5em;
}
.is-small .footer-logo,
.is-narrowish .footer-logo {
  width: 100%;
}
.is-small .footer-address,
.is-narrowish .footer-address {
  margin-left: 0;
  margin-top: 1em;
}
.is-small .footer-menu,
.is-narrowish .footer-menu {
  margin-top: 1em;
}
.is-small .footer-contact,
.is-narrowish .footer-contact {
  margin-left: 0;
  clear: both;
  margin-top: 1em;
}
.is-small .footer-banner p .big,
.is-narrowish .footer-banner p .big {
  display: block;
}
.grid {
  background-color: var(--silk-palegrey);
  user-select: none;
}
.hr {
  border: none;
  height: 1px;
  color: var(--silk-palegrey);
  background-color: var(--silk-palegrey);
}
.hr:not(.hr--no-margin) {
  margin-bottom: 2em;
}
.important-message {
  font-style: italic;
  font-weight: bold;
  margin: 1em 0;
  padding: 1em;
  border-bottom: 1px solid var(--silk-midgrey);
}
.important-message input[type="checkbox"] {
  font-size: 0.7em;
}
.upload-box {
  background-color: var(--silk-paleblue);
  padding: 0.5em 1em;
  line-height: 2em;
  min-height: 2.2em;
  height: fit-content;
  margin-bottom: 1em;
}
.upload-box label {
  margin-right: 1em;
}
.upload-box input[type="file"] {
  width: 16em;
}
.is-mobile .upload-box input[type="file"] {
  width: revert;
}
.is-desktop .mobile-only,
.is-mobile .desktop-only {
  display: none;
}
.is-widish .narrowish-only,
.is-narrowish .widish-only {
  display: none;
}
.is-narrowish .fullscreen-widish-only,
.is-windowed .fullscreen-widish-only {
  display: none;
}
.is-narrowish .not-fullscreen-widish-only,
.is-windowed .not-fullscreen-widish-only {
  display: none;
}
.item-badge {
  height: 2em;
  line-height: 3.8em;
  display: block;
  width: 2em;
  border-radius: 3em;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.2em;
  overflow: hidden;
}
.item-badge.inline {
  display: inline-block;
}
.item-badge span {
  width: 100%;
  display: inline-block;
  vertical-align: text-top;
  margin-top: 1em;
}
.item-badge.text {
  line-height: 1em;
}
.item-badge.phasing-out span {
  font-size: 0.45em;
  line-height: 0.5em;
}
.item-badge.phasing-out span + span {
  font-size: 0.9em;
  line-height: 0.4em;
  margin-top: 0 !important;
}
.item-badge.new-arrival span {
  margin-top: 10%;
  font-size: 0.9em;
}
.item-badge.new-arrival span + span {
  font-size: 0.6em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.limited-time span {
  font-size: 0.5em;
  line-height: 0.6em;
  margin-top: 21%;
}
.item-badge.limited-time span + span {
  font-size: 0.8em;
  line-height: 0.6em;
  margin-top: 0 !important;
}
.item-badge.pre-order span {
  margin-top: 10%;
  font-size: 1.2em;
}
.item-badge.pre-order span + span {
  font-size: 0.6em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.coming-soon span {
  font-size: 0.5em;
  line-height: 0.6em;
  margin-top: 21%;
}
.item-badge.coming-soon span + span {
  font-size: 0.8em;
  line-height: 0.6em;
  margin-top: 0 !important;
}
.item-badge.best-seller span {
  margin-top: 9%;
  font-size: 0.9em;
}
.item-badge.best-seller span + span {
  font-size: 0.7em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.core-range span {
  margin-top: 8%;
  font-size: 0.8em;
}
.item-badge.core-range span + span {
  font-size: 0.6em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.eco-fabric span {
  margin-top: 10%;
  font-size: 1.1em;
}
.item-badge.eco-fabric span + span {
  font-size: 0.6em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.high-vis span {
  margin-top: 8%;
  font-size: 0.8em;
  line-height: 0.8em;
}
.item-badge.high-vis span + span {
  font-size: 1.2em;
  line-height: 0.4em;
  margin-top: 0.1em !important;
}
.item-badge.made-to-order span {
  margin-top: 5%;
  font-size: 0.7em;
  line-height: 1em;
}
.item-badge.made-to-order span:nth-child(2) {
  font-size: 0.5em;
  line-height: 1em;
  margin-top: -15% !important;
}
.item-badge.made-to-order span:last-child {
  font-size: 0.7em;
  line-height: 1em;
  margin-top: -50% !important;
}
.item-badge.item-bundle span {
  margin-top: 10%;
  font-size: 0.9em;
}
.item-badge.item-bundle span + span {
  font-size: 0.6em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.subsidy span {
  margin-top: 5%;
  font-size: 1em;
}
.item-badge.subsidy span + span {
  font-size: 0.57em;
  line-height: 1em;
  margin-top: 0 !important;
}
.item-badge.preloved span {
  margin-top: -10%;
  font-size: 0.6em;
  line-height: 1em;
}
.item-badge.preloved span:nth-child(2) {
  font-size: 0.8em;
  line-height: 1em;
  margin-top: -0.9em;
  margin-left: -0.5em;
}
.item-badge.preloved span:last-child {
  font-size: 0.55em;
  margin-top: -1.7em;
  line-height: 1em;
}
.item-badge.strands span {
  margin-top: 0.25em;
  font-size: 2em;
}
.item-badge.alterations-toggle i {
  text-align: center;
  position: initial;
  font-size: 1.5em;
  padding: 0.15em;
  cursor: pointer;
}
.item-badge .fa-circle-check {
  position: relative;
  left: 0.67em;
  bottom: 1.34em;
}
.item-badge img {
  filter: saturate(0) brightness(100);
  width: 1.5em;
  position: absolute;
  top: 0.9em;
  left: 0.6em;
}
.landing {
  box-sizing: border-box;
  position: relative;
}
.landing__search-customer {
  margin-bottom: -4.5em;
}
.landing__search-customer input {
  width: calc(100% - 1.75em);
}
.landing__select-customer {
  margin-bottom: -3.7em;
}
.landing__select-customer input {
  width: calc(100% - 1.75em);
}
.landing__box {
  padding: 0 2em;
}
.landing__box-left {
  float: left;
}
.landing__box .middle__inner {
  text-align: left !important;
}
.landing__box h1 {
  text-align: left;
  text-transform: none;
  font-size: 6em;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 0.8em;
  padding: 0;
}
.landing__text {
  font-size: 1.5em;
  max-width: 22em;
  max-height: 1.3em;
  overflow: hidden;
}
.landing__text__customer {
  font-size: 1em;
  font-weight: lighter;
  margin-top: 1.5em;
}
.landing__together {
  position: relative;
  bottom: 0.36em;
  width: 55em;
  left: 10em;
}
.landing__together-line {
  display: block;
  height: 2px;
  background-color: var(--silk-blue);
  position: relative;
  width: 100em;
  bottom: -22em;
}
.landing__together-line.left {
  left: -55em;
}
.landing__together-line.right {
  left: 90em;
}
.landing__mobilemodel {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55%;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 80%;
  pointer-events: none;
}
.landing__option {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  font-size: 1em;
  cursor: pointer;
  float: left;
  margin-right: 2em;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
  border-radius: 1em;
  padding: 1em;
  z-index: 2000;
  position: relative;
  width: 12em;
  display: inline-block;
  margin-bottom: 1em;
}
.landing__option:hover {
  color: var(--silk-whitegrey);
  background-color: var(--silk-midblue);
}
.landing__option + .landing__option {
  display: block !important;
}
.landing__option span {
  display: block;
  font-size: 0.7em;
  line-height: 1em;
  padding-top: 1em;
}
.landing__option__admin {
  width: 100%;
  display: block;
  float: none;
  margin-top: 0.75em;
  text-transform: none;
  font-weight: normal;
  background-color: transparent;
  border: 1px solid var(--silk-whitegrey);
  padding: 0.75em 0;
  border-radius: 0;
}
.landing__option__admin:hover {
  background-color: var(--silk-blue);
}
.landing__options {
  margin-top: 7em;
  box-sizing: border-box;
  width: 32em;
}
.landing__options__admin {
  position: static;
  margin: 0 auto;
  height: auto;
  margin-bottom: 3em;
  width: 100%;
}
.landing__mobileoptions {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.8em;
  box-sizing: border-box;
}
.landing__optionsep {
  width: 0.6em !important;
  display: table-cell;
}
.landing__logo {
  max-height: 10em;
  max-width: 17em;
}
.landing__sep {
  border-top: 1px solid var(--silk-midgrey);
  width: 10em;
}
.landing__sep.long {
  width: 31em;
}
.landing__links {
  position: absolute;
  top: 3em;
  right: 3em;
  width: 15em;
}
.landing__links a {
  display: block;
  text-decoration: none;
  text-align: right;
}
.landing__links a + a {
  margin-top: 1em;
}
.landing .sob-dialog h3 {
  margin: 0.5em 0;
}
.landing .sob-dialog__list {
  min-height: 15em;
  background-color: var(--silk-paleblue);
  padding: 0.5em;
}
.landing .sob-dialog__list-item {
  line-height: 2em;
  border-bottom: 1px solid var(--silk-whitegrey);
  border-top: 1px solid var(--silk-whitegrey);
  margin-bottom: 0.5em;
  cursor: pointer;
}
.landing .sob-dialog__tag {
  float: left;
  width: calc(100% - 2em);
}
.landing .sob-dialog__clear {
  float: right;
  width: 2em;
}
.landing .sob-dialog__clear i {
  cursor: pointer;
}
.landing .sob-dialog__output {
  background-color: var(--silk-paleblue);
}
.landing .sob-dialog__output__row__title {
  width: 10em;
  font-weight: bold;
}
.ui-autocomplete {
  max-height: 16em;
  overflow-y: auto;
  overflow-x: hidden;
}
.is-narrowish .landing .modal {
  width: calc(100% - 6em);
}
.is-narrowish .landing__search-customer input {
  width: 100%;
}
.is-narrowish .landing__options {
  width: 28em;
  margin-top: 8em;
}
.is-narrowish .landing__options__admin {
  margin-top: 0;
  width: 100%;
}
.is-narrowish .landing__option {
  width: 10em;
  font-size: 0.9em;
  float: left;
  margin-top: 0.5em;
}
.is-narrowish .landing__option__admin {
  width: 100%;
  display: block;
  float: none;
  margin-top: 1em;
}
.is-narrowish .landing__option span {
  display: none;
}
.is-narrowish .landing__together {
  bottom: -6.29em;
  width: 40em;
  left: 2em;
}
.is-narrowish .landing__together-line {
  height: 1px;
  top: 22.5em;
}
.is-narrowish .landing__together-line.left {
  left: -100em;
  width: 135em;
}
.is-narrowish .landing__together-line.right {
  width: 100em;
  left: 65.5em;
}
.is-desktop .landing__box {
  position: relative;
}
.is-mobile .landing__box h1 {
  font-size: 4em;
}
.is-mobile .landing__together {
  position: absolute;
  left: -2em;
  bottom: -200%;
  width: 100%;
}
.is-mobile .landing__together-line {
  display: none;
}
.is-mobile .landing__logoutlink {
  font-size: 1.2em;
  top: 2em;
  right: 1em;
}
.is-mobile .landing .edit-landing {
  top: 2em;
  right: 0em;
}
.is-mobile:not(.is-rotated) .landing {
  text-align: center;
}
.is-mobile:not(.is-rotated) .landing__mobileoptions {
  padding: 0.3em 0.8em 0.8em 0.8em;
}
.is-mobile:not(.is-rotated) .landing__option {
  width: calc(100% - 2em);
  font-size: 1em;
}
.is-mobile:not(.is-rotated) .landing__option__admin {
  width: 100%;
  margin-right: 0;
}
.is-mobile:not(.is-rotated) .landing__options__admin {
  width: 100%;
}
.is-mobile:not(.is-rotated) .landing__model {
  display: none;
}
.is-mobile:not(.is-rotated) .landing__sep:not(.show-mobile) {
  display: none;
}
.is-mobile:not(.is-rotated) .landing__box {
  padding: 0 1em;
}
.is-mobile.is-rotated .landing__together {
  display: none;
}
.is-rotated .landing__mobileoptions {
  z-index: 1000;
}
.is-rotated .landing__mobileoptions .landing__optionsep {
  display: none;
}
.is-rotated .landing__mobileoptions .landing__option {
  margin: 0.5em;
  width: calc(50% - 3em);
}
.is-rotated .landing__mobileoptions .landing__option:first-child:nth-last-child(2),
.is-rotated .landing__mobileoptions .landing__option:first-child:nth-last-child(2) ~ .landing__option {
  margin-right: 0.7em;
  width: calc(50% - 2.7em);
}
.is-rotated .landing__mobileoptions .landing__option:first-child:nth-last-child(3),
.is-rotated .landing__mobileoptions .landing__option:first-child:nth-last-child(3) ~ .landing__option {
  margin-right: 0.4em;
  width: calc(33% - 2.7em);
}
.ui-menu,
.ui-tooltip {
  z-index: 20000 !important;
}
.list {
  border-bottom: 1px solid var(--silk-blue);
  border-top: 1px solid var(--silk-blue);
}
.list:empty {
  display: none;
}
.login-form {
  color: var(--silk-blue);
  background: url("/images/deane-brand-line.svg");
  background-size: contain;
  font-size: 0.9em;
  padding: 0em !important;
  width: 100% !important;
}
.login-form h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.login-form form {
  max-width: 106.5em;
  padding-left: 1em;
}
.login-form .middle__inner {
  padding-left: 2%;
}
.login-form__message {
  min-height: 8em;
}
.login-form__welcome {
  max-width: 20em;
  color: var(--silk-whitegrey) !important;
  text-align: center;
  float: left;
  margin-top: -0.5em;
}
.login-form__welcome p {
  font-size: 2em;
  margin: 0;
  margin-bottom: 0.5em;
}
.login-form__welcome .spaced {
  margin-top: 2.5em;
  font-weight: lighter;
}
.login-form__welcome__logo {
  background-image: url("/images/silk-logo-circle.svg");
  background-repeat: no-repeat;
  height: 20em;
  filter: brightness(10);
}
.login-form__box {
  padding: 2em;
  background-color: var(--silk-whitegrey);
  border-radius: 1em;
}
.login-form__logo {
  background-image: url("/images/deane-logo-colourful.svg");
  height: 4.5em;
  margin-bottom: 2em;
  background-repeat: no-repeat;
}
.login-form__container {
  max-width: 18em;
  float: left;
  margin-left: 4em;
}
.login-form__container img {
  display: block;
  margin-bottom: 2em;
  width: 80%;
}
.login-form__together {
  float: left;
  max-width: 60em;
  position: relative;
  bottom: -2.8em;
}
.login-form__together-line {
  display: block;
  height: 2px;
  background-color: var(--silk-whitegrey);
  position: relative;
  top: 26.85em;
}
.login-form__together-line.left {
  width: 30em;
  left: -6em;
}
.login-form__together-line.right {
  width: 300em;
  left: 94em;
}
.login-form__creds {
  text-align: left;
}
.login-form__creds .button {
  width: 100%;
  text-align: center;
  font-weight: normal;
  border-radius: 1em;
  line-height: 2.2em;
  padding: 0;
  background-color: var(--silk-midblue);
  border: 1px solid var(--silk-midblue);
  margin-top: 1em !important;
  margin-bottom: 0 !important;
  font-size: 0.9em;
}
.login-form__creds .button + .button,
.login-form__creds .reset {
  margin-top: 1em !important;
}
.login-form__sso {
  display: block;
  height: 2.74em;
  max-width: 14em;
  margin: 0 auto;
  background-image: url("/images/external/azure-sso.svg");
  background-size: contain;
}
.login-form__sso:hover {
  background-image: url("/images/external/azure-sso-dark.svg");
}
.login-form__sso--hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
}
.login-form__forgot {
  margin: 1em 0;
  text-align: center;
  font-size: 0.8em;
}
.login-form__reset-instructions {
  display: block;
  height: 7em;
}
.login-form__contact {
  color: var(--silk-whitegrey);
  text-align: center;
  box-sizing: border-box;
  padding: 0 1.5em;
  margin: 1em auto;
  position: relative;
  padding: 0.5em 1em;
  border: 1px solid var(--silk-whitegrey);
  border-radius: 1em;
  background-color: var(--silk-blue);
  font-weight: lighter;
}
.login-form__contact.sso {
  margin-top: 2.4em;
}
.login-form__contact span {
  font-size: 0.9em;
}
.login-form__contact a {
  color: var(--silk-whitegrey);
}
.login-form__error {
  font-size: 0.9em;
  font-weight: bold;
  color: var(--silk-salmon);
  text-align: center;
  min-height: 1em;
}
.login-form input,
.login-form .input {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  line-height: 2em;
  height: 2em;
  font-size: 1em;
  padding: 0;
}
.login-form input[type="text"],
.login-form .input[type="text"],
.login-form input[type="password"],
.login-form .input[type="password"] {
  width: 100%;
  border: 1px solid var(--silk-blue);
}
.login-form input[type="text"]:read-only,
.login-form .input[type="text"]:read-only,
.login-form input[type="password"]:read-only,
.login-form .input[type="password"]:read-only {
  background-color: var(--silk-palegrey);
  color: var(--silk-darkgrey);
}
.login-form .input {
  border: 1px solid var(--silk-midgrey);
}
.login-form input,
.login-form button,
.login-form .input {
  margin: 0.4em 0;
}
.login-form a {
  text-decoration: none;
}
.login-form .processing .button {
  background: url("/images/icons/loading.svg") no-repeat center center;
  background-size: contain;
  color: transparent;
}
.login-form-test {
  position: relative;
  top: -2em;
  float: left;
  width: 100%;
  text-align: center;
  color: var(--silk-salmon);
  font-size: 1.4em;
  text-transform: uppercase;
  border: 1px solid var(--silk-salmon);
  border-radius: 0.5em;
}
.ie.login-form {
  background-image: url("/images/ie/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.ie.login-form .login-form__container {
  margin: 0 auto;
  float: none;
  width: 50em;
  max-width: 50em;
}
.ie.login-form .login-form__container h1 {
  padding-bottom: 0em;
}
.ie.login-form .login-form__container h3 {
  margin-top: 1.5em;
}
.ie.login-form .login-form__container p {
  text-align: justify;
}
.ie.login-form .login-form__container p.centre {
  text-align: center;
}
.ie.login-form .login-form__container img {
  width: 15em;
  margin: 0;
  display: inline-block;
}
.ie.login-form .login-form__container a {
  height: 12em;
  display: inline-block;
  margin: 2em;
  margin-bottom: 0;
}
.ie.login-form .login-form__container a img {
  width: 10em;
}
.ie.login-form .login-form__box {
  background-color: #fff;
}
.password-form h1,
.password-form p {
  color: var(--silk-blue) !important;
  text-align: center;
}
.is-narrowish .login-form__together,
.is-narrowish .login-form__together-line {
  display: none;
}
.is-mobile .login-form form {
  max-width: 100%;
  padding-left: 0;
}
.is-mobile .login-form .middle__inner {
  padding-left: 1em;
  padding-right: 1em;
}
.is-mobile .login-form__welcome {
  width: 100%;
  max-width: 40em;
}
.is-mobile .login-form__welcome img {
  max-height: 15em;
}
.is-mobile .login-form__welcome p {
  font-size: 1.5em;
}
.is-mobile .login-form__welcome .spaced {
  margin-top: 0.5em;
}
.is-mobile .login-form__container {
  width: 100%;
  max-width: 40em;
  margin-left: 0;
}
.is-mobile .login-form__container img {
  width: 50%;
}
.is-mobile.is-rotated .login-form__welcome,
.is-mobile.is-rotated .login-form__container {
  max-width: 24em;
}
.markdown hr {
  border: 0;
  height: 1px;
  background-color: var(--silk-midgrey);
}
.markdown table {
  border: 1px solid var(--silk-midgrey);
  border-collapse: collapse;
}
.markdown td,
.markdown th {
  border: 1px solid var(--silk-midgrey);
  padding: 0.5em;
}
.measurements-open,
.files-open {
  height: 2em;
  line-height: 1.2em;
  font-size: 1.2em;
}
.measurements-open img,
.files-open img {
  height: 1em;
  margin-right: 0.5em;
  margin-bottom: -0.1em;
}
.measurements-open:hover img,
.files-open:hover img,
.measurements-open:active img,
.files-open:active img,
.measurements-open:focus img,
.files-open:focus img {
  filter: none;
}
.measurements-open {
  width: 11em;
}
.measurements-open img {
  filter: brightness(1000%) saturate(0%);
}
.files-open {
  margin-left: 1em;
  width: 7em;
}
.measurements-controls {
  margin-right: 1em;
  display: inline-block;
}
.measurements-reference {
  float: left;
  margin-left: 2em;
  width: 18em;
  text-align: center;
}
.measurements-model-image {
  background-repeat: no-repeat;
  background-position-x: center;
  text-align: center;
  height: 23em;
}
.measurements-model-image img,
.measurements-model-image svg {
  height: 23em;
  filter: brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(7143%) hue-rotate(1deg) brightness(100%) contrast(111%);
}
.measurements-groups {
  float: left;
}
.measurements-group {
  margin-bottom: 1.5em;
}
.measurements-group-name {
  font-size: 1.2em;
  margin-bottom: 1em;
}
.measurements-group-fieldset {
  max-width: 34em;
}
.measurements-field {
  width: fit-content;
  padding: 0.5em;
  border: 3px solid var(--silk-blue);
  border-radius: 0.7em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  float: left;
}
.measurements-field.disabled {
  border-color: var(--silk-midgrey);
  color: var(--silk-midgrey);
}
.measurements-field.disabled .measurements-field-key div {
  border-color: var(--silk-midgrey);
  background-color: var(--silk-midgrey);
}
.measurements-field.disabled .measurements-field-note {
  color: var(--silk-midgrey);
}
.measurements-field.disabled .measurements-field-value input {
  border-color: var(--silk-midgrey) !important;
}
.measurements-field.highlight {
  border-color: var(--silk-salmon);
}
.measurements-field-key {
  position: relative;
  height: 0;
  width: 0;
  float: right;
}
.measurements-field-key div {
  position: absolute;
  top: -0.7em;
  right: -0.7em;
  background-color: var(--silk-blue);
  color: var(--silk-whitegrey);
  border: 1px solid var(--silk-blue);
  border-radius: 1em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  line-height: 1.2em;
}
.measurements-field-column {
  width: 9em;
  float: left;
  margin-right: 1em;
}
.measurements-field-column + .measurements-field-column {
  width: 5.5em;
  margin-right: 0;
  font-size: 0.85em;
}
.measurements-field-name {
  font-size: 1em;
}
.measurements-field-note {
  font-size: 0.8em;
  color: var(--silk-green);
}
.measurements-field-value input {
  height: 1.5em;
  width: 3em !important;
  text-align: right !important;
  padding: 0.2em !important;
}
.measurements-model-picker {
  margin-top: -0.5em;
  margin-bottom: 1em;
}
.measurements-model-picker .gender {
  font-size: 1em;
  line-height: 1.5em;
  height: 1.5em;
  display: inline-block;
  vertical-align: bottom;
}
.measurements-model-picker .gender.female {
  margin-right: 1em;
  color: var(--silk-pink);
}
.measurements-model-picker .gender.male {
  margin-left: 1em;
  color: var(--silk-midblue);
}
.is-desktop .measurements-dialog {
  max-width: 55em;
  max-height: 40em;
  margin: 0 auto;
}
.middle {
  position: relative;
  display: table;
  width: calc(100% - 2em);
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1em;
}
.middle.login-form,
.middle.error,
.middle.logout {
  position: absolute;
}
.middle__message {
  padding: 0 1.5em;
}
.middle__message p {
  font-size: 2em;
  font-weight: bold;
  margin: 0.5em 0 0.5em;
}
.middle__message p + p {
  font-size: 1.3em;
  margin: 0.5em 0 0.5em;
}
.middle__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.middle__inner .button {
  min-width: 10em;
  padding: 0.3em 2em;
  margin: 2.4em 0.5em 0 0.5em;
}
.middle.error h1,
.middle.logout h1 {
  padding-bottom: 0;
}
.middle.error h3,
.middle.logout h3 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 3em;
}
.middle.error p,
.middle.logout p {
  margin: 0.5em 1em;
}
.is-widish.is-windowed .middle.middle--adaptive .middle__inner {
  padding-right: 26.2em;
}
.modal {
  position: fixed;
  top: 7em;
  bottom: 2em;
  left: 2em;
  right: 2em;
  background-color: var(--silk-whitegrey);
  color: var(--silk-blue);
  z-index: 10000;
  box-shadow: 0 0 1em rgba(0,0,0,0.3);
  padding: 1em 3em;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 35em;
}
.modal--small-padding {
  padding: 1em;
}
.modal--white {
  background-color: #fff;
}
.modal--large {
  width: 80em;
  max-width: 80em;
  height: 45em;
  max-height: 45em;
  margin: 0 auto;
}
.modal--large.half {
  width: 40em;
  max-width: 40em;
}
.modal--large iframe.full {
  width: 100%;
  height: 100%;
  border: none;
}
.modal--large h1 .button {
  margin: 0 0 0 2em;
  font-size: 0.5em;
  vertical-align: text-bottom;
  width: 15em;
}
.modal--large .modal__content {
  height: 40em;
  overflow: scroll;
}
.modal--large .modal__content.no-overflow {
  overflow: hidden;
}
.modal--large .modal__content .modal__columns .modal__column {
  display: inline-block;
  width: calc((100% - 2em) / 2);
  height: 100%;
}
.modal--large .modal__content .modal__columns .modal__column:not(.no-align) {
  vertical-align: top;
}
.modal--large .modal__content .modal__columns .modal__column.scroll {
  height: 35em;
  overflow: scroll;
}
.modal--large .modal__content .modal__columns .modal__column:nth-child(2) {
  margin-left: 2em;
}
.modal--large .modal__content .modal__columns .modal__column.three {
  width: calc((100% - 4em) / 3);
}
.modal--large .modal__content .modal__columns .modal__column.three.doubled {
  width: calc(((100% / 3) * 2) - 2em);
  margin-left: 2em;
}
.modal--large .modal__content .modal__columns .modal__column.three.halved {
  width: calc(((100% / 3) * 0.5) - 2em);
  margin-left: 2em;
}
.modal--large .modal__content .modal__columns .modal__column.three:nth-child(1) {
  margin-left: 0;
}
.modal--large .modal__content .modal__columns .modal__column.three:nth-child(2),
.modal--large .modal__content .modal__columns .modal__column.three:nth-child(3) {
  margin-left: 2em;
}
.modal--large .modal__content .modal__columns .modal__column.overflow {
  overflow-y: scroll;
}
.modal--large .modal__content .modal__columns .modal__column .input,
.modal--large .modal__content .modal__columns .modal__column input,
.modal--large .modal__content .modal__columns .modal__column select,
.modal--large .modal__content .modal__columns .modal__column textarea {
  font-size: 1em;
}
.modal--large .modal__content .modal__columns .modal__column div.input {
  display: inline-block;
  width: 100%;
}
.modal--large .modal__content .modal__columns .modal__column div.input span {
  margin-right: 0.5em;
}
.modal--large .modal__content .modal__columns .modal__column div.input a.button {
  float: right;
  height: 2.2em;
  line-height: 1.5em;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
}
.modal--large .modal__content .modal__columns .modal__column .markdownlive-bar {
  margin-top: 0.6em;
  font-size: 0.9em;
}
.modal--large .modal__content .modal__columns .modal__column .markdownlive-text {
  height: 30em;
}
.modal--large .modal__content .modal__columns .modal__column .markdownlive-text.small {
  height: 15em;
}
.modal--large .modal__content .modal__columns .modal__column .markdownlive-preview {
  border-right: 1px dashed var(--silk-blue);
  border-bottom: 1px dashed var(--silk-blue);
  width: calc(50% - 2em - 1px);
  height: calc(30em - 1px);
}
.modal--large .modal__content .modal__columns .modal__column .markdownlive-preview.small {
  height: calc(15em - 1px);
}
.modal--large .modal__content .modal__columns .modal__column__image {
  height: 25em;
  max-width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.modal .checkbox-label {
  display: block;
}
.modal .checkbox-label__text,
.modal .checkbox-label input {
  display: inline-block;
  line-height: 3em;
  height: 3em;
  vertical-align: top;
}
.modal .checkbox-label__text {
  width: 13em;
  margin-left: 1em;
}
.modal .checkbox-label input {
  margin: 0;
}
.modal .checkbox-label input height 3em:first-child {
  margin-top: 0.6em;
}
.modal .checkbox-label.small .checkbox-label__text,
.modal .checkbox-label.small input,
.modal .checkbox-label.small i {
  height: 2em;
  line-height: 2em;
}
.modal .checkbox-label.small i {
  width: 1em;
}
.modal .checkbox-label.wider .checkbox-label__text {
  width: 20em;
}
.modal .hr {
  margin: 1em 0;
}
.modal h1 {
  padding-top: 0;
  color: var(--silk-blue);
  text-transform: none;
  font-weight: bold;
  padding-bottom: 0.5em;
  font-size: 2.5em;
}
.modal h1.smaller {
  font-size: 2em;
}
.modal h1.compact {
  padding-bottom: 0;
}
.modal h3.compact {
  margin-top: 0.5em;
}
.modal h3.compacter {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.modal .cancel-icon {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  border: none;
  background-color: transparent;
  color: var(--silk-blue);
  font-size: 2em;
}
.modal--blue {
  background-color: var(--silk-midblue);
  color: var(--silk-whitegrey);
}
.modal--blue h1 {
  color: var(--silk-whitegrey);
}
.modal--blue .bottom-split-options__option:not(.cancel-icon) {
  border: 1px solid var(--silk-whitegrey);
  color: var(--silk-whitegrey);
}
.modal--blue .bottom-split-options__option:not(.cancel-icon):hover {
  background-color: var(--silk-blue);
}
.modal--blue .cancel-icon {
  color: var(--silk-whitegrey);
}
.modal .button {
  color: var(--silk-blue);
  border-color: var(--silk-blue);
}
.modal-details {
  max-width: 50em;
  overflow: auto;
  margin: 0 auto;
}
.modal-details input {
  width: 15em !important;
  margin-left: 1em !important;
  margin-right: 2em !important;
  font-size: 1em;
}
.modal-details input:disabled {
  border-color: var(--silk-midgrey) !important;
  color: var(--silk-midgrey) !important;
}
.modal-details .document-lines {
  overflow-y: scroll;
  height: 20em;
  margin: 1em 0;
}
.modal__x {
  position: fixed;
  display: block;
  top: 4em;
  right: 4em;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
  background: #000;
  color: var(--silk-blue);
}
.modal:not(.modal--open) {
  display: none;
}
.modal .notes h1 {
  padding-bottom: 0;
}
.modal .notes input[type="text"] {
  text-align: left;
  padding: 0.5em;
}
.modal .notes textarea {
  text-align: left;
  resize: vertical;
}
.modal .notes .markdownlive-text {
  max-height: 10em;
}
.modal .notes .markdownlive-preview {
  max-height: 10em;
}
.modal .notes .markdownlive-bar {
  margin-top: 0.5em;
}
.modal table {
  border-collapse: collapse;
  margin-bottom: 2em;
}
.modal table.full {
  width: 100%;
}
.modal table thead.large th {
  font-size: 1.2em;
}
.modal table thead.border th {
  border-bottom: 1px solid var(--silk-blue);
}
.modal table tr th,
.modal table tr td {
  color: var(--silk-blue);
  background-color: transparent;
}
.modal textarea,
.modal input {
  background: transparent;
  color: var(--silk-blue);
  border-color: var(--silk-blue);
}
.modal textarea.compact {
  height: 3em;
  resize: vertical;
}
.modal textarea.large {
  height: 10em;
  resize: none;
}
.modal .user-details__name {
  color: var(--silk-blue);
}
.modal .user-details__value input,
.modal .user-details__value textarea,
.modal .user-details__value select {
  color: var(--silk-blue);
  border-color: var(--silk-blue);
}
.modal .user-details__value select {
  background-image: url("/images/icons/select-white.svg");
}
.modal .user-details__value .add {
  color: var(--silk-blue);
  margin-top: 0.3em;
}
.modal .user-details__value .remove {
  color: var(--silk-blue);
}
.modal .filter-field + .filter-field {
  margin-top: 1em;
}
.modal .filter-field__name {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
}
.modal .filter-field__value {
  display: block;
  width: 100%;
}
.modal__tag {
  display: inline-block;
  padding: 0 0.5em;
  cursor: default;
}
.modal__clear {
  display: inline-block;
  position: absolute;
  right: 1em;
  cursor: pointer;
}
.modal__list {
  background: #fff;
  border: 1px solid var(--silk-midgrey);
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em 0;
}
.modal__list:empty {
  display: none;
}
.modal__list-item {
  cursor: pointer;
  padding: 0.5em 1em;
}
.modal__output {
  margin-top: 2em;
  padding: 0.5em;
  color: var(--silk-blue);
  border: 1px solid var(--silk-blue);
}
.modal__output table {
  width: 100%;
}
.modal__output__row__title {
  width: 40%;
  font-weight: bold;
}
.modal .invoice th {
  width: 7em;
  text-align: left;
}
.modal input:not(type="checkbox"):not(.normal),
.modal .input {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  color: var(--silk-blue);
  line-height: 2.2em;
  padding: 0;
}
.modal input:not(type="checkbox"):not(.normal)[type="text"],
.modal .input[type="text"],
.modal input:not(type="checkbox"):not(.normal)[type="password"],
.modal .input[type="password"],
.modal input:not(type="checkbox"):not(.normal)[type="date"],
.modal .input[type="date"],
.modal input:not(type="checkbox"):not(.normal)[type="number"],
.modal .input[type="number"] {
  width: 100%;
  border: 1px solid var(--silk-blue);
}
.modal input:not(type="checkbox"):not(.normal)[type="checkbox"],
.modal .input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.modal input:not(type="checkbox"):not(.normal).left,
.modal .input.left {
  text-align: left;
  padding-left: 1em;
}
.modal .input {
  border: 1px solid var(--silk-blue);
}
.modal input,
.modal button,
.modal .input {
  margin: 0.4em 0;
  position: relative;
}
.modal select.full {
  width: 100%;
}
.modal .full-size {
  max-width: 100%;
  width: 100%;
}
.modal .important-message {
  font-size: 0.9em;
}
.modal .dataTable input,
.modal .dataTable .input-placeholder {
  display: inline-block;
  font-size: 1em;
  max-width: 20em;
  margin: 0;
  height: 2em;
  line-height: 2em;
  text-align: left;
  padding: 0 0.5em;
}
.modal .questions input,
.modal .questions select {
  display: inline-block;
  font-size: 1em;
  margin: 0;
  height: 2em;
  line-height: 2em;
  text-align: left;
  padding: 0 0.5em;
}
.modal .questions input.description,
.modal .questions select.description {
  width: 15em;
}
.modal .questions input.answerType,
.modal .questions select.answerType {
  width: 10em;
}
.modal .questions input.answerLength,
.modal .questions select.answerLength {
  width: 5em;
}
.updates-table {
  margin: 1em 0;
}
.updates-table td,
.updates-table th {
  padding: 0.2em;
  border-bottom: 1px solid var(--silk-blue);
  font-size: 0.9em;
}
.updates-table td.actions,
.updates-table th.actions {
  text-align: center;
}
.updates-table td.actions i,
.updates-table th.actions i {
  cursor: pointer;
  margin: 0 0.25em;
}
.new-update-form {
  margin: 1em 0;
  border: 1px solid var(--silk-palegrey);
  padding: 1em;
  font-size: 0.8em;
}
.shop-barcode-toggle {
  cursor: pointer;
}
.blockbox {
  height: 100vw;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  background-color: var(--silk-darkgrey);
  opacity: 0.5;
}
.blockbox.hide {
  display: none;
}
#barcode-results {
  margin-top: 1em;
  font-size: 1.2em;
  overflow-y: auto;
  height: 18em;
  font-size: 0.8em;
}
#barcode-results .result {
  margin-bottom: 1em;
}
#barcode-results .result .circle-status {
  float: left;
}
#barcode-results .result p {
  margin: 0;
  float: right;
  width: 90%;
}
.sort-dialog {
  max-height: 45em;
}
.is-desktop .modal--skinny {
  max-width: 25em;
  margin: 0 auto;
}
.is-desktop .modal--normal {
  max-width: 30em;
  margin: 0 auto;
}
.is-desktop .modal--large {
  max-width: 100em;
  max-height: 50em;
  margin: 0 auto;
}
.is-mobile .modal--edges {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: none;
}
.nav-item {
  position: relative;
}
.nav-item__count {
  position: absolute;
  left: 88%;
  bottom: 50%;
  font-size: 0.9em;
  white-space: nowrap;
}
.nc {
  position: fixed;
  z-index: 1001;
  color: var(--silk-whitegrey);
  width: 100%;
  transition: top 0.3s;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 7em;
}
.nc .nav-toggle {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 0;
  right: 1.2em;
  display: inline-block;
  border: 0;
}
.nc .nav-toggle img {
  width: 100%;
  height: 100%;
}
.nc.open {
  top: 7em;
}
.nc__inner {
  background-color: var(--silk-blue);
  padding-bottom: 2em;
  z-index: 1001;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}
.nc__dividor {
  margin-top: 1em;
  margin-bottom: 1em;
}
.nc__logoutlink {
  font-size: 0.9em;
  position: absolute;
  top: 1.5em;
}
.nc__logoutlink--desktop {
  right: 2em;
}
.nc__logoutlink--mobile {
  left: 2em;
}
.nc__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1002;
  padding: 1em 2em 1em 2.5em;
  width: 100%;
  box-sizing: border-box;
}
.nc__footnote {
  font-size: 0.8em;
}
.nc p,
.nc a {
  color: var(--silk-whitegrey);
}
.nc a {
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid var(--silk-whitegrey);
  padding: 1em 0;
}
.nc a.sublink {
  padding-left: 2em;
}
.nc a.sublink span {
  display: block;
  padding: 1em 0;
}
.nc a.sublink + .sublink span {
  border-top: 1px solid var(--silk-midgrey);
}
.nc .catnav-toggle {
  display: none;
}
.no-payment-required-message {
  text-align: center;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.notes .edit-note {
  font-size: 1.5em;
  margin-right: 0.5em;
}
.notes .delete-note {
  font-size: 1.5em;
}
.order-history-order__item {
  font-size: 1em;
}
.order-history-order__item .shipped {
  cursor: pointer;
}
.order-history-order__item .shipped,
.order-history-order__item .estimate {
  margin-top: 1em;
  display: block;
}
.order-history-order__header {
  position: relative;
  padding: 0 0 1em 0;
  margin-top: 2em;
}
.order-history-order__date {
  position: absolute;
  bottom: 1em;
  right: 0;
}
.order-history-order__status {
  font-size: 1.5em;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.order-history-order__total,
.order-history-order__total-title {
  font-weight: bold;
}
.order-history-order__image {
  height: 6em;
  line-height: 5.6em;
  width: 6em;
  text-align: center;
  padding: 0.2em;
}
.order-history-order__image img {
  max-width: 100%;
  max-height: 100%;
  min-height: 4em;
  vertical-align: middle;
}
.order-history-order__total,
.order-history-order__quantity {
  text-align: right;
}
.order-history-order__title {
  font-weight: bold;
}
.order-history-order__title p {
  margin-top: 0;
}
.order-history-order__heading {
  font-size: 1.5em;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}
.order-history-order__button {
  margin: 2em auto;
  width: 20em;
}
.order-history-order__button.compact {
  margin: 0em auto;
}
.order-history-order__address div {
  float: left;
  max-width: 50%;
}
.order-history-order__address div + div {
  float: right;
  text-align: right;
}
.order-history-order__notes div {
  float: left;
}
.order-history-order__bottom-message {
  font-style: italic;
  margin: 2em auto 0 auto;
  max-width: 65em;
  text-align: center;
}
.order-history-order .spec-open {
  font-size: 0.8em;
  padding-top: 0.12em;
}
.order-history-order .spec-open img {
  height: 1.5em;
  margin-right: 0.5em;
  position: relative;
  top: 0.35em;
}
table.order-history-order th,
table.order-history-order td {
  border-bottom: 1px solid var(--silk-blue);
  padding: 1em 0.5em;
}
table.order-history-order th strong,
table.order-history-order td strong {
  display: block;
}
table.order-history-order th.heading,
table.order-history-order td.heading {
  padding-left: 0;
}
table.order-history-order th:not(.order-history-order__quantity) {
  text-align: left;
}
table.order-history-order th {
  border-top: 1px solid var(--silk-blue);
}
table.order-history-tracking {
  font-size: 1em;
}
table.order-history-tracking th,
table.order-history-tracking td {
  border-bottom: 1px solid var(--silk-blue);
}
table.order-history-tracking th {
  padding: 0.8em 0;
  text-align: left;
}
table.order-history-tracking th + th {
  padding-left: 0.8em;
}
.is-mobile .order-history-order__item {
  font-size: 1em;
}
.order-history table.datatables td:first-of-type {
  text-align: center;
}
.order-history table.datatables img {
  height: 3em;
  max-width: initial;
}
.order-history .wardrobe__image {
  width: 4em;
}
.overage_delta_related {
  color: #ffa500;
  float: right;
}
@page {
  size: 210mm 297mm;
  margin: 15mm;
}
@media print {
  .shop-nav,
  .shop-nav-spacer,
  .banner,
  .breadcrumbs,
  .breadcrumbs-spacer,
  .controlpanel,
  .nc,
  .allocation-header-spacer,
  .footer,
  .bottom-button-spacer,
  .button,
  .returns-column {
    display: none !important;
  }
  .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
.profile .accordion {
  max-width: 40em;
}
.profile-control {
  display: block;
}
.profile-control.bottom .button {
  margin-bottom: 0;
  margin-top: 1em;
}
.profile-control .button {
  width: 10em;
  font-size: 0.9em;
  margin-right: 1em;
  margin-bottom: 1em;
}
.profile-control .button--disabled,
.profile-control .button--disabled:hover {
  color: var(--silk-midgrey);
  border-color: var(--silk-midgrey);
}
.profile .voucher-badge {
  color: var(--silk-whitegrey);
  background-color: var(--silk-salmon);
  border: 1px solid var(--silk-salmon);
  border-radius: 1em;
  padding: 0 0.5em;
  width: fit-content;
  height: 1.6em;
  line-height: 1.6em;
  font-weight: lighter;
}
.profile-modal .button {
  width: 100%;
  margin-bottom: 0em;
  margin-top: 1em;
}
.profile-modal .button--disabled,
.profile-modal .button--disabled:hover {
  color: var(--silk-midgrey);
  border-color: var(--silk-midgrey);
}
.profile-modal .button.cancel {
  margin-top: 2em;
}
.profile-modal .tip {
  font-size: 0.9em;
  font-style: italic;
  margin: 0.5em 0;
}
.profile-modal .voucher {
  border: 2px dashed var(--silk-blue);
  border-radius: 1em;
  padding: 1em;
  margin-top: 1em;
}
.profile-modal .voucher.deleted {
  color: var(--silk-midgrey);
  border-color: var(--silk-midgrey);
}
.profile-modal .voucher.deleted .voucher-values-label {
  border-color: var(--silk-midgrey);
}
.profile-modal .voucher.used {
  color: var(--silk-salmon);
  border-color: var(--silk-salmon);
}
.profile-modal .voucher.used .voucher-values-label {
  border-color: var(--silk-salmon);
}
.profile-modal .voucher-delete {
  position: absolute;
  cursor: pointer;
}
.profile-modal .voucher-add {
  margin-top: 0;
}
.profile-modal .voucher-new {
  border: 1px solid var(--silk-blue);
  padding: 1em;
  margin-bottom: 1em;
}
.profile-modal .voucher-new input,
.profile-modal .voucher-new textarea {
  font-size: 1em;
}
.profile-modal .voucher-new textarea {
  resize: none;
  width: 100%;
  height: 8em;
}
.profile-modal .voucher-values {
  width: 33%;
  float: left;
  margin-bottom: 1em;
}
.profile-modal .voucher-values-label {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid var(--silk-blue);
  margin-bottom: 0.5em;
}
.profile-modal .voucher-values-value {
  text-align: center;
  font-size: 1.2em;
}
.profile-modal .voucher-date {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.profile-modal .voucher-data-label {
  font-size: 0.9em;
  float: left;
  width: 6em;
}
.profile-modal .voucher-data-value {
  font-size: 0.9em;
  float: left;
  width: calc(100% - 6em);
}
.profile-modal .search input {
  width: calc(80% - 1em) !important;
  margin: 0;
  margin-right: 1em;
  font-size: 1em;
}
.profile-modal .search .button {
  width: 20%;
  margin: 0;
  font-size: 1em;
  line-height: 1.6em;
}
.profile-modal .search-description {
  font-size: 0.9em;
}
.profile-modal .search-result {
  margin-top: 1em;
}
.profile-modal .search-result .warning {
  color: var(--silk-salmon);
  font-size: 0.9em;
}
.profile-modal .search-result .button {
  margin-top: 0;
  margin-bottom: 1em;
}
.profile-modal .search-result table {
  font-size: 0.8em;
  width: 100%;
  border: 1px solid var(--silk-blue);
  margin-top: 1em;
}
.profile-modal .search-result table th,
.profile-modal .search-result table td {
  padding: 0.5em;
}
.profile-modal .search-result table th {
  text-align: left;
}
.profile-column {
  display: block;
  float: left;
  width: calc(50% - 1em);
  min-width: 25em;
}
.profile-column + .profile-column {
  float: right;
}
.profile-field__group {
  border: 1px dashed var(--silk-blue);
  padding: 0.5em;
  margin-bottom: 1em;
}
.profile-field__group__heading {
  border-bottom: 1px solid var(--silk-blue);
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.profile-field__group.inactive {
  border-color: var(--silk-midgrey);
  color: var(--silk-midgrey);
}
.profile-field__group.inactive div {
  border-color: var(--silk-midgrey);
}
.profile-field__group.sub {
  font-size: 0.9em;
  margin: 1em;
  padding: 1em;
  border: 1px dotted var(--silk-blue);
}
.profile-field__name,
.profile-field__value {
  float: left;
  display: inline-block;
  padding: 0.25em 0;
}
.profile-field__name.sub,
.profile-field__value.sub {
  font-weight: normal;
  font-style: italic;
}
.profile-field__name {
  width: 12em;
  font-weight: bold;
}
.profile-field__name--full {
  width: 100%;
}
.profile-field__warning {
  color: var(--silk-salmon);
  font-size: 0.75em;
  margin-top: 0.5em;
}
.profile-field__warning--full {
  width: 100%;
}
.profile-field__value {
  width: calc(100% - 12em);
}
.profile-field__value input:not([type="checkbox"]),
.profile-field__value select,
.profile-field__value .input {
  font-size: 1em;
  line-height: 1.5em;
  width: 100%;
  margin: 0;
  padding: 0.3em 0.5em;
}
.profile-field__value .input a {
  float: right;
}
.profile-field__value .supplementary {
  margin: 0.2em 0;
  cursor: pointer;
}
.profile-field__value .supplementary input {
  float: right;
  position: relative;
  top: -0.1em;
}
.profile-field__value--full,
.profile-field__value--multiselect {
  max-width: 100%;
  float: none;
  padding: 0.5em 0;
  margin-top: 0.5em;
  clear: both;
}
.profile-field__value--multiselect {
  height: 3em;
}
.profile-field__value--multiselect .custom-combobox {
  width: calc(100% - 3em);
  height: 2.2em;
}
.profile-field__value--multiselect .add {
  display: inline-block;
  vertical-align: top;
  left: 0;
  width: 2.2em;
  height: 2.2em;
  margin-left: 0.6em;
  cursor: pointer;
  color: var(--silk-blue);
}
.profile-field__value--multiselect .add i {
  margin: 0.1em;
}
.profile-field__value--multiselect .add.highlight {
  color: var(--silk-salmon);
}
.profile-field__value--full table {
  border: 1px solid var(--silk-blue);
  border-collapse: collapse;
}
.profile-field__value--full table.full {
  width: 100%;
}
.profile-field__value--full table.small {
  font-size: 0.9em;
}
.profile-field__value--full table caption {
  border: 1px solid var(--silk-blue);
  border-bottom: none;
  padding: 0.5em;
  font-style: italic;
}
.profile-field__value--full table thead {
  border-bottom: 1px solid var(--silk-blue);
}
.profile-field__value--full table th,
.profile-field__value--full table td {
  padding: 0.5em;
  border-right: 1px solid var(--silk-blue);
}
.profile-field__value--full table th.no-border,
.profile-field__value--full table td.no-border {
  border: none;
}
.profile-field__value--full table th.left,
.profile-field__value--full table td.left {
  text-align: left;
}
.profile-field__value--full table th.right,
.profile-field__value--full table td.right {
  text-align: right;
}
.profile-field__value--full table th.center,
.profile-field__value--full table td.center {
  text-align: center;
}
.profile-field__value--full table tr.highlight {
  background-color: var(--silk-midblue);
}
.profile-field__value--full table.allocation-max-value th:nth-of-type(1) {
  width: 5em;
}
.profile-field__value--full table.allocation-max-value th:nth-of-type(2) {
  width: 15em;
}
.profile-field__value--full table.allocation-max-value th:nth-of-type(3) {
  width: 5em;
}
.profile-field__value--full table.allocation-max-value td:last-of-type {
  text-align: right;
}
.profile-field__value--full table.permissions {
  border: none;
}
.profile-field__value--full table.permissions tr:nth-of-type(odd) {
  background-color: var(--silk-paleblue);
}
.profile-field__value--full table.permissions tr td {
  border: none;
}
.profile-field__value--full table.permissions tr td:nth-of-type(1) {
  font-weight: bold;
  width: 10em;
}
.profile-field__value--full table.permissions tr td:nth-of-type(2) {
  width: 21em;
}
.profile-field__value--full table.permissions tr td:nth-of-type(2):nth-last-child(1) {
  width: 22.5em;
}
.profile-field__value--full table.permissions tr td:nth-of-type(3) {
  width: 1.5em;
}
.profile-field__value--full table.assigned {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}
.profile-field__value--full table.assigned th,
.profile-field__value--full table.assigned td {
  padding: 0.2em;
}
.profile-field__value--full table.assigned th {
  text-align: left;
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
  border-right: none;
  font-size: 0.9em;
}
.profile-field__value--full table.assigned th.default {
  width: 4em;
}
.profile-field__value--full table.assigned th.fitted {
  width: 2.8em;
}
.profile-field__value--full table.assigned th.copy {
  width: 4.2em;
}
.profile-field__value--full table.assigned th.remove {
  width: 1.5em;
}
.profile-field__value--full table.assigned td {
  background-color: transparent;
  color: var(--silk-blue);
  border-bottom: 1px solid var(--silk-blue);
  border-right: none;
}
.profile-field__value--full table.assigned td .remove {
  cursor: pointer;
  color: var(--silk-blue);
}
.profile-field__value--full table.assigned td.center {
  text-align: center;
}
.profile-field__value--full table.assigned td textarea {
  width: 100%;
  resize: vertical;
}
.profile-field__value--full table.assigned .tip {
  cursor: pointer;
  border: 1px solid var(--silk-blue);
  height: 1em;
  width: 1em;
  display: inline-block;
  text-align: center;
  font-size: 0.9em;
  line-height: 1em;
  border-radius: 1em;
}
.profile-field__value--full table.assigned .tip:hover {
  color: var(--silk-green);
  border-color: var(--silk-green);
}
.is-mobile .profile-column {
  float: none;
  width: 100%;
}
.read-more {
  position: relative;
}
.read-more.collapsed {
  height: 6em;
  overflow: hidden;
}
.read-more.collapsed:after {
  position: absolute;
  bottom: 0;
  height: 30%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, #fff 20%, rgba(255,255,255,0) 80%);
  pointer-events: none;
}
.read-more__toggler {
  cursor: pointer;
  display: block;
  width: 15em;
  text-align: center;
  margin: 0.1em auto;
  box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3);
}
.read-more__toggler strong {
  padding: 0 0.5em;
}
.returns-dialog {
  max-height: 38em;
}
.returns-dialog h1.small {
  font-size: 1.5em;
}
.returns-dialog textarea {
  font-size: 1em;
}
.return-prompt__items {
  margin-top: 1em;
  font-size: 0.9em;
}
.return-prompt__items th {
  border-bottom: 1px solid var(--silk-blue);
}
.return-prompt__items td {
  padding: 0.5em 0;
}
.return-prompt__items td.hidden {
  padding: 0;
}
.return-prompt__items td.hidden * {
  display: none;
}
.return-prompt__items img {
  max-width: 3em;
  margin-right: 1em;
}
.return-prompt__items tr.return-prompt__comment td {
  border-bottom: 1px solid var(--silk-blue);
}
.return-prompt__details {
  color: var(--silk-midgrey);
}
.return-prompt__details p {
  margin: 0;
}
.return-prompt__details p + p {
  margin-top: 0.5em;
}
.return-prompt__details td {
  padding-bottom: 0;
}
.return-prompt__details .wardrobe__subdetail {
  border-color: var(--silk-whitegrey) !important;
}
.return-prompt__details .wardrobe__image {
  margin-right: 2em;
}
.return-prompt__title {
  font-size: 1.1em;
}
.return-prompt__code {
  font-size: 0.8em;
  font-weight: lighter;
}
.return-prompt__textarea {
  width: 100%;
  resize: vertical;
}
.return-prompt__quantity {
  width: 5em;
  font-size: 0.9em;
}
.return-prompt__reason {
  font-size: 0.9em;
  width: calc(100% - 8em);
}
.return-prompt__reason-apply {
  font-size: 0.9em;
  width: 7em;
  margin-left: 1em;
}
.return-prompt__comment-controls {
  margin-top: 0.5em;
}
.return-prompt__comment-add {
  color: var(--silk-green);
  cursor: pointer;
}
.return-prompt__comment-remove {
  color: var(--silk-salmon);
  cursor: pointer;
}
.return-prompt__remember {
  margin-top: 1em;
}
.return-prompt__remember p {
  float: left;
  margin: 0;
}
.return-prompt__remember p + p {
  float: right;
  font-size: 0.8em;
}
.return-prompt__remember p + p input {
  margin: 0;
}
.returnform table {
  margin-bottom: 1em;
}
.returnform td {
  padding-left: 0 !important;
}
.return-section {
  font-size: 0.9em;
}
.scope table {
  border-collapse: collapse;
  width: 100%;
}
.scope table thead {
  border: 1px solid var(--silk-midgrey);
}
.scope table thead th {
  padding: 0.2em 0.2em 1em 0.2em;
}
.scope table thead th .add {
  padding: 0 1em;
  margin-top: 0.6em;
  display: inline-block;
  cursor: pointer;
}
.scope table tbody {
  border: 1px solid var(--silk-midgrey);
  border-bottom: 0;
  font-size: 1.2em;
  line-height: 1.8em;
  text-align: center;
  color: var(--silk-midgrey);
}
.scope table tbody tr td {
  border-bottom: 1px solid var(--silk-midgrey);
  padding: 0.8em;
}
.scope table tbody tr td .remove {
  cursor: pointer;
}
.section {
  box-sizing: border-box;
}
.shop-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  text-align: center;
  background-color: #fff;
  white-space: nowrap;
  colour: var(--silk-blue);
  padding-top: 1em;
}
.shop-nav a {
  text-decoration: none;
  display: inline-block;
  color: var(--silk-blue);
  font-size: 1em;
  height: 4em;
  cursor: pointer;
}
.shop-nav a.active {
  border-bottom: 0.16em solid var(--silk-blue);
  color: var(--silk-blue);
  font-weight: bold;
}
.shop-nav a:hover {
  border-bottom: 0.16em solid var(--silk-green);
  color: var(--silk-green);
}
.shop-nav a:hover img {
  filter: hue-rotate(-52deg) brightness(193.48%) saturate(24%);
}
.shop-nav a.active:hover {
  border-bottom: 0.2em solid var(--silk-green);
  color: var(--silk-green);
}
.shop-nav select {
  width: 1.2em;
  padding-right: 0;
  margin-top: 2.25em;
  line-height: 1em;
  border: none;
  background: url("/images/icons/user.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
  cursor: pointer;
  content-visibility: hidden;
}
.shop-nav__word,
.shop-nav__icon {
  display: inline-block;
  white-space: nowrap;
  line-height: 6em;
}
.shop-nav__icon {
  float: right;
  margin-left: 1em;
  width: 1.2em;
}
.shop-nav__icon img {
  height: 1.2em;
  width: 1.2em;
  top: 0.3em;
  position: relative;
}
.shop-nav__icon .header-cart-count {
  background-color: var(--silk-blue);
  color: #fff;
  text-align: center;
  border-radius: 1em;
  position: relative;
  top: -1em;
  right: 0.8em;
  height: 1em;
  width: 1em;
  line-height: 1em;
  letter-spacing: -0.1em;
  display: inline-block;
  font-size: 0.75em;
  padding: 0.25em;
}
.shop-nav__icon .header-cart-count.oversize {
  width: 1.5em;
}
.shop-nav__icon.search-box {
  margin-left: 0 !important;
  position: absolute !important;
  z-index: 1000 !important;
  display: block;
  top: 4.5em !important;
  right: 2em !important;
  width: 25em;
}
.shop-nav__icon.search-box input {
  width: 100%;
}
.shop-nav__left,
.shop-nav__right {
  display: block;
  position: absolute;
  top: 50%;
  line-height: inherit;
  height: inherit;
  margin-top: -1.4em;
  max-width: 20%;
  overflow: hidden;
}
.shop-nav__left {
  left: 0;
  text-align: left;
}
.shop-nav__right {
  right: 0;
  text-align: right;
}
.shop-nav__title {
  display: inline-block;
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
  height: 3em;
}
.shop-nav__logo {
  float: left;
  display: inline-block;
  height: 5em;
  width: 5em;
  background-image: url("/images/silk-logo-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 1em;
}
.shop-nav__logo:hover {
  filter: hue-rotate(-52deg) brightness(193.48%) saturate(24%);
}
.shop-nav__inner {
  box-sizing: border-box;
  position: relative;
  margin: 1em 0 0;
  padding-bottom: 0.2em;
  height: 6em;
  border-bottom: 1px solid var(--silk-blue);
}
.shop-nav__inner.no-border {
  border-bottom: none;
}
.shop-nav__subnav {
  background-color: var(--silk-paleblue);
  padding: 1em;
  z-index: 2000;
  margin-top: 0;
  position: absolute;
  display: none;
  min-width: 15em;
}
.shop-nav__subnav a {
  color: var(--silk-blue);
  text-decoration: none;
  padding: 0 1em;
  line-height: 2em;
  display: block;
}
.shop-nav__subnav a.active,
.shop-nav__subnav a:hover {
  font-weight: bold;
}
.shop-nav-spacer {
  transition: height 0.3s ease;
  height: 8em;
}
.zoomed .shop-nav {
  display: none;
}
.is-narrowish .shop-nav__inner {
  height: 5.5em;
}
.is-narrowish .shop-nav__logo {
  height: 4.5em;
}
.is-narrowish .shop-nav__word {
  margin: 0 0.5em;
  line-height: 5.5em;
}
.is-narrowish .shop-nav a {
  font-size: 0.9em;
}
.is-narrowish .shop-nav__icon {
  margin-left: 0.8em;
  line-height: 5.5em;
}
.is-narrowish .shop-nav__icon img {
  height: 1.2em;
  width: 1.2em;
}
.is-narrowish .shop-nav select {
  width: 1.2em;
  height: 1.2em;
  margin-top: 2.55em;
  font-size: 0.9em;
  margin-bottom: 0;
}
.is-narrowish .shop-nav__subnav a {
  padding: 0 0.75em;
  font-size: 0.8em;
}
.is-narrowish .shop-nav-spacer {
  height: 7.5em;
}
.is-mobile .shop-nav__inner {
  height: 5em;
}
.is-mobile .shop-nav__subnav,
.is-mobile .shop-nav__word,
.is-mobile .shop-nav__icon:not(.shop-nav__icon--always) {
  display: none !important;
}
.is-mobile .shop-nav__icon:not(.search-box) {
  margin-left: 1em !important;
  line-height: 4.5em;
}
.is-mobile .shop-nav__icon.search-box {
  width: 100%;
  right: 0 !important;
}
.is-mobile .shop-nav__logo {
  height: 4em;
}
.is-mobile .shop-nav-spacer {
  height: 7em;
}
.is-widish .shop-nav__word {
  margin: 0 1em;
}
.size-guide .modal {
  max-width: 30em !important;
  max-height: 45em !important;
}
.size-guide .measurement-type {
  font-size: 1.2em;
}
.size-guide .measurement-type span {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}
.size-guide table {
  border-collapse: collapse;
  width: 100%;
}
.size-guide table tr.even td {
  background-color: var(--silk-paleblue);
}
.size-guide table th {
  color: var(--silk-whitegrey) !important;
  background-color: var(--silk-blue) !important;
  border: 1px solid var(--silk-blue);
  font-size: 0.8em;
  padding: 0.5em;
}
.size-guide table td {
  border: 1px solid var(--silk-blue);
  text-align: center;
  padding: 0.3em;
}
.size-guide .notes-heading {
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
}
.size-guide .notes {
  margin: 0;
  font-size: 0.6em;
}
@charset 'UTF-8';
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff url("/bower_components/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("/bower_components/slick-carousel/slick/fonts/slick.eot");
  src: url("/bower_components/slick-carousel/slick/fonts/slick.eot?#iefix") format('embedded-opentype'), url("/bower_components/slick-carousel/slick/fonts/slick.woff") format('woff'), url("/bower_components/slick-carousel/slick/fonts/slick.ttf") format('truetype'), url("/bower_components/slick-carousel/slick/fonts/slick.svg#slick") format('svg');
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 25px;
}
[dir='rtl'] .slick-prev {
  right: 25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}
.slideshow-container,
.slideshow-slide,
.slideshow-prev,
.slideshow-next,
.slideshow-dot {
  box-sizing: border-box;
}
.slideshow-container {
  max-width: 40em;
  max-height: 40em;
  position: relative;
  margin: auto;
}
.slideshow-main {
  min-height: 34em;
  max-height: 45em;
  width: calc(60% + 6em);
  padding: 0;
  float: right;
  overflow: hidden;
}
.slideshow-main .slideshow-slide-image {
  max-height: 45em;
}
.slideshow-image {
  text-align: center;
}
.slideshow-image img {
  max-height: 40em;
  max-width: 100%;
}
.slideshow-slides {
  width: 15%;
  float: left;
  overflow-y: auto;
  max-height: 40em;
}
.slideshow-slide {
  height: 6em;
  width: 4em;
  border: 1px solid var(--silk-midgrey);
  margin-bottom: 1em;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}
.slideshow-slide img {
  height: 100%;
  max-width: 100%;
}
.slideshow-slide i {
  line-height: 1.75em;
  font-size: 3em;
  text-align: center;
  width: 100%;
}
.slideshow-prev,
.slideshow-next {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: auto;
  padding: 0 0.25em;
  color: var(--silk-salmon);
  font-size: 3em;
  user-select: none;
  margin-top: calc(50% - 0.5em);
  line-height: 1em;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  color: var(--silk-midblue);
}
.slideshow-prev {
  right: calc(60% + 1em);
}
.slideshow-next {
  right: 0;
}
.slideshow-dots {
  margin-left: 25%;
  position: relative;
  top: -2.2em;
  left: 1em;
}
.slideshow-dot {
  cursor: pointer;
  height: 0.8em;
  width: 0.8em;
  margin-right: 0.5em;
  border: 1px solid var(--silk-salmon);
  border-radius: 50%;
  display: inline-block;
}
.slideshow-dot.active {
  background-color: var(--silk-salmon);
}
.slideshow-dot:hover {
  background-color: var(--silk-midblue);
}
.slideshow .videoWrapper iframe {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.is-narrowish .slideshow-container {
  margin: 0;
}
.is-narrowish .slideshow-dots {
  margin-left: calc(25% + 2em);
  top: -3.2em;
}
.is-narrowish .slideshow-prev {
  right: calc(60% + 0.35em);
}
.is-mobile .slideshow-dots {
  margin-left: 0;
  top: -2.5em;
}
.is-mobile .slideshow-slides {
  display: none;
}
.is-mobile .slideshow-main {
  padding: 0;
  width: 100%;
}
.is-mobile .slideshow-prev,
.is-mobile .slideshow-next {
  margin-top: calc(75% - 0.5em);
}
.is-mobile .slideshow-prev {
  left: 0;
}
.sortable-menu {
  margin-top: 2em;
}
.sortable-menu.single {
  margin: 0;
  font-size: 0.8em;
}
.sortable-menu.single .top-menu {
  margin: 0 auto;
  float: none;
}
.sortable-menu.single .top-menu ul li {
  text-transform: none;
  text-align: center;
}
.sortable-menu .top-menu {
  border: 1px solid var(--silk-midgrey);
  padding: 1em;
  width: 25em;
  float: left;
  background-color: #fff;
  margin-right: 1em;
}
.sortable-menu .top-menu.large {
  width: calc(100% - 2em);
}
.sortable-menu .top-menu h3 {
  margin: 0;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 1em;
  cursor: move;
}
.sortable-menu .top-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sortable-menu .top-menu ul li {
  border: 1px solid var(--silk-midgrey);
  padding: 0.5em;
  margin-top: 0.5em;
  text-transform: uppercase;
  cursor: move;
  background-color: #fff;
}
.sortable-menu .top-menu ul li a {
  float: right;
  margin-left: 0.5em;
  cursor: pointer;
}
.sortable-buttons {
  max-width: 20em;
  margin: 2em 0;
}
.sortable-buttons a {
  width: 49%;
  float: left;
}
.sortable-buttons a+a {
  float: right;
}
.status {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.stocks__search {
  width: 100%;
  display: block;
}
.stocks__container {
  margin: 0 auto;
  max-width: 50em;
}
.stocks__container__inner {
  margin-top: 2em;
  padding: 2em;
  background-color: var(--silk-paleblue);
  text-align: center;
}
.stocks__container__inner h3 {
  margin-top: 0;
}
.stocks__container__inner .buy-shelf {
  width: 45%;
  float: left;
  margin-right: 2em;
}
.stocks__container__inner .buy-shelf .catalogue-item__image {
  height: 20em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.stocks__container_results {
  float: right;
  width: 45%;
}
.stocks__container_results select {
  display: none;
  width: 100%;
}
.stocks__container_results table {
  width: 100%;
  border: 1px solid var(--silk-blue);
  padding: 0.5em;
}
.stocks__container_results table th,
.stocks__container_results table td {
  padding: 0.3em;
}
.stocks__container_results table th.centre,
.stocks__container_results table td.centre {
  text-align: center;
}
.stocks__container_results table th {
  text-align: left;
}
.stock-table {
  background-color: var(--silk-paleblue);
}
.stock-table th,
.stock-table td {
  padding: 0.5em;
}
.style-cart {
  margin-top: 1em;
}
.style-cart-container {
  margin: 1em 0;
  border-color: var(--silk-paleblue);
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
}
.style-cart-container h2 {
  border-radius: 0;
}
.style-cart-container h2 .style-cart-count {
  font-size: 0.8em;
  text-align: center;
  display: inline-block;
  position: relative;
  width: 1.5em;
  top: -0.1em;
  margin-left: 0.5em;
  padding: 0 0.2em;
  border: 1px solid var(--silk-blue);
  border-radius: 1em;
}
.style-cart-container h2 span.ui-icon {
  background-image: url("/images/icons/select.svg") !important;
  background-position: initial;
  background-size: 80%;
  margin-right: 0.5em;
}
.style-cart-container h2.ui-state-active {
  background-color: var(--silk-whitegrey);
  color: var(--silk-blue);
}
.style-cart-container h2.ui-state-active .style-cart-count {
  border: 1px solid var(--silk-whitegrey);
}
.style-cart-container h2.ui-state-active span.ui-icon {
  background-image: url("/images/icons/select-white.svg") !important;
  transform: rotate(180deg);
}
.style-cart-container .style-cart {
  margin: 0;
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
  padding: 1em;
}
.style-cart__item {
  padding: 1em 0;
  border-top: 1px solid var(--silk-blue);
  border-bottom: 1px solid var(--silk-blue);
}
.style-cart__item + .style-cart__item {
  border-top: none;
}
.style-cart__item:not(.style-cart__item--backorder) .style-cart__backorder {
  visibility: hidden;
}
.style-cart__alterations {
  cursor: pointer;
  margin-left: 0.5em !important;
}
.style-cart__preloved {
  margin-left: 0.5em !important;
}
.style-cart__warehouse {
  min-width: 2em;
  max-width: 4em;
}
.style-cart__costcentre {
  float: left;
  margin-left: 1em;
}
.style-cart__backorder,
.style-cart__warehouse {
  text-align: center;
  border-radius: 1em;
  padding: 0 0.8em;
  color: var(--silk-whitegrey);
  font-weight: bold;
  font-size: 0.7em;
  margin-top: 0.5em;
  margin-left: 0.2em !important;
}
.style-cart__quantity {
  float: right !important;
}
.style-cart__adjustor {
  width: 5.5em;
  float: right;
  margin-left: 0.5em;
  text-align: right;
}
.style-cart__adjustor.cart__remove-all {
  height: 1em;
  width: 1em;
  top: 0.06em;
  margin-left: 0.5em;
}
.style-cart__adjustor.cart__remove-all img {
  height: 1em;
  width: 1em;
}
.style-cart__approved,
.style-cart__approved-required {
  width: 100%;
  line-height: 1.5em !important;
  padding-top: 0.3em;
  clear: both;
  margin-left: 0 !important;
}
.style-cart__approved.alterations-toggle,
.style-cart__approved-required.alterations-toggle {
  cursor: pointer;
  color: var(--silk-green);
}
.style-cart__warning {
  width: 100%;
  color: var(--silk-salmon);
  line-height: 1.5em !important;
  padding-top: 0.3em;
  clear: both;
}
.style-cart__warning span {
  padding-left: 0.5em;
}
.style-cart__columns > * {
  line-height: 2em;
}
.style-cart__columns > *:not(:last-child) {
  float: left;
}
.style-cart__columns > *:not(:last-child):not(:first-child):not(:last-child) {
  margin-left: 0.5em;
}
.style-cart__size {
  width: 18%;
}
.style-cart__alterations-editor,
.style-cart__alterations-editor-new {
  overflow: hidden;
  transition: height 0.3s;
}
.style-cart__alterations-editor > *,
.style-cart__alterations-editor-new > * {
  padding: 0.5em;
  background-color: var(--silk-paleblue);
  box-sizing: border-box;
}
.style-cart__special-make {
  margin-top: 1em;
  padding-top: 0.12em;
  width: 11em;
  font-size: 0.8em;
}
.style-cart__special-make:not(:last-child) {
  margin-right: 1em;
}
.style-cart__special-make img {
  height: 1.5em;
  margin-right: 0.5em;
  position: relative;
  top: 0.35em;
}
.style-cart:empty {
  padding: 1em;
  font-style: italic;
  text-align: center;
}
.style-cart:empty:before {
  content: "None in cart";
}
.sub-nav {
  position: relative;
  height: 2.4em;
  line-height: 2.4em;
}
.sub-nav a {
  text-decoration: none;
}
.sub-nav__left,
.sub-nav__right {
  position: absolute;
  top: 50%;
  line-height: inherit;
  height: inherit;
  margin-top: -1.2em;
}
.sub-nav__left {
  left: 0;
}
.sub-nav__right {
  right: 0;
}
.sub-nav-spacer {
  height: 2.4em;
}
.subdetail {
  display: inline-block;
  white-space: no-wrap;
  margin-bottom: 0.4em;
}
.subdetail + .subdetail {
  margin-left: 0.7em;
  padding-left: 0.7em;
  border-left: 1px solid var(--silk-blue);
}
.subdetail--warning {
  font-weight: bold;
}
.subdetail--off {
  display: none;
}
.tabs {
  margin-top: 2em;
}
.tabs__tab:not(.tabs__tab--open) {
  display: none;
}
.tabs__nav {
  width: 100%;
  clear: both;
}
.tabs__navitem {
  display: inline-block;
  line-height: 2.6em;
  text-align: center;
  color: var(--silk-blue);
  border: 0;
}
.tabs__navitem--half {
  width: calc(50% - 2px);
}
.tabs__navitem--half-other {
  width: calc(50% - 2px);
  margin-bottom: 1em;
}
.tabs__navitem--third {
  width: calc(33% - 2px);
}
.tabs__navitem:not(.tabs__navitem--active) {
  background-color: var(--silk-midblue);
}
.tabs__navitem--active {
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
  font-weight: bold;
}
.tabs__content {
  background-color: var(--silk-paleblue);
  padding: 1em;
}
.tabs__content input,
.tabs__content select,
.tabs__content textarea {
  background-color: transparent;
}
.datatables select {
  width: 1em;
  margin: 0;
  padding: 0;
  background-position-x: center;
  padding-left: 1.5em;
  border: 0;
  background-size: 1em;
}
.datatables .align-center {
  text-align: center;
}
.datatables .small-text {
  font-size: 0.9em;
}
.dataTables_filter {
  font-size: 0.9em;
}
.dataTables_filter .filters-tags {
  clear: both;
  font-size: 0.8em;
}
.dataTables_filter .filters-tags a {
  cursor: pointer;
  border: 1px solid var(--silk-blue);
  border-radius: 0.5em;
  padding: 0 0.2em;
}
.dataTables_filter .filters-tags a + a {
  margin-right: 0.2em;
}
.dataTables_filter .filters-tags a:hover,
.dataTables_filter .filters-tags a:focus,
.dataTables_filter .filters-tags a:active {
  color: var(--silk-whitegrey);
  background-color: var(--silk-blue);
}
.dataTables_column_visibility {
  width: 15em;
  text-align: left;
  padding: 1em;
  background-color: var(--silk-paleblue);
  z-index: 1001;
  display: none;
}
.dataTables_column_visibility li {
  list-style-type: none;
  padding: 0.5em;
}
.dataTables_column_visibility li input,
.dataTables_column_visibility li span {
  vertical-align: center;
  display: inline-block;
}
.dataTables_column_visibility li input {
  float: none;
  height: 1em;
}
.dataTables_column_visibility li span {
  padding-left: 0.5em;
}
div.dt-buttons {
  display: inline-block;
  font-size: 0.9em;
}
div.dt-buttons .multi-approve {
  display: inline-block;
  margin-left: 1em;
}
div.dt-buttons .multi-approve label {
  line-height: 2em;
  float: left;
  margin-right: 1em;
}
.dt-button {
  min-width: 8em;
  text-align: center;
  line-height: 1.2em !important;
  font-weight: bold;
  display: block;
  background-color: transparent;
  border-radius: 0 !important;
  margin-left: 0 !important;
  margin-right: 0.5em;
  font-size: 1em !important;
  float: left;
  text-decoration: none;
  text-transform: none;
  border-color: var(--silk-blue) !important;
  box-shadow: none !important;
}
.dt-button:not(.button--dark):not(:disabled) {
  background: transparent !important;
  color: var(--silk-blue) !important;
}
.dt-button:not(.button--dark):not(:disabled):hover,
.dt-button:not(.button--dark):not(:disabled):active,
.dt-button:not(.button--dark):not(:disabled):focus {
  background: var(--silk-blue) !important;
  color: var(--silk-whitegrey) !important;
}
.dt-button:not(.button--dark):not(:disabled):hover .dt-down-arrow,
.dt-button:not(.button--dark):not(:disabled):active .dt-down-arrow,
.dt-button:not(.button--dark):not(:disabled):focus .dt-down-arrow {
  color: var(--silk-whitegrey) !important;
}
.dt-button .dt-down-arrow {
  color: var(--silk-blue) !important;
}
.dt-button-collection .buttons-columnVisibility {
  width: 100%;
  margin-left: 0;
}
.dt-button-collection .buttons-columnVisibility.active {
  background-color: var(--silk-palegrey);
}
.dataTables_wrapper tr.odd td {
  background-color: var(--silk-paleblue) !important;
}
.dataTables_wrapper .toolbar {
  font-size: 0.9em;
}
.dataTables_wrapper .toolbar .controls select {
  margin: 0;
  margin-left: 2em;
  line-height: 1.9em;
}
.dataTables_filter input {
  display: inline-block;
  height: calc(2.5em - 2px);
  font-size: 1em;
  line-height: 1em;
  border: 1px solid var(--silk-blue) !important;
  color: var(--silk-blue) !important;
  border-radius: 0 !important;
  padding: 0 0.5em !important;
  margin-left: 0.5em;
}
.dataTables_filter select {
  border: 1px solid var(--silk-blue) !important;
  color: var(--silk-blue) !important;
  border-radius: 0 !important;
  height: calc(2.5em - 2px);
  margin: 0;
  font-size: 1em;
  line-height: 1em;
}
.dataTables_filter a,
.dataTables_filter input {
  float: right;
}
.dataTables_info {
  color: var(--silk-blue) !important;
}
.dataTables_paginate {
  color: var(--silk-blue) !important;
}
.dataTables_paginate a {
  color: var(--silk-blue) !important;
}
.dataTable tr th {
  border-color: var(--silk-blue) !important;
}
.dataTable tr td.right {
  text-align: right;
}
.dataTable tr td.centre {
  text-align: center;
}
.dataTable tr td:last-child .options i {
  cursor: pointer;
  margin-right: 1em;
}
.dataTable tr td:last-child .options i:last-child {
  margin-right: 0;
}
.is-mobile .dataTables_wrapper .toolbar {
  width: 100%;
  float: none;
  margin-bottom: 0.33em;
}
.is-mobile .dataTables_wrapper .toolbar a {
  width: 100%;
  height: 2em;
  box-sizing: border-box;
  padding: 0.25em;
}
.is-mobile div.dt-buttons {
  width: 100%;
}
.is-mobile div.dt-buttons button {
  width: 49%;
  float: left;
  height: 2em;
  padding: 0;
  margin-bottom: 0;
}
.is-mobile div.dt-buttons button + button {
  float: right;
}
.is-mobile div.dt-buttons .multi-approve {
  margin-left: 0;
  margin-top: 0.5em;
  width: 100%;
}
.is-mobile div.dt-buttons .multi-approve label {
  display: none;
}
.is-mobile .dataTables_filter {
  margin-top: 0.5em;
  margin-bottom: 1em;
  width: 100%;
}
.is-mobile .dataTables_filter .filters-tags {
  padding-top: 1em;
  font-size: 1em;
}
.is-mobile .dataTables_filter input {
  width: 100%;
  height: 100%;
  margin-left: 0 !important;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
.is-mobile .dataTables_filter label {
  float: right;
}
.is-mobile .dataTables_filter label.filters {
  margin-left: 1em !important;
  width: calc(50% - 0.5em);
  display: inline-block;
  height: 2em;
}
.is-mobile .dataTables_filter a.dt-button {
  width: calc(50% - 0.5em);
  margin: 0 !important;
  min-width: 4em;
  height: 2em;
  padding: 0.3em;
  float: left;
}
.strikethrough {
  color: var(--silk-midgrey);
  text-decoration: line-through;
}
.is-narrowish .dataTables_filter .filters {
  margin-top: 0;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.5em;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .slider {
  background-color: var(--silk-midblue);
}
.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(1.5em);
  -ms-transform: translateX(1.5em);
  transform: translateX(1.5em);
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--silk-pink);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch .slider.round {
  border-radius: 1.5em;
}
.toggle-switch .slider.round:before {
  border-radius: 50%;
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 1.3em;
  width: 1.3em;
  left: 0.1em;
  bottom: 0.1em;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.user .control {
  margin-top: 1.5em;
}
.user .control.top {
  margin-bottom: 1.5em;
}
.user .control button {
  text-align: center;
  text-transform: uppercase;
  line-height: 2.2em;
  border: 1px solid var(--silk-blue);
  font-weight: bold;
  color: var(--silk-blue);
  width: 15em;
  margin: 0 auto;
  display: block;
  background-color: transparent;
  cursor: pointer;
}
.user-column {
  display: block;
  float: left;
  width: calc(50% - 1em);
}
.user-column + .user-column {
  float: right;
}
.user-column + .user-column .notice {
  background-color: var(--silk-palegrey);
  font-size: 1.2em;
  line-height: 1.8em;
  padding: 1em;
  text-align: center;
}
.user-details__field {
  position: relative;
}
.user-details__name {
  margin-top: 1em;
  line-height: 1.5em;
  font-size: 1em;
  color: var(--silk-blue);
}
.user-details__value {
  color: var(--silk-blue);
}
.user-details__value input[type="text"],
.user-details__value input[type="number"],
.user-details__value input[type="date"],
.user-details__value input[type="password"],
.user-details__value select,
.user-details__value .input {
  font-size: 1em;
  line-height: 1.5em;
}
.user-details__value input[type="text"]:not(.short),
.user-details__value input[type="number"]:not(.short),
.user-details__value input[type="date"]:not(.short),
.user-details__value input[type="password"]:not(.short),
.user-details__value select:not(.short),
.user-details__value .input:not(.short) {
  width: 100%;
}
.user-details__value input[type="text"].short,
.user-details__value input[type="number"].short,
.user-details__value input[type="date"].short,
.user-details__value input[type="password"].short,
.user-details__value select.short,
.user-details__value .input.short {
  width: 5em;
}
.user-details__value input[type="password"] {
  width: 50%;
}
.user-details__value .add {
  display: inline-block;
  float: right;
  width: 2em;
  height: 2em;
  margin-top: 0.5em;
  cursor: pointer;
  color: var(--silk-blue);
}
.user-details__value .input {
  display: inline-block;
  border: 1px solid var(--silk-midgrey);
  margin: 0.2em 0;
  padding: 0.3em 0.5em;
  box-sizing: border-box;
  color: var(--silk-midgrey);
  background-color: #fff;
  border-radius: 0;
}
.user-details__value .input a {
  cursor: pointer;
  float: right;
}
.user-details__value .supplementary {
  margin: 0.2em 0;
  cursor: pointer;
}
.user-details__value .supplementary input {
  float: right;
  position: relative;
  top: -0.1em;
}
.user-details__warning {
  color: var(--silk-salmon);
  font-size: 0.8em;
}
.user-details__swappable input[type="text"],
.user-details__swappable .input {
  width: 100%;
  padding-left: 0.8em;
}
.user-details__swappable__dropdown,
.user-details__swappable__textbox {
  padding-right: 3em;
}
.user-details__swappable__toggle {
  float: right;
  font-size: 2em;
  line-height: 1.4em;
}
.user-assigned {
  width: 100%;
  border-collapse: collapse;
}
.user-assigned th,
.user-assigned td {
  padding: 0.2em;
}
.user-assigned th {
  text-align: left;
  background-color: var(--silk-paleblue);
  color: var(--silk-blue);
  width: 6em;
}
.user-assigned th.default {
  width: 5.2em;
}
.user-assigned th.fitted {
  width: 4.5em;
}
.user-assigned th.copy {
  width: 4em;
}
.user-assigned th + th {
  width: revert;
}
.user-assigned td {
  background-color: transparent;
  color: var(--silk-blue);
  border-bottom: 1px solid var(--silk-blue);
}
.user-assigned td .remove {
  cursor: pointer;
  color: var(--silk-blue);
}
.user-assigned td.center {
  text-align: center;
}
.user-assigned .tip,
.user .supplementary .tip {
  cursor: pointer;
  border: 1px solid var(--silk-blue);
  height: 1em;
  width: 1em;
  display: inline-block;
  text-align: center;
  vertical-align: super;
  font-size: 0.9em;
  line-height: 1em;
  border-radius: 1em;
}
.user-assigned .tip:hover,
.user .supplementary .tip:hover {
  color: var(--silk-green);
  border-color: var(--silk-green);
}
.new-user,
.new-note {
  text-align: center;
  line-height: 2.2em;
  border: 1px solid var(--silk-midgrey);
  font-weight: bold;
  color: var(--silk-midgrey);
  width: 7.2em;
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
}
.is-mobile .user-column {
  float: none;
  width: 100%;
}
.video__carousel {
  width: 100%;
}
.video__container {
  display: inline-block;
  width: 21em;
  height: 19em;
  border: 1px solid var(--silk-whitegrey);
  padding: 0.5em;
  cursor: pointer;
  overflow: hidden;
  margin-right: 1em;
  margin-bottom: 1em;
}
.video__thumbnail {
  width: 100%;
  height: 12em;
  background-color: var(--silk-palegrey);
}
.video__thumbnail img {
  max-height: 100%;
  max-width: 100%;
}
.video__new,
.video__time,
.video__options {
  display: inline;
  position: relative;
  background-color: #000;
  padding: 0 0.2em;
}
.video__new.hidden,
.video__time.hidden,
.video__options.hidden {
  visibility: hidden;
}
.video__new {
  top: -12em;
  left: 0.3em;
  color: var(--silk-pink);
}
.video__time {
  right: -15.5em;
  top: -1.8em;
  color: #fff;
}
.video__options {
  right: -12.2em;
  top: -12em;
  color: #fff;
}
.video__options i:first-child {
  margin-right: 1em;
}
.video__title {
  margin: 0.5em 0;
  font-size: 1.4em;
}
.video__link {
  font-size: 0.9em;
  text-decoration: underline;
  color: var(--silk-salmon);
}
.video__add {
  margin-bottom: 1em;
}
.video__add.hidden {
  display: none;
}
.video__editor {
  position: relative;
  float: right;
  right: -6em;
  top: -1.6em;
  cursor: pointer;
  z-index: 1000;
}
.video__editor i {
  font-size: 1.5em;
}
.video__dialog {
  max-width: 60em !important;
  max-height: 37em !important;
}
.video__dialog h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.video__dialog--iframe {
  width: 100%;
  height: calc(100% - 3em);
}
.video__dialog--iframe iframe {
  width: 100%;
  height: 100%;
}
.video__edit-dialog label {
  font-size: 1.2em;
}
.video__edit-dialog input,
.video__edit-dialog select {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  display: block;
  width: 100%;
}
.video__edit-dialog input:last-child,
.video__edit-dialog select:last-child {
  margin-bottom: 4em;
}
.is-mobile .video__container {
  margin-left: calc((100% - 22em - 2px) / 2);
}
.wardrobe h3 {
  margin-top: 0.5em;
}
.wardrobe__details.none {
  height: 4em;
  text-align: center;
  vertical-align: middle;
}
.wardrobe__details a {
  text-decoration: none;
}
.wardrobe__details.highlight {
  margin-top: 0.5em;
  color: var(--silk-pink);
}
.wardrobe__image {
  height: 6em;
  max-width: 6em;
}
.wardrobe__image img {
  max-width: 100%;
  max-height: 100%;
}
.wardrobe__title {
  font-size: 1.5em;
  line-height: 1.5em;
}
.wardrobe__code {
  font-size: 0.8em;
  font-weight: lighter;
}
.wardrobe__subdetails + .wardrobe__subdetails {
  margin-top: 0.5em;
}
.wardrobe__subdetail {
  display: inline-block;
  margin-top: 1em;
  line-height: 0.9em;
}
.wardrobe__subdetail + .wardrobe__subdetail {
  border-left: 1px solid var(--silk-midgrey);
  padding-left: 0.5em;
  margin-left: 0.5em;
}
.wardrobe__subdetail.md-box {
  margin-top: 0;
}
.wardrobe__subdetail.md-box p {
  margin: 0;
  line-height: 1.2em;
}
.wardrobe__actions {
  font-size: 1.2em;
}
.wardrobe__actions .button + .button {
  margin-left: 1em;
}
.wardrobe__action {
  display: inline-block;
  line-height: 1em;
  border: 1px solid var(--silk-blue);
  text-align: center;
  padding: 0.5em 1em;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  margin-top: 0.7em;
}
.wardrobe__actioned {
  font-size: 0.8em;
}
.wardrobe__unaction {
  font-size: 0.8em;
  border-radius: 0.75em;
  display: inline-block;
  height: 1.1em;
  line-height: 1em;
  border: 1px solid var(--silk-blue);
  text-align: center;
  padding: 0 0.5em;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  color: var(--silk-palegrey);
}
.wardrobe__status {
  line-height: 1.5em;
  width: calc(100% - 2em);
  margin: 0 1em 0.5em 1em;
  text-align: center;
  border-top: 1px solid var(--silk-midgrey);
  border-bottom: 1px solid var(--silk-midgrey);
  padding: 0.2em;
}
.wardrobe__return-status {
  font-size: 0.8em;
}
.wardrobe td {
  vertical-align: middle;
}
.wardrobe__actions {
  vertical-align: middle !important;
  text-align: right;
}
.returncontrols {
  margin: 0.5em 1em;
  width: calc(100% - 2em);
}
.unreturncontrols {
  font-size: 0.7em;
  margin: 0.5em 1.5em;
}
.unreturncontrols .return-reason {
  float: left;
  width: 80%;
}
.unreturncontrols .undo {
  float: right;
  width: 2em;
  height: 2em;
  padding: 0.25em;
  margin: 0;
}
.wrapper {
  padding-left: 1.2em;
  padding-right: 1.2em;
  max-width: 1120px;
  margin: 0 auto;
  min-height: 40em;
}
.wrapper--wide {
  max-width: 2000px;
}
.wrapper.middle,
.wrapper.nav,
.wrapper.bc,
.wrapper.footer-banner,
.wrapper.footer-main {
  min-height: revert;
}
.is-widish.is-windowed .wrapper:not(.wrapper--rigid) {
  padding-right: 26.2em;
}
.is-desktop .wrapper {
  padding-left: 4.2em;
  padding-right: 4.2em;
}
.is-narrowish .narrowish-wrapper {
  padding-left: 1em;
  padding-right: 1em;
  margin: 0 auto;
}
.is-desktop:not(.is-widish) .narrowish-wrapper {
  padding-left: 4.7em;
  padding-right: 4.7em;
}