﻿/*#region colours */
/*#endregion */
/*#region font family definitions */
/*#endregion */
/*#region images */
/*#endregion */
/*#region black theme */
/*#endregion */
/*#region green theme */
/*#endregion */
/*#region font sizes */
/*#endregion */
/*#region grid */
/*#endregion */
/*#region spacing */
/*#endregion */
/*#region opacity */
/*#endregion */
/*#region order complete v2 */
/*#endregion order complete v2 */
/*#region shadows*/
/*#endregion shadows*/
/*#region Generic Responsive Sizes */
/*#endregion Generic Responsive Sizes */
/*region EPM Header Sizes*/
/*endrefion EPM Header Sizes*/
/*#region colours */
/*#endregion */
/*#region font family definitions */
/*#endregion */
/*#region images */
/*#endregion */
/*#region black theme */
/*#endregion */
/*#region green theme */
/*#endregion */
/*#region font sizes */
/*#endregion */
/*#region grid */
/*#endregion */
/*#region spacing */
/*#endregion */
/*#region opacity */
/*#endregion */
/*#region order complete v2 */
/*#endregion order complete v2 */
/*#region shadows*/
/*#endregion shadows*/
/*#region Generic Responsive Sizes */
/*#endregion Generic Responsive Sizes */
/*region EPM Header Sizes*/
/*endrefion EPM Header Sizes*/
.btn-primary.base.text-uppercase {
  letter-spacing: 1px !important;
  /*Important still needed here*/
}

.btn-primary, a.acc-green-btn, #SearchBFPO,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle, .form-control.btn-primary {
  background-color: #007a7a !important;
  background: #007a7a;
  font-weight: 500 !important;
  /*Important still needed here*/
  letter-spacing: 0 !important;
  /*Important still needed here*/
  height: 44px !important;
  font-family: "Poppins", "Azo-Sans", sans-serif !important;
  font-stretch: normal;
  font-style: normal;
  border: none !important;
  background-image: none !important;
  -webkit-border-radius: 32px !important;
  -moz-border-radius: 32px !important;
  border-radius: 32px !important;
  text-transform: capitalize;
  font-size: 14px;
}

.btn-primary.btn-save-card-easy-pay, a.acc-green-btn.btn-save-card-easy-pay, #SearchBFPO.btn-save-card-easy-pay,
.btn-primary:not(:disabled):not(.disabled):active.btn-save-card-easy-pay,
.btn-primary:not(:disabled):not(.disabled).active.btn-save-card-easy-pay,
.show > .btn-primary.dropdown-toggle.btn-save-card-easy-pay, .form-control.btn-primary.btn-save-card-easy-pay {
  height: 36px !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, a.acc-green-btn:hover, a.acc-green-btn:active, a.acc-green-btn:focus, #SearchBFPO:hover,
#SearchBFPO:active,
#SearchBFPO:focus,
.btn-primary:not(:disabled):not(.disabled):active:hover,
.btn-primary:not(:disabled):not(.disabled):active:active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:hover,
.btn-primary:not(:disabled):not(.disabled).active:active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:hover, .show > .btn-primary.dropdown-toggle:active, .show > .btn-primary.dropdown-toggle:focus, .form-control.btn-primary:hover, .form-control.btn-primary:active, .form-control.btn-primary:focus {
  background: #006060 !important;
  outline: none;
}

.btn-primary:disabled, .btn-primary.disabled {
  background: #007a7a;
  background-color: #007a7a;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus,
.btn-primary.disabled.focus, .btn-primary[disabled]:hover,
.btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover, fieldset[disabled]
.btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background: #007a7a;
  background-color: #007a7a;
}

.btn-next-primary, .btn-next-primary:active, .btn-next-primary:hover {
  background-color: #007a7a !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  height: 44px !important;
  font-family: "Azo-Sans", sans-serif !important;
  font-stretch: normal;
  font-style: normal;
  color: #ffffff;
  border: unset !important;
  background-image: unset !important;
  padding: 12px 0;
  text-transform: uppercase;
  font-size: 14px;
}

.btn-next-tertiary, .btn-next-tertiary:active, .btn-next-tertiary:focus {
  padding: 12px 0;
  height: 44px;
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
}

#SignInBtn, .btn-register-now {
  font-weight: 600 !important;
  text-transform: capitalize;
}

button[type="button"].search-address {
  background-color: #007a7a !important;
  font-weight: 500 !important;
}

a.nxbtn.primary:not(.stocksearch-btn) {
  background-color: #007a7a;
  border-radius: 4px;
}

.PDFStatement .statement a.nxbtn.primary {
  background-color: #007a7a;
  background: #007a7a;
}

a.nxbtn.secondary, a.nxbtn.tertiary {
  border-radius: 4px;
}

.nxbtn.tertiary {
  border: 1px solid #000000;
}

button.btn-style {
  height: 44px;
}

.btn-tertiary.plp-view-item-cta {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 500;
}

.btn-secondary {
  height: 44px !important;
}

#paperStatementBtn, #dropdownOlderStatments {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  letter-spacing: normal;
  font-weight: 600;
  padding-top: 6px !important;
}

.btn:active:focus {
  outline: none;
}

.btn-default {
  text-shadow: none;
}

.btn-next-secondary {
  background: #000000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 12px 0;
  height: 44px;
  font-size: 14px;
  text-transform: uppercase;
}

body {
  /*#region colours */
  /*#endregion */
  /*#region font family definitions */
  /*#endregion */
  /*#region images */
  /*#endregion */
  /*#region black theme */
  /*#endregion */
  /*#region green theme */
  /*#endregion */
  /*#region font sizes */
  /*#endregion */
  /*#region grid */
  /*#endregion */
  /*#region spacing */
  /*#endregion */
  /*#region opacity */
  /*#endregion */
  /*#region order complete v2 */
  /*#endregion order complete v2 */
  /*#region shadows*/
  /*#endregion shadows*/
  /*#region Generic Responsive Sizes */
  /*#endregion Generic Responsive Sizes */
  /*region EPM Header Sizes*/
  /*endrefion EPM Header Sizes*/
  /*Client Auth*/
}

body header.PageHeader .HeaderContent #MainNavigation .PrimaryNavigation li.Department a .DepartmentText {
  text-transform: uppercase !important;
  font-weight: 500;
}

body header.PageHeader .HeaderContent .HeaderTopBar .nxbtn.primary {
  background-color: #007a7a;
  border-color: #007a7a;
}

body header.PageHeader .HeaderContent .HeaderTopBar .nxbtn.primary.disabled {
  background-color: #007a7a;
  opacity: 0.4;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.Search input[type=submit] {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-search.svg) center no-repeat;
  background-size: 24px;
  border-left: 1px solid #000;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon {
  background: none;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body header.PageHeader .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon {
    background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-favourite@2x.white.png);
    background-position: 8px 11px;
    background-repeat: no-repeat;
    background-size: 26px;
  }
}

body header.PageHeader .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon #gel-favourite-inactive {
  width: 26px;
  height: 26px;
  display: block !important;
  fill: #ffffff;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon.notification:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ec008c;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: 10px;
  right: 7px;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.BagSummary div.Icon {
  background: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body header.PageHeader .HeaderContent .HeaderTopBar section.BagSummary div.Icon {
    /* IE10+ CSS */
    background: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-bag@2x.white.png) center no-repeat;
    background-size: 26px;
    background-position: 2px 2px;
  }
}

body header.PageHeader .HeaderContent .HeaderTopBar section.BagSummary div.Icon #gel-bag-summary {
  display: block !important;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 6px;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.BagSummary div.Icon .ItemCount span {
  margin-top: 0;
  margin-left: -1px;
}

body header.PageHeader .HeaderContent .HeaderTopBar section.QuickLinks ul li a {
  font-weight: 400;
}

body header.PageHeader .HeaderContent .HeaderTopBar .flagSelectorContainer .flagContainer .HeaderFlag {
  border: 2px solid #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

body header.PageHeader .HeaderContent .HeaderTopBar .bagRebuildNotification .bagHeader .items_count {
  text-align: center;
  font-size: 13px;
}

body header.PageHeader .HeaderContent .HeaderTopBar .bagRebuildNotification .rebuildBagFooter {
  width: 95%;
}

body header.PageHeader .HeaderContent .HeaderTopBar .bagRebuildNotification .rebuildBagFooter .view_edit_bag {
  width: 95%;
}

body header.PageHeader .BreadcrumbNavigation {
  box-sizing: content-box;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Back {
  padding: 0;
  box-sizing: border-box;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Back a.nxbtn.icon-arrow-left {
  height: 27px;
  line-height: 28px;
  border-radius: unset;
  text-transform: capitalize;
  box-sizing: content-box;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Breadcrumbs div.BreadcrumbsHolder ul.Breadcrumbs li.bcHome a {
  background: url(https://www.next.co.uk/Images/VisionReskin/icon-home@2x.png) left no-repeat;
  background-size: contain;
  padding-left: 30px;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Breadcrumbs div.BreadcrumbsHolder ul.Breadcrumbs li.Breadcrumb {
  font-family: "Azo-Sans", sans-serif;
  position: relative;
  background: none;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: capitalize;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Breadcrumbs div.BreadcrumbsHolder ul.Breadcrumbs li.Breadcrumb.lastBreadcrumb {
  font-weight: 400;
}

body header.PageHeader .BreadcrumbNavigation div.Content section.Breadcrumbs div.BreadcrumbsHolder ul.Breadcrumbs li.Breadcrumb:not(.lastBreadcrumb):after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  border-right: 1px solid #000000;
  position: absolute;
  right: 2px;
  top: 10px;
  transform: rotate(32deg);
}

body.hideBreadcrumbs header.PageHeader.Large, body.hideBreadcrumbs div.HeaderSpacer, body.hideBreadcrumbs .dynamicLoadError .DynamicLoadHeaderSpacer {
  height: var(--next-header-lg-height, 108px);
}

body.hideBreadcrumbs header.PageHeader.Large .BreadcrumbNavigation, body.hideBreadcrumbs div.HeaderSpacer .BreadcrumbNavigation, body.hideBreadcrumbs .dynamicLoadError .DynamicLoadHeaderSpacer .BreadcrumbNavigation {
  display: none !important;
  height: 0 !important;
}

body.hideBreadcrumbs header.PageHeader .BreadcrumbNavigation {
  display: none !important;
  height: 0 !important;
}

body .MainNavigation ul#steps li, body .MainNavigation ul#steps li.active, body .MainNavigation ul#steps li a {
  text-transform: none;
  font-weight: 500;
}

body .SecureMessages .SecureText {
  background: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body .SecureMessages .SecureText {
    /* IE10+ CSS */
    background: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-secure@2x.white.png) center no-repeat;
    background-size: contain;
    height: 24px;
    margin-top: -4px;
  }
}

body #gel-secure-icon {
  display: block !important;
  fill: white;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 11px;
}

body .PageHeader .countrySelector .rightPane p {
  font-size: 16px;
  margin: 10px 10px;
  font-family: "Azo-Sans", sans-serif;
  font-weight: 500;
}

body .PageHeader .countrySelector .rightPane .selectorDropdown {
  width: 280px;
}

body .PageHeader .countrySelector .rightPane .paneContent {
  border-top: 1px solid rgba(0, 0, 0, 0.23);
  background-color: #f7f7f7;
  padding: 0;
}

body .PageHeader .countrySelector .rightPane .paneContent .section {
  margin: 0px 16px;
  width: 278px;
}

body .PageHeader .countrySelector .rightPane .paneContent .section .languageButtons .languageButton {
  padding: 4px 12px 4px 10px;
  letter-spacing: 0px;
  font-size: 12px;
  line-height: 16px;
}

body .PageHeader .countrySelector .rightPane .paneContent .section .languageButtons .languageButton.selected {
  border: 2px solid #007a7a;
  background: rgba(0, 122, 122, 0.05);
  font-weight: 900;
  line-height: 14px;
}

body .PageHeader .countrySelector .rightPane .paneContent .section label {
  font-size: 14px;
}

body .PageHeader .countrySelector .rightPane .paneContent .section:first-child {
  margin-top: 10px;
}

body .PageHeader .countrySelector .rightPane .paneContent .section #dk_container_countrySelectorDropdown .dk_toggle {
  width: 100%;
}

body .PageHeader .countrySelector .rightPane .paneContentlabel.country {
  margin-top: 6px;
}

body .PageHeader .countrySelector .rightPane .paneContentlabel {
  font-weight: 500;
}

body .PageHeader .countrySelector .rightPane .paneContent .bottomSection {
  border-top: 1px solid rgba(0, 0, 0, 0.23);
  background-color: white;
}

body .PageHeader .countrySelector .rightPane .paneContent .bottomSection .shopNow .stayOnNext {
  float: right;
  margin: 0 16px 0 13px;
  font-weight: 500;
  width: auto;
  height: 28px;
  background: none;
  color: #006060;
}

body .PageHeader .countrySelector .rightPane .paneContent .bottomSection .shopNow .stayOnNext:after {
  content: '';
  display: inline-block;
  height: 8px;
  width: 12px;
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
  margin-left: 6px;
}

body .flagSelectorContainer .dk_container > a {
  -moz-appearance: window;
  -webkit-appearance: none;
  background: #ffffff;
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 13px);
  height: 44px;
  border: 1px solid #949494;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body .flagSelectorContainer .dk_container > a:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

body .flagSelectorContainer .dk_container > a.error {
  border-color: #d91440;
}

body .btnFlagSelectorShopNow {
  width: 255px;
  margin: 10px;
  margin: 10px 16px;
  background-color: #007a7a;
}

body .addedToBagDialogue {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #949494;
  padding: 0;
  width: 320px !important;
  font-family: "Azo-Sans", sans-serif;
  box-shadow: none;
}

body .addedToBagDialogue:before {
  right: 48px;
}

body .addedToBagDialogue .bagHeader {
  height: 44px;
  padding-bottom: 0px;
  border-bottom: 1px solid #989898;
}

body .addedToBagDialogue .bagHeader .items_count {
  text-align: left;
  margin-left: 12px;
  margin-top: 0px;
  padding-top: 14px;
  text-transform: capitalize;
  font-size: 15px;
}

body .addedToBagDialogue.empty .innerAddedToBagDialogue div {
  text-transform: capitalize;
}

body .addedToBagDialogue .innerAddedToBagDialogue {
  max-height: 220px;
  background: #f7f7f7;
}

body .addedToBagDialogue .innerAddedToBagDialogue .viewport {
  max-height: 220px;
}

body .addedToBagDialogue .innerAddedToBagDialogue .viewport .overview .bagDetail {
  padding-left: 12px;
  width: calc(100% - 24px);
}

body .addedToBagDialogue .innerAddedToBagDialogue .viewport .overview .bagDetail .itemWrapper {
  border-bottom: 1px solid #eaeaea;
}

body .addedToBagDialogue .innerAddedToBagDialogue .scrollbar {
  right: -2px;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .imgWrapper img {
  border: none;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail {
  width: 210px !important;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail.soldout span.itemStatus {
  color: #d91440;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail.instock span.itemStatus {
  color: #006060;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail.delayed span.itemStatus {
  color: #d88f31;
  font-weight: 400;
  font-size: 14px;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemSize, body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemQty, body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemStatus {
  font-weight: 400;
  font-size: 14px;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemSize strong, body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemQty strong, body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemStatus strong {
  font-weight: 400;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemDesc, body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemPrice {
  font-size: 14px;
  color: #000000;
}

body .addedToBagDialogue .innerAddedToBagDialogue .itemWrapper .itemDetail span.itemDesc {
  width: 132px;
}

body .addedToBagDialogue .bagFooter {
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid #949494;
  border-top: 1px solid #eaeaea;
}

body .addedToBagDialogue .bagFooter .saving {
  padding-right: 0px;
}

body .addedToBagDialogue .bagFooter .total {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

body .addedToBagDialogue .bagFooter .subText {
  font-size: 12px;
  color: #000000;
}

body .addedToBagDialogue .bagFooter a.checkout, body .addedToBagDialogue .bagFooter a.checkout.disabled {
  background-color: #007a7a !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  font-family: "Azo-Sans", sans-serif !important;
  font-stretch: normal;
  font-style: normal;
  text-decoration: none;
  border: unset !important;
  background-image: unset !important;
  color: #ffffff;
  border-radius: 4px;
}

body .addedToBagDialogue .bagFooter a.view_edit_bag, body .addedToBagDialogue .bagFooter a.checkout {
  width: 111px;
  margin: 12px 0;
  font-size: 12px;
  text-decoration: none;
}

body .addedToBagDialogue .bagFooter a.view_edit_bag {
  padding: 11px;
  color: #000000;
  border-color: #000000;
}

body .addedToBagDialogue .bagFooter .left, body .addedToBagDialogue .bagFooter .right {
  color: #000000;
}

body.msie9 header .HeaderContent .HeaderTopBar section.BagSummary div.Icon {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-bag@2x.white.png);
  background-size: 28px;
  background-repeat: no-repeat;
}

body.msie9 header .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon:not(.notification) {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-favourite@2x.white.png);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 0 10px;
}

body.msie9 header .HeaderContent .HeaderTopBar section.FavouriteHeader div.favourite-icon.notification {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-path-favourite-active@2x.white.png);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 0 10px;
}

body header.PageHeader.SecurePageHeader .QuickLinks ul li a {
  border-left: solid;
  border-right: solid;
  border-right-color: #cecece;
  border-left-color: #cecece;
  border-left-width: thin;
  border-right-width: thin;
}

body header.PageHeader.SecurePageHeader section.BagSummary.MiniBagSecure .ItemCount {
  margin: -7px 0 0 0;
}

body header.PageHeader.SecurePageHeader section.BagSummary.MiniBagSecure .ItemCount span {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-top: 1px !important;
  padding-left: 9px;
}

body .ContentArea {
  color: #000000;
}

body .ContentArea a {
  color: #000000;
}

body small {
  font-size: 12px;
}

@media (min-width: 480px) and (max-width: 767px) {
  body .hidden-sm {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body .hidden-md {
    display: none;
  }
}

body h2, body h3, body h4, body span:not(.prompt) {
  letter-spacing: normal;
}

body h1, body h2, body h3, body h4, body p, body div, body .text-body, body .text-body-xs, body label, body #page-title {
  font-family: "Poppins", sans-serif;
  letter-spacing: normal;
  font-weight: 400;
}

body .text-small, body .text-small-xs, body .small {
  color: #000000;
  font-size: 12px;
}

body .text-muted {
  color: #949494 !important;
}

body span.chip {
  border-radius: 4px;
}

body .text-primary {
  color: #006060 !important;
}

body a.text-primary:hover, body a.text-primary:focus {
  color: #006060 !important;
}

body .nx-select .nx-icon.right-Arrow {
  transform: rotate(0deg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 8px;
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg);
  width: 15px;
}

[dir=rtl] body .nx-select .nx-icon.right-Arrow {
  transform: rotate(0deg);
}

body #search-options #btn-filter i.nx-icon.search-sort, body #search-options #btn-sort i.nx-icon.search-sort {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

body .nx-icon.left-Arrow, body .nx-icon.nx-back {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) no-repeat;
  background-position: center;
  background-size: 100%;
  transform: rotate(90deg);
  width: 14px;
}

body .nx-icon.right-Arrow:not(button), body .nx-icon.iconArrowRight {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) no-repeat;
  background-position: center !important;
  background-size: 100%;
  transform: rotate(270deg);
  width: 14px;
}

[dir=rtl] body .nx-icon.right-Arrow:not(button), [dir=rtl] body .nx-icon.iconArrowRight {
  transform: rotate(-270deg);
}

body .nx-icon.RightArrowSmall {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) no-repeat;
  background-position: center;
  background-size: 100%;
  transform: rotate(270deg);
  width: 14px;
}

body .nx-icon.nav-nextlogo {
  background-image: url(https://www.next.co.uk/Images/Structural/VisionHeader/white-header-logo.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 70px;
  height: 20px;
}

body .nx-icon.nav-nextlogo.gold {
  background-image: url(https://www.next.co.uk/Images/Structural/VisionHeader/white-header-logo-gold.svg);
}

body .nx-icon.nav-padlock {
  background-image: url(https://www.next.co.uk/Images/VisionReskin/icon-outline-secure-svg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 22px;
  width: 18px;
  margin-left: 8px;
}

body .nx-icon.nav-bag {
  background-image: url(https://www.next.co.uk/Images/Structural/VisionHeader/bag-icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 21px;
}

body .nx-icon.tick {
  background-image: url(https://www.next.co.uk/Images/VisionReskin/tick--success.png);
  background-size: 44px, 44px, contain;
  background-position: center;
  background-repeat: no-repeat;
}

body .nx-icon.cross {
  background-image: url(https://www.next.co.uk/Images/VisionReskin/tick--error.png);
  background-size: 44px, 44px, contain;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center !important;
}

body .nx-icon.nx-tooltip {
  width: 24px;
  height: 24px;
  background-image: url(https://www.next.co.uk/Images/VisionReskin/help-question@2x.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 8px;
}

body .nx-icon.down-Arrow {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) !important;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
  transform: rotate(0deg);
  top: 6px;
  right: 4px;
}

body .nx-icon.up-Arrow {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) !important;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
  transform: rotate(180deg);
  top: 22px;
  right: 4px;
}

body .has-error .help-block {
  color: #d91440;
  font-size: 12px;
}

body .page-heading h2 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: normal;
  text-transform: capitalize;
}

body .heading-extra-small {
  text-transform: capitalize;
  letter-spacing: normal;
}

body #nu-container #nuSummary-container .nu-icon.tick {
  background-image: url(https://www.next.co.uk/Images/VisionReskin/tick--success.png);
  background-size: unset;
  background-position: center;
  background-repeat: no-repeat;
}

body #nu-container #nuSummary-container .text-right {
  text-align: left;
}

body #nu-container #nuSummary-container .text-right #nuTermsLink {
  color: #007a7a;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.43;
}

body #mainBody .Error {
  margin: 1rem;
}

body #mainBody {
  background: #ffffff;
}

body header.alert.nx-success {
  margin-left: 0;
  margin-right: 0;
  border: none;
  background: #f4f9f6;
  border-left: 2px solid #006060;
}

body #desktop-list-page .webui-alert-info {
  text-align: left;
}

body #desktop-list-page .webui-alert-info > span:first-child {
  padding-left: 8px;
}

body #mainContent .messagebox.Failure {
  border: none;
  border-left: 2px solid #d91440;
  background: #fdf3f5;
}

body #mainContent .messagebox.Failure .nx-alertbody div > span {
  color: #000000;
  text-transform: none !important;
}

body #mainContent .messagebox.Success {
  border: none;
  border-left: 2px solid #257F39;
  background: #f4f9f6;
}

body #mainContent .messagebox.Secure {
  border: none;
  border-left: 2px solid #000000;
}

body #mainContent .messagebox .msgContent .msgboxTitle {
  letter-spacing: normal;
  text-transform: none !important;
}

body div.my_account .alert.nx-twofa {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 10px;
}

body div.account_summary .alert.nx-twofa {
  margin-left: 0px;
  margin-right: 0px;
}

body .alert, body .change-address-intro {
  /*margin-left: 16px;
    margin-right: 16px;*/
}

body .alert.alert-info, body .alert.nx-mobile-info, body .alert.webui-alert-info, body .alert.card-address-check, body .alert.nx-info, body .change-address-intro.alert-info, body .change-address-intro.nx-mobile-info, body .change-address-intro.webui-alert-info, body .change-address-intro.card-address-check, body .change-address-intro.nx-info {
  border: none !important;
  border-left: 2px solid #1d89dd !important;
  background: #f4f9fd;
  color: #000000;
  border-radius: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
}

body .alert.alert-info strong, body .alert.nx-mobile-info strong, body .alert.webui-alert-info strong, body .alert.card-address-check strong, body .alert.nx-info strong, body .change-address-intro.alert-info strong, body .change-address-intro.nx-mobile-info strong, body .change-address-intro.webui-alert-info strong, body .change-address-intro.card-address-check strong, body .change-address-intro.nx-info strong {
  font-size: 14px;
  font-weight: 500;
}

body .alert.webui-alert-info, body .change-address-intro.webui-alert-info {
  margin: 12px 16px;
}

body .alert .alert-heading, body .change-address-intro .alert-heading {
  letter-spacing: normal;
  text-transform: capitalize !important;
  font-size: 14px;
}

body .alert.nx-advisory, body .change-address-intro.nx-advisory {
  border: none;
  border-left: 2px solid #d88f31;
  background: #fdf9f5;
}

body .alert.nx-failure, body .change-address-intro.nx-failure {
  border: none;
  border-left: 2px solid #d91440;
  background: #fdf3f5;
}

body .alert.nx-failure .nx-alertbody, body .change-address-intro.nx-failure .nx-alertbody {
  color: #000000;
}

body .alert.nx-failure .nx-alertbody div > span, body .change-address-intro.nx-failure .nx-alertbody div > span {
  color: #000000;
  text-transform: none !important;
}

body .alert.alert-warning, body .alert.webui-alert-warning, body .change-address-intro.alert-warning, body .change-address-intro.webui-alert-warning {
  border: none;
  border-radius: 0px;
  border-left: 2px solid #d88f31;
}

body .alert.alert-success, body .alert.nx-mobile-success, body .change-address-intro.alert-success, body .change-address-intro.nx-mobile-success {
  border: none;
  border-left: 2px solid #257F39;
  color: #000000;
  background-color: #f4f9f6;
  padding-left: 16px;
}

body .alert.alert-success .alert-icon, body .alert.nx-mobile-success .alert-icon, body .change-address-intro.alert-success .alert-icon, body .change-address-intro.nx-mobile-success .alert-icon {
  display: none;
}

body .alert.alert-success .nx-alertbody strong, body .alert.nx-mobile-success .nx-alertbody strong, body .change-address-intro.alert-success .nx-alertbody strong, body .change-address-intro.nx-mobile-success .nx-alertbody strong {
  font-size: 14px;
  font-weight: 500;
}

body .save-card-easy-pay-container {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 1280px) {
  body .save-card-easy-pay-container {
    margin-left: -18px;
  }
}

body .msgbox.info {
  border: none;
  border-left: 2px solid #1d89dd;
  background: #f4f9fd;
  color: #000000;
  border-radius: 0px;
}

body .msgbox.info .msgboxContent {
  padding: 0;
  background: none;
}

body .msgbox.info .msgboxContent .msgboxBody {
  font-size: 14px;
}

body #responsive_body .x-small {
  font-size: 0.75rem !important;
}

body #masterPageContent .alert-banner {
  border: none;
  border-left: 2px solid #257F39;
}

body #masterPageContent .alert-banner .alert-heading {
  letter-spacing: normal;
}

body.ctoc header.alert.nx-ctoc-banner.nx-arrears, body.ctoc header.alert.nx-ctoc-banner {
  border: none;
  border-left: 3px solid #d88f31;
  background: #fdf9f5;
  margin-top: 1rem;
}

body.ctoc header.alert.nx-ctoc-banner.nx-arrears span, body.ctoc header.alert.nx-ctoc-banner span {
  text-transform: none !important;
}

body.ctoc header.alert.nx-ctoc-banner.nx-arrears .cls-payment-now a, body.ctoc header.alert.nx-ctoc-banner .cls-payment-now a {
  background: #007a7a;
  border-color: #007a7a;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  padding-top: 10px !important;
}

body.ctoc header.alert.nx-ctoc-banner.nx-arrears strong, body.ctoc header.alert.nx-ctoc-banner strong {
  text-transform: none;
}

body.ctoc .messageBoxNoIcon.ctoc-banner.arrears {
  border: none;
  border-radius: 0px;
  border-left: 2px solid #d88f31;
  background: #fdf9f5;
}

body .cist-modal-dialog .cist-desktop-content .cist-validation .alert.nx-failure {
  border: none;
  border-left: 2px solid #d91440;
  background: #fdf3f5;
}

body .cist-modal-dialog .cist-desktop-content .cist-validation .alert.nx-failure .nx-alertbody {
  color: #000000;
}

body .cist-modal-dialog .cist-desktop-content .cist-validation .alert.nx-failure .nx-alertbody div > span {
  color: #000000;
  text-transform: none !important;
}

body .ReskinMessageBanner.Success {
  border: none;
  border-left: 2px solid #257F39;
  background-color: #f4f9f6;
  border-radius: 0px;
}

body .ReskinMessageBanner .msgBody {
  font-size: 14px;
}

body .ReskinMessageBanner.Success {
  border: none;
  border-left: 2px solid #257F39;
  background-color: #f4f9f6;
  border-radius: 0px;
}

body .ReskinMessageBanner .msgBody {
  font-size: 14px;
}

body .form-control {
  border: 1px solid #949494;
  background: #ffffff;
}

body .form-control::placeholder {
  color: #949494;
}

body .form-control:not(select):not([type=search]):not(.btn-primary):not(.delivery-performance--delivery-slots__buttons) {
  height: 44px;
  background-color: #ffffff;
}

body .form-control:focus:not(.tabbed-filter-brand-search):not(.delivery-performance--delivery-slots__buttons):not(.kuli__change-phone-number-input) {
  border: 1px solid #000000 !important;
  outline: 0;
}

body .has-success .form-control {
  border-color: #007a7a;
  box-shadow: none;
  -webkit-box-shadow: none;
}

body .has-success .form-control [dir=ltr] {
  border-right: 0px !important;
}

body .has-success .form-control:focus {
  border-color: #007a7a;
  box-shadow: none;
  -webkit-box-shadow: none;
}

body .has-success select.form-control {
  border-right: 1px solid #257F39;
}

body .has-success .form-control-feedback-success {
  background-color: transparent;
}

body .has-error .form-control {
  border-color: #d91440;
  box-shadow: none;
  -webkit-box-shadow: none;
}

body .has-error .form-control [dir=ltr] {
  border-right: 0px !important;
}

body .has-error select.form-control {
  border-right: 1px solid #d91440;
}

body .has-error .form-control-feedback-error {
  background-color: transparent;
}

body .input-container label {
  top: 12px;
  color: #000000;
}

body .nx-select {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #949494;
}

body .CookieConsent {
  border: 1px solid #eaeaea;
}

body .CookieConsent #aFindOutMore {
  color: #000000;
}

body .CookieConsent .CookieConsentCross {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-close.svg);
  background-size: contain;
}

body input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body input[type=text]:focus {
  outline: none;
}

body input:focus {
  outline: none;
}

body select:focus {
  outline: none;
}

body#responsive_body .login-tooltip {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 4px solid #000000;
}

body#responsive_body .login-tooltip .arrow:before, body#responsive_body .login-tooltip .arrow:after {
  border-bottom-color: #000000;
}

body#responsive_body .login-tooltip .popover-body .popover-header {
  border-radius: 0px;
  background: #ffffff;
  border: none;
}

body#responsive_body .login-tooltip .popover-body .popover-header .favouritesPopoverTitle {
  margin-bottom: 0px;
}

body#responsive_body .login-tooltip .popover-body .popover-header .closePopover {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-close.svg) center no-repeat;
}

body#responsive_body .login-tooltip .popover-body .popover-body {
  padding: 0px 14px 6px 14px;
}

body#responsive_body .login-tooltip .popover-body .loginPopoverText .loginPopoverLink {
  color: #006060;
}

body#responsive_body .login-tooltip .popover-body .favouritesPopoverText .favourites-sign-out-link {
  color: #006060;
}

body .popover.login-tooltip .popover-content .popover-header .closePopover, body .popover.maxlimit-tooltip .popover-content .popover-header .closePopover {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-close.svg) center no-repeat;
}

body .popover.login-tooltip .popover-content .popover-body .loginPopoverText a, body .popover.maxlimit-tooltip .popover-content .popover-body .loginPopoverText a {
  color: #006060;
}

body .popover.login-tooltip .popover-content .popover-body .continueShoppingLink a, body .popover.maxlimit-tooltip .popover-content .popover-body .continueShoppingLink a {
  color: #006060;
}

body .popover.login-tooltip .popover-content .popover-body .continueShoppingLink a, body .popover.maxlimit-tooltip .popover-content .popover-body .continueShoppingLink a {
  color: #006060;
}

body .popover.login-tooltip.popover.desktop.bottom > .arrow, body .popover.maxlimit-tooltip.popover.desktop.bottom > .arrow {
  left: 50% !important;
}

body .favourites-sign-out-link {
  color: #006060;
  font-weight: 500;
}

body .nx-info-shoppingbag {
  border: none;
  border-left: 2px solid #1d89dd;
  background: #f4f9fd;
}

body .nx-info-shoppingbag .notificationBanner .closeImg {
  vertical-align: top;
}

body .nx-info-shoppingbag .notificationBanner .closeImg a {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-close.svg) center no-repeat;
}

body .nx-info-shoppingbag .CloseNotification {
  position: absolute;
  top: 3px;
  right: 6px;
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-close.svg) center no-repeat;
  background-size: 12px;
}

body .nx-info-shoppingbag .CloseNotification img {
  display: none;
}

body .ContentArea .dk_container .dk_toggle, body .dk_container .dk_toggle {
  -moz-appearance: window;
  -webkit-appearance: none;
  background: #ffffff;
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 13px);
  height: 44px;
  border: 1px solid #949494;
  border-radius: 4px;
  height: auto;
  border-radius: 4px;
}

body .ContentArea .dk_container .dk_toggle:focus, body .dk_container .dk_toggle:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

body .ContentArea .dk_container .dk_toggle.error, body .dk_container .dk_toggle.error {
  border-color: #d91440;
}

body .ContentArea .dk_container.dk_open .dk_toggle, body .dk_container.dk_open .dk_toggle {
  background-image: none;
}

body .ContentArea .dk_container.dk_open .dk_toggle:after, body .dk_container.dk_open .dk_toggle:after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 10px;
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) center no-repeat;
  top: calc(50% - 5px);
  right: 13px;
  transform: rotate(180deg);
}

@media (min-width: 1280px) {
  body .ContentArea .dk_container.dk_open .dk_toggle:after, body .dk_container.dk_open .dk_toggle:after {
    right: 13px;
  }
}

body .clearable.x {
  background: #ffffff url(https://www.next.co.uk/Images/Gel3-0/icon-ui-clear@2x.png) no-repeat right 14px center;
  background-size: 22px;
}

body .sprite-sheet-clear-input-icon {
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-clear@2x.png);
  background-size: 22px;
  background-position: center;
  top: 6px;
}

body .control-label {
  text-transform: none;
}

body .panel:not(.payment-option__entry--panel) {
  margin-left: 16px;
  margin-right: 16px;
}

body .panel:not(.payment-option__entry--panel) .form-group {
  margin-left: 16px;
  margin-right: 16px;
}

body .panel.myAccountLegalTextMobile {
  margin: 0px;
}

body .panel-link, body .panel-level-content {
  margin-left: 16px;
  margin-right: 16px;
}

body .panel-heading {
  padding: 0 16px;
}

body .form-group {
  margin-left: 16px;
  margin-right: 16px;
}

body .adjust-for-full-width {
  margin: 0px;
}

body .add-new-card-container-mobile {
  padding: 0px;
  margin: 0 16px;
}

body .modal-dialog .modal-content {
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  margin-top: 70px;
  width: 365px;
}

@media all and (max-width: 399px) {
  body .modal-dialog .modal-content {
    width: 290px;
  }
}

@media all and (max-width: 319px) {
  body .modal-dialog .modal-content {
    width: 260px;
  }
}

body .modal-dialog .modal-content .modal-header {
  margin-top: 0;
}

body .modal-dialog .modal-content .modal-header .close {
  background-image: url("https://www.next.co.uk/Images/VisionReskin/icon-utility-close.png");
  width: 16px;
  height: 16px;
  margin: 6px;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 7px;
}

body .modal-dialog .modal-content .modal-header .close span {
  display: none;
}

body .modal-dialog .modal-content .modal-body {
  font-size: 14px;
  font-weight: 500;
  margin: -5px 10px;
  text-align: left;
  padding: 0 13px;
  width: 85%;
}

body .modal-dialog .modal-content .modal-footer {
  padding: 0;
  margin: 15px 15px;
  display: flex;
  flex-direction: row-reverse;
}

body .modal-dialog .modal-content .modal-button-container {
  width: 50%;
  height: 44px;
  padding: 0 10px;
}

body .modal-dialog .modal-content .modal-button {
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  width: 150px;
  height: 100%;
  line-height: 3;
  padding: 0;
}

body .modal-dialog .modal-content .modal-button strong {
  font-size: 14px;
  font-weight: 600;
}

@media all and (max-width: 399px) {
  body .modal-dialog .modal-content .modal-button {
    width: 110px;
  }
}

body .modal-dialog .modal-content .modal-button-Yes {
  color: #ffffff;
  background-color: #007a7a;
}

body .modal-dialog .modal-content .modal-button-No {
  color: #000000;
  border: 1px solid #000000;
}

body .sprite-sheet-home-delivery-white-icon {
  background: url(https://www.next.co.uk/Images/VisionReskin/icon-delivery@2x.png) center/contain no-repeat;
}

body .nxbtn.primary.loading {
  background-image: none !important;
  position: relative;
}

body .nxbtn.primary.loading:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #ffffff;
  border-top-color: #ffffff;
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 10px);
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .nx-spinner-light {
  background: none;
}

body .nx-spinner-light:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #ffffff;
  border-top-color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: none;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .nx-spinner, body .spinner {
  background: none;
}

body .nx-spinner:after, body .spinner:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #000000;
  border-top-color: #000000;
  width: 34px;
  height: 34px;
  position: absolute;
  left: calc(50% - 17px);
  top: calc(50% - 17px);
  background: none;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .spinner {
  background: rgba(255, 255, 255, 0.8);
}

body .sbm-idCheckoutButton .nx-spinner-light {
  margin: auto;
}

body.new-sale .nx-spinner-dark {
  background-image: none;
}

body.new-sale .nx-spinner-dark:after {
  background: none;
}

body.new-sale .ppm-style-addtobag-button.loading .nx-spinner-light {
  background-image: none;
}

body.new-sale .ppm-style-addtobag-button.loading .nx-spinner-light:after {
  background-image: none;
  width: 20px;
  height: 20px;
  margin: 2px;
}

body .MainNavigation .SecondaryNavigation .placeholder {
  position: relative;
}

body .MainNavigation .SecondaryNavigation .placeholder img.placeholderLoader {
  display: none;
}

body .MainNavigation .SecondaryNavigation .placeholder:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #000000;
  border-top-color: #000000;
  width: 34px;
  height: 34px;
  position: absolute;
  left: calc(50% - 17px);
  top: calc(50% - 17px);
  background: none;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .RecentlyViewedWrapper .loader img {
  display: none;
}

body .RecentlyViewedWrapper .loader:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #000000;
  border-top-color: #000000;
  width: 32px;
  height: 32px;
  display: block;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .mblFilterLoadingSpinner {
  background-image: none;
}

body .mblFilterLoadingSpinner:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #000000;
  border-top-color: #000000;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body .remove-loading-spinner {
  width: 16px;
  height: 16px;
}

body .remove-loading-spinner:after {
  content: "";
  border-radius: 100%;
  animation: spin 0.6s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.05);
  border-left-color: #000000;
  border-top-color: #000000;
  width: 16px;
  height: 16px;
  display: inline-block;
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(359deg);
  }
}

body body.new-sale a.backToTop, body a.backToTop, body a.pdpBackToTop, body .sitemap-desktop a.backToTop {
  background: #000000 url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron-white.svg) center/14px no-repeat;
  transform: rotate(180deg);
  width: 44px;
  height: 44px;
  margin-right: 16px;
  border-radius: 100%;
}

body body.new-sale a.backToTop.opening, body body.new-sale a.backToTop.open, body a.backToTop.opening, body a.backToTop.open, body a.pdpBackToTop.opening, body a.pdpBackToTop.open, body .sitemap-desktop a.backToTop.opening, body .sitemap-desktop a.backToTop.open {
  margin-bottom: 20px;
}

body .top-action {
  width: 44px;
  height: 44px;
  right: 16px;
}

body .top-action .nx-icon.chevron-up-light {
  width: 12px;
  height: 16px;
  background-image: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
}

body .top-action span {
  display: none;
}

body #mainContent .uk-auth .messagebox .msgContent .msgboxTitle {
  font-weight: bold;
  text-transform: lowercase !important;
  display: inline-block;
}

body #mainContent .uk-auth .messagebox .msgContent span.msgboxTitle::first-letter {
  text-transform: uppercase !important;
}

body #mainContent .uk-auth .messagebox .msgBody {
  margin-top: 10px;
}

body #mainContent .uk-auth .messagebox.Advisory {
  width: 369px;
  border: 0;
  border-left: solid 3px #d58d3a;
}

body .uk-auth .auth-banner {
  position: relative;
  top: -5px;
}

body .uk-auth .alert {
  margin: 0;
  line-height: 1.5;
  padding-right: 30px;
}

body .uk-auth .panel-level-content {
  margin: 0;
}

body .int-auth .banner-info {
  font-weight: bold;
}

body .newgel-buttons a,
body .newgel-buttons button {
  font-size: 14px !important;
  height: 44px;
}

body .uk-auth .filled,
body .int-auth .filled {
  display: none;
}

body .migrated-account-hint {
  font-weight: 500 !important;
  font-size: 16px;
}

body .nuMobileDialog {
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}

body .nuMobileDialog .aysSubscription button,
body .nuMobileDialog .aysAutoRenewal button,
body .nuMobileDialog .aysCancelRenewal button {
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  text-shadow: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: #007a7a;
  color: #ffffff;
  letter-spacing: normal;
  border: none;
  min-width: unset;
  width: 85%;
  margin: 16px auto;
}

body .nuMobileDialog .aysSubscription .nuDialogTitle p,
body .nuMobileDialog .aysAutoRenewal .nuDialogTitle p,
body .nuMobileDialog .aysCancelRenewal .nuDialogTitle p {
  text-align: left;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500 !important;
}

body #nu-container #nuMessageBanner-container {
  border: none;
  font-size: 14px;
}

body #nu-container #nuMessageBanner-container .alert {
  border-radius: unset;
}

body #nu-container #nuMessageBanner-container .nx-title {
  font-weight: 500;
}

body #nu-container #nuMessageBanner-container.nx-failure {
  background-color: #fdf3f5;
  border-left: 2px solid #d91440;
}

body #nu-container #nuMessageBanner-container.nx-success {
  background-color: #f4f9f6;
  border-left: 2px solid #257F39;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent p.initial-info {
  font-weight: 500;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent p.consent-checkbox-info {
  float: right;
  width: fit-content;
  margin-left: 9px;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent p.cancellation-terms {
  float: left;
  margin-left: 39px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 0;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .consent-check {
  display: flex;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .consent-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #9E9E9E;
  border-radius: 4px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  outline: none;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .consent-checkbox:checked {
  border: 2px solid #007C7B;
  border-radius: 4px;
  background: url(https://www.next.co.uk/Images/VisionReskin/check-tick.png) no-repeat;
  background-position-x: center;
  background-position-y: center;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .nu-button {
  padding: 0 12px;
  text-shadow: none;
  text-transform: inherit;
  background-color: #ffffff;
  color: #000000;
  letter-spacing: normal;
  min-width: unset;
  height: 44px;
  border: solid !important;
  width: -webkit-fill-available;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .nu-button:disabled {
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.3);
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .in.panel-body.collapse {
  margin-top: 16px;
}

body #nu-container #nuManage-container #nuSummary-container.explicit-consent .form-group.ex-consent-buttons p {
  display: none;
}

body.AccountLoggedIn div.HeaderSpacer {
  height: var(--next-header-height, 88px);
}

@media only screen and (min-width: 768px) {
  body.AccountLoggedIn div.HeaderSpacer {
    height: var(--next-header-md-height, 121px);
  }
}

@media only screen and (min-width: 1024px) {
  body.AccountLoggedIn div.HeaderSpacer {
    height: var(--next-header-lg-height, 121px);
  }
}

body footer.PageFooter.ToolBar {
  font-family: "Azo-Sans", sans-serif;
}

body footer.PageFooter.ToolBar .Content section.Copyright {
  font-size: 12px;
  font-family: "Azo-Sans", sans-serif;
  text-transform: capitalize;
}

body footer.PageFooter.ToolBar .Content .RVDisplayInFooter a {
  color: #ffffff;
  text-transform: capitalize;
  border-right: 1px solid #ffffff;
}

body footer.PageFooter.ToolBar .Content .RVDisplayInFooter a:hover {
  color: #000000;
}

body footer.PageFooter.ToolBar .Content .RVDisplayInFooter a.active {
  color: #000000;
}

body footer.PageFooter.ToolBar ul.FooterSections .FooterSection .contentWrap {
  border-right: 1px solid #ffffff;
  text-transform: capitalize;
  letter-spacing: normal;
}

body footer.PageFooter.ToolBar .countrySelector {
  border: 1px solid #949494;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane {
  background: #f7f7f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent {
  padding: 0;
  height: 100%;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .country {
  height: 44px;
  padding: 10px 16px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #949494;
  background: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .title {
  height: 44px;
  padding: 10px 16px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #949494;
  background: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent {
  padding: 0;
  height: 100%;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section .languageButtons .languageButton {
  padding: 4px 12px 4px 10px;
  letter-spacing: 0px;
  font-size: 12px;
  line-height: 16px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section .languageButtons .languageButton.selected {
  border: 2px solid #007a7a;
  background: rgba(0, 122, 122, 0.05);
  font-weight: 900;
  line-height: 14px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section .languageLabel, body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section .countrySelectLabel {
  font-size: 14px;
  font-family: "Azo-Sans", sans-serif;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section:nth-child(1) .countrySelectLabel {
  display: block !important;
  margin: 0 16px 8px 16px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section:nth-child(1) .dk_container {
  background: none;
  margin: 0 16px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section:nth-child(2) {
  margin: 0 16px;
  width: calc(100% - 32px);
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .section:last-child {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #9e9e9e;
  background: #ffffff;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .shopNowFooter {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  margin: 0 16px;
  box-sizing: border-box;
  width: calc(100% - 32px);
  text-align: right;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .shopNowFooter .stayOnNext {
  display: block;
  float: none;
  order: 2;
  color: #006060;
  font-weight: 500;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .shopNowFooter .stayOnNext:after {
  content: '';
  display: inline-block;
  height: 8px;
  width: 12px;
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-ui-chevron.svg) center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
  margin-left: 6px;
}

body footer.PageFooter.ToolBar .countrySelector .rightPane .paneContent .shopNowFooter #btnFlagSelectorShopNowFooter {
  display: block;
  order: 1;
  width: 100%;
  box-sizing: border-box;
  float: none;
  margin: 0;
  letter-spacing: 1px;
}

body footer .FooterLinks .Inner .LinkSection div.Title {
  font-weight: 500 !important;
  text-transform: capitalize !important;
  letter-spacing: 0px !important;
}

body footer .FooterLinks .Inner .LinkSection .LinkList li, body footer .FooterLinks .Inner .LinkSection .LinkList li a {
  font-weight: 500 !important;
  color: #000000 !important;
}

body footer .innerFooter .Copyright {
  font-weight: 500;
  font-size: 10px !important;
  color: #000000 !important;
}

body footer .Content {
  background-color: #f4f4f4 !important;
}

body footer .SocialLinks .info {
  font-weight: 500 !important;
  text-transform: capitalize !important;
  color: #000000 !important;
}

body.Homepage .Storefront footer.HomeFooter section {
  font-family: "Azo-Sans", sans-serif;
}

body.Homepage .Storefront footer.HomeFooter section.SocialLinks p.info {
  font-family: "Azo-Sans", sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
}

body.Homepage .Storefront footer.HomeFooter section.FooterLinks.Content {
  background-color: #f7f7f7;
  box-shadow: inset 0px 1px 0px 0px #eaeaea;
}

body.Homepage .Storefront footer.HomeFooter section.FooterLinks.Content .Inner .LinkSection div.Title {
  font-family: "Azo-Sans", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: normal;
}

body.Homepage .Storefront footer.HomeFooter section.FooterLinks.Content .Inner .LinkSection ul.LinkList a span {
  font-family: "Azo-Sans", sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
}

body.Homepage .Storefront footer.HomeFooter section.footerBottomBar {
  background-color: #f7f7f7;
  background: #f7f7f7;
  box-shadow: inset 0px 1px 0px 0px #eaeaea;
}

body.Homepage .Storefront footer.HomeFooter section.footerBottomBar .innerFooter .Copyright {
  font-family: "Azo-Sans", sans-serif;
  color: #000000;
  font-size: 12px !important;
  letter-spacing: normal;
  text-transform: capitalize;
}

body .shoppingFooterWrapper {
  height: 36px;
  text-transform: none;
}

body .shoppingFooterWrapper .Copyright, body .shoppingFooterWrapper .sbLastFooterPhoneLabel, body .shoppingFooterWrapper .sbFooterRight {
  font-size: 12px;
}

body .shoppingFooterWrapper .Copyright {
  margin-top: 4px;
}

body .shoppingFooterWrapper .sbLastFooterTel {
  background: url(https://www.next.co.uk/Images/Gel3-0/icon-outline-telephone@2x.white.png) left/contain no-repeat;
}

body .shoppingFooterWrapper .sbLastFooterBackground {
  height: 36px;
}

/*# sourceMappingURL=header.css.map */