/*
    default Detail font if API call fails
*/
/* greys */
.float--right {
  float: right;
}
.standard-box {
  background-color: #FFF;
  padding: 0 10px;
}
.btn--important {
  background-color: #ec1022 !important;
  color: #ffffff;
}
.btn--important:hover {
  background-color: #bc0d1b;
  color: #ffffff;
}
@media screen and (max-width: 959px) {
  .portable-float-right {
    float: right !important;
  }
  .portable-float-left {
    float: left !important;
  }
}
@media screen and (max-width: 480px) {
  .select-link {
    float: left;
    vertical-align: top;
    width: 100%;
    margin-top: 10px;
  }
}
.noresize--textarea {
  resize: none;
}
.validation-summary-errors {
  color: #8c0a35;
}
/* space a bit more so doesn't get too close to scroll bar */

.basket__draw .icon--gt {
  right: 36px;
}
.basket-border {
  padding-bottom: 15px;
}
/* override for a disabled button */

.btn__inactive,
.btn__inactive:hover,
.btn__inactive:active,
.btn__inactive:focus {
  background-color: #dbdbdb !important;
  color: #808080 !important;
  cursor: text;
  /* [1] */

}
/* to cater for our categories eg Shirt/Blouse/Tunic/Polo/Tshirt */

.truncate {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.standard-table {
  border: 1px solid #878787;
  margin-top: 18px;
  margin-bottom: 18px;
  width: 100%;
}
.standard-table td {
  padding: 9px;
}
.standard-table td.one-third {
  width: 33.33% !important;
}
.standard-table td.two-thirds {
  width: 66.66% !important;
}
@media screen and (max-width: 480px) {
  .truncate {
    width: 300px;
  }
  .standard-table td {
    display: block;
  }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  .truncate {
    width: 105px;
  }
}
/* for product descriptions that might go over one line */

.product__header,
.item__description {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 265px;
}
.product__header__short,
.item__description__short {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 265px;
}
/* enbale the X to close the choose item */

.product p {
  margin-right: 65px;
}
/* make sure it's on top */

.basket__scroll {
  z-index: 999999;
}
.underline--link:hover {
  text-decoration: underline;
}
.small--alternate {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
}
.small--prominent {
  font-size: 13.5px !important;
  font-weight: bold !important;
}
.form-select {
  color: #000000;
}
.margin--top {
  margin-top: 40px;
}
.hidden {
  display: none;
}
/*Styles for the previous orders screens*/

.previous-orders-loading-spinner-container {
  display: block;
  z-index: 10000;
  position: absolute;
  right: 5px;
  margin-top: -36px;
  width: 36px;
  height: 36px;
}
.previous-orders-loading-spinner-img {
  background-image: url(/icons/black_loading.gif);
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.orderdetail-spinner {
  right: 100px;
  margin-top: -52px;
}
/*Styles for the previous orders screens - end*/

/*Styles to theme the alertify message-boxes to match site theme*/

.alertify-log {
  color: #FFFFFF;
  text-shadow: none;
}
.alertify-log-success {
  color: #ffffff;
  background: #da202a !important;
  border-color: #ae1921;
}
.alertify-log-error {
  color: #ffffff;
  background: #ec1022 !important;
  border-color: #bc0d1b;
}
.alertify-cover {
  background-color: #c0c0c0;
}
.alertify {
  box-shadow: none;
}
/*Styles to theme the alertify message-boxes to match site theme - end*/

/* we don't use selectize() as it doesn't play nice with knockout */

.form-select select {
  background-color: #f5f5f5;
  font-size: 1em;
  font-weight: normal;
  font-family: "adelle-sans", Arial, Tahoma, Verdana, sans-serif;
}
.image-dims {
  background-color: #ffffff;
}
/* from preloader.net*/

.loader {
  background-image: url(/icons/black_loading.gif);
  width: 66px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
}
.loader-small {
  background-image: url(/icons/black_loading_small.gif);
  width: 31px;
  height: 32px;
}
a.disabled {
  color: #999999;
  pointer-events: none;
  cursor: default;
}
.margin--bottom--small {
  margin-bottom: 4px;
}
.margin--top--small {
  margin-top: 10px;
}
.margin--top--medium {
  margin-top: 20px;
}
.overlay--open {
  overflow-y: auto !important;
}
.product__background {
  background-color: #ffffff;
}
.dim-push-left {
  margin-left: 10px !important;
  color: #999999;
  border: 2px solid #999999;
  text-align: center;
  padding: 5px;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fromPrice {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #FFFFFF;
  color: #495865;
  margin: 5px !important;
  padding: 4px 9px !important;
  border-radius: 5px;
  border: black 1px solid;
  z-index: 10;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125;
  font-weight: bold;
}
/* places padlock image at top right of items requiring authorisation */

.requiresAuthorisation {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 4px 0px 0px !important;
  padding: 0px !important;
}
.report {
  height: 364px !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.reportImage {
  line-height: 160px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.reportText {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.reportImage img {
  vertical-align: middle;
  width: 110px;
  height: 110px;
}
img.product__category {
  width: 242px;
  height: 255px;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  -o-object-position: center;
  object-position: center;
}
.select-styled {
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  border: 1px solid #424242 !important;
  color: #424242;
  margin: 5px 0;
  padding: 5px 7px !important;
  border-radius: 3px;
  max-width: 100%;
  height: 37px !important;
}
.basket-list table .item__reason .select-styled {
  width: 100%;
}
/*Styles for Allocation graphic */

.progress li:first-child {
  border-right: 1px dashed rgba(73, 88, 101, 0.02);
}
.item__image {
  width: 100px;
}
.product__cost {
  margin-bottom: 4px;
}
.super-list li {
  min-height: 34px;
}
.profile-role-text {
  padding-top: 10px;
}
.menu--telephone {
  margin-right: 24px;
}
.basket-quantity {
  padding: 0 5px;
}
.previous-orders-detail-item {
  cursor: default !important;
}
/* override as not sure if we can modify style.css yet */

.product-details {
  border: 1px dashed !important;
}
.product-details td,
.product-details th {
  padding-right: 10px;
}
.message:not(.message--primary) {
  background-color: #ffffff;
  border: 2px solid #fdda24;
  color: #fdda24;
}
.message:not(.message--primary) h2,
.message:not(.message--primary) h3,
.message:not(.message--primary) p {
  color: #fdda24;
}
.ie8 .message {
  display: block;
  background: #999999;
}
.ie8 .message--primary {
  background-color: #fdda24;
  color: #000000;
}
.message--primary ul li {
  text-align: left;
  margin-left: 110px;
}
.basket-list__thead {
  white-space: nowrap;
}
.basket-list__thead a span {
  white-space: normal;
}
.dn-input {
  min-width: 45px;
}
.last-order-message {
  background-color: #b2b2b2 !important;
  color: #ffffff;
}
.order-option-heading {
  text-align: center;
  color: #999999;
}
.validation-summary-errors ul {
  list-style-type: none;
  margin: auto;
  padding: 10px;
}
.ie8 .form-select {
  left: -12px;
}
.dims-tooltip {
  color: #ffffff;
  background-color: #383838;
  position: absolute;
  z-index: 100;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571;
  border-radius: 3px;
}
.dims-tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #383838;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
.dims-tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #383838;
  top: -20px;
  bottom: auto;
}
.dims-tooltip.left:after {
  left: 10px;
  margin: 0;
}
.dims-tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}
.dims-tooltip-text {
  display: none;
}
.header_image {
  max-height: 60px;
  max-width: 161px;
  position: relative;
}
.products__nav {
  vertical-align: top;
}
.two_line_description {
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  height: 3em;
  white-space: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .ui-icon-triangle-1-s,
  .sprite--minus-medium,
  .open:after {
    width: 21px;
    height: 15px;
  }
}
.accordion__header:after {
  width: 0;
  height: 0;
}
div.whilst-loading {
  visibility: hidden;
}
body {
  height: auto;
}
.message p {
  margin-bottom: 0;
  -ms-word-break: break-word;
  word-break: break-word;
}
.ie .product__overlay .product__img {
  display: block;
  width: auto !important;
  max-width: none !important;
}
.html--middle {
  background-image: url(".");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  overflow-y: scroll;
}
.header {
  padding: 12px 16px 20px;
}
.ie8 IMG.mfp-img {
  max-width: none;
}
img.mfp-img {
  width: 500px;
}
p.message--error {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
div.float--center {
  display: table;
  margin: 0 auto;
}
a.external--link {
  text-decoration: underline;
}
.notification {
  display: block;
  font-size: 18px;
  font-size: 1rem;
  height: 1.75em;
  width: 2.5em;
  line-height: 1.75;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  border-radius: 99px;
  color: #ffffff;
  background-color: #f01ca9;
  text-align: center;
  position: absolute;
  top: -0.9em;
  right: -0.75em;
}
.ie8 .notification {
  display: block;
  font-size: 18px;
  font-size: 1rem;
  height: 1.75em;
  width: 2.5em;
  line-height: 1.75;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  border-radius: 99px;
  color: #ffffff;
  background-color: #f01ca9;
  text-align: center;
  position: absolute;
  top: -0.9em;
  right: -1em;
}
.slick-loading .slick-list {
  background: #ffffff url('data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAAKAAEALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQACgACACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQACgADACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkEAAoABAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkEAAoABQAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkEAAoABgAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAAKAAcALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkEAAoACAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAAKAAkALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQACgAKACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQACgALACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==') center/*./ajax-loader.gif*/ center no-repeat;
}
.editable {
  outline: dashed 2px green;
}
.editable:hover {
  background-color: #aaccaa;
  cursor: pointer;
}
/* for formatting content elements */

.content-bold {
  font-weight: bold !important;
}
.content-underlined {
  text-decoration: underline !important;
}
.content-italic {
  font-style: italic !important;
}
/* overrides for styling selectize controls*/

.selectize-dropdown-content {
  overflow-y: hidden !important;
  max-height: none !important;
}
.selectize-dropdown {
  z-index: 20 !important;
}
.selectize-input {
  padding: 7px 10px !important;
  height: 34px;
}
.selectize-control input,
.selectize-control .item {
  height: 18px !important;
  line-height: 18px !important;
}
.selectize-control .item {
  padding: 0 !important;
  overflow: visible;
}
.alternate-cells td:first-child {
  background-color: #FFFFFF !important;
}
.alternate-cells td:nth-child(odd) {
  background-color: #e0e0e0;
}
.alternate-cells td:nth-child(even) {
  background-color: #f5f5f5;
}
.standard-margin {
  margin: 5px !important;
}
.login-inactive {
  margin-bottom: 0 !important;
  background-color: #ffffff;
  border: 2px solid #999999;
  margin-top: 5px;
  min-height: 250px;
  text-align: center;
  float: right;
  padding: 20px 10px;
}
.g-recaptcha {
  transform: scale(0.865);
  transform-origin: 0 0;
}
.meter {
  height: 1.785em !important;
  /* Can be anything */
  position: relative;
  background: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #424242;
  padding: 0 !important;
  box-shadow: inset 0 0 6px 0 #bababa;
}
.meter:after {
  display: none !important;
}
.meter > span {
  display: block;
  height: 100%;
  border-radius: 3px;
  background-color: #da202a;
  position: relative;
  overflow: hidden;
}
.meter--orange > span {
  background-color: #f36d0a;
}
.meter--red > span {
  background-color: #f42323;
}
.no-link a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}
#figure_title {
  font-weight: bold;
  margin-bottom: 18px;
}
.invalid_row {
  background-color: #fcccd0;
}
.invalid_row .item__alt,
.invalid_row .item__stripe-alt,
.invalid_row .item__size,
.invalid_row .item__reason,
.invalid_row .item__price {
  background-color: #fcccd0;
}
.invalid_row .item__stripe,
.invalid_row .item__choice,
.invalid_row .item__product,
.invalid_row .item__stock {
  background-color: #fcccd0;
}
div.invalid-orders-warning {
  width: 95%;
  margin: 15px 0 0 26px;
}
table.basket-list__table thead tr.top-header th {
  padding-bottom: 1px;
}
table.basket-list__table thead tr.middle-header th {
  padding: 1px;
}
table.basket-list__table thead tr.bottom-header th {
  padding-top: 1px;
}
.ordernumber {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.125;
}
div#checkout-summary table.basket-list__table tbody tr td.item__product {
  width: 36%;
}
div#checkout-summary table.basket-list__table tbody tr td.item__stripe.item__alt {
  width: 10%;
}
.email-domain {
  margin-top: 30px;
  overflow-wrap: break-word;
}
.email-domain--edit {
  margin-top: 15px;
  overflow-wrap: break-word;
  padding-bottom: 8px;
}
div#item-content {
  height: 100%;
}
.poolstock-row-item {
  position: relative;
  padding-left: 22px;
  padding-right: 24px;
  text-align: center;
}
@media (min-width: 960px) {
  .poolstock-row-item {
    min-height: 40px;
    text-align: left;
  }
}
input.personalisation {
  width: 100% !important;
  padding: 7px;
}
.btn--half {
  min-width: 50%;
}
.btn--loader {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
/* Poolstock Personalisation Modal */

.modal img {
  margin-bottom: -9px;
}
.errorsprite {
  background: url('../../images/sprite.png') no-repeat -224px -97px;
  width: 6px;
  height: 20px;
}
.poolstockModal {
  position: fixed;
  z-index: 100;
  padding-top: 250px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.poolstockModal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 480px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: poolstockModalAnimateTop;
  -webkit-animation-duration: 0.4s;
  animation-name: poolstockModalAnimateTop;
  animation-duration: 0.4s;
}
.modal-footer {
  margin-top: 10px;
}
#line-headers label {
  display: inline-block;
  margin-bottom: 5px;
}
.badge-header {
  display: none;
}
.badge-line-content.invalid {
  border: none;
}
#line-headers label[for="line-number"] {
  width: 22px;
  margin-bottom: 5px;
}
#line-number {
  width: 22px;
  line-height: 36px;
}
#line-number span {
  display: inline-block;
  height: 36px;
  width: 40%;
}
#line-number span img {
  margin-bottom: -5px;
}
#line-headers label[for="line-one"],
#line-headers label[for="line-two"],
#line-one,
#line-two {
  width: 145px;
}
#line-number,
#line-one,
#line-two,
#line-quantity {
  display: inline-block;
  float: left;
  margin-right: 2px;
}
#line-one input,
#line-two input,
#line-two select,
#line-quantity input {
  margin: 0;
}
#line-two select {
  text-overflow: ellipsis;
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  border: 1px solid #424242 !important;
  color: #424242;
  border-radius: 3px;
  padding-left: 5px;
  height: 36px;
  width: 100%;
}
#line-headers label[for="line-quantity"],
#line-quantity {
  width: 66px;
}
#line-actions {
  display: inline-block;
  width: 52px;
  float: right;
}
#line-actions a {
  width: 100%;
}
.badge-line-content {
  margin-bottom: 5px;
  border: none;
  height: 36px;
}
#poolstock-new-details {
  width: 29%;
  float: left;
}
#poolstock-correct-details,
#poolstock-incorrect-details {
  width: 19%;
  margin-left: 5px !important;
  float: right;
}
@media (max-width: 480px) {
  .poolstockModal-content {
    width: 90%;
  }
  .badge-header {
    display: block;
    margin-bottom: 5px;
    text-align: left;
  }
  #line-headers {
    display: none;
  }
  #line-number {
    display: none;
  }
  .badge-line-content.invalid {
    border: 1px solid #ec1022;
  }
  #line-one,
  #line-two,
  #line-quantity,
  #line-actions {
    width: 49%;
    float: none;
    margin-right: 0;
    margin-bottom: 5px;
  }
  #line-actions {
    float: none;
  }
  .badge-line-content {
    padding: 7px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    height: auto;
  }
  #poolstock-new-details {
    width: 100%;
    margin-bottom: 5px !important;
  }
  #poolstock-correct-details,
  #poolstock-incorrect-details {
    width: 49%;
    margin-left: 0px !important;
  }
  #poolstock-correct-details {
    float: left;
  }
}
@-webkit-keyframes poolstockModalAnimateTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes poolstockModalAnimateTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* loader */

.loader-18 {
  display: inline-flex;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #c3c3c3;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 0.6s linear infinite;
  /* Safari */
  animation: spin 0.6s linear infinite;
}
.loader-18.loader--product {
  position: absolute;
  right: 15px;
}
/* Safari */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 365px) {
  .button-collection {
    text-align: center !important;
  }
  .button-collection .btn {
    width: 100%;
    margin-bottom: 8px;
  }
  .button-collection a.push--left {
    margin-left: 0px !important;
  }
}
.button-collection {
  padding: 8px 18px 0px 18px;
  text-align: right;
}
.loader.loader-centered {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.paginate {
  height: 36px;
}
.paginate-returns:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.paginate:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.paginate-pages {
  display: inline-block;
  width: 75%;
  padding: 0px;
  vertical-align: middle;
}
.paginate-numbers {
  text-align: right;
  float: right;
  line-height: 36px;
}
.comment p {
  word-break: break-all;
}
@media (max-width: 600px) {
  .paginate {
    height: auto;
  }
  .paginate::before {
    display: none;
  }
  .paginate-pages {
    display: block;
    width: 100%;
    text-align: center;
  }
  .paginate-pages > ul {
    display: inline-block;
  }
  .paginate-numbers {
    float: none;
    text-align: center;
  }
}
.points-display div {
  margin-top: 7px;
}
div#points-display div {
  padding-left: 0;
}
div.basket-points-display {
  margin: 12px 17px 3px 17px;
}
div.basket-points-display div.basket-points-header-left {
  padding-left: 35px;
}
.cc-window {
  background-color: rgba(218, 32, 42, 0.85) !important;
}
.cc-message {
  color: #ffffff !important;
}
.cc-link {
  color: #ffffff !important;
}
.cc-btn {
  background-color: #ffffff !important;
  color: rgba(218, 32, 42, 0.85) !important;
}
.pwd-option-unavailable {
  display: inline-block;
  margin: 0px auto 10px auto;
  font-weight: bold;
  padding: 5px;
}
.pwd-option-unavailable ul {
  margin-top: 5px;
  margin-bottom: 0;
}
.pwd-option-unavailable ul li {
  margin-left: 0;
  font-weight: normal;
  padding: 5px;
}
.sizing-style {
  padding-bottom: 18px;
}
/* Quick order */

.quickorder__body {
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 10rem 1rem 0 1rem;
  background-color: #ffffff;
  width: 100%;
  display: table;
}
@media screen and (max-width: 600px) {
  .quickorder__body {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
}
/* Card style for each product*/

.card {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  max-width: 100%;
  margin: auto;
  text-align: center;
  font-family: arial;
  margin: 0.5rem;
  border-radius: 0.7rem;
}
.card button {
  text-align: center;
  width: 100%;
}
.card button:hover {
  opacity: 0.7;
}
/* Card style to contain smaller cards*/

.card-main {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  max-width: 100%;
  margin: auto;
  font-family: arial;
  border: solid;
  border-radius: 0.7rem;
  border-color: #da202a;
  margin-bottom: 0.8rem;
}
/* Item Type to be displayed within the card-main*/

.quick-order-itemtype-header {
  background-color: #da202a;
  color: #ffffff;
  padding: 0 1rem;
  line-height: 2.57143em;
  border-bottom: solid;
  border-color: #da202a;
  /* Override margin to remove default settings*/

}
.quick-order-itemtype-header h3 {
  margin-bottom: 0;
  color: #ffffff;
}
.quick-order-itemtype-header p {
  margin-bottom: 0;
}
/* Select dropdown style */

.quick-order-select {
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  padding: 5px 7px !important;
  border-radius: 3px;
  height: 37px !important;
  border: 0.25rem solid #da202a;
  width: 100%;
}
/* Quantity input box */

.quick-order-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
}
.quick-order-quantity-minus,
.quick-order-quantity-plus {
  display: flex;
  justify-content: center;
  width: 20%;
  height: 100%;
  color: #ffffff;
  background: #da202a;
  text-align: center;
  padding: 0 !important;
  cursor: pointer;
  align-items: center;
  font-size: 1.7rem;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.quick-order-quantity-minus:hover,
.quick-order-quantity-plus:hover {
  background: #575b71;
  color: #fff;
}
.quick-order-quantity-minus {
  border-radius: 0.25rem 0 0 0.25rem;
}
.quick-order-quantity-plus {
  border-radius: 0 0.25rem 0.25rem 0;
}
.quick-order-quantity-input {
  height: 100%;
  width: 60% !important;
  text-align: center;
  border: solid #da202a;
  border-right: none;
  border-left: none;
  background: #fff;
  color: #8184a1;
}
.quick-order-quantity-input {
  outline: none;
}
.quick-order-enforced-allocation-warning {
  text-align: center;
  display: table;
  width: 100%;
  padding: 0.75rem;
}
.quick-order-invalid-items-warning {
  text-align: center;
  display: table;
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.quick-order-buttons {
  margin-bottom: 1rem;
}
.quick-order-requires-authorisation {
  position: absolute;
  top: 0;
  right: 0;
}
/* Grid settings for quick order page*/

.header-grid {
  grid-area: header-grid;
  text-align: left;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
}
.header-grid h4 {
  margin-bottom: 0;
  display: inline;
}
.header-grid p {
  margin-bottom: 0;
}
.sizing-grid {
  grid-area: sizing-grid;
  align-self: center;
  -ms-grid-column: 3;
  -ms-grid-row: 5;
}
.photo-grid {
  grid-area: photo-grid;
  cursor: pointer;
  position: relative;
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
}
.size-grid {
  grid-area: size-grid;
  align-self: center;
  -ms-grid-column: 7;
  -ms-grid-row: 5;
}
.size-grid-header {
  grid-area: size-grid-header;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 7;
  -ms-grid-row: 3;
}
.quantity-grid {
  grid-area: quantity-grid;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 11;
  -ms-grid-row: 5;
}
.quantity-grid-header {
  grid-area: quantity-grid-header;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 11;
  -ms-grid-row: 3;
}
.allocation-grid {
  grid-area: allocation-grid;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 9;
  -ms-grid-row: 5;
}
.allocation-grid-header {
  grid-area: allocation-grid-header;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 9;
  -ms-grid-row: 3;
}
.reason-grid {
  grid-area: reason-grid;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}
.reason-grid-header {
  grid-area: reason-grid-header;
  align-self: center;
  justify-self: center;
  -ms-grid-column: 5;
  -ms-grid-row: 3;
}
.price-grid {
  grid-area: price-grid;
  text-align: right;
  -ms-grid-column: 10;
  -ms-grid-column-span: 4;
  -ms-grid-row: 1;
}
.customise-button-grid {
  grid-area: customise-button-grid;
  align-self: center;
  -ms-grid-column: 13;
  -ms-grid-row: 3;
}
.basket-button-grid {
  grid-area: basket-button-grid;
  align-self: center;
  -ms-grid-column: 13;
  -ms-grid-row: 5;
}
.quick-order-grid-container {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'header-grid header-grid header-grid header-grid header-grid price-grid price-grid' 'photo-grid . reason-grid-header size-grid-header allocation-grid-header quantity-grid-header customise-button-grid' 'photo-grid sizing-grid reason-grid size-grid allocation-grid quantity-grid basket-button-grid';
  -ms-grid-rows: auto 5px auto 5px auto;
  grid-auto-rows: auto;
  -ms-grid-columns: 75px 5px 1fr 5px 1fr 5px 1fr 5px auto 5px 1fr 5px 100px;
  grid-template-columns: 75px 1fr 1fr 1fr auto 1fr 100px;
  grid-gap: 5px;
  padding: 0.35rem;
}
.quick-order-allocation-grid-container {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'allocation-max-grid allocation-remaining-grid allocation-date-grid';
  -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  padding: 0.35rem;
}
.allocation-max-grid {
  grid-area: allocation-max-grid;
  align-self: center;
  text-align: center;
  font-weight: bold;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.allocation-remaining-grid {
  grid-area: allocation-remaining-grid;
  align-self: center;
  text-align: center;
  font-weight: bold;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.allocation-date-grid {
  grid-area: allocation-date-grid;
  align-self: center;
  text-align: center;
  font-weight: bold;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}
.quick-order-price {
  font-size: 1.14286rem;
  line-height: 1.125;
  font-weight: bold;
  margin-bottom: 0rem;
}
@media screen and (max-width: 600px) {
  .quick-order-grid-container {
    grid-template-areas: 'header-grid header-grid header-grid' 'button-grid-bottom button-grid-bottom button-grid-bottom' 'photo-grid reason-grid-header reason-grid' 'photo-grid sizing-grid sizing-grid' 'photo-grid size-grid-header size-grid' 'photo-grid allocation-grid-header allocation-grid' 'price-grid quantity-grid-header quantity-grid' 'customise-button-grid basket-button-grid basket-button-grid';
    grid-template-columns: 75px 1fr 2fr;
  }
  .quick-order-allocation-grid-container {
    display: -ms-grid;
    display: grid;
    grid-template-areas: 'allocation-max-grid' 'allocation-remaining-grid' 'allocation-date-grid';
    -ms-grid-rows: auto 5px auto 5px auto;
    grid-auto-rows: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    padding: 0.35rem;
  }
  .size-grid-header {
    grid-area: size-grid-header;
    align-self: center;
    justify-self: baseline;
  }
  .quantity-grid-header {
    grid-area: quantity-grid-header;
    align-self: center;
    justify-self: baseline;
  }
  .allocation-grid-header {
    grid-area: allocation-grid-header;
    align-self: center;
    justify-self: baseline;
  }
  .reason-grid-header {
    grid-area: reason-grid-header;
    align-self: center;
    justify-self: baseline;
  }
  .price-grid {
    grid-area: price-grid;
    text-align: center;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
  }
}
/* Quick order modal for displaying product images and notes*/

.quick-order-modal {
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
/* Modal Content */

.quick-order-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0.5rem;
  max-width: 25%;
}
@media screen and (max-width: 600px) {
  .quick-order-modal-content {
    max-width: 90%;
  }
}
/* Video size setting*/

.quick-order-modal-content-video {
  width: 90% !important;
  max-height: 255px !important;
}
/* The Close Button */

.quick-order-modal-close {
  font-size: 2.5rem;
  font-weight: bold;
  float: right;
  padding-right: 0.7rem;
}
.quick-order-modal-close:hover,
.quick-order-modal-close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
/* Hide the images by default */

.quick-order-image {
  display: none;
}
/* Next & previous buttons */

.quick-order-modal-image-buttons {
  cursor: pointer;
  top: 50%;
  width: auto;
  padding: 1.3rem;
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  transition: 0.6s ease;
  border-radius: 0.7rem;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.3);
}
/* On hover, add a black background color with a little bit see-through */

.quick-order-modal-image-buttons:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Image counter text (1/3 etc) */

.quick-order-image-counter {
  font-size: 1.14286rem;
  line-height: 1.125;
  font-weight: bold;
  margin-bottom: 0;
}
/* Quick order modal description text */

.quick-order-modal-footer {
  text-align: center;
  background-color: #fdda24;
  color: #000000;
  padding: 1rem;
  border-radius: 0 0 0.7rem 0.7rem;
}
/* Quick order modal product name text */

.quick-order-modal-header {
  text-align: center;
  padding: 2rem 2rem 0rem 2rem;
}
/* Alterations push buttons below image*/

.quick-order-alterations-modal-body {
  overflow: hidden;
}
/* Quick order details modal buttons */

.quick-order-modal-buttons {
  margin: 1.5rem 0;
}
.quick-order-alterations-modal-buttons {
  padding-bottom: 1rem;
}
/* The switch - the box around the slider */

.switch {
  position: relative;
  margin-top: -12px;
  width: 60px;
  height: 34px;
}
/* Hide default HTML checkbox */

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked ~ .slider {
  background-color: #da202a;
}
input:focus ~ .slider {
  box-shadow: 0 0 1px #da202a;
}
input:checked ~ .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#wrapper {
  text-align: center;
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
#wrapper .line {
  border-bottom: 2px solid #da202a;
  position: absolute;
  width: 100%;
  top: 15px;
}
#wrapper .textbox {
  position: absolute;
  width: 100%;
}
#wrapper .textbox .text-item {
  background-color: #ffffff;
  margin: 0px auto;
  padding: 0px 10px;
  text-align: center;
  display: inline;
  font-size: 24px;
}
#wrapper .textbox .text-basket {
  background-color: #e0e0e0;
  margin: 0px auto;
  padding: 0px 10px;
  text-align: center;
  display: inline;
  font-size: 24px;
}
.equivalence_allocation {
  background-color: #ebebeb;
  clear: both;
  font-weight: bold;
  margin-bottom: 18px;
  padding: 9px 18px;
}
.equivalence_allocation h5,
.equivalence_allocation h6 {
  text-align: center;
}
.equivalence_allocation a,
.equivalence_allocation h6 {
  color: #666666;
}
.equivalence_allocation a.btn--secondary {
  color: #ffffff !important;
}
.equivalence_allocation p {
  text-align: center;
  margin-bottom: 0;
}
.center-line:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 4px solid #da202a;
  transform: translate(-50%);
}
.center-line {
  position: relative;
  text-align: center;
}
.equivalence_allocation_padding {
  padding: 10px !important;
}
.equivalence_allocation_nopadding {
  padding: 0px !important;
}
@media screen and (max-width: 959px) {
  .center-line:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    border-bottom: 4px solid #da202a;
    border-left: 0px;
    transform: translate(-50%);
  }
  .center-line {
    position: relative;
    text-align: center;
  }
}
.flex--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.multiple-roles {
  width: 100%;
}
@charset "UTF-8";
/*------------------------------------*\
    #STYLE
\*------------------------------------*/

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */

/*------------------------------------*\
    $SPRITE
\*------------------------------------*/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */

body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */

}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ffff00;
  color: #000000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */

}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */

}
/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c2c2c2;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/

/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */

abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */

u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */

ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/

/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre,
.alert,
.parsley-error-list li,
.pagination,
.video,
.download {
  margin-bottom: 18px;
  margin-bottom: 1.28571rem;
}
/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */

ul,
ol,
dd {
  margin-left: 36px;
  margin-left: 2.57143rem;
}
/*------------------------------------*\
    #CONTAINER
\*------------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 970px;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}
.container--header {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
}
.container--header + .container {
  padding-top: 140px;
}
.container--slide {
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
}
.container--slide .layout__item {
  vertical-align: bottom;
}
.container--spacious {
  margin-top: 36px;
}
@media screen and (max-width: 480px) {
  .container--header {
    margin-top: 10px;
  }
  .container--header + .container {
    padding-top: 0;
  }
  .container--header,
  .container--slide {
    position: relative;
  }
}
/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */

.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
@media screen and (max-width: 480px) {
  .accessibility--palm,
  .visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.lt-ie9 .accessibility--palm,
.lt-ie9 .visuallyhidden--palm {
  display: none;
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  .accessibility--lap,
  .visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.lt-ie9 .accessibility--lap,
.lt-ie9 .visuallyhidden--lap {
  display: none;
}
@media screen and (min-width: 480px) {
  .accessibility--lap-and-up,
  .visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.lt-ie9 .accessibility--lap-and-up,
.lt-ie9 .visuallyhidden--lap-and-up {
  display: none;
}
@media screen and (max-width: 959px) {
  .accessibility--portable,
  .visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.lt-ie9 .accessibility--portable,
.lt-ie9 .visuallyhidden--portable {
  display: none;
}
@media screen and (min-width: 960px) {
  .accessibility--desk,
  .visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.lt-ie9 .accessibility--desk,
.lt-ie9 .visuallyhidden--desk {
  display: none;
}
/*------------------------------------*\
    $SPRITE
\*------------------------------------*/

/*------------------------------------*\
    $MIXINS
\*------------------------------------*/

/**
 * Style any number of headings in one fell swoop, e.g.:
 *
   .foo{
       @include headings(1, 3){
           color:#BADA55;
       }
    }
 *
 * With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
 * @thierrylemoulec for refining and improving my initial mixin.
 */

/**
 * Create vendor-prefixed CSS in one go, e.g.
 *
   `@include vendor(border-radius, 4px);`
 *
 */

/**
 * Create CSS keyframe animations for all vendors in one go, e.g.:
 *
   .foo{
       @include vendor(animation, shrink 3s);
   }

   @include keyframe(shrink){
       from{
           font-size:5em;
       }
   }
 *
 * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
 */

/**
 * Force overly long spans of text to truncate, e.g.:
 *
   `@include truncate(100%);`
 *
 * Where `$truncation-boundary` is a united measurement.
 */

/**
 * CSS arrows!!! But... before you read on, you might want to grab a coffee...
 *
 * This mixin creates a CSS arrow on a given element. We can have the arrow
 * appear in one of 12 locations, thus:
 *
 *       01    02    03
 *    +------------------+
 * 12 |                  | 04
 *    |                  |
 * 11 |                  | 05
 *    |                  |
 * 10 |                  | 06
 *    +------------------+
 *       09    08    07
 *
 * You pass this position in along with a desired arrow color and optional
 * border color, for example:
 *
 * `@include arrow(top, left, red)`
 *
 * for just a single, red arrow, or:
 *
 * `@include arrow(bottom, center, red, black)`
 *
 * which will create a red triangle with a black border which sits at the bottom
 * center of the element. Call the mixin thus:
 *
   .foo{
       background-color:#BADA55;
       border:1px solid #ACE;
       @include arrow(top, left, #BADA55, #ACE);
   }
 *
 */

.js-collapse__header {
  cursor: pointer;
}
/*------------------------------------*\
    #PAGE
\*------------------------------------*/

/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */

html {
  font-size: 0.875em;
  /* [1] */
  line-height: 1.28571;
  background-color: #ffffff;
  color: #666666;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */

}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/

/**
 * Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #da202a;
}
h1,
.alpha {
  font-size: 36px;
  font-size: 2.57143rem;
  line-height: 1;
}
h2,
.beta {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.5;
}
h3,
.gamma {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.8;
}
h4,
.delta {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1;
}
h5,
.epsilon {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125;
}
h6,
.zeta {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571;
}

html {
  overflow-y: scroll;
}
.html--clear {
  background: none;
  height: 100%;
}
body {
  position: relative;
  z-index: 20;
  font-family: "adelle-sans", Arial, Tahoma, Verdana, sans-serif;
  padding-bottom: 18px;
  height: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
}
.layout--center .layout__item {
  vertical-align: text-bottom;
}
.layout__item--bottom {
  vertical-align: bottom !important;
}
.layout__item--bottom .message {
  margin-bottom: 0;
  padding: 13px 9px;
}
.layout__item--over {
  margin-bottom: 0;
}
.ie8 {
  background-image: none;
}
@media screen and (max-width: 480px) {
  .layout__item--bottom {
    margin-bottom: 9px;
  }
}
.pattern {
  clear: both;
  padding: 5%;
  position: relative;
}
.pattern--full-width {
  padding: 0;
}
.pattern .source textarea {
  width: 90%;
  display: none;
}
a {
  color: #da202a;
  text-decoration: none;
}
address {
  font-style: normal;
  font-weight: bold;
  line-height: 1.71429;
}
address p {
  font-weight: normal;
}
.lead {
  color: #999999;
  font-style: italic;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.lead .btn--huge {
  margin-left: 18px;
}
.small {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  color: #999999;
  display: block;
}
.text-inline {
  position: relative;
  top: -3px;
  line-height: 1.2em;
}
@media screen and (max-width: 480px) {
  .lead .btn--huge {
    margin-top: 10px;
    margin-left: 0;
  }
}
label {
  display: block;
  font-weight: bold;
  margin-bottom: 18px;
}
.form h2 {
  margin-bottom: 9px;
}
.form__forgot {
  display: block;
  color: #da202a;
  text-align: right;
  text-decoration: underline;
  font-style: italic;
  padding-bottom: 9px;
}
.form_forgot_align_left {
  text-align: left;
  float: left;
}
.form--login {
  margin-bottom: 10em;
  float: right;
}
.form-value {
  display: inline-block;
  padding: 7px 0;
  height: 36px;
  vertical-align: middle;
}
.form-text,
.form-select-multiple,
.selectize-control,
.selectize-dropdown {
  display: block;
  background-color: #f5f5f5;
  border: 1px solid #424242;
  color: #424242;
  font-weight: normal;
  margin: 5px 0;
  width: 100%;
}
.form-text {
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  padding: 7px 10px;
  height: 36px;
  vertical-align: middle;
  -webkit-appearance: none;
}
label + .form-text,
label + .form-date,
label + .form-select,
label + .form-select-multiple,
label + .form-read-only,
label + .form-inline,
label + .dynamic-number {
  margin-top: -14px;
  margin-bottom: 18px;
}
label + .form-file {
  margin-top: -19px;
}
textarea.form-text {
  height: auto;
}
.form-text.fitted-textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 50px;
}
.form-select {
  position: relative;
  cursor: pointer;
}
.form-select select {
  background-color: #f5f5f5;
  border: 0;
  padding: 4px 0;
  width: 100%;
  z-index: 0;
  height: 34px;
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-date {
  position: relative;
}
.form-date .form-text {
  margin-right: 38px;
}
.form-number {
  text-align: center;
}
.form-date .ui-datepicker-trigger,
.form-date__icon {
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #424242;
  padding: 6px 7px 5px 8px;
  background-image: url("https://detail-resources.dimensions.co.uk/theme/0/400/NA2200/Sprite/12921/18231/d9e9bcf8-1911-4849-9be4-9b77f87e4d4f");
  text-indent: -9999px;
  height: 36px;
  width: 36px;
  outline: none;
  background-position: -504px -155px;
  position: absolute;
  right: 0;
  top: 0;
}
.form-file__button {
  position: relative;
  overflow: hidden;
  margin-top: 5px !important;
}
.form-file__file {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 36px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.form-error {
  box-shadow: 0 0 3px 2px #f01ca9 !important;
}
.form-success {
  box-shadow: 0 0 3px 2px #da202a;
}
.form-select-multiple {
  max-height: 9em;
  overflow-y: scroll;
}
.form-select-multiple .form-option:nth-child(odd) {
  background-color: #ffffff;
}
.form-select-multiple .form-option:hover {
  background-color: #e0e0e0;
}
.form-select-multiple .form-checkbox:checked + label,
.form-select-multiple .form-checkbox + label,
.form-select-multiple .form-radio + label {
  padding: 9px;
  padding-left: 45px;
  margin-bottom: 0;
  cursor: pointer;
}
.form-select-multiple .form-checkbox:checked + label:before,
.form-select-multiple .form-checkbox:checked + label:after,
.form-select-multiple .form-checkbox + label:before,
.form-select-multiple .form-checkbox + label:after,
.form-select-multiple .form-radio + label:before,
.form-select-multiple .form-radio + label:after {
  top: 9px;
  left: 14px;
}
ul.list li .form-checkbox:disabled + label:after,
ul.list li .form-checkbox:disabled:checked + label:after {
  background-color: lightgray !important;
}
.mce-container .mce-primary {
  border: none;
}
.form-select {
  margin: 5px 0;
}
.ie .form-select select {
  padding-right: 20px;
  left: 10px;
}
.ie .form-select:after {
  display: none;
}
.ie .form-select-multiple {
  height: 9em;
}
.ie .form-error {
  outline: 3px solid #f01ca9;
}
.ie .form-success {
  outline: 3px solid #da202a;
}
.ie .form-select-multiple .form-option {
  padding: 5px;
}
/*------------------------------------*\
    $CHECKBOX
\*------------------------------------*/

/**
 * Simple checkbox styling.
 */

.form-checkbox,
.form-radio {
  display: none;
}
.form-checkbox + label,
.form-radio + label {
  position: relative;
  padding-left: 1.75em;
  cursor: pointer;
}
.form-checkbox + label:before,
.form-checkbox + label:after,
.form-radio + label:before,
.form-radio + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  height: 18px;
  width: 18px;
  background-color: #ffffff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  vertical-align: middle;
}
.form-checkbox + label:before,
.form-radio + label:before {
  border: 1px solid #da202a;
}
.form-checkbox + label:after,
.form-radio + label:after {
  height: 14px;
  width: 14px;
  margin: 2px;
}
.form-checkbox:checked + label:after,
.form-radio:checked + label:after {
  background-color: #da202a !important;
}
.form-checkbox + label:before,
.form-checkbox + label:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.form-checkbox:checked + label:after {
  content: '✔';
  background-color: transparent !important;
  color: #da202a;
  font-size: 16px;
  line-height: 1em;
  top: -1px;
  left: 1px;
}
.ie8 .form-checkbox,
.ie8 .form-radio {
  display: inline-block;
  vertical-align: middle;
}
.ie8 .form-checkbox + label,
.ie8 .form-radio + label {
  padding-left: 0;
  display: inline-block;
  top: 2px;
}
.ie8 .form-checkbox + label:before,
.ie8 .form-checkbox + label:after,
.ie8 .form-radio + label:before,
.ie8 .form-radio + label:after {
  display: none;
}
.tabs__list {
  display: block;
}
.tabs__controls {
  display: none;
}
@media screen and (max-width: 480px) {
  .tabs__list {
    display: none;
  }
  .tabs__controls {
    display: block;
  }
}
.media--rev .media__img {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/

/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */

/**
 * Begin a layout group.
 */

.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -18px;
}
.layout--nomargin {
  margin: 0;
}
/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */

.layout__item {
  float: left;
  /* [1] */
  padding-left: 18px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */

}
/**
 * Layouts with small gutters.
 */

.layout--small {
  margin-left: -9px;
}
.layout--small > .layout__item {
  padding-left: 9px;
}
/**
 * Layouts with no gutters.
 */

.layout--flush {
  margin-left: 0;
}
.layout--flush > .layout__item {
  padding-left: 0;
}
/**
 * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
 * markup will display in order 4, 3, 2, 1 on your page.
 */

.layout--rev > .layout__item {
  float: right;
}
/**
 * Align layout items to the vertical centers of each other.
 */

.layout--middle > .layout__item {
  vertical-align: middle;
}
/**
 * Align text in layout items to the quantity box
 */

.layout--center {
  text-align: center;
  vertical-align: middle;
  padding-top: 15px;
}
.layout--center--stock {
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
}
/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/

/**
 * A simple button object.
 */

/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */

.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  border: none;
  margin: 0;
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 9px 18px;
  /* [7] */
  background-color: #383838;
}
.btn,
.btn:hover,
.btn:active,
.btn:focus {
  text-decoration: none;
  /* [4] */
  color: #ffffff;
}
/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */

.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*------------------------------------*\
    #MEDIA
\*------------------------------------*/

/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */

.media {
  display: block;
}
.media__img {
  float: left;
  margin-right: 20px;
}
.media__img > img {
  display: block;
}
.media__body {
  overflow: hidden;
  display: block;
}
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}
/**
 * Small media objects.
 */

.media--small > .media__img {
  margin-right: 10px;
}
/**
 * Responsive media objects.
 *
 * There is a very pragmatic, simple implementation of a responsive media
 * object, which simply places the text-content beneath the image-content.
 *
 * We use a `max-width` media query because:
 *
 * a) it is the least verbose method in terms of amount of code required.
 * b) the media object’s default state is image-next-to-text, so its stacked
 *    state is the exception, rather than the rule.
 */

@media screen and (max-width: 480px) {
  .media--responsive > .media__img {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .media--responsive.media--small > .media__img {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }
}
/*------------------------------------*\
    #FLAG
\*------------------------------------*/

/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */

/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */

.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */

}
/**
 * Items within a flag object. There should only ever be one of each.
 *
 * 1. Default to aligning content to their middles.
 */

.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */

}
/**
 * Flag images have a space between them and the body of the object.
 */

.flag__img {
  padding-right: 18px;
}
.flag__img > img {
  display: block;
  max-width: none;
}
/**
 * The container for the main content of the flag object.
 *
 * 1. Forces the `.flag__body` to take up all remaining space.
 */

.flag__body {
  width: 100%;
  /* [1] */

}
.flag__body,
.flag__body > :last-child {
  margin-bottom: 0;
}
/**
 * Small flags.
 */

.flag--small > .flag__img {
  padding-right: 9px;
}
/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("././ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  /*-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;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}
/* Icons */

@font-face {
  font-family: "slick";
  /*src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");*/
  font-weight: normal;
  font-style: normal;
}
/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: 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;
  color: #ffffff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */

.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.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 {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 0.75;
}
/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0a0a0a;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #c7c7c7;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #c7c7c7;
}
.mfp-preloader a:hover {
  color: #ffffff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #ffffff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #ffffff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #c7c7c7;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #ffffff;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3d3d3d;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #ffffff;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3d3d3d;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000000;
}
.jq-popup {
  display: none;
  position: relative;
  background: #ffffff;
  min-width: 600px;
  width: auto;
  margin: 0;
}
#modal-employeedetail-content {
  overflow: auto;
}
@media only screen and (max-width: 770px) {
  .jq-popup {
    width: 100%;
    min-width: 0;
  }
  #modal-employeedetail-content {
    width: 100%;
    min-width: 0;
  }
}
/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #333333;
}
.mfp-figure small {
  color: #b2b2b2;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f2f2f2;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -moz-transform-origin: 100%;
    -ms-transform-origin: 100%;
    -o-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/*------------------------------------*\
    $ALERTS
\*------------------------------------*/

/**
 * Simple alert box styling.
 */

/*------------------------------------*\
    $BASE
\*------------------------------------*/

.alert {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 9px;
  border-width: 1px;
  border-color: #3e76b3;
  border-style: solid;
  border-radius: 0;
  background-color: #5d90c7;
  color: #ffffff;
}
.alert > :last-child {
  margin-bottom: 0;
}
.alert__close {
  font-size: 1.2em;
  padding: 8px 8px 8px;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.6em;
  right: 0.2em;
  color: #333333;
  text-decoration: none;
  opacity: 0.3;
}
.alert__close:hover,
.alert__close:focus {
  opacity: 0.5;
}
/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/

/**
 * Alert box function modifiers
 */

.alert--success {
  border-color: #3a945b;
  background-color: #43ac6a;
  color: #ffffff;
}
.alert--success a {
  text-decoration: underline;
  color: #ffffff;
}
.alert--warning {
  border-color: #ec1022;
  background-color: #565656;
  color: #ffffff;
}
.alert--warning a {
  text-decoration: underline;
  color: #ffffff;
}
.alert--informational {
  border-color: #ffbf00;
  background-color: #ffbf00;
  color: #000000;
}
.alert--informational a {
  text-decoration: underline;
  color: #000000;
}
.alert--error,
.alert--required {
  border-color: #ec1022;
  background-color: #ec1022;
  color: #ffffff;
}
.alert--error a,
.alert--required a {
  text-decoration: underline;
  color: #ffffff;
}
/*------------------------------------*\
    $PARSLEYJS
\*------------------------------------*/

/**
 * Styles for parsley.js alerts
 */

.parsley-error-list {
  list-style: none;
  margin: 0;
}
.parsley-error-list li {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 9px;
  border-width: 1px;
  border-color: #3e76b3;
  border-style: solid;
  border-radius: 0;
  background-color: #5d90c7;
  color: #ffffff;
}
.parsley-error-list li > :last-child {
  margin-bottom: 0;
}
.parsley-error-list li.required {
  border-color: #ec1059;
  background-color: #f23d79;
  color: #ffffff;
}
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/

/**
 * Simple button box styling.
 */

.btn {
  line-height: 18px;
}
.btn--success {
  background-color: #43ac6a;
  border-color: #43ac6a;
  color: #ffffff;
}
.btn--warning {
  background-color: #565656;
  border-color: #565656;
  color: #ffffff;
}
.btn--error {
  background-color: #f23d79;
  border-color: #f23d79;
  color: #ffffff;
}
.btn--error:hover {
  background-color: #ec1059;
}
.mce-primary button,
.btn {
  font-style: normal;
  position: relative;
  text-shadow: none !important;
}
.btn--invert {
  background-color: #ffffff;
  color: #da202a;
}
.btn--invert:hover {
  background-color: #e6e6e6;
  color: #da202a;
}
.mce-primary button,
.btn--primary {
  background-color: #999999;
  color: #ffffff;
}
.mce-primary button:hover,
.btn--primary:hover {
  background-color: #808080;
  color: #ffffff;
}
.btn--primary-invert {
  border: 2px solid #999999;
  background-color: #999999;
  color: #ffffff;
}
.btn--primary-invert:hover {
  background-color: #808080;
  border: 2px solid #808080;
  color: #ffffff;
}
.btn--secondary {
  background-color: #da202a;
}
.btn--secondary:hover {
  background-color: #811319;
}
.btn--secondary--contrast {
  background-color: #fdda24;
  color: #000000;
}
.btn--secondary--contrast:hover {
  background-color: #ecc602;
}
.btn--secondary--disabled {
  background-color: grey;
}
.btn--huge {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 14px;
}
.btn--square-corner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.btn--full {
  padding-left: 0;
  padding-right: 0;
}
.btn--small,
.btn--basket-update {
  padding: 4.5px 9px;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
}
.btn--header-basket {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #000000 !important;
}
.btn--header-basket:hover {
  background-color: #cccccc;
}
@media screen and (max-width: 480px) {
  .btn--palm {
    margin: 9px 0 !important;
  }
  .btn--action {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 9px;
    width: 100%;
  }
  .btn--palm-small {
    float: right;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
/*------------------------------------*\
    $NAV
\*------------------------------------*/

/**
 * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
 * When used on an `ol` or `ul`, this class throws the list into horizontal mode
 * e.g.:
 *
   <ul class=nav>
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Demo: jsfiddle.net/inuitcss/Vnph4
 *
 */

.nav,
.list,
.carousel__nav,
.pagination,
.tabs__list,
.progress,
.selectize-dropdown .selectize-dropdown-content {
  list-style: none;
  margin-left: 0;
}
.nav > li,
.list > li,
.carousel__nav > li,
.nav > li > a,
.list > li > a,
.carousel__nav > li > a,
.pagination > li,
.tabs__list > li,
.progress > li,
.selectize-dropdown .selectize-dropdown-content > li,
.pagination > li > a,
.tabs__list > li > a,
.progress > li > a,
.selectize-dropdown .selectize-dropdown-content > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
   <ul class="nav  nav--stacked">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */

.nav--stacked > li,
.list > li,
.selectize-dropdown .selectize-dropdown-content > li {
  display: list-item;
}
.nav--stacked > li > a,
.list > li > a,
.selectize-dropdown .selectize-dropdown-content > li > a {
  display: block;
}
/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
   <ul class="nav  nav--banner">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */

.nav--banner {
  text-align: center;
}
/**
 * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
 *
   <ul class="nav  nav--block">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 */

.nav--block {
  line-height: 1;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}
.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}
.nav--block > li > a {
  padding: halve(9px);
}
/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 *
   <ul class="nav  nav--fit">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 *
 * Thanks to @pimpl for this idea!
 */

.nav--fit,
.progress {
  display: table;
  width: 100%;
}
.nav--fit > li,
.progress > li {
  display: table-cell;
}
.nav--fit > li > a,
.progress > li > a {
  display: block;
}
/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `<ul class="nav  nav--keywords>`
 *
 */

.nav--keywords > li:after {
  content: "\002C" "\00A0";
}
.nav--keywords > li:last-child:after {
  display: none;
}
/*------------------------------------*\
    $SPRITE
\*------------------------------------*/

/**
 * Giving an element a class of `.sprite` will throw it into ‘sprite’ mode and apply
 * a background image e.g.:
 *
   <a class="sprite  sprite--question-mark">More info&hellip;</a>
 *
 * or
 *
   <a href=#><i class="sprite  sprite--question-mark"></i> Help and FAQ</a>
 *
 * Giving an element a class of `.icon` will throw it into ‘icon’ mode and will
 * not add a background, but should be used for icon fonts and is populated
 * through a `data-icon` attribute and the `:after` pseudo-element, e.g.:
 *
   <a href=#><i class=icon data-icon="&#xF000;"></i> View your favourites</a>
 *
 * Where ‘&#xF000;’ might map to a star in your particular icon font.
 *
 * These all require extension in your theme stylesheet, e.g. in your own CSS:
 *
   .sprite{
       background-image:url(path/to/your/sprite.png);
   }
   .sprite--link{ background-position:0   0  ; }
   .sprite--star{ background-position:0 -16px; }
 *
 * Demo: jsfiddle.net/inuitcss/6TKuS
 *
 */

.sprite,
.collapse__header:after,
.accordion__header:after,
.icon {
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
  zoom: 1;
  /**
   * So using `.icon` on certain elements doesn’t make a visual difference.
   */
  font-style: normal;
  font-weight: normal;
  /**
   * So icons added using `.icon` sit in the centre of the element.
   */
  text-align: center;
}
.sprite,
.collapse__header:after,
.accordion__header:after {
  /**
   * The typical size of most icons. Override in your theme stylesheet.
   */
  width: 16px;
  height: 16px;
  top: -1px;
  /*
   * H5BP method image replacement:
   * github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
   */
  overflow: hidden;
  *text-indent: -9999px;
}
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/**
 * Set up icon font
 */

.icon {
  font-size: 16px;
  /**
   * Place the icon in a box the exact same dimensions as the icon itself.
   */
  width: 1em;
  height: 1em;
}
.icon:before {
  content: attr(data-icon);
}
/**
 * Icon size modifiers.
 */

.icon--large {
  font-size: 32px;
}
.icon--huge {
  font-size: 64px;
}
.icon--natural {
  font-size: inherit;
}
.icon,
.sprite,
.collapse__header:after,
.accordion__header:after,
.ui-icon {
  background-image: url("https://detail-resources.dimensions.co.uk/theme/0/400/NA2200/Sprite/12921/18231/d9e9bcf8-1911-4849-9be4-9b77f87e4d4f");
}
.sprite--logo {
  background-position: 0 0;
  width: 161px;
  height: 44px;
}
.icon--circle-email,
.sprite--circle-email {
  background-position: 0 -96px;
  width: 101px;
  height: 101px;
}
.icon--circle-delivery,
.sprite--circle-delivery {
  background-position: -192px 0;
  width: 123px;
  height: 79px;
}
.icon--circle-tick,
.sprite--circle-tick {
  background-position: -1216px -320px;
  width: 121px;
  height: 96px;
}
.icon--magnify,
.sprite--magnify {
  background-position: -414px -223px;
  width: 38px;
  height: 38px;
}
.icon--new,
.sprite--new {
  background-position: -160px -320px;
  width: 154px;
  height: 146px;
}
.icon--hanger,
.sprite--hanger {
  background-position: 0 -320px;
  width: 143px;
  height: 128px;
}
.icon--card,
.sprite--card {
  background-position: -320px -320px;
  width: 143px;
  height: 133px;
}
.sprite--close {
  background-position: -96px -288px;
  width: 24px;
  height: 23px;
}
.sprite--search {
  background-position: -128px -288px;
  width: 17px;
  height: 18px;
}
.icon--basket,
.sprite--basket {
  background-position: -32px -64px;
  width: 15px;
  height: 15px;
  margin-right: 15px;
}
.icon--menu,
.sprite--menu {
  background-position: -192px -192px;
  width: 20px;
  height: 12px;
  margin-left: 5px;
}
.icon--help,
.sprite--help {
  background-position: -192px -224px;
  width: 17px;
  height: 17px;
}
.icon--help-alt,
.sprite--help-alt {
  background-position: -224px -224px;
  width: 17px;
  height: 17px;
}
.ui-datepicker .ui-datepicker-next span,
.icon--arrow-right,
.sprite--arrow-right {
  margin-left: 9px;
  background-position: -32px -289px;
  width: 10px;
  height: 18px;
}
.ui-datepicker .ui-datepicker-prev span,
.icon--arrow-left,
.sprite--arrow-left {
  background-position: -64px -288px;
  width: 11px;
  height: 23px;
}
.icon--arrow-down,
.sprite--arrow-down {
  background-position: -32px -224px;
  width: 16px;
  height: 8px;
}
.icon--gt,
.sprite--gt {
  background-position: -160px -288px;
  width: 11px;
  height: 23px;
}
.icon--lt,
.sprite--lt {
  background-position: -192px -288px;
  width: 11px;
  height: 23px;
}
.icon--cross,
.sprite--cross {
  background-position: -192px -256px;
  width: 13px;
  height: 13px;
}
.icon--mobile,
.sprite--mobile {
  background-position: -224px -256px;
  width: 13px;
  height: 24px;
}
.icon--mobile-white,
.sprite--mobile-white {
  background-position: -512px -256px;
  width: 13px;
  height: 24px;
}
.icon--email,
.sprite--email {
  background-position: -256px -224px;
  width: 20px;
  height: 24px;
}
.icon--scroll,
.sprite--scroll {
  background-position: -256px -256px;
  width: 24px;
  height: 24px;
}
.icon--tick,
.sprite--tick {
  background-position: -288px -192px;
  width: 24px;
  height: 17px;
}
.icon--cross-plum,
.sprite--cross-plum {
  background-position: -288px -224px;
  width: 24px;
  height: 24px;
}
.icon--date,
.sprite--date {
  background-position: -512px -160px;
  width: 19px;
  height: 22px;
}
.ui-icon-triangle-1-e,
.sprite--cross-medium,
.collapse__header:after,
.accordion__header:after {
  background-position: -512px -192px;
  width: 21px;
  height: 21px;
}
.ui-icon-triangle-1-s,
.sprite--minus-medium,
.open:after {
  background-position: -512px -224px;
  width: 21px;
  height: 21px;
}
.icon--pencil,
.sprite--pencil {
  background-position: -192px -96px;
  width: 16px;
  height: 16px;
}
.icon--update-basket,
.sprite--update-basket {
  background-position: -192px -96px;
  width: 16px;
  height: 16px;
}
.icon--trash,
.sprite--trash {
  background-position: -192px -128px;
  width: 14px;
  height: 18px;
}
.icon--exclamation,
.sprite--exclamation {
  background-position: -224px -96px;
  width: 6px;
  height: 23px;
}
.icon--wearer,
.sprite--wearer {
  background-position: -608px -96px;
  width: 18px;
  height: 24px;
}
.icon--wearer-white,
.sprite--wearer-white {
  background-position: -640px -96px;
  width: 18px;
  height: 24px;
}
.icon--login,
.sprite--login {
  background-position: -608px -128px;
  width: 25px;
  height: 24px;
}
.icon--login-white,
.sprite--login-white {
  background-position: -640px -128px;
  width: 25px;
  height: 24px;
}
.icon--authorisor,
.sprite--authorisor {
  background-position: -608px -160px;
  width: 28px;
  height: 24px;
}
.icon--financial,
.sprite--financial {
  background-position: -1536px 0;
  width: 100px;
  height: 115px;
}
.icon--stock,
.sprite--stock {
  background-position: -1600px -256px;
  width: 112px;
  height: 118px;
}
.icon--order,
.sprite--order {
  background-position: -1888px 0;
  width: 94px;
  height: 141px;
}
.icon--detailed-order,
.sprite--detailed-order {
  background-position: -2208px 0;
  width: 95px;
  height: 123px;
}
.icon--employee-history,
.sprite--employee-history {
  background-position: -1952px -288px;
  width: 93px;
  height: 122px;
}
.icon--management-information,
.sprite--management-information {
  background-position: -2528px 0;
  width: 99px;
  height: 114px;
}
.icon--printer,
.sprite--printer {
  background-position: -480px -352px;
  width: 22px;
  height: 24px;
}
.icon--faqs,
.sprite--faqs {
  background-position: -2636px -341px;
  width: 136px;
  height: 115px;
}
.icon--notices,
.sprite--notices {
  background-position: -3440px -76px;
  width: 142px;
  height: 141px;
}
.icon--additional-help,
.sprite--additional-help {
  background-position: -2673px -67px;
  width: 120px;
  height: 121px;
}
.icon--contact-us,
.sprite--contact-us {
  background-position: -3177px -335px;
  width: 125px;
  height: 127px;
}
.icon--your-details,
.sprite--your-details {
  background-position: -4159px -19px;
  width: 52px;
  height: 135px;
}
.icon--change-password,
.sprite--change-password {
  background-position: -3714px -83px;
  width: 80px;
  height: 136px;
}
.icon--previous-orders,
.sprite--previous-orders {
  background-position: -4014px -398px;
  width: 122px;
  height: 96px;
}
.icon--staff-deduction,
.sprite--staff-deduction {
  background-position: -4199px -206px;
  width: 80px;
  height: 106px;
}
.icon--book-collection,
.sprite--book-collection {
  background-position: -4703px -21px;
  width: 67px;
  height: 132px;
}
icon--amend-collection,
.sprite--amend-collection {
  background-position: -4617px -398px;
  width: 135px;
  height: 96px;
}
/**************************************
 *
 *  $RETINA SPRITES
 *
 **************************************/

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .sprite--logo {
    background-position: -192px 0;
    width: 161px;
    height: 44px;
    background-size: 2250px 256px;
  }
  .icon--circle-email,
  .sprite--circle-email {
    background-position: -368px 0;
    width: 101px;
    height: 101px;
    background-size: 2250px 256px;
  }
  .icon--circle-delivery,
  .sprite--circle-delivery {
    background-position: -480px 0;
    width: 123px;
    height: 79px;
    background-size: 2250px 256px;
  }
  .icon--circle-tick,
  .sprite--circle-tick {
    background-position: -672px -160px;
    width: 121px;
    height: 96px;
    background-size: 2250px 256px;
  }
  .icon--magnify,
  .sprite--magnify {
    background-position: -205px -110px;
    width: 24px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .icon--new,
  .sprite--new {
    background-position: -608px 0;
    width: 154px;
    height: 146px;
    background-size: 2250px 256px;
  }
  .icon--hanger,
  .sprite--hanger {
    background-position: -304px -112px;
    width: 143px;
    height: 128px;
    background-size: 2250px 256px;
  }
  .icon--card,
  .sprite--card {
    background-position: -448px -112px;
    width: 143px;
    height: 128px;
    background-size: 2250px 256px;
  }
  .sprite--close {
    background-position: -224px -128px;
    width: 24px;
    height: 23px;
    background-size: 2250px 256px;
  }
  .sprite--search {
    background-position: -208px -112px;
    width: 17px;
    height: 18px;
    background-size: 2250px 256px;
  }
  .icon--basket,
  .sprite--basket {
    background-position: -208px -80px;
    width: 15px;
    height: 15px;
    background-size: 2250px 256px;
    margin-right: 15px;
  }
  .icon--menu,
  .sprite--menu {
    background-position: -112px -96px;
    width: 20px;
    height: 12px;
    background-size: 2250px 256px;
    margin-left: 5px;
  }
  .icon--help,
  .sprite--help {
    background-position: -208px -48px;
    width: 17px;
    height: 17px;
    background-size: 2250px 256px;
  }
  .icon--help-alt,
  .sprite--help-alt {
    background-position: -240px -48px;
    width: 19px;
    height: 17px;
    background-size: 2250px 256px;
  }
  .icon--arrow-right,
  .sprite--arrow-right {
    margin-left: 9px;
    background-position: -192px -112px;
    width: 11px;
    height: 23px;
    background-size: 2250px 256px;
  }
  .icon--gt,
  .sprite--gt {
    background-position: -272px -48px;
    width: 11px;
    height: 23px;
    background-size: 2250px 256px;
  }
  .icon--lt,
  .sprite--lt {
    background-position: -192px -64px;
    width: 11px;
    height: 23px;
    background-size: 2250px 256px;
  }
  .icon--cross,
  .sprite--cross {
    background-position: -96px -80px;
    width: 13px;
    height: 13px;
    background-size: 2250px 256px;
  }
  .icon--mobile,
  .sprite--mobile {
    background-position: -176px -128px;
    width: 13px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .icon--mobile-white,
  .sprite--mobile-white {
    background-position: -272px -128px;
    width: 13px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .icon--email,
  .sprite--email {
    background-position: -160px -96px;
    width: 20px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .icon--tick,
  .sprite--tick {
    background-position: -224px -96px;
    width: 24px;
    height: 17px;
    background-size: 2250px 256px;
  }
  .icon--cross-plum,
  .sprite--cross-plum {
    background-position: -144px -128px;
    width: 24px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .ui-icon-triangle-1-e,
  .sprite--cross-medium,
  .collapse__header:after,
  .accordion__header:after {
    background-position: -272px -80px;
    width: 21px;
    height: 21px;
    background-size: 2250px 256px;
  }
  .ui-icon-triangle-1-s,
  .sprite--minus-medium,
  .open:after {
    background-position: -272px -112px;
    width: 21px;
    height: 21px;
    background-size: 2250px 256px;
  }
  .icon--financial,
  .sprite--financial {
    background-position: -832px 0;
    width: 100px;
    height: 115px;
    background-size: 2250px 256px;
  }
  .icon--stock,
  .sprite--stock {
    background-position: -864px -128px;
    width: 112px;
    height: 118px;
    background-size: 2250px 256px;
  }
  .icon--order,
  .sprite--order {
    background-position: -992px 0;
    width: 94px;
    height: 141px;
    background-size: 2250px 256px;
  }
  .icon--detailed-order,
  .sprite--detailed-order {
    background-position: -1152px 0;
    width: 95px;
    height: 123px;
    background-size: 2250px 256px;
  }
  .icon--employee-history,
  .sprite--employee-history {
    background-position: -1088px -128px;
    width: 93px;
    height: 122px;
    background-size: 2250px 256px;
  }
  .icon--management-information,
  .sprite--management-information {
    background-position: -1184px -128px;
    width: 99px;
    height: 114px;
    background-size: 2250px 256px;
  }
  .icon--printer,
  .sprite--printer {
    background-position: -256px -176px;
    width: 22px;
    height: 24px;
    background-size: 2250px 256px;
  }
  .icon--faqs,
  .sprite--faqs {
    background-position: -1400px -144px;
    width: 136px;
    height: 95px;
    background-size: 2250px 256px;
  }
  .icon--notices,
  .sprite--notices {
    background-position: -1562px -5px;
    width: 142px;
    height: 141px;
    background-size: 2250px 256px;
  }
  .icon--additional-help,
  .sprite--additional-help {
    background-position: -1405px -6px;
    width: 120px;
    height: 121px;
    background-size: 2250px 256px;
  }
  .icon--contact-us,
  .sprite--contact-us {
    background-position: -1704px -127px;
    width: 125px;
    height: 127px;
    background-size: 2250px 256px;
  }
  .icon--your-details,
  .sprite--your-details {
    background-position: -2017px -5px;
    width: 52px;
    height: 135px;
    background-size: 2250px 256px;
  }
  .icon--change-password,
  .sprite--change-password {
    background-position: -1908px -9px;
    width: 80px;
    height: 136px;
    background-size: 2250px 256px;
  }
  .icon--previous-orders,
  .sprite--previous-orders {
    background-position: -1870px -151px;
    width: 122px;
    height: 96px;
    background-size: 2250px 256px;
  }
  .icon--staff-deduction,
  .sprite--staff-deduction {
    background-position: -4398px -16px;
    width: 80px;
    height: 106px;
    background-size: 2250px 256px;
  }
  .icon--book-collection,
  .sprite--book-collection {
    background-position: -2270px -6px;
    width: 66px;
    height: 130px;
    background-size: 2250px 256px;
  }
  .icon--amend-collection,
  .sprite--amend-collection {
    background-position: -2155px -151px;
    width: 134px;
    height: 96px;
    background-size: 2250px 256px;
  }
}
/*------------------------------------*\
    #PAGAINATION
\*------------------------------------*/

/**
*   <ul class="pagination">
*       <li class="pagination__prev"><a href="">&lt;</a></li>
*       <li class="pagination__page">Page</li>
*       <li><a href="#">1</a></li>
*       <li><a href="#">2</a></li>
*       <li><a href="#">3</a></li>
*       <li><a href="#">4</a></li>
*       <li class="pagination__current"><a>5</a></li>
*       <li><a href="#">6</a></li>
*       <li><a href="#">7</a></li>
*       <li><a href="#">8</a></li>
*       <li><a href="#">9</a></li>
*       <li><a href="#">10</a></li>
*       <li class="pagination__next"><a href="">&gt;</a></li>
</ul>
*/

.pagination {
  display: inline-block;
  color: #383838;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571;
}
.pagination a {
  color: #383838;
  text-decoration: none;
  padding: 4.5px;
}
.pagination a:hover {
  color: #da202a;
}
.pagination__next a,
.pagination__prev a {
  color: #ffffff;
  background-color: #da202a;
  padding: 0.75em 1.25em;
}
.pagination__next a:hover,
.pagination__prev a:hover {
  background-color: #ffffff;
  color: #da202a;
}
.pagination__next a {
  margin-left: 18px;
}
.pagination__prev a {
  margin-right: 18px;
}
.pagination__current a {
  color: #da202a;
}
.pagination__disabled {
  opacity: 0.4;
}
.pagination__disabled a:hover {
  background-color: #da202a;
  color: #ffffff;
}
.pagination__page {
  color: #383838;
}
.tabs {
  margin-bottom: 18px;
}
.tabs__list {
  text-align: left;
  margin: 0 0 0 9px;
  position: relative;
  top: 1px;
}
.tabs__list li {
  position: relative;
}
.tabs__list li a {
  background: #d1d1d1;
  padding: 10px;
  font-weight: bold;
  border-top: 1px solid #da202a;
  border-left: 1px solid #da202a;
  border-right: 1px solid #da202a;
}
.tabs__list .active a {
  border-bottom: 1px solid #d1d1d1;
}
.tabs__content {
  background-color: #d1d1d1;
  border: 1px solid #da202a;
  padding: 5px;
}
.tabs__panels .panel {
  padding: 18px;
  background-color: #ffffff;
}
.tabs__controls {
  margin-bottom: 18px;
}
.video {
  position: relative;
  padding-top: 0;
  padding-bottom: 67.5%;
  height: 0;
  overflow: hidden;
}
.video iframe,
.video object,
.video embed,
.video video {
  position: absolute;
  top: 0;
  float: left;
  width: 100%;
  height: 100%;
}
.language {
  position: relative;
  top: 2px;
  padding-right: 9px;
  height: 18px;
  overflow: hidden;
  z-index: 0;
}
.language:after {
  color: inherit;
  content: '';
  display: block;
  position: absolute;
  top: 49%;
  right: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #d1d1d1;
  height: 0;
  width: 0;
}
.language select {
  color: inherit;
  background-color: #da202a !important;
  font-weight: normal;
  font-family: "adelle-sans", Arial, Tahoma, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: treeheader;
  appearance: none;
  z-index: 200;
  width: 200%;
  cursor: pointer;
}
.language select:focus {
  background-color: #da202a;
}
.language select::-ms-expand {
  display: none;
}
.ie .language:after {
  display: none;
}
.ie .language select {
  color: #ffffff;
  background-color: #da202a;
  width: 100%;
}
.header {
  background-color: #da202a;
  color: #ffffff;
  border: 1px solid #da202a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 16px 14px;
  margin-top: 18px;
  overflow: hidden;
  height: 110px;
}
.header__logo {
  float: left;
}
.header__logo-desktop {
  height: 85px;
  display: table-cell;
  vertical-align: middle;
}
.header__logo-mobile {
  display: none;
}
.header__options {
  float: right;
}
.header__options div,
.header__options p {
  float: left;
}
.header__options p {
  margin-left: 27px;
  margin-top: 2px;
}
.header__nav {
  float: right;
  clear: right;
  position: relative;
  margin-bottom: 0;
}
.header__nav .btn,
.header__nav .nav,
.header__nav .list,
.header__nav .carousel__nav {
  display: inline-block;
  margin-bottom: 0;
}
.header__nav li {
  margin-left: 18px;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 2.25;
}
.header__nav .btn {
  color: #da202a;
  margin-left: 36px;
}
.header__options a,
.header__nav a {
  color: #ffffff;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .header {
    text-align: center;
    margin-bottom: 9px;
  }
  .header__options,
  .header__logo,
  .header__nav {
    float: none;
  }
  .header__nav {
    margin-top: 32px;
  }
}
.ie .header {
  min-height: 73px;
}
.ie .header__nav .btn {
  top: -1px;
}
.ie8 .header__nav .btn {
  top: -4px;
}
@media screen and (max-width: 959px) {
  .header {
    height: auto;
    min-height: 110px;
    overflow: visible;
  }
}
.nav__highlight {
  background-color: #ffffff;
  font-weight: bold;
  padding: 0 14px;
  margin-left: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.nav__highlight a {
  color: #da202a;
}
.nav--secondary {
  margin-bottom: 18px;
  width: 100%;
}
.nav--secondary a {
  display: block;
  position: relative;
  color: #ffffff;
  padding: 9px;
}
.nav--secondary > li {
  border-top: 1px dashed #ffffff;
}
.nav--secondary > li:first-child {
  border-top: none;
}
.nav--secondary a:hover,
.nav--secondary .active a {
  background-color: #da202a;
  color: #ffffff;
}
.nav--secondary a:hover:after,
.nav--secondary .active a:after {
  content: '';
  display: block;
  width: 6px;
  height: 0;
  border-top: 1.28571em solid transparent;
  border-bottom: 1.28571em solid transparent;
  border-left: 1.28571em solid #da202a;
  position: absolute;
  right: -1.28571em;
  top: 0;
}
.nav--breadcrumb {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  margin-bottom: 9px;
  text-align: right;
}
.nav--breadcrumb li {
  position: relative;
  padding-left: 18px;
}
.nav--breadcrumb li a:before {
  content: ">";
  display: block;
  position: absolute;
  left: 4.5px;
}
.nav--breadcrumb li:first-child {
  padding-left: 0;
}
.nav--breadcrumb li:first-child a:before {
  display: none;
}
@media screen and (max-width: 480px) {
  .nav--secondary {
    height: auto;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.75s ease-out;
    -moz-transition: max-height 0.75s ease-out;
    -ms-transition: max-height 0.75s ease-out;
    -o-transition: max-height 0.75s ease-out;
    transition: max-height 0.75s ease-out;
  }
  .nav--secondary a:hover:after,
  .nav--secondary .active a:after {
    display: none;
  }
  .nav--secondary-open {
    max-height: 999px;
  }
  .nav--secondary a {
    color: #ffffff;
  }
  .nav--secondary > li {
    border-top: 1px dashed #ffffff;
  }
}
.carousel__slide {
  position: relative;
  display: none;
}
.carousel__slide:first-child {
  display: block;
}
.carousel__image {
  width: auto;
  max-height: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
  display: block;
  min-height: 400px;
}
.carousel__column-left,
.carousel__column-right {
  position: absolute;
  bottom: 0;
}
.carousel__column-left {
  left: 0;
}
.carousel__column-right {
  right: 0;
}
.carousel__body {
  background-color: #da202a;
  background-color: rgba(218, 32, 42, 0.85);
  color: #ffffff;
  padding-left: 40px;
  padding-bottom: 34px;
  padding-top: 14px;
  padding-right: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.carousel__body .alpha,
.carousel__body .beta,
.carousel__body p {
  color: #ffffff;
  margin-bottom: 12px;
}
.carousel__body--spacious {
  padding: 10px 30px 20px;
}
.carousel__prev,
.carousel__next {
  cursor: pointer;
}
.carousel__nav {
  position: relative;
  text-align: right;
  top: -20px;
  line-height: 20px;
}
.carousel__nav li {
  vertical-align: middle;
}
.carousel__nav .slick-dots {
  position: relative;
  margin: 0;
  bottom: 0;
}
.carousel__nav .slick-dots li button:before {
  font-size: 16px;
  top: 0px;
}
.carousel__nav .slick-dots .slick-active button:before {
  font-size: 20px;
  top: 0px;
}
.slick-slider {
  margin-bottom: 0;
}
.slick-slider ~ .container {
  height: 0;
}
@media screen and (max-width: 480px) {
  .carousel__column-left,
  .carousel__column-right {
    position: relative;
  }
}
@media screen and (max-width: 780px) {
  .container--slide {
    position: relative;
  }
  .carousel__image {
    width: 100%;
    min-height: 0px;
  }
  .carousel .carousel__image {
    position: relative;
    margin-bottom: 0;
  }
  .carousel .form,
  .carousel .carousel__column-left,
  .carousel .carousel__column-right {
    position: relative;
    width: 100% !important;
  }
}
.profile {
  border: 3px solid #da202a;
  background-color: #ffffff;
  width: 100%;
  border-collapse: collapse;
  word-wrap: break-word;
}
.profile tr:first-child td {
  padding-top: 10px !important;
}
.profile tr td {
  width: 60% !important;
  padding: 5px 10px 5px 0;
}
.profile tr td:first-child {
  width: 40% !important;
  vertical-align: top;
  white-space: normal !important;
  padding: 5px 10px;
  font-weight: bold;
}
.profile tr td address {
  font-weight: normal;
}
.profile h2 {
  margin: 0;
}
.profile thead {
  border-bottom: 1px solid #da202a;
  margin-top: 10px;
}
.profile thead td {
  padding: 10px;
}
.profile tfoot {
  border-left: 3px solid #da202a;
  border-right: 3px solid #da202a;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  text-align: center;
}
.profile tfoot td {
  padding: 0;
}
.profile tfoot p {
  margin-bottom: 0;
  border-top: 15px solid #ffffff;
}
.profile tfoot a {
  display: block;
  border-top: 1px solid #da202a;
  width: 100%;
  padding: 10px;
}
.profile tbody tr td:last-child,
.checkout-summary-email {
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.ie8 table.profile {
  table-layout: fixed;
}
.callout {
  display: block;
  position: relative;
  margin-bottom: 18px;
  margin-bottom: 1.28571rem;
  text-align: center;
}
.callout__header {
  font-weight: normal;
  color: #666666;
}
.callout__header a,
.callout__header p {
  color: #666666;
}
.other-text {
  color: #666666 !important;
}
.js-menu {
  position: relative;
}
.js-menu__button {
  display: none;
}
@media screen and (max-width: 959px) {
  .js-menu__panel {
    color: #da202a;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    left: 0;
    top: 32px;
    width: 100%;
    height: auto;
    max-height: 0;
    display: block;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: max-height 0.75s ease-out;
    -moz-transition: max-height 0.75s ease-out;
    -ms-transition: max-height 0.75s ease-out;
    -o-transition: max-height 0.75s ease-out;
    transition: max-height 0.75s ease-out;
  }
  .js-menu__panel:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #ffffff transparent;
    top: 0;
    position: absolute;
    left: 13%;
  }
  .js-menu__panel li:first-child {
    margin-top: 9px;
  }
  .js-menu__panel li {
    margin-left: 0;
    display: block;
    background-color: #ffffff;
  }
  .js-menu__panel a {
    color: #da202a;
    padding: 9px 18px;
  }
  .js-menu__panel--visible {
    max-height: 500px;
  }
  .js-menu__button {
    display: inline-block;
  }
}
.tooltip {
  position: relative;
  display: inline-block;
  line-height: 20px;
  cursor: help;
  font-weight: normal;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.tooltip .hover {
  bottom: 150%;
  left: 50%;
  margin-left: -150px;
  display: block;
}
.tooltip__copy {
  display: none;
  width: 300px;
  position: absolute;
  color: #ffffff;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
  background-color: #383838;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571;
}
.tooltip__copy:after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #383838;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.walkthrough {
  display: table;
  color: #ffffff;
  font-weight: bold;
  table-layout: fixed;
  counter-reset: item;
  overflow: hidden;
  margin: 5px 0;
  width: 100%;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.walkthrough li {
  padding: 9px 18px 9px 32px;
  line-height: 1;
  position: relative;
  margin: 0;
  display: table-cell;
  border: 1px solid #878787;
}
.walkthrough li:after {
  content: counter(item) ". ";
  counter-increment: item;
  display: block;
  position: absolute;
  top: 9px;
  left: 18px;
}
.walkthrough__1 {
  background-color: #da202a;
}
.walkthrough__2,
.walkthrough__3 {
  margin-left: 34px;
}
.walkthrough__2:before,
.walkthrough__3:before {
  content: "";
  background-color: #ffffff;
  height: 34px;
  width: 17px;
  display: block;
  position: absolute;
  left: -17px;
  top: -1px;
}
.walkthrough__2 {
  background-color: #e44951;
}
.walkthrough__2:before {
  background-image: url(/images/walkthrough_2.png);
}
.walkthrough__3 {
  background-color: #eb757c;
}
.walkthrough__3:before {
  background-image: url(/images/walkthrough_3.png);
}
@media screen and (max-width: 640px) {
  .walkthrough li {
    padding-left: 18px;
  }
  .walkthrough li:after {
    left: 4px;
  }
}
@media screen and (max-width: 480px) {
  .walkthrough li {
    display: block;
    width: 100%;
  }
}
.message {
  background-color: #fdda24;
  color: #000000;
  text-align: center;
  padding: 9px !important;
  margin-bottom: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.message h2,
.message h3,
.message p {
  margin-bottom: 0;
  color: #000000;
}
.message--primary {
  background-color: #fdda24;
  color: #000000;
}
.message--thankyou {
  background-color: #00C3C3 !important;
  color: #ffffff !important;
  border: none !important;
}
.message--thankyou h2,
.message--thankyou h3,
.message--thankyou p {
  color: #000000 !important;
}
.product {
  display: block;
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.85);
  margin-bottom: 18px;
}
.product label {
  color: #ffffff;
}
.product .btn--hidden {
  display: none;
}
.product__body {
  background: #333333;
  color: #ffffff;
  padding: 8px 2px 2px;
  position: relative;
}
.product__header {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.28571;
  margin-bottom: 0;
  color: #ffffff;
}
.product p {
  margin-bottom: 4.5px;
}
.product__header,
.product p {
  padding-left: 5px;
  padding-right: 50px;
}
.product .product__cost {
  padding-right: 4px;
}
.product__close {
  display: none;
  position: absolute;
  top: 16px;
  right: 17px;
}
.product__img {
  display: block;
}
.product__actions {
  padding: 7px 10px;
}
.product__save {
  display: block;
  padding: 0 5%;
}
.product__overlay {
  position: relative;
}
.product__overlay a {
  color: #ffffff;
  text-decoration: underline;
}
.overlay {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #383838;
  background-color: rgba(51, 51, 51, 0.85);
}
.overlay label {
  padding: 0 5%;
}
.product__cost {
  position: absolute;
  padding: 4px 9px;
  bottom: 0;
  right: 2px;
  color: #da202a;
  z-index: 10;
  margin: 0;
  background-color: #ffffff;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125;
  font-weight: bold;
}
.product--overlay .product__close {
  display: block;
}
.product--overlay .overlay--open {
  overflow: visible;
  z-index: 20;
}
.product--overlay .overlay--scroll {
  overflow-y: scroll;
}
.product--overlay .overlay {
  max-height: 100%;
}
.product .product__actions .overlay-visible {
  display: none;
}
.product .product__actions .overlay-hidden {
  display: block;
}
.product.product--overlay .product__actions .overlay-visible {
  display: block;
}
.product.product--overlay .product__actions .overlay-visible .btn--hidden {
  display: block;
}
.product.product--overlay .product__actions .overlay-hidden {
  display: none;
}
.product__sizes {
  padding: 0 5%;
}
.product__sizes label {
  display: inline-block;
}
.ie9 .overlay--scroll {
  box-sizing: content-box;
}
.ie9 .overlay--scroll * {
  box-sizing: border-box;
}
.allocation {
  background-color: #ebebeb;
  border: 1px solid #d6d6d6;
  clear: both;
  font-weight: bold;
  margin-bottom: 18px;
}
.allocation a,
.allocation h6 {
  color: #666666;
}
.allocation a.btn--secondary {
  color: #ffffff !important;
}
.allocation h6 {
  display: inline-block;
  margin-bottom: 9px;
}
.allocation .nav,
.allocation .list,
.allocation .carousel__nav {
  width: auto;
  display: inline-block;
  margin-bottom: 9px;
}
.allocation .nav > li,
.allocation .list > li,
.allocation .carousel__nav > li {
  margin-left: 18px;
}
.allocation .layout__item {
  vertical-align: middle;
}
.allocation table {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  font-weight: normal;
}
.allocation table td {
  vertical-align: top;
}
.allocation__head {
  background-color: #c7c7c7;
  padding: 9px 18px;
  font-weight: normal;
}
.allocation__head h6,
.allocation__head .nav,
.allocation__head .list,
.allocation__head .carousel__nav {
  margin: 0;
}
.allocation__body {
  border-top: 1px dotted #da202a;
  padding: 9px 18px;
}
@media screen and (max-width: 959px) {
  .allocation table {
    margin-top: 9px;
  }
  .allocation .nav,
  .allocation .list,
  .allocation .carousel__nav {
    display: block;
  }
  .allocation .nav > li:first-child,
  .allocation .list > li:first-child,
  .allocation .carousel__nav > li:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .allocation td {
    display: block;
  }
  .allocation .nav > li,
  .allocation .list > li,
  .allocation .carousel__nav > li {
    display: block;
    margin-left: 0;
  }
}
.progress {
  border: 1px solid #424242;
  height: 1.785em;
  box-shadow: inset 0 0 6px 0 #bababa;
  overflow: hidden;
  margin-bottom: 0;
}
.progress:after {
  display: none !important;
}
.progress li {
  border-left: 1px dashed #da202a;
}
.progress li:first-child {
  border-left: none;
}
.progress .progress__full {
  background: #da202a;
}
.progress .progress__partial {
  background: #ffffff;
}
.progress .progress__full + li {
  border-left: 1px solid #424242;
}
.ie8 .progress {
  border-collapse: collapse;
}
.search {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  line-height: 2.35714em;
  margin-bottom: 9px;
  width: 100%;
}
.search__submit {
  background: #da202a;
  border: none;
  position: absolute;
  left: 1px;
  top: 1px;
  height: 30px;
  width: 30px;
  padding: 0;
  vertical-align: middle;
}
.search__submit .sprite--search {
  top: -3px;
}
.search__input {
  border: none;
  background: transparent;
  margin-left: 35px;
  width: 90%;
  outline: none;
  font-style: italic;
  color: #da202a;
}
.search,
.search__submit {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.basket {
  position: absolute;
  width: 33.57143em;
  right: 0;
  top: 10px;
  z-index: 999;
}
.basket .icon {
  cursor: pointer;
}
.basket .icon--cross {
  top: -1px;
}
.basket a {
  color: #ffffff;
}
.basket td,
.basket th {
  padding: 5px;
}
.basket-position-wrapper {
  position: absolute;
  top: 11.71429em;
  right: 0;
  overflow: hidden;
  height: 665px;
  width: 100%;
}
.basket__sticky-wrapper .stuck {
  position: fixed;
}
.basket__heading {
  margin-bottom: 0;
  color: #ffffff;
}
.basket__tab,
.basket__draw {
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.85);
  color: #ffffff;
  padding: 18px 18px 9px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.basket__tab {
  display: inline-block;
  position: absolute;
  right: 0;
  left: auto;
  padding: 12px 18px 9px;
}
.basket__tab .basket__heading {
  cursor: pointer;
}
.basket__draw {
  position: absolute;
  top: 0;
  left: 100%;
}
.basket__draw .icon--gt {
  position: absolute;
  right: 18px;
}
.basket__draw table {
  width: 29.57143em;
  margin-top: 18px;
  border-collapse: collapse;
}
.basket__draw thead {
  text-align: left;
  font-style: normal;
}
.basket__draw th {
  padding-top: 9px;
}
.basket__draw .btn:not(.btn--basket-update) {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1;
  margin-bottom: 9px;
}
.basket__remove {
  text-align: right;
}
.basket--open .basket__tab {
  right: -11.28571em;
}
.basket--open .basket__draw {
  left: 0;
}
.basket__item--size {
  width: 90px;
  text-align: center;
}
.basket__item--qnty {
  width: 110px;
  text-align: center;
}
.basket__item--close {
  width: 70px;
  text-align: center;
}
.basket__scroll {
  overflow-y: scroll;
  max-height: 380px;
  border-top: 1px dashed #ffffff;
  border-bottom: 1px dashed #ffffff;
  margin: 18px 0;
  padding-right: 20px;
}
.ie .basket__scroll {
  height: 300px;
}
@media screen and (max-width: 480px) {
  .basket {
    display: none;
  }
}
.products {
  height: 100%;
  min-height: 100%;
}
.products:after {
  display: block;
  width: 50%;
  height: 100%;
  content: '';
  position: fixed;
  background-color: #333333;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.products .layout,
.products .container,
.products .layout__item {
  height: 100%;
}
.products .layout__item .layout,
.products .layout__item .container,
.products .layout__item .layout__item {
  height: auto;
}
.products__nav,
.products__body {
  height: 100%;
  position: relative;
  z-index: 2;
}
.products__nav .btn--invert,
.products__body .btn--invert {
  display: none;
  float: right;
}
.products__nav {
  z-index: 3;
  padding-right: 10px;
  padding-top: 9.57143em;
}
.products__nav .sticky {
  padding-top: 1em;
}
.products__nav .stuck {
  position: fixed;
  top: 0px;
  width: 100%;
}
.products__body {
  padding-right: 18px;
  padding-left: 18px;
  padding-bottom: 18px;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  display: table;
  padding-top: 10.57143em;
}
.products__list {
  border-top: 1px dashed #da202a;
  padding-top: 18px;
  padding-left: 18px;
  margin-top: 18px;
  margin-left: -18px;
  background-color: #ffffff;
}
.products__list__noborder {
  padding-left: 18px;
  margin-left: -18px;
  background-color: #ffffff;
}
.ie8 .products:after {
  position: absolute;
}
@media screen and (max-width: 480px) {
  .products {
    height: auto;
  }
  .products .layout,
  .products .container,
  .products .layout__item {
    height: auto;
  }
  .products:after {
    display: none;
  }
  .products .stuck {
    position: relative;
  }
  .products__nav {
    width: auto;
    overflow: hidden;
    padding-left: 10px;
    background-color: #da202a;
  }
  .products__nav .search {
    margin-bottom: 0;
  }
  .products__nav .nav--secondary {
    margin-bottom: 9px;
  }
  .products__body {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -18px;
  }
  .products__body .btn {
    margin-bottom: 9px;
  }
  .products__nav,
  .products__body {
    height: auto;
    display: block;
    margin-top: 9px;
    padding-top: 9px;
  }
  .products__nav .btn--invert,
  .products__body .btn--invert {
    display: inline-block;
  }
  .padding__list,
  .products__info {
    padding: 0;
  }
}
.notification {
  display: block;
  font-size: 18px;
  font-size: 1rem;
  height: 1.75em;
  width: 2.5em;
  line-height: 1.75;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  border-radius: 99px;
  color: #ffffff;
  background-color: #ec1022;
  text-align: center;
  position: absolute;
  top: -0.9em;
  right: -0.5em;
}
.text-container {
  background-color: #ffffff;
  border: 2px solid #da202a;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.well,
.form {
  background-color: #ffffff;
  border: 2px solid #da202a;
  margin-top: 5px;
  margin-bottom: 9px;
}
.well .well__header,
.form .well__header {
  color: #999999;
  border-bottom: 1px solid #999999;
  padding: 18px;
  position: relative;
}
.well .well__header h2,
.form .well__header h2 {
  margin-bottom: 0;
  line-height: 24px;
}
.well .well__header .tooltip,
.form .well__header .tooltip {
  float: right;
  top: 2px;
}
.well .well__header .icon,
.form .well__header .icon {
  top: -3px;
}
.well .well__aside,
.form .well__aside {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #da202a;
}
.well .well__body,
.form .well__body {
  padding: 18px;
}
.well .well__body p,
.form .well__body p {
  padding: 9px;
}
.well--spacious,
.form {
  padding: 18px 28px 18px;
}
@media screen and (max-width: 480px) {
  .well .well__aside,
  .form .well__aside {
    position: relative;
    margin-bottom: 0;
    margin-top: 9px;
    right: auto;
    top: auto;
  }
}
.product-carousel .slick-next,
.product-carousel .slick-prev {
  background-color: #da202a;
  height: 24px;
  width: 24px;
}
.product-carousel__slide,
.product-image,
.product-video {
  border: 1px solid #da202a;
  margin: 0 4.5px 9px;
  overflow: hidden;
  position: relative;
}
.product-video {
  height: 311px;
  position: relative;
  overflow: hidden;
}
.product-video video {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.product-carousel__slide img,
.product-image img {
  width: 100%;
  display: block;
}
.enlargeImage {
  position: absolute;
  top: 0.5em;
  right: 0.8em;
  border: black 1px solid;
  background-color: white;
  border-radius: 5px;
}
.detail__product__body {
  position: relative;
}
.product-details {
  background-color: #fdda24;
  color: #000000;
  border: 2px dotted #ffffff;
}
.product-details a {
  color: #ffffff;
  text-decoration: underline;
}
.product-details h2,
.product-details p {
  margin-bottom: 0;
  color: #666666;
}
.product-details label {
  color: #666666;
}
.product-details .btn {
  text-decoration: none;
}
.product-details__section {
  border-top: 1px dashed #ffffff;
  padding: 18px;
}
.product-details__section:first-child {
  border-top: none;
}
.product-detail__actions div:nth-child(1) {
  float: left;
}
.product-detail__actions div:nth-child(2) {
  float: right;
}
.checkout-btns {
  text-align: right !important;
  clear: both;
}
.checkout-btns a {
  width: 30%;
}
.checkout-btns button {
  width: 30%;
  margin-left: 10px;
}
@media screen and (max-width: 780px) {
  .checkout-btns a {
    width: 45%;
  }
  .checkout-btns button {
    width: 45%;
  }
}
@media screen and (max-width: 480px) {
  .product-detail__actions div:nth-child(1),
  .product-detail__actions div:nth-child(2) {
    float: none;
  }
  .product-detail__actions div:nth-child(1) {
    margin-bottom: 5px;
  }
  .product-detail__actions div:nth-child(1) .btn:first-child {
    width: 142px;
    padding: 9px 9px;
  }
  .product-detail__actions div:nth-child(1) .btn:last-child {
    width: 94px;
    padding: 9px 8px;
  }
  .product-detail__actions div:nth-child(1) .push--right {
    margin-right: 2px !important;
  }
  .product-detail__actions div:nth-child(1) .push--left {
    margin-left: 2px !important;
  }
  .checkout-btns {
    text-align: center !important;
    padding-top: 18px;
  }
  .checkout-btns a {
    width: 100%;
    float: none !important;
    margin: 0 !important;
  }
  .checkout-btns button {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
}
.basket-list__header {
  background-color: #999999;
  color: #ffffff;
  padding: 0 9px;
}
.basket-list__header__nobackground {
  padding: 0 9px;
}
.basket-list__header p {
  line-height: 2.57143em;
}
.basket-list__header h3,
.basket-list__header p {
  margin-bottom: 9px;
  color: #ffffff;
}
.basket-list__category {
  color: #ffffff;
}
.basket-list__table {
  background-color: #ffffff;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.basket-list__table th {
  padding: 9px;
}
.basket-list__table td {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 0 9px;
}
.basket-list__thead {
  background-color: #e0e0e0;
}
.item__alt,
.item__stripe-alt,
.item__size,
.item__reason,
.item__price {
  background-color: #e0e0e0;
}
.item__stripe,
.item__choice,
.item__product,
.item__stock,
.item__embellishments {
  background-color: #f5f5f5;
}
.item__product {
  text-align: left;
}
.item__stock {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 1.5;
}
.item__stock a {
  color: #999999;
}
.item__choice .btn {
  margin-bottom: 9px;
}
.item__choice p {
  margin: 12px 0;
}
.item__width,
.item__size,
.item__reason,
.item__quantity {
  width: 14%;
}
.item__quantity-small {
  width: 10%;
}
.item__width-half,
.item__stock,
.item__delete,
.item__embellishments {
  width: 12%;
}
.item__price {
  width: 12%;
}
.item__allocation {
  width: 12%;
}
.item__width-small {
  width: 5%;
}
.item__width-large {
  width: 31%;
}
.item__width-medium {
  width: 24%;
}
[data-link]:hover td {
  background-color: #878787;
  color: #ffffff;
  text-decoration: none;
}
[data-link]:hover td a,
[data-link]:hover td h3 {
  color: #ffffff;
}
.media-tool-tip {
  display: none;
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  .basket-list__large-table thead th:first-child,
  .basket-list__large-table .item__image {
    display: none;
  }
  .basket-list__large-table td {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  /* Force table to not be like tables anymore */
  
  .basket-list__table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */
  
    /*
      Label the data
      */
  
  }
  .basket-list__table thead,
  .basket-list__table tbody,
  .basket-list__table th,
  .basket-list__table td,
  .basket-list__table tr {
    display: block;
  }
  .basket-list__table thead tr {
    border-bottom: none;
  }
  .basket-list__table thead tr th {
    display: none;
  }
  .basket-list__table thead tr th.database_heading {
    display: block;
    margin: 0;
    width: 100% !important;
  }
  .basket-list__table tr {
    padding-left: 80px;
    border-top: 3px solid #da202a;
  }
  .basket-list__table tr:first-child {
    border-top: none;
  }
  .basket-list__table td {
    /* Behave  like a "row" */
    margin-bottom: 1px;
    position: relative;
    white-space: normal;
    text-align: left;
    border-top-width: 1px;
    border-bottom-width: 0;
    padding: 9px;
    width: auto;
  }
  .basket-list__table td .icon {
    margin-left: 0 !important;
  }
  .basket-list__table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0;
    left: -80px;
    width: 80px;
    padding-right: 10px;
    text-align: left;
    font-weight: bold;
    background-color: #f5f5f5;
    border-right: 1px dashed #878787;
    color: #da202a;
    font-weight: normal;
    padding: 9px;
    height: 100%;
  }
  .basket-list__table .item__alt:before,
  .basket-list__table .item__image:before,
  .basket-list__table .item__size:before,
  .basket-list__table .item__reason:before,
  .basket-list__table .item__remove:before {
    background-color: #e0e0e0;
  }
  .basket-list__table .item__stock {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.28571;
  }
  .basket-list__table td.database__title:before {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .basket-list__table td:before {
    content: attr(data-title);
  }
  .media-tool-tip {
    display: block;
    position: absolute;
    left: -25px;
    top: 8px;
  }
}
.symbol {
  border: 10px solid #999999;
  background-color: #f5f5f5;
  display: inline-block;
  height: 13.57143em;
  width: 13.57143em;
  position: relative;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 95px;
  -moz-border-radius: 95px;
  -ms-border-radius: 95px;
  -o-border-radius: 95px;
  border-radius: 95px;
}
.symbol__icon {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.btn--symbol {
  background-color: #999999;
}
.btn--symbol:hover {
  background-color: #666666;
}
/* Main notices styling */

.super-list ol {
  list-style: none;
  margin-left: 63px;
  counter-reset: item;
}
.super-list ol li {
  position: relative;
  margin-bottom: 18px;
}
.super-list ol li:before {
  content: counter(item);
  counter-increment: item;
  font-weight: 900;
  font-size: 1.25em;
  width: 2em;
  height: 2em;
  line-height: 1.75em;
  text-align: center;
  color: #999999;
  border: 2px solid #999999;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  -ms-border-radius: 3em;
  -o-border-radius: 3em;
  border-radius: 3em;
  position: absolute;
  left: -2.5em;
}
/* Styling of an ordered list (ol) on the notices page. */

.super-list ol li ol {
  list-style: none;
  margin-left: 35px;
  counter-reset: item;
}
.super-list ol li ol li {
  min-height: 0px;
  margin-bottom: 10px;
}
.super-list ol li ol li:before {
  content: counter(item) '.';
  counter-increment: item;
  font-weight: 500;
  font-size: 1em;
  width: 1em;
  line-height: 1.2em;
  border: none;
  left: -1em;
}
/* Styling of an unordered list (ul) on the notices page. */

.super-list ol li ul {
  list-style: disc;
}
.super-list ol li ul li {
  min-height: 0px;
  margin-bottom: 10px;
}
.super-list ol li ul li:before {
  content: none;
  counter-increment: none;
}
/*! jQuery UI - v1.11.1 - 2014-08-13
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */

}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */

}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -10px;
}
.ui-accordion .ui-accordion-content {
  padding: 18px;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */

}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */

button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text,
.ui-dialog-buttonset .ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */

input.ui-button {
  padding: 0.4em 1em;
}
/* button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -9px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
/* button sets */

.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 30px;
  height: 30px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  margin-top: 4px;
}
.ui-datepicker .ui-datepicker-prev span {
  margin-left: 7px;
}
.ui-datepicker .ui-datepicker-next span {
  margin-left: 9px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  text-indent: -9999999px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */

.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000000;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #a1a1a1;
  box-shadow: 0 0 5px #a1a1a1;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/

.ui-widget {
  font-family: "adelle-sans", Arial, Tahoma, Verdana, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "adelle-sans", Arial, Tahoma, Verdana, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #d1d1d1;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content h3 a {
  color: #da202a;
}
.ui-widget-header {
  border: 1px solid #d1d1d1;
  background: #d1d1d1;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-dialog-titlebar-close,
.ui-dialog-buttonset .ui-button {
  border: 1px solid #d1d1d1;
  background: #f7f7f7;
  font-weight: bold;
  color: #da202a;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #da202a;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-dialog-titlebar-close:hover,
.ui-dialog-buttonset .ui-button:hover {
  border: 1px solid #d1d1d1;
  background: #da202a;
  font-weight: bold;
  color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #d1d1d1;
  background: #ffffff;
  font-weight: bold;
  color: #999999;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #999999;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/

/* Icons
----------------------------------*/

/* states and images */

/* Misc visuals
----------------------------------*/

/* Corner radius */

/* Overlays */

.ui-datepicker {
  z-index: 200 !important;
}
.info-table,
.address-list {
  border: 1px solid #878787;
  margin-top: 18px;
}
.address-list {
  margin-bottom: 0;
}
.info-table {
  margin-bottom: 18px;
}
.info-table__item,
.employee-list,
.address-option {
  position: relative;
  cursor: pointer;
}
.info-table__item p,
.info-table__item label,
.employee-list p,
.employee-list label,
.address-option p,
.address-option label,
.address-option div {
  font-weight: normal;
  padding: 9px !important;
  margin: 0 42px 0 0;
}
.info-table__item span,
.employee-list span,
.address-option span {
  color: #da202a;
  text-decoration: underline;
  position: absolute;
  right: 9px;
}
.info-table__item:nth-child(even),
.employee-list:nth-child(even),
.address-option:nth-child(even) {
  background-color: #f5f5f5;
}
.info-table__item .btn--small,
.employee-list .btn--small,
.address-option .btn--small {
  top: 2px;
  right: 2px;
}
.table--fixed p {
  padding-right: 9px;
}
.info-table__item input,
.address-option input {
  display: none;
}
.info-table__item:hover,
.address-option:hover {
  background-color: #878787;
  color: #ffffff;
  text-decoration: underline;
}
.address-option-selected {
  background-color: #878787 !important;
  color: #ffffff;
  text-decoration: underline;
}
.address-option-selected label {
  background-color: #878787;
  color: #ffffff;
  text-decoration: underline;
}
.address-option-selected label span {
  background-color: #878787;
  color: #ffffff;
  text-decoration: underline;
}
.info-table__item input:checked ~ label {
  background-color: #878787;
  color: #ffffff;
  text-decoration: underline;
}
.info-table__item:hover label,
.info-table__item:hover span,
.address-option:hover label,
.address-option:hover span {
  color: #ffffff;
  cursor: pointer;
}
.info-table__item input:checked ~ label label,
.info-table__item input:checked ~ label span {
  color: #ffffff;
  cursor: pointer;
}
.address-block--hide {
  display: none;
}
.employee-list table,
.employee-list div.employee {
  width: 100%;
  margin: 0;
  border-top: 1px dashed #da202a;
  clear: both;
}
.employee-list div.employee table {
  border-top: none;
}
.employee-list div.employee:nth-child(even) {
  background-color: #f5f5f5;
}
.employee-list div.employee div.col-one {
  width: 31%;
  float: right;
  padding: 10px 0;
}
.employee-list div.employee div.col-one table {
  width: 100%;
}
.employee-list div.employee div.col-one table td {
  text-align: center;
}
.employee-list div.employee div.col-one table td.icon-cell {
  width: 22%;
}
.employee-list div.employee div.col-two,
.employee-list div.employee div.col-three {
  width: 23%;
  float: left;
}
.employee-list div.employee div.col-four {
  width: 23%;
  margin-left: 46%;
  min-height: 65px;
}
.employee-list div.employee:first-child {
  border-top: none;
}
.employee-list table:hover,
.employee-list div.employee:hover {
  background-color: #878787;
  color: #ffffff;
  text-decoration: none;
}
.employee-list table:hover a {
  color: #ffffff;
  cursor: pointer;
}
.employee-list a {
  color: #da202a;
  text-decoration: underline;
}
.table {
  border-left: 1px solid #da202a;
  border-top: 1px solid #da202a;
  border-bottom: 1px solid #da202a;
  margin-bottom: 0;
  width: 100%;
}
.table th,
.table td {
  border-right: 1px solid #da202a;
  padding: 9px;
}
.table th {
  border-bottom: 1px solid #da202a;
  background-color: #e0e0e0;
  padding: 5px;
}
.table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.table tr:hover td {
  background-color: #878787;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .employee-list span,
  .address-option span {
    position: relative;
    right: 0;
    text-align: right;
    width: 100%;
    display: block;
  }
  .employee-list p,
  .address-option p {
    padding-right: 9px;
  }
  .employee-list table,
  .table {
    position: relative;
  }
  .employee-list table td,
  .table td {
    display: block;
  }
  .employee-list table td a,
  .table td a {
    position: absolute;
    bottom: 9px;
    right: 9px;
  }
  .employee-list table td a.no-positioning {
    position: static;
  }
  .employee-list div.employee div:nth-child(1) {
    width: 25%;
    float: right;
    margin: 0;
  }
  .employee-list div.employee div:nth-child(1) table {
    width: 100%;
  }
  .employee-list div.employee div:nth-child(1) table td {
    text-align: center;
    width: 100%;
  }
  .employee-list div.employee div:nth-child(1) table td i {
    margin-bottom: 10px;
  }
  .employee-list div.employee div:nth-child(1) table td:nth-child(-n+3) {
    width: 100%;
  }
  .employee-list div.employee div:nth-child(1) table td a {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .employee-list div.employee div:nth-child(2),
  .employee-list div.employee div:nth-child(3),
  .employee-list div.employee div:nth-child(4) {
    width: 78%;
    margin-right: 20%;
    float: none;
    margin: 0;
  }
  .table th {
    display: none;
  }
  .address-list__actions .btn {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 9px;
  }
  .table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */
  
    /*
      Label the data
      */
  
  }
  .table thead,
  .table tbody,
  .table th,
  .table td,
  .table tr {
    display: block;
  }
  .table thead tr {
    border-bottom: none;
  }
  .table thead tr th {
    display: none;
  }
  /*.table tr {
          padding-left: 72px;
          border-bottom: 1px solid @primary;
      }*/
  
  .table td {
    /* Behave  like a "row" */
    position: relative;
    white-space: normal;
    text-align: left;
    padding: 9px;
    width: auto;
  }
  .table td .icon {
    margin-left: 0 !important;
    margin-right: 18px;
  }
  .table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0;
    left: -72px;
    width: 72px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    background-color: #f5f5f5;
    border-right: 1px solid #da202a;
    color: #da202a;
    font-weight: normal;
    padding: 9px;
    height: 100%;
    content: attr(data-title);
  }
}
.collapse,
.accordion {
  border: 1px solid #da202a;
  background-color: #e0e0e0;
  margin-bottom: 18px;
}
.collapse .item,
.accordion .item {
  cursor: pointer;
}
.collapse--skinny .collapse__content,
.collapse--skinny .accordion__content,
.accordion--skinny .collapse__content,
.accordion--skinny .accordion__content {
  padding: 0;
}
.collapse__header,
.accordion__header {
  background-color: #da202a;
  color: #ffffff;
  margin: 1px 0 0 0;
  border: none;
  outline: none;
  position: relative;
  padding: 9px 45px 9px 18px;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125;
  cursor: pointer;
}
.collapse__header:first-child,
.accordion__header:first-child {
  margin: 0;
}
.collapse__header label,
.collapse__header a,
.accordion__header label,
.accordion__header a {
  color: #ffffff;
}
.collapse__header label,
.accordion__header label {
  margin-top: 3px;
  margin-bottom: 0;
}
.collapse__header .icon,
.accordion__header .icon {
  width: 24px;
}
.collapse__header .icon--wearer-white,
.accordion__header .icon--wearer-white {
  background-position: -635px -96px;
}
.collapse__header:after {
  content: '';
  position: absolute;
  right: 9px;
  top: 50%;
  margin-top: -10px;
}
.manage-user .collapse__header:after {
  display: none !important;
}
.open:after {
  content: ' ';
}
.collapse__content,
.accordion__content {
  background-color: #e0e0e0;
  padding: 9px 18px;
}
.collapse__well {
  background: #ffffff;
  margin: 9px;
  padding: 9px;
}
.selectize-control:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #d1d1d1;
  background-image: url("https://detail-resources.dimensions.co.uk/theme/0/400/NA2200/Sprite/12921/18231/d9e9bcf8-1911-4849-9be4-9b77f87e4d4f");
  background-position: 9px -273px;
  top: -1px;
  right: -1px;
  border: 1px solid #424242;
  height: 36px;
  width: 36px;
  outline: none;
}
.selectize-control {
  position: relative;
  text-align: left;
  height: 36px;
  outline: none;
  margin: 0;
}
.selectize-control .selectize-input {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.selectize-control .item,
.selectize-control input {
  border: none;
  background: none;
  line-height: 34px;
  height: 34px;
  padding-left: 9px;
  padding-right: 38px;
  width: 100% !important;
  cursor: pointer;
}
.selectize-control input:focus {
  outline: none;
}
.selectize-control .item {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectize-control .item + input {
  position: absolute !important;
  top: 5px;
  left: -50px !important;
}
.selectize-dropdown {
  position: absolute;
  z-index: 20;
  width: 100%;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin: 0;
  max-height: 11.5em;
  overflow-y: scroll;
}
.selectize-dropdown .selectize-dropdown-content {
  margin: 0;
}
.selectize-dropdown .selectize-dropdown-content .optgroup-header,
.selectize-dropdown .selectize-dropdown-content .option {
  padding: 9px;
}
.selectize-dropdown .selectize-dropdown-content .option:hover {
  background: #e0e0e0;
}
.selectize-dropdown .selectize-dropdown-content .optgroup-header {
  font-weight: bold;
  border-bottom: 1px solid #da202a;
}
.ie8 .selectize-dropdown {
  max-height: 18.5em;
}
.dynamic-number {
  position: relative;
  min-height: 40px;
  padding-left: 22px;
  padding-right: 24px;
}
.dynamic-number .dn-after,
.dynamic-number .dn-before {
  position: absolute;
}
.dynamic-number .dn-after,
.dynamic-number .dn-before {
  display: block;
  padding: 5px;
  cursor: pointer;
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1;
  top: -4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.dynamic-number .dn-before {
  left: 0;
}
.dynamic-number .dn-after {
  right: 0;
}
.dynamic-number .dn-input {
  width: 98%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 7px;
}
.product-details__section .dynamic-number a,
.product .dynamic-number a {
  text-decoration: none;
}
.product-details__section .dynamic-number .dn-before,
.product-details__section .dynamic-number .dn-after,
.product .dynamic-number .dn-before,
.product .dynamic-number .dn-after {
  top: -5px;
}
.product-details__section .dynamic-number .dn-input,
.product .dynamic-number .dn-input {
  top: auto;
}
.product-details__section .dynamic-number .dn-before,
.product-details__section .dynamic-number .dn-after {
  top: 0;
}
.product-details__section .dynamic-number .dn-input {
  top: 5px;
}
@media screen and (max-width: 480px) {
  .item .dn-before,
  .item .dn-after {
    top: -5px;
  }
  .item .dn-input {
    top: 0;
    position: relative;
  }
}
.modal {
  position: relative;
  background: #ffffff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.modal img {
  max-width: 100%;
  display: block;
}
.modal img,
.modal .mce-tinymce {
  margin-bottom: 9px;
}
.modal--large {
  max-width: 960px;
}
.editing .edit:hover {
  outline: 2px solid #da202a;
  cursor: pointer;
  position: relative;
}
.editing .edit:hover:after {
  background-color: #da202a;
  color: #ffffff;
  display: block;
  content: 'Edit';
  font-size: 14px;
  line-height: 1;
  padding: 3px 6px;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 0;
}
.catalogue-card {
  padding: 9px;
  margin: 9px;
  position: relative;
  background-color: #ffffff;
  border: 2px solid #da202a;
  min-height: 261px;
}
.catalogue-card img {
  max-width: 100%;
  display: block;
  border: 1px solid #da202a;
}
.catalogue-card__title {
  line-height: 1em;
  min-height: 48px;
  margin-bottom: 9px;
}
.catalogue-card__description {
  height: 7em;
}
.catalogue-card__overlay {
  display: none;
  background-color: #383838;
  background-color: rgba(51, 51, 51, 0.85);
  padding: 18px;
  z-index: 10;
  position: absolute;
}
.catalogue-card__overlay-content {
  background-color: #ffffff;
  padding: 18px;
  z-index: 1;
}
.catalogue-card__overlay-content .scroll {
  height: 76%;
  margin-bottom: 18px;
}
.catalogue-card__overlay,
.catalogue-card__overlay-content {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.catalogue-card--overlay .catalogue-card__overlay {
  display: block;
}
.stat {
  background-color: #d1d1d1;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.stat__title {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
}
.stat__number {
  width: 100%;
  text-align: center;
  padding: 0.75em 0 0.25em;
  margin: 0;
  font-size: 50px;
  font-size: 3.57143rem;
  line-height: 1.08;
}
.quick-add__title {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1.5;
  margin-bottom: 16px;
}
.quick-add__label {
  margin-bottom: 35px;
  text-align: center;
}
.quick-add__label--add,
.quick-add__label--skinny {
  margin-bottom: 22px;
}
@media screen and (max-width: 959px) {
  .quick-add__label {
    margin-bottom: 18px;
  }
}
.comment {
  margin-bottom: 9px;
  margin-right: 18px;
  margin-left: 18px;
  background: #d1d1d1;
  padding: 9px;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}
.label--secondary,
.label--new-start {
  background: #da202a;
}
.label--primary,
.label--job-change {
  background: #999999;
}
.label--full-size {
  font-size: 100%;
}
.settings__group {
  margin-bottom: 18px;
}
.table--fixed .expand,
.expand {
  position: relative;
  padding-right: 6em;
}
.expand--hidden {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.expand--visible {
  white-space: normal;
  overflow: visible;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
}
.expand__button {
  position: absolute;
  top: 0.65em;
  right: 9px;
}
.download {
  display: block;
}
.download__name {
  margin-bottom: 0;
}
.download__size,
.download__date {
  margin-bottom: 0;
}
.key {
  margin-bottom: 18px;
  border-top: 2px solid #d1d1d1;
  border-bottom: 2px solid #d1d1d1;
  padding-top: 9px;
}
.key .flag {
  border-left: 2px solid #d1d1d1;
  padding-left: 9px;
}
.key table {
  border-left: 2px solid #d1d1d1;
  min-width: 210px;
}
.key td {
  padding: 3px 4.5px 4px;
}
.key tr td:first-child {
  padding-left: 18px;
}
@media screen and (max-width: 480px) {
  .flag {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
  }
}
.figure {
  border: 1px solid #da202a;
  background-color: #ffffff;
}
.figure .figure__info {
  background-color: #999999;
  color: #ffffff;
  padding: 9px;
  border-bottom: 1px solid #da202a;
  min-height: 122px;
}
.figure .figure__info p {
  margin-bottom: 0;
  padding: 0;
}
.figure.stuck {
  position: fixed;
  width: 446px;
  top: 10px;
}
.figure__img {
  position: relative;
  width: 464px;
  height: 485px;
}
.figure__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.figure__overlay--default,
.figure__overlay--skirt {
  background-position: 0 0;
}
.figure--female .figure__img {
  background-image: url(/images/sm-woman.gif);
}
.figure--female .figure__overlay {
  background-image: url(/images/sm-woman-overlay.png);
}
.figure--female .figure__overlay--height {
  background-position: -464px 0;
}
.figure--female .figure__overlay--neck {
  background-position: -928px 0;
}
.figure--female .figure__overlay--shoulder {
  background-position: -1392px 0;
}
.figure--female .figure__overlay--bicep {
  background-position: -1856px 0;
}
.figure--female .figure__overlay--bust {
  background-position: -2320px 0;
}
.figure--female .figure__overlay--c2c {
  background-position: -2784px 0;
}
.figure--female .figure__overlay--blouse {
  background-position: -3248px 0;
}
.figure--female .figure__overlay--jacket {
  background-position: -3712px 0;
}
.figure--female .figure__overlay--waist {
  background-position: -4176px 0;
}
.figure--female .figure__overlay--hip {
  background-position: -4640px 0;
}
.figure--female .figure__overlay--inside-leg {
  background-position: -5104px 0;
}
.figure--female .figure__overlay--thigh {
  background-position: -5568px 0;
}
.figure--female .figure__overlay--skirt-length {
  background-position: -6032px 0;
}
.figure--female .figure__overlay--dress-length {
  background-position: -6496px 0;
}
.figure--male .figure__img {
  background-image: url(/images/sm-man.gif);
  left: -15px;
}
.figure--male .figure__overlay {
  background-image: url(/images/sm-man-overlay.png);
}
.figure--male .figure__overlay--height {
  background-position: -464px 0;
}
.figure--male .figure__overlay--neck {
  background-position: -928px 0;
}
.figure--male .figure__overlay--shoulder {
  background-position: -1392px 0;
}
.figure--male .figure__overlay--bicep {
  background-position: -1856px 0;
}
.figure--male .figure__overlay--bust {
  background-position: -2320px 0;
}
.figure--male .figure__overlay--c2c {
  background-position: -2784px 0;
}
.figure--male .figure__overlay--blouse {
  background-position: -3248px 0;
}
.figure--male .figure__overlay--jacket {
  background-position: -3712px 0;
}
.figure--male .figure__overlay--waist {
  background-position: -4176px 0;
}
.figure--male .figure__overlay--inside-leg {
  background-position: -4640px 0;
}
.figure--male .figure__overlay--thigh {
  background-position: -5104px 0;
}
.figure--male .figure__overlay--hip {
  background-position: -5568px 0;
}
.sm__form {
  position: relative;
  overflow: hidden;
}
.sm__fields {
  float: left;
  margin-right: 466px;
}
.sm__figure {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 446px;
}
@media screen and (max-width: 648px) {
  .sm__fields {
    margin-right: 0;
  }
  .sm__figure {
    display: none;
  }
}
/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/

/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */

/**
 * Whole.
 */

.one-whole,
.btn--full,
.product__img {
  width: 100% !important;
}
/**
 * Halves.
 */

.one-half,
.twelve-twentyfourths,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50% !important;
}
/**
 * Thirds.
 */

.one-third,
.eight-twentyfourths,
.two-sixths,
.three-ninths,
.four-twelfths {
  width: 33.3333333% !important;
}
.two-thirds,
.sixteen-twentyfourths,
.four-sixths,
.six-ninths,
.eight-twelfths {
  width: 66.6666666% !important;
}
/**
 * Quarters.
 */

.one-quarter,
.six-twentyfourths,
.two-eighths,
.three-twelfths {
  width: 25% !important;
}
.three-quarters,
.eighteen-twentyfourths,
.six-eighths,
.nine-twelfths {
  width: 75% !important;
}
/**
 * Fifths.
 */

.one-fifth,
.two-tenths {
  width: 20% !important;
}
.two-fifths,
.four-tenths {
  width: 40% !important;
}
.three-fifths,
.six-tenths {
  width: 60% !important;
}
.four-fifths,
.eight-tenths {
  width: 80% !important;
}
/**
 * Sixths.
 */

.one-sixth,
.four-twentyfourths,
.two-twelfths {
  width: 16.6666666% !important;
}
.five-sixths,
.twenty-twentyfourths,
.ten-twelfths {
  width: 83.3333333% !important;
}
/**
 * Eighths.
 */

.one-eighth,
.three-twentyfourths {
  width: 12.5% !important;
}
.three-eighths,
.nine-twentyfourths {
  width: 37.5% !important;
}
.five-eighths {
  width: 62.5% !important;
}
.seven-eighths,
.twentyone-twentyfourths {
  width: 87.5% !important;
}
/**
 * Ninths.
 */

.one-ninth {
  width: 11.1111111% !important;
}
.two-ninths {
  width: 22.2222222% !important;
}
.four-ninths {
  width: 44.4444444% !important;
}
.five-ninths {
  width: 55.5555555% !important;
}
.seven-ninths {
  width: 77.7777777% !important;
}
.eight-ninths {
  width: 88.8888888% !important;
}
/**
 * Tenths.
 */

.one-tenth {
  width: 10% !important;
}
.three-tenths {
  width: 30% !important;
}
.seven-tenths {
  width: 70% !important;
}
.nine-tenths {
  width: 90% !important;
}
/**
 * Twelfths.
 */

.one-twelfth,
.two-twentyfourths {
  width: 8.3333333% !important;
}
.five-twelfths,
.ten-twentyfourths {
  width: 41.6666666% !important;
}
.seven-twelfths,
.fourteen-twentyfourths {
  width: 58.3333333% !important;
}
.eleven-twelfths,
.twentytwo-twentyfourths {
  width: 91.6666666% !important;
}
/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/

/**
 * Responsive width classes based on your responsive settings.
 */

@media screen and (max-width: 480px) {
  /**
     * Whole.
     */
  
  .palm-one-whole {
    width: 100% !important;
  }
  /**
     * Halves.
     */
  
  .palm-one-half,
  .palm-twelve-twentyfourths,
  .palm-two-quarters,
  .palm-three-sixths,
  .palm-four-eighths,
  .palm-five-tenths,
  .palm-six-twelfths {
    width: 50% !important;
  }
  /**
     * Thirds.
     */
  
  .palm-one-third,
  .palm-eight-twentyfourths,
  .palm-two-sixths,
  .palm-three-ninths,
  .palm-four-twelfths {
    width: 33.3333333% !important;
  }
  .palm-two-thirds,
  .palm-sixteen-twentyfourths,
  .palm-four-sixths,
  .palm-six-ninths,
  .palm-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
     * Quarters.
     */
  
  .palm-one-quarter,
  .palm-six-twentyfourths,
  .palm-two-eighths,
  .palm-three-twelfths {
    width: 25% !important;
  }
  .palm-three-quarters,
  .palm-eighteen-twentyfourths,
  .palm-six-eighths,
  .palm-nine-twelfths {
    width: 75% !important;
  }
  /**
     * Fifths.
     */
  
  .palm-one-fifth,
  .palm-two-tenths {
    width: 20% !important;
  }
  .palm-two-fifths,
  .palm-four-tenths {
    width: 40% !important;
  }
  .palm-three-fifths,
  .palm-six-tenths {
    width: 60% !important;
  }
  .palm-four-fifths,
  .palm-eight-tenths {
    width: 80% !important;
  }
  /**
     * Sixths.
     */
  
  .palm-one-sixth,
  .palm-four-twentyfourths,
  .palm-two-twelfths {
    width: 16.6666666% !important;
  }
  .palm-five-sixths,
  .palm-twenty-twentyfourths,
  .palm-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
     * Eighths.
     */
  
  .palm-one-eighth,
  .palm-three-twentyfourths {
    width: 12.5% !important;
  }
  .palm-three-eighths,
  .palm-nine-twentyfourths {
    width: 37.5% !important;
  }
  .palm-five-eighths {
    width: 62.5% !important;
  }
  .palm-seven-eighths,
  .palm-twentyone-twentyfourths {
    width: 87.5% !important;
  }
  /**
     * Ninths.
     */
  
  .palm-one-ninth {
    width: 11.1111111% !important;
  }
  .palm-two-ninths {
    width: 22.2222222% !important;
  }
  .palm-four-ninths {
    width: 44.4444444% !important;
  }
  .palm-five-ninths {
    width: 55.5555555% !important;
  }
  .palm-seven-ninths {
    width: 77.7777777% !important;
  }
  .palm-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
     * Tenths.
     */
  
  .palm-one-tenth {
    width: 10% !important;
  }
  .palm-three-tenths {
    width: 30% !important;
  }
  .palm-seven-tenths {
    width: 70% !important;
  }
  .palm-nine-tenths {
    width: 90% !important;
  }
  /**
     * Twelfths.
     */
  
  .palm-one-twelfth,
  .palm-two-twentyfourths {
    width: 8.3333333% !important;
  }
  .palm-five-twelfths,
  .palm-ten-twentyfourths {
    width: 41.6666666% !important;
  }
  .palm-seven-twelfths,
  .palm-fourteen-twentyfourths {
    width: 58.3333333% !important;
  }
  .palm-eleven-twelfths,
  .palm-twentytwo-twentyfourths {
    width: 91.6666666% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  /**
     * Whole.
     */
  
  .lap-one-whole {
    width: 100% !important;
  }
  /**
     * Halves.
     */
  
  .lap-one-half,
  .lap-twelve-twentyfourths,
  .lap-two-quarters,
  .lap-three-sixths,
  .lap-four-eighths,
  .lap-five-tenths,
  .lap-six-twelfths {
    width: 50% !important;
  }
  /**
     * Thirds.
     */
  
  .lap-one-third,
  .lap-eight-twentyfourths,
  .lap-two-sixths,
  .lap-three-ninths,
  .lap-four-twelfths {
    width: 33.3333333% !important;
  }
  .lap-two-thirds,
  .lap-sixteen-twentyfourths,
  .lap-four-sixths,
  .lap-six-ninths,
  .lap-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
     * Quarters.
     */
  
  .lap-one-quarter,
  .lap-six-twentyfourths,
  .lap-two-eighths,
  .lap-three-twelfths {
    width: 25% !important;
  }
  .lap-three-quarters,
  .lap-eighteen-twentyfourths,
  .lap-six-eighths,
  .lap-nine-twelfths {
    width: 75% !important;
  }
  /**
     * Fifths.
     */
  
  .lap-one-fifth,
  .lap-two-tenths {
    width: 20% !important;
  }
  .lap-two-fifths,
  .lap-four-tenths {
    width: 40% !important;
  }
  .lap-three-fifths,
  .lap-six-tenths {
    width: 60% !important;
  }
  .lap-four-fifths,
  .lap-eight-tenths {
    width: 80% !important;
  }
  /**
     * Sixths.
     */
  
  .lap-one-sixth,
  .lap-four-twentyfourths,
  .lap-two-twelfths {
    width: 16.6666666% !important;
  }
  .lap-five-sixths,
  .lap-twenty-twentyfourths,
  .lap-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
     * Eighths.
     */
  
  .lap-one-eighth,
  .lap-three-twentyfourths {
    width: 12.5% !important;
  }
  .lap-three-eighths,
  .lap-nine-twentyfourths {
    width: 37.5% !important;
  }
  .lap-five-eighths {
    width: 62.5% !important;
  }
  .lap-seven-eighths,
  .lap-twentyone-twentyfourths {
    width: 87.5% !important;
  }
  /**
     * Ninths.
     */
  
  .lap-one-ninth {
    width: 11.1111111% !important;
  }
  .lap-two-ninths {
    width: 22.2222222% !important;
  }
  .lap-four-ninths {
    width: 44.4444444% !important;
  }
  .lap-five-ninths {
    width: 55.5555555% !important;
  }
  .lap-seven-ninths {
    width: 77.7777777% !important;
  }
  .lap-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
     * Tenths.
     */
  
  .lap-one-tenth {
    width: 10% !important;
  }
  .lap-three-tenths {
    width: 30% !important;
  }
  .lap-seven-tenths {
    width: 70% !important;
  }
  .lap-nine-tenths {
    width: 90% !important;
  }
  /**
     * Twelfths.
     */
  
  .lap-one-twelfth,
  .lap-two-twentyfourths {
    width: 8.3333333% !important;
  }
  .lap-five-twelfths,
  .lap-ten-twentyfourths {
    width: 41.6666666% !important;
  }
  .lap-seven-twelfths,
  .lap-fourteen-twentyfourths {
    width: 58.3333333% !important;
  }
  .lap-eleven-twelfths,
  .lap-twentytwo-twentyfourths {
    width: 91.6666666% !important;
  }
}
@media screen and (min-width: 480px) {
  /**
     * Whole.
     */
  
  .lap-and-up-one-whole {
    width: 100% !important;
  }
  /**
     * Halves.
     */
  
  .lap-and-up-one-half,
  .lap-and-up-twelve-twentyfourths,
  .lap-and-up-two-quarters,
  .lap-and-up-three-sixths,
  .lap-and-up-four-eighths,
  .lap-and-up-five-tenths,
  .lap-and-up-six-twelfths {
    width: 50% !important;
  }
  /**
     * Thirds.
     */
  
  .lap-and-up-one-third,
  .lap-and-up-eight-twentyfourths,
  .lap-and-up-two-sixths,
  .lap-and-up-three-ninths,
  .lap-and-up-four-twelfths {
    width: 33.3333333% !important;
  }
  .lap-and-up-two-thirds,
  .lap-and-up-sixteen-twentyfourths,
  .lap-and-up-four-sixths,
  .lap-and-up-six-ninths,
  .lap-and-up-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
     * Quarters.
     */
  
  .lap-and-up-one-quarter,
  .lap-and-up-six-twentyfourths,
  .lap-and-up-two-eighths,
  .lap-and-up-three-twelfths {
    width: 25% !important;
  }
  .lap-and-up-three-quarters,
  .lap-and-up-eighteen-twentyfourths,
  .lap-and-up-six-eighths,
  .lap-and-up-nine-twelfths {
    width: 75% !important;
  }
  /**
     * Fifths.
     */
  
  .lap-and-up-one-fifth,
  .lap-and-up-two-tenths {
    width: 20% !important;
  }
  .lap-and-up-two-fifths,
  .lap-and-up-four-tenths {
    width: 40% !important;
  }
  .lap-and-up-three-fifths,
  .lap-and-up-six-tenths {
    width: 60% !important;
  }
  .lap-and-up-four-fifths,
  .lap-and-up-eight-tenths {
    width: 80% !important;
  }
  /**
     * Sixths.
     */
  
  .lap-and-up-one-sixth,
  .lap-and-up-four-twentyfourths,
  .lap-and-up-two-twelfths {
    width: 16.6666666% !important;
  }
  .lap-and-up-five-sixths,
  .lap-and-up-twenty-twentyfourths,
  .lap-and-up-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
     * Eighths.
     */
  
  .lap-and-up-one-eighth,
  .lap-and-up-three-twentyfourths {
    width: 12.5% !important;
  }
  .lap-and-up-three-eighths,
  .lap-and-up-nine-twentyfourths {
    width: 37.5% !important;
  }
  .lap-and-up-five-eighths {
    width: 62.5% !important;
  }
  .lap-and-up-seven-eighths,
  .lap-and-up-twentyone-twentyfourths {
    width: 87.5% !important;
  }
  /**
     * Ninths.
     */
  
  .lap-and-up-one-ninth {
    width: 11.1111111% !important;
  }
  .lap-and-up-two-ninths {
    width: 22.2222222% !important;
  }
  .lap-and-up-four-ninths {
    width: 44.4444444% !important;
  }
  .lap-and-up-five-ninths {
    width: 55.5555555% !important;
  }
  .lap-and-up-seven-ninths {
    width: 77.7777777% !important;
  }
  .lap-and-up-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
     * Tenths.
     */
  
  .lap-and-up-one-tenth {
    width: 10% !important;
  }
  .lap-and-up-three-tenths {
    width: 30% !important;
  }
  .lap-and-up-seven-tenths {
    width: 70% !important;
  }
  .lap-and-up-nine-tenths {
    width: 90% !important;
  }
  /**
     * Twelfths.
     */
  
  .lap-and-up-one-twelfth,
  .lap-and-up-two-twentyfourths {
    width: 8.3333333% !important;
  }
  .lap-and-up-five-twelfths,
  .lap-and-up-ten-twentyfourths {
    width: 41.6666666% !important;
  }
  .lap-and-up-seven-twelfths,
  .lap-and-up-fourteen-twentyfourths {
    width: 58.3333333% !important;
  }
  .lap-and-up-eleven-twelfths,
  .lap-and-up-twentytwo-twentyfourths {
    width: 91.6666666% !important;
  }
}
@media screen and (max-width: 959px) {
  /**
     * Whole.
     */
  
  .portable-one-whole {
    width: 100% !important;
  }
  /**
     * Halves.
     */
  
  .portable-one-half,
  .portable-twelve-twentyfourths,
  .portable-two-quarters,
  .portable-three-sixths,
  .portable-four-eighths,
  .portable-five-tenths,
  .portable-six-twelfths {
    width: 50% !important;
  }
  /**
     * Thirds.
     */
  
  .portable-one-third,
  .portable-eight-twentyfourths,
  .portable-two-sixths,
  .portable-three-ninths,
  .portable-four-twelfths {
    width: 33.3333333% !important;
  }
  .portable-two-thirds,
  .portable-sixteen-twentyfourths,
  .portable-four-sixths,
  .portable-six-ninths,
  .portable-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
     * Quarters.
     */
  
  .portable-one-quarter,
  .portable-six-twentyfourths,
  .portable-two-eighths,
  .portable-three-twelfths {
    width: 25% !important;
  }
  .portable-three-quarters,
  .portable-eighteen-twentyfourths,
  .portable-six-eighths,
  .portable-nine-twelfths {
    width: 75% !important;
  }
  /**
     * Fifths.
     */
  
  .portable-one-fifth,
  .portable-two-tenths {
    width: 20% !important;
  }
  .portable-two-fifths,
  .portable-four-tenths {
    width: 40% !important;
  }
  .portable-three-fifths,
  .portable-six-tenths {
    width: 60% !important;
  }
  .portable-four-fifths,
  .portable-eight-tenths {
    width: 80% !important;
  }
  /**
     * Sixths.
     */
  
  .portable-one-sixth,
  .portable-four-twentyfourths,
  .portable-two-twelfths {
    width: 16.6666666% !important;
  }
  .portable-five-sixths,
  .portable-twenty-twentyfourths,
  .portable-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
     * Eighths.
     */
  
  .portable-one-eighth,
  .portable-three-twentyfourths {
    width: 12.5% !important;
  }
  .portable-three-eighths,
  .portable-nine-twentyfourths {
    width: 37.5% !important;
  }
  .portable-five-eighths {
    width: 62.5% !important;
  }
  .portable-seven-eighths,
  .portable-twentyone-twentyfourths {
    width: 87.5% !important;
  }
  /**
     * Ninths.
     */
  
  .portable-one-ninth {
    width: 11.1111111% !important;
  }
  .portable-two-ninths {
    width: 22.2222222% !important;
  }
  .portable-four-ninths {
    width: 44.4444444% !important;
  }
  .portable-five-ninths {
    width: 55.5555555% !important;
  }
  .portable-seven-ninths {
    width: 77.7777777% !important;
  }
  .portable-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
     * Tenths.
     */
  
  .portable-one-tenth {
    width: 10% !important;
  }
  .portable-three-tenths {
    width: 30% !important;
  }
  .portable-seven-tenths {
    width: 70% !important;
  }
  .portable-nine-tenths {
    width: 90% !important;
  }
  /**
     * Twelfths.
     */
  
  .portable-one-twelfth,
  .portable-two-twentyfourths {
    width: 8.3333333% !important;
  }
  .portable-five-twelfths,
  .portable-ten-twentyfourths {
    width: 41.6666666% !important;
  }
  .portable-seven-twelfths,
  .portable-fourteen-twentyfourths {
    width: 58.3333333% !important;
  }
  .portable-eleven-twelfths,
  .portable-twentytwo-twentyfourths {
    width: 91.6666666% !important;
  }
}
@media screen and (min-width: 960px) {
  /**
     * Whole.
     */
  
  .desk-one-whole {
    width: 100% !important;
  }
  /**
     * Halves.
     */
  
  .desk-one-half,
  .desk-twelve-twentyfourths,
  .desk-two-quarters,
  .desk-three-sixths,
  .desk-four-eighths,
  .desk-five-tenths,
  .desk-six-twelfths {
    width: 50% !important;
  }
  /**
     * Thirds.
     */
  
  .desk-one-third,
  .desk-eight-twentyfourths,
  .desk-two-sixths,
  .desk-three-ninths,
  .desk-four-twelfths {
    width: 33.3333333% !important;
  }
  .desk-two-thirds,
  .desk-sixteen-twentyfourths,
  .desk-four-sixths,
  .desk-six-ninths,
  .desk-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
     * Quarters.
     */
  
  .desk-one-quarter,
  .desk-six-twentyfourths,
  .desk-two-eighths,
  .desk-three-twelfths {
    width: 25% !important;
  }
  .desk-three-quarters,
  .desk-eighteen-twentyfourths,
  .desk-six-eighths,
  .desk-nine-twelfths {
    width: 75% !important;
  }
  /**
     * Fifths.
     */
  
  .desk-one-fifth,
  .desk-two-tenths {
    width: 20% !important;
  }
  .desk-two-fifths,
  .desk-four-tenths {
    width: 40% !important;
  }
  .desk-three-fifths,
  .desk-six-tenths {
    width: 60% !important;
  }
  .desk-four-fifths,
  .desk-eight-tenths {
    width: 80% !important;
  }
  /**
     * Sixths.
     */
  
  .desk-one-sixth,
  .desk-four-twentyfourths,
  .desk-two-twelfths {
    width: 16.6666666% !important;
  }
  .desk-five-sixths,
  .desk-twenty-twentyfourths,
  .desk-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
     * Eighths.
     */
  
  .desk-one-eighth,
  .desk-three-twentyfourths {
    width: 12.5% !important;
  }
  .desk-three-eighths,
  .desk-nine-twentyfourths {
    width: 37.5% !important;
  }
  .desk-five-eighths {
    width: 62.5% !important;
  }
  .desk-seven-eighths,
  .desk-twentyone-twentyfourths {
    width: 87.5% !important;
  }
  /**
     * Ninths.
     */
  
  .desk-one-ninth {
    width: 11.1111111% !important;
  }
  .desk-two-ninths {
    width: 22.2222222% !important;
  }
  .desk-four-ninths {
    width: 44.4444444% !important;
  }
  .desk-five-ninths {
    width: 55.5555555% !important;
  }
  .desk-seven-ninths {
    width: 77.7777777% !important;
  }
  .desk-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
     * Tenths.
     */
  
  .desk-one-tenth {
    width: 10% !important;
  }
  .desk-three-tenths {
    width: 30% !important;
  }
  .desk-seven-tenths {
    width: 70% !important;
  }
  .desk-nine-tenths {
    width: 90% !important;
  }
  /**
     * Twelfths.
     */
  
  .desk-one-twelfth,
  .desk-two-twentyfourths {
    width: 8.3333333% !important;
  }
  .desk-five-twelfths,
  .desk-ten-twentyfourths {
    width: 41.6666666% !important;
  }
  .desk-seven-twelfths,
  .desk-fourteen-twentyfourths {
    width: 58.3333333% !important;
  }
  .desk-eleven-twelfths,
  .desk-twentytwo-twentyfourths {
    width: 91.6666666% !important;
  }
}
/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/

/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */

/**
* Twenty fourths
*/

.one-twentyfourth {
  width: 4.1666%;
}
.five-twentyfourths {
  width: 20.833%;
}
.seven-twentyfourths {
  width: 29.1666%;
}
.eleven-twentyfourths {
  width: 45.8333%;
}
.thirteen-twentyfourths {
  width: 54.1666%;
}
.fifteen-twentyfourths {
  width: 62.5%;
}
.seventeen-twentyfourths {
  width: 70.8333%;
}
.nineteen-twentyfourths {
  width: 79.166%;
}
.twentythree-twentyfourths {
  width: 95.8333%;
}
/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */

@media screen and (max-width: 480px) {
  /**
    * Twenty fourths
    */
  
  .palm-one-twentyfourth {
    width: 4.1666%;
  }
  .palm-five-twentyfourths {
    width: 20.833%;
  }
  .palm-seven-twentyfourths {
    width: 29.1666%;
  }
  .palm-eleven-twentyfourths {
    width: 45.8333%;
  }
  .palm-thirteen-twentyfourths {
    width: 54.1666%;
  }
  .palm-fifteen-twentyfourths {
    width: 62.5%;
  }
  .palm-seventeen-twentyfourths {
    width: 70.8333%;
  }
  .palm-nineteen-twentyfourths {
    width: 79.166%;
  }
  .palm-twentythree-twentyfourths {
    width: 95.8333%;
  }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  /**
    * Twenty fourths
    */
  
  .lap-one-twentyfourth {
    width: 4.1666%;
  }
  .lap-five-twentyfourths {
    width: 20.833%;
  }
  .lap-seven-twentyfourths {
    width: 29.1666%;
  }
  .lap-eleven-twentyfourths {
    width: 45.8333%;
  }
  .lap-thirteen-twentyfourths {
    width: 54.1666%;
  }
  .lap-fifteen-twentyfourths {
    width: 62.5%;
  }
  .lap-seventeen-twentyfourths {
    width: 70.8333%;
  }
  .lap-nineteen-twentyfourths {
    width: 79.166%;
  }
  .lap-twentythree-twentyfourths {
    width: 95.8333%;
  }
}
@media screen and (min-width: 480px) {
  /**
    * Twenty fourths
    */
  
  .lap-and-up-one-twentyfourth {
    width: 4.1666%;
  }
  .lap-and-up-five-twentyfourths {
    width: 20.833%;
  }
  .lap-and-up-seven-twentyfourths {
    width: 29.1666%;
  }
  .lap-and-up-eleven-twentyfourths {
    width: 45.8333%;
  }
  .lap-and-up-thirteen-twentyfourths {
    width: 54.1666%;
  }
  .lap-and-up-fifteen-twentyfourths {
    width: 62.5%;
  }
  .lap-and-up-seventeen-twentyfourths {
    width: 70.8333%;
  }
  .lap-and-up-nineteen-twentyfourths {
    width: 79.166%;
  }
  .lap-and-up-twentythree-twentyfourths {
    width: 95.8333%;
  }
}
@media screen and (max-width: 959px) {
  /**
    * Twenty fourths
    */
  
  .portable-one-twentyfourth {
    width: 4.1666%;
  }
  .portable-five-twentyfourths {
    width: 20.833%;
  }
  .portable-seven-twentyfourths {
    width: 29.1666%;
  }
  .portable-eleven-twentyfourths {
    width: 45.8333%;
  }
  .portable-thirteen-twentyfourths {
    width: 54.1666%;
  }
  .portable-fifteen-twentyfourths {
    width: 62.5%;
  }
  .portable-seventeen-twentyfourths {
    width: 70.8333%;
  }
  .portable-nineteen-twentyfourths {
    width: 79.166%;
  }
  .portable-twentythree-twentyfourths {
    width: 95.8333%;
  }
}
@media screen and (min-width: 960px) {
  /**
    * Twenty fourths
    */
  
  .desk-one-twentyfourth {
    width: 4.1666%;
  }
  .desk-five-twentyfourths {
    width: 20.833%;
  }
  .desk-seven-twentyfourths {
    width: 29.1666%;
  }
  .desk-eleven-twentyfourths {
    width: 45.8333%;
  }
  .desk-thirteen-twentyfourths {
    width: 54.1666%;
  }
  .desk-fifteen-twentyfourths {
    width: 62.5%;
  }
  .desk-seventeen-twentyfourths {
    width: 70.8333%;
  }
  .desk-nineteen-twentyfourths {
    width: 79.166%;
  }
  .desk-twentythree-twentyfourths {
    width: 95.8333%;
  }
}
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/

/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */

.clearfix:after,
.layout:after,
.media:after,
.product:after,
.allocation:after,
.well:after,
.form:after,
.well .well__header:after,
.form .well__header:after,
.cf:after,
.nav:after,
.list:after,
.carousel__nav:after,
.pagination:after,
.tabs__list:after,
.progress:after,
.selectize-dropdown .selectize-dropdown-content:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Add/remove floats
 */

.float--right {
  float: right !important;
}
.float--left {
  float: left !important;
}
.float--none {
  float: none !important;
}
/**
 * Text alignment
 */

.text--left {
  text-align: left !important;
}
.text--center,
.item__choice .form-text {
  text-align: center !important;
}
.text--right {
  text-align: right !important;
}
.text--nowrap {
  white-space: nowrap !important;
}
.text--wrap {
  word-wrap: break-word !important;
}
.table--fixed {
  table-layout: fixed !important;
}
/**
 * Add/remove margins
 */

.push {
  margin: 18px !important;
}
.push--top {
  margin-top: 18px !important;
}
.push--right {
  margin-right: 18px !important;
}
.push--bottom {
  margin-bottom: 18px !important;
}
.push--left {
  margin-left: 18px !important;
}
.push--ends {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.push--sides {
  margin-right: 18px !important;
  margin-left: 18px !important;
}
.push--center {
  margin-right: auto !important;
  margin-left: auto !important;
}
.push--half {
  margin: 9px !important;
}
.push--top-half {
  margin-top: 9px !important;
}
.push--right-half {
  margin-right: 9px !important;
}
.push--bottom-half {
  margin-bottom: 9px !important;
}
.push--left-half {
  margin-left: 9px !important;
}
.push--ends-half {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.push--sides-half {
  margin-right: 9px !important;
  margin-left: 9px !important;
}
.push--inline {
  margin-top: 14px !important;
}
.push--inline-half {
  margin-top: 7px !important;
}
.push--inline-small {
  margin-top: 5px !important;
}
.push--button-inline {
  margin-top: 21px !important;
}
.pull--half {
  margin-top: -9px !important;
}
.pull--inline {
  margin-top: -14px !important;
}
.pull--inline-small {
  margin-top: -5px !important;
}
.skinny {
  margin: 0 !important;
}
.skinny--top {
  margin-top: 0 !important;
}
.skinny--right {
  margin-right: 0 !important;
}
.skinny--bottom {
  margin-bottom: 0 !important;
}
.skinny--left {
  margin-left: 0 !important;
}
.skinny--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.skinny--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.skinny--inline {
  margin-bottom: 4px !important;
}
.flush {
  margin: 0 !important;
}
.flush--top {
  margin-top: 0 !important;
}
.flush--right {
  margin-right: 0 !important;
}
.flush--bottom {
  margin-bottom: 0 !important;
}
.flush--left {
  margin-left: 0 !important;
}
.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.no--border {
  border: none !important;
}
.clear {
  clear: both;
}
.clear--left {
  clear: left;
}
.clear--right {
  clear: right;
}
.height--full {
  height: 100%;
}
.height--auto {
  height: auto;
}
.vertical--top {
  vertical-align: top;
}
.vertical--bottom {
  vertical-align: bottom;
}
.vertical--middle {
  vertical-align: middle;
}
.highlight {
  text-decoration: underline !important;
}
.highlight--primary {
  color: #da202a;
}
.highlight--secondary {
  color: #999999;
}
.pr {
  position: relative !important;
}
.pa {
  position: absolute !important;
}
.pa--right {
  right: 0;
}
.pa--top {
  top: 0;
}
.pa--left {
  left: 0;
}
.pa--bottom {
  bottom: 0;
}
/**
 * Border Radius
 */

.border-radius,
.form-text,
.form-select-multiple,
.selectize-control,
.selectize-dropdown,
.form-date .ui-datepicker-trigger,
.form-date__icon,
.mce-primary button,
.btn,
.tabs__content,
.tabs__panels .panel,
.tooltip__copy,
.product,
.product__body,
.product__img,
.allocation,
.progress,
.well,
.form,
.product-carousel .slick-next,
.product-carousel .slick-prev,
.product-carousel__slide,
.product-image,
.basket-list__header,
.collapse,
.accordion,
.selectize-control:after,
.catalogue-card,
.catalogue-card img,
.catalogue-card__overlay-content,
.stat,
.comment,
.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.border-radius--top,
.tabs__list li a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.primary {
  color: #999999;
}
.scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}
.hide {
  display: none;
}
/**
 * Palm Text
 */

@media screen and (max-width: 480px) {
  .header__logo-desktop {
    display: none;
  }
  .header__logo-mobile {
    display: inline;
  }
  .palm-text--left {
    text-align: left !important;
  }
  .palm-text--center {
    text-align: center !important;
  }
  .palm-text--right {
    text-align: right !important;
  }
  .palm-height--full {
    height: 100%;
  }
  .palm-height--auto {
    height: auto;
  }
  .palm-clear {
    clear: both;
  }
  .palm-clear--left {
    clear: left;
  }
  .palm-clear--right {
    clear: right;
  }
  .palm-table--auto {
    table-layout: auto !important;
  }
  .palm-table--fixed {
    table-layout: fixed !important;
  }
}
/**
 * Desk Text
 */

@media screen and (min-width: 960px) {
  .desk-text--left {
    text-align: left !important;
  }
  .desk-text--center {
    text-align: center !important;
  }
  .desk-text--right {
    text-align: right !important;
  }
  .desk-height--full {
    height: 100%;
  }
  .desk-height--auto {
    height: auto;
  }
  .desk-clear {
    clear: both;
  }
  .desk-clear--left {
    clear: left;
  }
  .desk-clear--right {
    clear: right;
  }
  .desk-push {
    margin: 18px !important;
  }
  .desk-push--top {
    margin-top: 18px !important;
  }
  .desk-push--right {
    margin-right: 18px !important;
  }
  .desk-push--bottom {
    margin-bottom: 18px !important;
  }
  .desk-push--left {
    margin-left: 18px !important;
  }
  .desk-push--ends {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
  .desk-push--sides {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
  .desk-push--center {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (max-width: 959px) {
  .portable-clear {
    clear: both;
  }
  .portable-clear--left {
    clear: left;
  }
  .portable-clear--right {
    clear: right;
  }
  .portable-text--left {
    text-align: left !important;
  }
  .portable-text--center {
    text-align: center !important;
  }
  .portable-text--right {
    text-align: right !important;
  }
  .portable-skinny {
    margin: 0 !important;
  }
  .portable-skinny--top {
    margin-top: 0 !important;
  }
  .portable-skinny--right {
    margin-right: 0 !important;
  }
  .portable-skinny--bottom {
    margin-bottom: 0 !important;
  }
  .portable-skinny--left {
    margin-left: 0 !important;
  }
  .portable-skinny--ends {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .portable-skinny--sides {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
div.select-report {
  margin-bottom: 15px;
}
div.select-report div .form-radio + label {
  display: inline;
}
/* #region Auth order */

.auth-employee-header {
  background-color: #da202a;
  margin: 1px 0 0 0;
  border: none;
  outline: none;
  position: relative;
  padding: 9px 18px;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.125;
}
.auth-employee-header a {
  color: #ffffff;
}
.auth-employee-order {
  border: 1px solid #da202a;
  background-color: #e0e0e0;
  padding: 10px;
}
.auth-employee-order h3 {
  font-size: 18px;
}
.item-name {
  background-color: #e0e0e0;
  border-bottom: none !important;
}
.item-name h3 {
  margin: 0;
  text-align: left;
}
.item-details,
.item-size,
.item-reason,
.item-stock,
.item-quantity,
.item-price,
.item-remove,
.item-alterations {
  background-color: #f5f5f5;
  border-top: none !important;
}
.item-details input,
.item-size input,
.item-reason input,
.item-stock input,
.item-quantity input,
.item-price input,
.item-remove input,
.item-alterations input,
.item-details select,
.item-size select,
.item-reason select,
.item-stock select,
.item-quantity select,
.item-price select,
.item-remove select,
.item-alterations select {
  background-color: white;
}
.item-details.invalid,
.item-size.invalid,
.item-reason.invalid,
.item-stock.invalid,
.item-quantity.invalid,
.item-price.invalid,
.item-remove.invalid,
.item-alterations.invalid {
  background-color: #fcccd0;
}
.item-details.invalid p,
.item-size.invalid p,
.item-reason.invalid p,
.item-stock.invalid p,
.item-quantity.invalid p,
.item-price.invalid p,
.item-remove.invalid p,
.item-alterations.invalid p {
  margin: 0px;
}
.item-details.invalid button,
.item-size.invalid button,
.item-reason.invalid button,
.item-stock.invalid button,
.item-quantity.invalid button,
.item-price.invalid button,
.item-remove.invalid button,
.item-alterations.invalid button {
  float: right;
}
.item-image {
  width: 5%;
}
.item-details {
  text-align: left;
  vertical-align: middle;
}
.item-details p {
  margin: 0px;
}
.item-details-container {
  display: inline-block;
  width: 100%;
  min-height: 72px;
}
.item-details-container div {
  line-height: 36px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-details-personalisation:hover {
  cursor: pointer;
  font-weight: bold;
}
.item-remove {
  border-right: 4px solid white;
}
.item-name.border--left,
.item-details.border--left {
  border-left: 4px solid white;
}
.item-name.border--right,
.item-price.border--right,
.item-stock.border--right {
  border-right: 4px solid white;
}
.item-quantity > .dynamic-number {
  min-height: 36px;
  margin: 7px 0px;
}
.basket-list__thead.auth {
  width: 14%;
}
.item-stock > p {
  display: inline-block;
  width: 70%;
}
.item-content {
  height: 50px;
}
.basket-list__content {
  margin-bottom: 25px;
}
.employee-status {
  padding: 5px;
  color: white;
  font-weight: bold;
}
.auth-itemtype,
.auth-allocation {
  display: inline-block;
  vertical-align: middle;
}
.auth-itemtype {
  width: 59%;
}
.auth-itemtype h3 {
  margin-bottom: 0px;
  color: #ffffff;
}
.auth-allocation {
  width: 40%;
}
.auth-allocation span {
  display: inline-block;
  width: 49%;
  padding: 3px 0px;
  vertical-align: middle;
  color: #ffffff;
}
.basket-list__header.auth {
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .item-name.border--left,
  .item-details.border--left {
    border-left: none;
  }
  .item-name.border--right,
  .item-stock.border--right,
  .item-price.border--right {
    border-right: none;
  }
  .item-name {
    background-color: #f5f5f5;
  }
  .item-name.invalid {
    background-color: #fcccd0;
  }
  .item-stock.invalid button {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .item-stock.invalid padding {
    width: 100%;
  }
  .item-stock.invalid .icon {
    margin-right: 0px !important;
  }
  .item-content {
    height: inherit;
    min-height: 50px;
    border-top: none !important;
  }
  .auth-itemtype,
  .auth-allocation {
    width: 100%;
  }
}
.text-inactive {
  background-color: #d1d1d1 !important;
}
.in-progress {
  color: #FF8533;
}
.complete {
  color: #339933;
}
.cancelled {
  color: #E60000;
}
/*#endregion*/

/* #region Product Personalisation Modal */

.personalisation {
  max-width: 800px !important;
}
.personalisation.details {
  max-width: 450px !important;
}
.personalisation-container {
  background-color: #333333;
  color: white;
  padding: 8px 2px 2px 2px;
  border-radius: 3px;
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
}
.personalisation-container.product-container {
  width: 246px;
  margin-right: 10px;
}
.personalisation-container.edit-container {
  width: 500px;
}
.personalisation-container.details-container {
  width: 100%;
}
.personalisation-container-header {
  height: 50px;
}
.personalisation-container-footer {
  height: 45px;
}
.personalisation-container-header,
.personalisation-container-footer {
  padding: 0px 7px;
}
.personalisation-container-header > h3 {
  font-size: 14px;
  line-height: 20px;
  color: white;
  margin-bottom: 0;
}
.personalisation-container-header > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personalisation-container-header > p,
.personalisation-container-footer > p {
  margin: 5px 0px;
}
.personalisation-container-body {
  min-height: 255px;
  background-color: white;
  color: black;
  border-radius: 3px;
  margin-bottom: 10px;
}
.personalisation-container-body.error {
  padding: 10px;
  text-align: center;
  background-color: pink;
  font-weight: bold;
}
.personalisation-container-body.details {
  min-height: 200px;
}
.errorCode {
  font-size: 1.5em;
  font-weight: bolder;
}
.personalisation-container-body > img {
  margin: 0px;
  border-radius: 3px;
}
.personalisation-header {
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
.personalisation-description {
  float: left;
  width: 75%;
}
.personalisation-guide {
  float: right;
  width: 24%;
}
.personalisation-actions {
  width: 100%;
  overflow: hidden;
  padding: 2px 0px;
}
.personalisation-action {
  width: 30%;
  float: right;
  margin-left: 10px;
}
.personalisation-options {
  width: 100%;
  padding: 10px;
  min-height: 175px;
}
.personalisation-options > table {
  min-width: 75%;
  max-width: 100%;
  margin: 0px;
}
.personalisation-label {
  min-width: 100px;
  max-width: 150px;
  margin-right: 10px;
}
.personalisation-input {
  min-height: 40px;
}
.personalisation-label label {
  margin: 0px 10px 0px 0px;
}
.personalisation-input {
  padding: 2px 0px;
  margin: 0px;
  width: 244px;
}
.select-styled.personalisation,
.form-text.personalisation {
  margin: 0px;
  width: 100%;
  height: 36px !important;
}
.quantity {
  height: 36px;
  margin: 10px 0px;
}
.quantity > a,
.quantity > input {
  display: inline-block;
  margin: 0px;
  vertical-align: top;
}
.quantity > input {
  width: 80px;
  text-align: center;
}
.quantity > a {
  font-size: 32px;
  line-height: 36px;
  padding: 0px 5px;
}
.personalisation-input > label {
  display: none;
}
.select-multi {
  max-width: 100%;
  border-radius: 3px;
  padding: 5px 14px 5px 7px;
  color: #424242;
  border: 1px solid #424242;
  vertical-align: middle;
  box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  align-items: center;
  position: relative;
  min-height: 36px;
}
.select-multi span {
  font-size: 12px;
  background-color: lightgrey;
  border-radius: 3px;
  padding: 3px 6px;
  margin: 2px 1px;
  display: inline-block;
}
.select-multi:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
}
.select-multi-options {
  border: 1px solid #4d90fe;
  position: absolute;
  width: 100%;
  margin: 0px 0px 0px -7px;
  z-index: 1;
  background-color: white;
  top: 100%;
}
.select-multi-options.scroll {
  overflow-y: scroll;
  max-height: 320%;
}
.select-multi-option {
  padding: 2px 7px;
  line-height: 23px;
}
.select-multi-option:hover {
  background-color: #1e90ff;
  color: white;
}
.select-multi-option.selected {
  font-weight: bold;
}
.select-multi-option.disabled {
  color: grey;
  font-style: italic;
}
.icon.icon--tick.icon--multi {
  float: right;
  margin: 3px 0px;
}
.personalisation-detail-line {
  font-size: 16px;
  width: 100%;
  padding: 15px;
}
.personalisation-detail-line div {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.personalisation-detail-line ul {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0;
}
@media (max-width: 828px) {
  .personalisation-container.product-container {
    display: none;
  }
  .personalisation-container.edit-container {
    width: 100%;
  }
  #personalisation-modal {
    max-width: 500px;
  }
  .select-multi-options.scroll {
    max-height: 420%;
  }
  .select-multi-option {
    line-height: 31px;
  }
  .select-multi-option:hover {
    background-color: inherit;
    color: inherit;
  }
  .icon.icon--tick.icon--multi {
    margin: 7px 0px;
  }
}
@media (max-width: 479px) {
  .personalisation-label {
    display: none;
  }
  .personalisation-inputs {
    width: 100%;
  }
  .personalisation-input {
    height: 60px;
    margin-bottom: 5px;
  }
  .personalisation-input label {
    display: block;
    margin-bottom: 2px;
  }
  .personalisation-action {
    width: 42%;
    margin: 0px 10px;
  }
  .personalisation-options > table {
    width: 100%;
  }
  .quantity {
    margin: 0px;
  }
  .personalisation-detail-line div {
    display: block;
    width: 100%;
  }
  .personalisation-detail-line ul {
    padding-left: 5px;
  }
}
.line-height-24 {
  line-height: 24px;
}
/*#endregion*/

/* #region Basket Line */

.item-name {
  background-color: #e0e0e0;
  border-right: 4px solid white;
  border-bottom: none !important;
}
.item-name h3 {
  margin: 0;
  text-align: left;
}
.item-details,
.item-size,
.item-reason,
.item-stock,
.item-quantity,
.item-price,
.item-remove,
.item-alterations {
  background-color: whitesmoke;
  border-top: none !important;
}
.item-details input,
.item-size input,
.item-reason input,
.item-stock input,
.item-quantity input,
.item-price input,
.item-remove input,
.item-alterations input,
.item-details select,
.item-size select,
.item-reason select,
.item-stock select,
.item-quantity select,
.item-price select,
.item-remove select,
.item-alterations select {
  background-color: white;
}
.item-image {
  width: 5%;
}
.item-size,
.item-reason,
.item-stock,
.item-quantity,
.item-price {
  width: 12%;
}
.item-details {
  text-align: left;
  vertical-align: middle;
}
.item-details-container {
  display: inline-block;
  width: 100%;
  min-height: 72px;
}
.item-details-container div {
  line-height: 36px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-details-personalisation:hover {
  cursor: pointer;
  font-weight: bold;
}
.item-remove {
  width: 10%;
  border-right: 4px solid white;
}
.item-remove a {
  float: right;
  line-height: 20px;
  width: 98%;
  margin: 0px 1%;
}
.item-remove.customised {
  width: 18%;
}
.item-remove.customised a {
  width: 48%;
  padding: 9px 5px;
}
.item-size select {
  width: 85%;
}
@media (max-width: 480px) {
  .item-name,
  .item-remove {
    border-right: none;
    background-color: whitesmoke;
  }
  .item-remove.customised {
    width: 100%;
  }
  .item-remove.customised a {
    float: none;
    width: 100%;
    padding: 9px 5px;
    margin-top: 5px;
  }
  .item-details-container {
    min-height: inherit;
  }
  .item-details-container div {
    line-height: inherit;
    max-width: 342px;
  }
  .item-details-personalisation {
    margin-top: 9px;
  }
  .item-size select {
    width: 100%;
  }
}
/*#endregion*/

.margin-top-18 {
  margin-top: 18px;
}
.rotate-90 {
  transform: rotate(90deg) scaleX(-1);
}
.rotate-180 {
  transform: rotate(180deg) scaleX(-1);
}
.rotate-270 {
  transform: rotate(270deg) scaleX(-1);
}
.detail-action {
  margin-bottom: 23px;
  vertical-align: bottom;
}
@media screen and (max-width: 480px) {
  .detail-action {
    margin-bottom: 10px;
  }
}
.basket__item--close.basket-slider a {
  line-height: 20px;
  padding: 5px;
}
.basket-slider.customised {
  width: 23%;
}
.basket-slider.customised a {
  width: 48%;
  margin: 0px 1%;
}
.quantity.quick-basket {
  margin: 5px 0px;
  text-align: center;
}
.quantity.quick-basket a {
  font-size: 30px;
  padding: 0px;
  cursor: pointer;
}
.quantity.quick-basket a.dec {
  line-height: 34px;
  margin-bottom: 3px;
}
.quantity.quick-basket a.inc {
  line-height: 37px;
}
.quantity.quick-basket input {
  display: inline-block;
  width: 50%;
  height: 37px;
}
.small.list {
  display: list-item;
  list-style-type: disc;
}
.customisation-header {
  padding: 20px;
  background-color: #c7c7c7;
  border-radius: 3px;
  margin-bottom: 20px;
  white-space: nowrap;
}
.customisation-content #customisation-image {
  width: 242px;
  float: left;
}
.customisation-content #customisation-image img {
  max-height: 255px;
  max-width: 242px;
  background-color: whitesmoke;
  border: 1px solid black;
}
.customisation-content #customisation-image div {
  white-space: nowrap;
}
.customisation-content #customisation-image div a {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
}
.customisation-content #customisation-details {
  overflow: hidden;
  padding-left: 20px;
  height: 290px;
  position: relative;
}
.customisation-content #customisation-details div {
  white-space: nowrap;
}
.customisation-content #customisation-details label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px;
  width: 49%;
  line-height: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.customisation-content #customisation-details select {
  width: 50%;
}
.customisation-content #customisation-details span {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.customisation-content #customisation-details button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.customisation-content #selected-customisations {
  margin-top: 20px;
}
.customisation-content #selected-customisations .customisation-main {
  margin: 5px;
  padding: 10px;
  background-color: whitesmoke;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.customisation-content #selected-customisations label {
  margin-bottom: 0;
}
.customisation-content #selected-customisations .customisation-main img {
  width: 100px;
  height: 100px;
}
.customisation-content #selected-customisations .customisation-list {
  list-style-type: none;
  margin-left: 0;
}
.customisation-content #selected-customisations .customisation-remove button {
  float: right;
}
.customisation-actions {
  margin-top: 40px;
}
.customisation-actions a {
  float: left;
}
.customisation-actions button {
  float: right;
  margin-left: 10px;
}
.no-margin {
  margin: 0px;
}
@media (max-width: 700px) {
  .customisation-header {
    white-space: inherit !important;
  }
  #customisation-details label {
    display: block !important;
    width: 100% !important;
    line-height: 18px !important;
  }
  #customisation-details select {
    width: 100% !important;
    margin-bottom: 15px;
  }
  #customisation-details span {
    width: 100% !important;
  }
}
@media (max-width: 550px) {
  .customisation-content h3 {
    text-align: center;
  }
  .customisation-content #customisation-image {
    max-width: 242px;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  .customisation-content #customisation-image img {
    width: 100%;
  }
  .customisation-content #customisation-image div {
    margin-bottom: 20px;
  }
  .customisation-content #customisation-details {
    padding-left: 0px;
    height: unset;
  }
  .customisation-content #customisation-details div {
    white-space: nowrap;
  }
  .customisation-content #customisation-details label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    width: 49%;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .customisation-content #customisation-details select {
    width: 50%;
  }
  .customisation-content #customisation-details span {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
  }
  .customisation-content #customisation-details button {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  .customisation-content #selected-customisations .customisation-line {
    white-space: normal;
  }
  .customisation-content #selected-customisations .customisation-line-details {
    display: inline-block;
    width: 100%;
  }
  .customisation-content #selected-customisations .customisation-line-details label {
    display: inline-block;
    margin-bottom: 0px;
  }
  .customisation-content #selected-customisations .customisation-line-details .details {
    white-space: normal;
  }
  .customisation-content #selected-customisations .customisation-line-details .type,
  .customisation-content #selected-customisations .customisation-line-details .position,
  .customisation-content #selected-customisations .customisation-line-details .price {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .customisation-content #selected-customisations .customisation-remove {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
  .customisation-content #selected-customisations .customisation-remove button {
    float: unset;
    margin: 5px 0px;
    width: 100%;
  }
  .customisation-actions a,
  .customisation-actions button {
    float: unset;
    width: 100%;
    margin: 2px 0px;
  }
}
/*# sourceMappingURL=style.css.map */

.report-table {
  margin-top: 15px;
  padding-left: 5px;
}
.report-table .row {
  padding: 5px;
  margin: 5px 0;
}
.report-table .header-row {
  background-color: #da202a;
  color: #ffffff;
}
.report-table .header-row-separated {
  padding: 5px;
  margin: 5px 0;
}
.report-table .header-row a,
.report-table .header-row i {
  float: left;
  color: #ffffff;
}
.report-table .row.border {
  border: 2px solid #da202a;
}
@media screen and (max-width: 959px) {
  .report-table .header-row {
    font-size: smaller;
  }
  .report-table .olOrderNumber {
    font-size: smaller;
  }
}
.center-content {
  text-align: center;
  vertical-align: middle;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .palm-hidden {
    display: none;
  }
}
#appointment-calendar-container {
  margin-top: 20px;
}
#appointment-calendar .slot--available {
  background-color: #da202a;
}
@media screen and (min-width: 480px) {
  #calendar-modal #appointment-calendar {
    width: 60%;
  }
}
.orders-list {
  margin: auto;
}
.orders-list .orders-list-item {
  border: 1px solid #da202a;
  border-bottom: none;
  padding: 10px;
  cursor: pointer;
}
.orders-list .orders-list-item:last-child {
  border-bottom: 1px solid #da202a;
}
.orders-list .orders-list-item:hover {
  background: #999999;
  color: #ffffff;
}
.orders-list .orders-list-item.invalid {
  background-color: #fcccd0;
}
.orders-list .header a {
  color: #ffffff;
}
#deliveryOptions-content {
  background-color: white;
}
.delivery-option-box {
  margin: 5px;
}
.delivery-option-description {
  min-height: 85px;
}
.delivery-options-appointment-container {
  padding: 10px;
}
.alterations-container {
  padding: 5px;
}
.alterations-inner-container {
  border: 2px solid #da202a;
  padding: 5px;
}
.alterations-dropdown-inactive {
  opacity: 0.5;
}
.alterations-available-plus {
  color: #da202a;
  font-size: 40px;
  font-weight: bold;
}
.alterations-icon:hover {
  filter: brightness(62%);
  cursor: pointer;
}
#processCollection-content .report-table .quantity-arrived {
  margin-top: 10px;
}
#processCollection-content .report-table .alteration-icon {
  margin-top: 8px;
}
.heldOrders-loading-message {
  display: none;
  height: 100px;
  text-align: center;
  font-size: x-large;
}
.manage-bookings-order-details {
  padding: 15px;
}
.manage-bookings-order-details-header {
  background-color: #da202a;
  color: #ffffff;
}
.report-order-alterations-table {
  font-size: x-small;
}
.report-order-alterations-table th,
.report-order-alterations-table td {
  border: 1px solid #da202a;
}
.alteration-mandatory {
  min-height: 37px;
}
.alteration-mandatory::before {
  content: "*";
}
.collection-item .dn-input {
  margin-bottom: 2px;
}
.collection-item .dynamic-number {
  padding-left: 16px;
}
.check-in-delivery-list-header {
  background-color: #878787;
  padding: 5px 50px 5px 5px;
  margin: 5px 0;
  color: white;
}
.received-checkbox {
  padding-left: 40px;
}
.deliverytext {
  width: 100%;
  overflow: hidden;
  /* will contain if #first is longer than #second */
  margin-top: 8px;
}
.deliverytext_radio {
  width: 7%;
  float: left;
  /* add this */

}
.deliverytext_text {
  overflow: hidden;
  /* if you don't want #second to wrap below #first */

}
.deliverytext_text input {
  margin-left: 10px;
  display: inline;
  width: 40%;
}
.employee-details tbody > tr td:first-child {
  padding-right: 15px;
}
.stock-message {
  color: #ED0F21;
  font-weight: bold;
}