/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/sass/user.scss ***!
  \***************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: bold;
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Bold.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: normal;
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Italic.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: bold;
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-BoldItalic.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300; /* Light */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Light.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300; /* Light */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-LightItalic.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Medium.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500; /* Medium */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-MediumItalic.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900; /* Black */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Black.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900; /* Black */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-BlackItalic.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100; /* Thin */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-Thin.ttf);
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100; /* Thin */
  src: url(https://eline.khmaskin.proclient.se//images/site/Roboto-ThinItalic.ttf);
}
/*! normalize.css v3.0.2 | 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,
menu,
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-color: 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: #ff0;
  color: #000;
}

/**
 * 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 #c0c0c0;
  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;
}

/* 

Desktop: 
1200px - växlar från 3 till 4 produkter i en skyltning
1025px - två rader i sidfoten (Companyinfo / Menuswrapper)

Tablet: 
768px - växlar till tabletdesign från desktop. 2 bilder i bredd i skyltning

Mobil:
549px - Växlar till mobilläge från tablet. Enbart en produkt per rad i en skyltning. 

Marginaler
Maxbredd på sidan: 1360 px
Marginal till kanten på fönstret: 25px

Utfallande objekt
Bakgrundsfärg på crosselling
Header, med ikoner 
Sidfot

Menyer
Placering: 
Navigeringsträd: I hamburgermenyn, under inlogg och inställningar. 
MainMenu: I hamburgermenyn, under nav.
Hamburgermeny: Maxbredd 349 px.

*/
/* Site url */
/* Breakpoints */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* breakpoint from default-design */
/* Widths */
/* max-width for content from default design */
/* Colors default */
/* color black from default design */
/* color white from default design */
/* #AAAAAA33 */
/* color success buttons from default design */
/* color success buttons-hover from default design */
/* Colors project specific: */
/* text default */
/* h1- h6, p */
h1 {
  color: #2a2a2a;
}

h2, h3, h4, h5, h6 {
  color: #50535a;
  font-weight: bold;
}

/* link Colors */
/* ändra denna sen till annan färg */
/* background-areas */
/* body background-color */
/* form-group */
/* justera denna */
/* default modules - pages */
#body.page-Checkout {
  background-color: transparent;
}

.page-Checkout .page {
  background-color: rgba(170, 170, 170, 0.2);
}
.page-Checkout .checkout-wrapper .section-wrapper {
  background-color: #fff;
}

@media (min-width: 550px) {
  .page-ProdGroup .view-wrapper .groupview-wrapper .item {
    flex-basis: 50%;
    height: 200px;
    max-width: 50%;
    overflow: hidden;
    padding: 0 12.5px 25px;
  }
}
@media (min-width: 768px) {
  .page-ProdGroup .view-wrapper .groupview-wrapper .item {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media (min-width: 550px) {
  .page-ProdGroup .view-wrapper .groupview-wrapper .item a {
    height: 200px;
    padding-bottom: 0 !important;
  }
}
.page-ProdGroup .view-wrapper .groupview-wrapper .item a img {
  height: 100%;
  object-fit: cover;
}

.page-Product .product-wrapper .product .product-info .details .addToCart.addToCart-fixed {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  position: static !important;
}

/* default modules - parts */
/* default button (.fw-button) */
/* default button background-color */
/* default button background color for hover */
/* default button border */
/* default button border-radius */
/* default button text color */
/* default button text color for hover */
/* if height should be set for button */
/* height of default btn -> !OBS $set-height must be set to true to be used */
/* line-height of default btn -> !OBS $set-height must be set to true to be used */
/* default button reverse colors and border also some text and icon only (.fw-button-outline) */
/* default button background-color */
/* default button success (.fw-button-success) */
.fw-button {
  background-color: #0067c4;
  border: 0;
  border-radius: 2px;
  color: #fff;
}
.fw-button:focus, .fw-button:active, .fw-button:hover {
  background-color: #4c8bd4;
  color: #fff;
}

.page {
  /* inverted buttons */
  /* other buttons */
}
.page .btn-action {
  background-color: #0067c4;
  border: 0;
  border-radius: 2px;
  color: #fff;
}
.page .btn-action:focus, .page .btn-action:active, .page .btn-action:hover {
  background-color: #4c8bd4;
  color: #fff;
}
.page .btn-choose {
  background-color: #0067c4;
  border: 0;
  border-radius: 2px;
  color: #fff;
}
.page .btn-choose:focus, .page .btn-choose:active, .page .btn-choose:hover {
  background-color: #4c8bd4;
  color: #fff;
}
.page .btn-buy {
  background-color: #0067c4;
  border: 0;
  border-radius: 2px;
  color: #fff;
}
.page .btn-buy:focus, .page .btn-buy:active, .page .btn-buy:hover {
  background-color: #4c8bd4;
  color: #fff;
}
.page .fw-button-success {
  background-color: #049b72;
  border-radius: 2px;
  color: #fff;
}
.page .fw-button-success:focus, .page .fw-button-success:active, .page .fw-button-success:hover {
  background-color: #03694d;
  color: #fff;
}
.page .fw-button-outline {
  background-color: #fff;
  border: 1px solid rgba(170, 170, 170, 0.43);
  border-radius: 2px;
  color: #2d2d2d;
}
.page .fw-button-outline:focus, .page .fw-button-outline:active, .page .fw-button-outline:hover {
  background-color: #0067c4;
  border: 1px solid transparent;
  color: #fff;
}
.page .btn-reset {
  background-color: #fff;
  border: 1px solid rgba(170, 170, 170, 0.43);
  border-radius: 2px;
  color: #2d2d2d;
}
.page .btn-reset:focus, .page .btn-reset:active, .page .btn-reset:hover {
  background-color: #0067c4;
  border: 1px solid transparent;
  color: #fff;
}
.page .fw-button-link {
  color: #2d2d2d;
}
.page .fw-button-link:focus, .page .fw-button-link:active, .page .fw-button-link:hover {
  color: #0067c4;
}

@media (max-width: 767px) {
  .comboBoxDataContainer {
    max-width: none !important;
    width: auto !important;
  }
}
.comboBoxDataContainer .comboBoxData {
  max-width: none;
}
.comboBoxDataContainer .comboBoxData .row {
  background-color: #fff;
  color: #2d2d2d;
}
.comboBoxDataContainer .comboBoxData .row:hover {
  background-color: rgba(170, 170, 170, 0.43);
  color: #fff;
}
.comboBoxDataContainer .comboBoxData .row.selected {
  background-color: rgba(170, 170, 170, 0.43);
  color: #fff;
}
.comboBoxDataContainer .comboBoxData .row.selected:hover {
  background-color: rgba(170, 170, 170, 0.43);
  color: #fff;
}

#fancybox-wrap #fancybox-outer {
  border-radius: 2px;
}
@media (min-width: 550px) {
  #fancybox-wrap #fancybox-outer #fancybox-content #MainContent_questiontext label {
    min-height: 100px;
  }
}
#fancybox-wrap #fancybox-outer #fancybox-content #MainContent_questiontext textarea {
  min-height: 100px;
}
#fancybox-wrap #fancybox-outer #fancybox-close {
  background-color: #2d2d2d;
  border-radius: 100%;
}
#fancybox-wrap #fancybox-outer #fancybox-close:hover {
  background-color: rgba(45, 45, 45, 0.55);
}
#fancybox-wrap #fancybox-outer #fancybox-close:hover i {
  color: #fff;
}
#fancybox-wrap #fancybox-outer #fancybox-close i {
  color: #fff;
  left: 0;
  top: 0;
}
#fancybox-wrap #fancybox-outer #fancybox-close i::before {
  margin: 0;
}

#filterSortOverlay {
  display: none !important;
}

.filter-wrapper #FilterToggle {
  display: none;
  position: static;
}
.filter-wrapper #SortToggle {
  display: none;
  position: static;
}
.filter-wrapper #FilterContent .filter-content-wrapper {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  box-shadow: none;
  opacity: 1;
  position: static;
  transform: none !important;
  visibility: visible;
}
.filter-wrapper #FilterContent .filter-content-wrapper #FilterSearchContent {
  border: 0;
}
.filter-wrapper #FilterContent .filter-content-wrapper #Filter {
  border: 0;
}
.filter-wrapper #FilterContent .sort-page-settings {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  box-shadow: none;
  opacity: 1;
  position: static;
  transform: none;
  visibility: visible;
}
.filter-wrapper #FilterContent .sort-page-settings #ViewChanger {
  border: 0;
}
.filter-wrapper #FilterContent .sort-page-settings #ViewChanger a {
  border: 0;
}
.filter-wrapper #FilterContent .sort-page-settings #Sort {
  border: 0;
}

#Footer {
  background-color: #fff;
  color: #2d2d2d;
}
#Footer h1,
#Footer h2,
#Footer h3,
#Footer h4,
#Footer h5 {
  color: #2d2d2d;
}
#Footer a {
  color: #2d2d2d;
}
#Footer a:focus, #Footer a:active, #Footer a:hover {
  color: rgba(170, 170, 170, 0.75);
}

#body .form-group .row.comboBox input {
  flex-basis: auto;
}
#body .form-group .row.comboBox .comboBoxButton {
  width: auto;
}
@media (min-width: 550px) {
  #body .form-group .row.extraMessage label {
    min-height: 100px;
  }
}
#body .form-group .row.extraMessage .textBox {
  min-height: 100px;
}

.page .stars i {
  color: #2d2d2d;
}
.page .header-item i {
  color: #2d2d2d;
}
.page .header-item:hover i {
  color: rgba(170, 170, 170, 0.75);
}
.page .menu-toolbar-item i {
  color: #2d2d2d;
}
.page .menu-toolbar-item:hover i {
  color: rgba(170, 170, 170, 0.75);
}
.page .fw-icon-down-open {
  color: #2d2d2d;
}
.page .fw-icon-down-open:hover {
  color: rgba(170, 170, 170, 0.75);
}
.page .fw-button-squared {
  background-color: initial;
  border: 0;
}
.page .fw-button-squared i {
  color: #2d2d2d;
}
.page .fw-button-squared:hover {
  background-color: transparent;
  border: 0;
}
.page .fw-button-squared:hover i {
  color: rgba(170, 170, 170, 0.75);
}
#PagerBottom {
  display: flex;
  justify-content: center;
}
#PagerBottom .pager {
  margin: 20px 0;
  position: static;
  transform: initial !important;
}
@media (min-width: 768px) {
  #PagerBottom .pager {
    margin: 40px 0;
  }
}
#PagerBottom .pager .pagerText {
  color: #2d2d2d;
}
#PagerBottom .pager .pager_inner {
  box-shadow: none;
}
#PagerBottom .pager .pager_inner .back #FirstButton i {
  color: #2d2d2d;
}
#PagerBottom .pager .pager_inner .back #FirstButton:hover i {
  color: rgba(170, 170, 170, 0.75);
}
#PagerBottom .pager .pager_inner .back #PreviousButton i {
  color: #2d2d2d;
}
#PagerBottom .pager .pager_inner .back #PreviousButton:hover i {
  color: rgba(170, 170, 170, 0.75);
}
#PagerBottom .pager .pager_inner .forward #NextButton i {
  color: #2d2d2d;
}
#PagerBottom .pager .pager_inner .forward #NextButton:hover i {
  color: rgba(170, 170, 170, 0.75);
}
#PagerBottom .pager .pager_inner .forward #LastButton i {
  color: #2d2d2d;
}
#PagerBottom .pager .pager_inner .forward #LastButton:hover i {
  color: rgba(170, 170, 170, 0.75);
}

/* true om vi vill anpassa hur många produkter som ska visas på varje rad */
/* antal produkter som ska visas på varje första mobilläge */
/* antal produkter som ska visas på varje andra tabletläget */
/* antal produkter som ska visas på varje rad tabletläget */
/* antal produkter som ska visas på varje rad första desktopläget */
/* antal produkter som ska visas på varje rad största desktopläget */
/* om true sätts alla produktbilder till samma höjd */
/* bakgrundsfärg för bildytan om bild inte tar full storlek */
.prodlist.window-view .view .productContainer {
  flex-basis: calc(100% / 1);
  max-width: calc(100% / 1);
}
@media (min-width: 550px) {
  .prodlist.window-view .view .productContainer {
    flex-basis: calc(100% / 2);
    max-width: calc(100% / 2);
  }
}
@media (min-width: 768px) {
  .prodlist.window-view .view .productContainer {
    flex-basis: calc(100% / 3);
    max-width: calc(100% / 3);
  }
}
@media (min-width: 1024px) {
  .prodlist.window-view .view .productContainer {
    flex-basis: calc(100% / 3);
    max-width: calc(100% / 3);
  }
}
@media (min-width: 1201px) {
  .prodlist.window-view .view .productContainer {
    flex-basis: calc(100% / 4);
    max-width: calc(100% / 4);
  }
}
.prodlist.window-view .view .image-inner a {
  align-items: center;
  background-color: rgba(170, 170, 170, 0.2);
  display: flex;
  justify-content: center;
  padding-bottom: 100% !important;
}
.prodlist.window-view .view .image-inner a img {
  left: 50%;
  max-height: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.table {
  border-color: rgba(170, 170, 170, 0.35);
}
.table .header {
  border-color: rgba(170, 170, 170, 0.35);
}
.table .header .cell {
  font-family: "Roboto";
}
.table .header .cell span {
  font-family: "Roboto";
}
.table .header a:hover {
  color: rgba(170, 170, 170, 0.43) !important;
}
.table .row {
  border-color: rgba(170, 170, 170, 0.35);
}
.table .row .ArtBtn a {
  background-color: rgba(170, 170, 170, 0.43);
  border: 0;
  color: #fff;
}
.table .row .ArtBtn a:hover {
  background-color: #000;
  color: #fff;
}
.table .row .DeleteRow a i {
  color: rgba(170, 170, 170, 0.43);
}
.table .row .DeleteRow a:hover i {
  color: #000;
}
.table .row .Update a i {
  color: rgba(170, 170, 170, 0.43);
}
.table .row .Update a:hover i {
  color: #000;
}

.zoomContainer {
  display: none !important;
}

/* project modules - pages */
.page-Checkout #CheckoutSums div, .page-Checkout #CheckoutSums span, .page-Checkout #CheckoutDelivery div, .page-Checkout #CheckoutDelivery span, .page-Checkout #CheckoutPayment div, .page-Checkout #CheckoutPayment span, .page-Checkout #CheckoutMyInfo div, .page-Checkout #CheckoutMyInfo span, .page-Checkout #CheckoutExtra div, .page-Checkout #CheckoutExtra span, .page-Checkout #CheckoutCompleteOrder div, .page-Checkout #CheckoutCompleteOrder span {
  border-color: #FF8200;
}
.page-Checkout #MainContent_CompleteOrder_pnlButtons a {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-Checkout #MainContent_CompleteOrder_pnlButtons a:hover {
  background-color: #50535a;
  color: #FF8200;
}
.page-Checkout #MainContent_Basket_EmptyCartButton,
.page-Checkout #ContinueShoppingButton {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-Checkout #MainContent_Basket_EmptyCartButton:hover,
.page-Checkout #ContinueShoppingButton:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-Checkout #MainContent_Basket_SaveButton {
  display: none;
}
.page-Checkout #MainContent_MyInfo_login_LoginButton,
.page-Checkout #MainContent_MyInfo_RegisterButton {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-Checkout #MainContent_MyInfo_login_LoginButton:hover,
.page-Checkout #MainContent_MyInfo_RegisterButton:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-Checkout #MainContent_KlarnaCheckout_btnActivateKC,
.page-Checkout #MainContent_DibsEasy_btnActivateDibsEasy {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-Checkout #MainContent_KlarnaCheckout_btnActivateKC:hover,
.page-Checkout #MainContent_DibsEasy_btnActivateDibsEasy:hover {
  background-color: #50535a;
  color: #FF8200;
}

.page-ExpressOrder .wl-price-summation {
  background-color: #d9dad5;
  margin-top: 10px;
  padding: 10px;
  text-align: right;
}
.page-ExpressOrder main#Main.main {
  max-width: 1000px;
}
.page-ExpressOrder .wl-sum {
  text-align: right;
}
.page-ExpressOrder input[name="ctl00$MainContent$GetOrderFileButton"] {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-ExpressOrder input[name="ctl00$MainContent$GetOrderFileButton"]:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$ResetButton"] {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$ResetButton"]:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$CheckOrderButton"] {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$CheckOrderButton"]:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$BuyOrderButton"] {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-ExpressOrder #MainContent_ExpressOrderWrapper #MainContent_CheckOrderButtonGroup input[name="ctl00$MainContent$BuyOrderButton"]:hover {
  background-color: #50535a;
  color: #FF8200;
}

.page-Login input[name="ctl00$MainContent$ucLogin$LoginButton"] {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-Login input[name="ctl00$MainContent$ucLogin$LoginButton"]:hover {
  background-color: #50535a;
  color: #FF8200;
}
.page-Login input[name="ctl00$MainContent$ucLogin$fuiUserInfo$SendPasswordButton"] {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-Login input[name="ctl00$MainContent$ucLogin$fuiUserInfo$SendPasswordButton"]:hover {
  background-color: #FF8200;
  color: #ffffff;
}

.page-OrderOverview #MainContent_MoreButton {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-OrderOverview #MainContent_MoreButton:hover {
  background-color: #50535a;
  color: #FF8200;
}

#MainContent_GroupView > h1 {
  color: #FF8200;
  font-size: 24px;
  font-weight: bold;
}
#MainContent_GroupView .groupview-text {
  margin-bottom: 70px;
}
#MainContent_GroupView .groupview-text::after {
  display: none;
}
#MainContent_GroupView .groupview-text .section-header.headline-container h1 {
  font-size: 34px;
  font-weight: bold;
}
#MainContent_GroupView .groupview-text .wysiwyg * {
  font-size: 18px;
}
#MainContent_GroupView .groupview-wrapper {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
  margin: unset;
}
@media (min-width: 1024px) {
  #MainContent_GroupView .groupview-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
#MainContent_GroupView .groupview-wrapper .item {
  margin: unset;
  max-width: unset;
  padding: unset;
  width: unset;
}
@media (min-width: 1024px) {
  #MainContent_GroupView .groupview-wrapper .item:nth-child(odd):last-child {
    grid-column: span 2; /* Make the last child span 2 columns */
  }
}
#MainContent_GroupView .groupview-wrapper .item.images-no {
  background-color: #FF8200;
}
#MainContent_GroupView .groupview-wrapper .item.images-yes {
  position: relative;
}
#MainContent_GroupView .groupview-wrapper .item.images-yes a::before {
  background-color: #FF8200;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#MainContent_GroupView .groupview-wrapper .item.images-yes a::after {
  display: none;
}
#MainContent_GroupView .groupview-wrapper .item.images-yes img {
  background-color: #ffffff;
}
#MainContent_GroupView .groupview-wrapper .item .group-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-transform: lowercase;
}
#MainContent_GroupView .groupview-wrapper .item .group-title::first-letter {
  text-transform: capitalize;
}
#MainContent_GroupView .groupview-wrapper .item .group-title::after {
  background-color: #ffffff;
}

.page-Product .upper-product-container {
  display: flex;
  gap: 10px;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .page-Product .upper-product-container {
    border-bottom: 1px solid #FF8200;
  }
}
.page-Product .upper-product-container #updProduct.product {
  margin: unset;
}
@media (min-width: 1024px) {
  .page-Product .upper-product-container #updProduct.product {
    display: grid;
    grid-template-columns: 1fr 300px;
  }
}
.page-Product .upper-product-container #updProduct.product #Images {
  padding: unset;
}
@media (min-width: 1024px) {
  .page-Product .upper-product-container #updProduct.product #Images {
    flex-basis: unset;
    max-width: unset;
  }
}
.page-Product .upper-product-container #updProduct.product #ProductInfo {
  padding: unset;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #MainContent_ProductName {
  order: 0;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #MainContent_ProductName .title {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 15px 10px 0;
}
@media (min-width: 768px) {
  .page-Product .upper-product-container #updProduct.product #ProductInfo #MainContent_ProductName .title {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .page-Product .upper-product-container #updProduct.product #ProductInfo #MainContent_ProductName .title {
    margin-top: 0;
  }
}
.page-Product .upper-product-container #updProduct.product #ProductInfo .rating-wrapper {
  order: 2;
  width: 100%;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo .rating-wrapper #ProductCode {
  color: #50535a;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #Details {
  order: 3;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #RatingSummary {
  align-items: center;
  border-color: #FF8200;
  display: flex;
  padding: 15px 0;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #RatingSummary > .stars {
  height: 18px;
}
@media (min-width: 1024px) {
  .page-Product .upper-product-container #updProduct.product #ProductInfo #RatingSummary {
    border-color: unset;
  }
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #RatingSummary a {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #RatingSummary a:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #PriceWrapper {
  border-bottom: 1px solid #FF8200;
  border-color: #FF8200;
  margin: 0;
  padding: 0;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #PriceWrapper .price {
  border: unset;
  padding: 25px;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #PriceWrapper .value {
  font-weight: 600;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo .stock {
  background-color: #d9dad6;
  margin: unset;
  margin-top: 15px;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #ProductButtonGroup {
  margin-top: 15px;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #ProductButtonGroup #lbtnAddFavorite {
  display: none;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #ProductButtonGroup #AddToCart {
  border: unset;
  margin: unset;
  padding: unset;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #ProductButtonGroup #AddToCart #BtnBuy a {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-Product .upper-product-container #updProduct.product #ProductInfo #ProductButtonGroup #AddToCart #BtnBuy a:hover {
  background-color: #50535a;
  color: #FF8200;
}
.page-Product #UpdatePanelInfoWrapper {
  margin-bottom: 30px;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabsList .fw-tabs {
  border: unset;
  border-color: #FF8200;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabsList .fw-tabs li:not(.active) {
  border-bottom: 1px solid;
  border-color: #FF8200;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabsList .fw-tabs .active > a {
  border-color: #FF8200;
}
@media (min-width: 1024px) {
  .page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent {
    display: flex;
    gap: 15px;
  }
  .page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent > * {
    flex-basis: 50%;
  }
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent #Description > .fw-truncateWrapper {
  height: fit-content !important;
  max-height: unset;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent #Description > .fw-truncateWrapper::after {
  content: unset;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent #Description > .fw-truncateButton {
  display: none;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent #Specifications .table {
  border-color: #FF8200;
}
.page-Product #UpdatePanelInfoWrapper #InfoWrapper #TabContent #Specifications .table .row {
  border-color: #FF8200;
}
.page-Product #RatingsWrapper .noComments {
  background-color: #d9dad6;
}
.page-Product #RatingsWrapper #RatingsTitle {
  margin-top: unset;
}
.page-Product #RatingsWrapper #RatingsList {
  gap: 20px;
  margin-bottom: 30px;
  margin-left: unset;
  margin-right: unset;
}
.page-Product #RatingsWrapper #RatingsList .row {
  margin: 0;
  padding: 0;
}
.page-Product #RatingsWrapper #RatingsList .row .row-content {
  border-color: #FF8200;
}
.page-Product #RatingsWrapper #RatingsList .row .row-content .header {
  border-color: #FF8200;
}
.page-Product #RatingsWrapper #AddRatingWrapper #AddRating.form-group {
  background-color: #d9dad6;
}
.page-Product #RatingsWrapper #AddRatingWrapper #MainContent_RatingButton {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-Product #RatingsWrapper #AddRatingWrapper #MainContent_RatingButton:hover {
  background-color: #50535a;
  color: #FF8200;
}

#AccessoriesWrapper {
  max-width: calc(100vw - 25px);
}
@media (min-width: 1024px) {
  #AccessoriesWrapper {
    border-left: solid 1px #FF8200;
    margin: unset !important;
    max-width: 350px;
    padding-left: 10px;
  }
}
#AccessoriesWrapper #Accessories h2.title {
  margin-top: 0;
}
#AccessoriesWrapper #Accessories .view {
  margin-left: unset;
}
#AccessoriesWrapper #Accessories .productContainer {
  flex-basis: unset !important;
  height: 90px;
  margin-top: unset;
  max-width: unset !important;
  overflow: hidden;
  padding: 10px;
  width: calc(100% - 25px);
}
@media (min-width: 768px) {
  #AccessoriesWrapper #Accessories .productContainer {
    width: calc(100% - 20px);
  }
}
#AccessoriesWrapper #Accessories .productContainer .inner {
  flex-direction: row;
  gap: 16px;
}
#AccessoriesWrapper #Accessories .productContainer .inner .image-wrapper {
  align-self: center;
  background-color: #ffffff;
  height: 70px;
  max-height: 100%;
  max-width: 40%;
  object-fit: contain;
  width: 70px;
}
#AccessoriesWrapper #Accessories .productContainer .inner .image-wrapper .image-inner a {
  height: 70px;
  width: 100%;
}
#AccessoriesWrapper #Accessories .productContainer .inner .image-wrapper .image-inner a img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: calc(100% - 100px);
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .description-wrapper {
  width: 50%;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .description-wrapper .product-name a {
  font-weight: 600;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .description-wrapper .product-code {
  color: #2a2a2a;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .buy-wrapper {
  align-content: center;
  width: 50px;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .buy-wrapper .price-wrapper {
  display: none;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .buy-wrapper .fw-button {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
  height: 27px;
  width: 50px;
}
#AccessoriesWrapper #Accessories .productContainer .inner .info-wrapper .buy-wrapper .fw-button:hover {
  background-color: #50535a;
  color: #FF8200;
}
#AccessoriesWrapper #Accessories .productContainer:nth-child(odd) {
  background-color: #d9dad6;
}

#CrossSection {
  background-color: #d9dad6;
}
#CrossSection #cross .fw-input-group-button a {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
#CrossSection #cross .fw-input-group-button a:hover {
  background-color: #50535a;
  color: #FF8200;
}

.wl-column-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  max-width: 1200px;
  width: 90vw;
}
.wl-column-wrapper .wl-column {
  flex-basis: 48%;
}
.wl-column-wrapper .wl-column img {
  height: 100%;
  max-height: 100px;
  max-width: 200px;
  object-fit: contain;
  width: 100%;
}

.page-UserInformation #UserInformationWrapper #UserInfoButtonGroup input.fw-button.btn-action {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
.page-UserInformation #UserInformationWrapper #UserInfoButtonGroup input.fw-button.btn-action:hover {
  background-color: #FF8200;
  color: #ffffff;
}
.page-UserInformation #UserInformationWrapper #UserInfoButtonGroup input.fw-button.fw-button-outline.btn-reset {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.page-UserInformation #UserInformationWrapper #UserInfoButtonGroup input.fw-button.fw-button-outline.btn-reset:hover {
  background-color: #50535a;
  color: #FF8200;
}

/* project modules - parts */
#Breadcrumbs #BreadMenu {
  text-align: start;
  text-wrap: wrap !important;
}

#Cart #CartWrapper {
  background-color: #2a2a2a;
  color: #FF8200;
}
#Cart #CartWrapper .fw-icon-cancel {
  color: #FF8200;
}
#Cart #CartWrapper #CartInner {
  background-color: #3D3F42;
}
#Cart #CartWrapper #CartInner #CartHeader {
  background-color: #2a2a2a;
}
#Cart #CartWrapper #CartInner #CartHeader .headerinfo {
  background-color: #d9dad6;
  color: #2a2a2a;
}
#Cart #CartWrapper #CartInner #CartHeader .tocheckout {
  border-top-color: #FF8200;
}
#Cart #CartWrapper #CartInner #CartHeader .tocheckout #CartControl_toCheckout {
  text-transform: uppercase;
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
#Cart #CartWrapper #CartInner #CartHeader .tocheckout #CartControl_toCheckout:hover {
  background-color: #50535a;
  color: #FF8200;
}
#Cart #CartWrapper #CartInner #CartContent .row {
  border-color: #FF8200;
}
#Cart #CartWrapper #CartInner #CartContent .row a, #Cart #CartWrapper #CartInner #CartContent .row span, #Cart #CartWrapper #CartInner #CartContent .row .numeric::after {
  color: #ffffff;
}
#Cart #CartWrapper #CartInner #CartContent .row .image img {
  background-color: #ffffff;
}
#Cart #CartWrapper #CartInner #CartContent .row .D10041 {
  background-color: #FF8200;
}
#Cart #CartWrapper #CartInner #CartContent .row .D10041 span {
  color: #ffffff;
}
#Cart #CartWrapper .offcanvas-title {
  text-transform: uppercase;
}
#Cart #CartWrapper .offcanvas-title span {
  font-weight: bold;
}

#FilterContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1024px) {
  #FilterContent {
    flex-direction: row-reverse;
  }
}
#FilterContent #FilterContentWrapper {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  width: unset;
}
#FilterContent #FilterContentWrapper #FilterSearchContent {
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  #FilterContent #FilterContentWrapper #FilterSearchContent {
    flex-direction: row;
    gap: 10px;
  }
}
#FilterContent #FilterContentWrapper #FilterSearchContent #FilterSearch {
  padding: unset;
}
#FilterContent #FilterContentWrapper #FilterHits {
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  margin: unset;
  padding: unset;
}
#FilterContent #FilterContentWrapper #FilterHits .hitsNo {
  margin-left: 0;
}
#FilterContent #FilterContentWrapper #FilterHits .hitsNo::before {
  content: " : ";
}
#FilterContent #FilterContentWrapper #FilterButtons {
  display: none;
}
#FilterContent #FilterContentWrapper #SearchGroup input {
  border-color: #FF8200;
  border-radius: 3px;
  height: 40px;
}
#FilterContent #FilterContentWrapper #SearchGroup .searchbutton {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  justify-content: center;
  width: 40px;
}
#FilterContent #FilterContentWrapper #SearchGroup .searchbutton:hover {
  background-color: #50535a;
  color: #FF8200;
}
#FilterContent #FilterContentWrapper #SearchGroup .searchbutton:hover i {
  color: #FF8200;
}
#FilterContent #FilterContentWrapper #SearchGroup .searchbutton i {
  color: #ffffff;
  font-size: 23px;
  height: 23px;
}
#FilterContent #SortAndPageSettings {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  overflow: visible;
  width: auto;
}
@media (min-width: 1024px) {
  #FilterContent #SortAndPageSettings {
    flex-direction: row-reverse;
    margin-right: auto;
  }
}
#FilterContent #SortAndPageSettings #NoOfRows {
  border: unset;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
#FilterContent #SortAndPageSettings #NoOfRows #ShowRowsText {
  align-items: center;
  font-weight: normal;
  margin: unset;
  padding: unset;
}
#FilterContent #SortAndPageSettings #NoOfRows #RowSelection #RowOptions {
  gap: 10px;
  padding: unset;
}
#FilterContent #SortAndPageSettings #NoOfRows #RowSelection #RowOptions a {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
  border-radius: 3px;
  font-size: 13px;
  font-weight: normal;
  height: 40px;
  margin: unset;
  min-width: 40px;
}
#FilterContent #SortAndPageSettings #NoOfRows #RowSelection #RowOptions a:hover {
  background-color: #FF8200;
  color: #ffffff;
}
#FilterContent #SortAndPageSettings #NoOfRows #RowSelection #RowOptions a.fw-button-active {
  background-color: #FF8200;
  color: #ffffff;
}
#FilterContent #SortAndPageSettings #ViewChanger {
  gap: 10px;
  padding: unset;
}
#FilterContent #SortAndPageSettings #ViewChanger > a {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
  border-radius: 3px;
  height: 40px;
  width: 40px;
}
#FilterContent #SortAndPageSettings #ViewChanger > a:hover {
  background-color: #FF8200;
  color: #ffffff;
}
#FilterContent #SortAndPageSettings #ViewChanger > a:hover i {
  color: #ffffff;
}
#FilterContent #SortAndPageSettings #ViewChanger > a i {
  color: #FF8200;
  font-size: 23px;
  height: 23px;
}
#FilterContent #SortAndPageSettings #ViewChanger > a.fw-button-active {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
#FilterContent #SortAndPageSettings #ViewChanger > a.fw-button-active:hover {
  background-color: #50535a;
  color: #FF8200;
}
#FilterContent #SortAndPageSettings #ViewChanger > a.fw-button-active:hover i {
  color: #FF8200;
}
#FilterContent #SortAndPageSettings #ViewChanger > a.fw-button-active i {
  color: #ffffff;
}
#FilterContent #SortAndPageSettings #ViewChanger > a .viewchanger-label {
  display: none;
}
#FilterContent #SortAndPageSettings #Sort {
  margin: unset;
}
#FilterContent #SortAndPageSettings #SortOuter {
  display: flex;
  flex-direction: row;
  overflow: unset;
  position: relative;
}
@media (min-width: 1024px) {
  #FilterContent #SortAndPageSettings #SortOuter {
    width: 180px;
  }
}
#FilterContent #SortAndPageSettings #SortOuter #SortContentTitle {
  align-items: center;
  border: solid 1px #FF8200;
  border-radius: 3px;
  font-weight: normal;
  height: 40px;
  justify-content: space-between;
  margin-bottom: unset;
  padding: 0 12px;
  width: 100%;
}
#FilterContent #SortAndPageSettings #SortOuter #SortContentTitle .sort-arrow {
  align-self: center;
}
#FilterContent #SortAndPageSettings #SortOuter #SortOptions {
  border-radius: 3px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  display: none;
  left: -1px;
  padding: 0;
  position: absolute;
  top: 40px;
  width: 100%;
}
#FilterContent #SortAndPageSettings #SortOuter #SortOptions .sort {
  border: unset;
  height: 40px;
  justify-content: start;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}
#FilterContent #SortAndPageSettings #SortOuter #SortOptions .sort:hover {
  background-color: #FF8200;
}

#Footer {
  background-color: #2a2a2a;
}
@media (min-width: 1024px) {
  #Footer #MainFooter_FooterCompanyInfo {
    flex-basis: 30%;
  }
  #Footer #MainFooter_FooterHelpMenu {
    flex-basis: unset;
  }
}
#Footer #MainFooter_FooterContent h3,
#Footer #MainFooter_FooterContent h4,
#Footer #MainFooter_FooterContent i {
  color: #FF8200;
}
#Footer #MainFooter_FooterContent span,
#Footer #MainFooter_FooterContent a,
#Footer #MainFooter_FooterContent p {
  color: #ffffff;
}
#Footer #MainFooter_FooterContent p:has(> a.social-media) {
  display: inline-block;
  margin-right: 10px;
}
#Footer #MainFooter_FooterContent .wl-footer-template-information {
  display: block;
}
#Footer #MainFooter_FooterContent .wl-footer-template {
  flex-basis: 100%;
  padding: 0 25px;
}
@media (min-width: 1024px) {
  #Footer #MainFooter_FooterContent .wl-footer-template {
    display: flex;
    flex-basis: 50%;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  #Footer #MainFooter_FooterContent .wl-container {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  #Footer #MainFooter_FooterContent .wl-footer-template-departments {
    padding: 0 10px;
  }
}
#Footer #MainFooter_FooterContent .wl-footer-template-departments .wl-footer-template-information {
  margin-top: 10px;
}
#Footer #MainFooter_FooterContent #MainFooter_CompanyInformation {
  display: none;
}

/* ### Mobile First ### */
#Header {
  height: 80px;
}
#Header #HeaderContainer {
  background-color: #50535a;
  height: 80px;
}
#Header #HeaderContainer .header-item #imgLogo {
  height: 52px;
  width: 100%;
}
#Header #HeaderContainer .header-item i,
#Header #HeaderContainer .header-item span {
  color: #ffffff;
}
#Header #HeaderContainer #OpenCartQuantityWrapper {
  background-color: #d9dad6;
}
#Header #HeaderContainer #OpenCartQuantityWrapper #OpenCartQuantity {
  color: #50535a;
}
#Header #HeaderContainer #OpenMenuContent {
  display: flex;
}
#Header #HeaderContainer #OpenMenuContent > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2230%22 height%3D%2221%22 viewBox%3D%220 0 30 21%22%3E%3Cg transform%3D%22translate(-67 -34.5)%22%3E%3Cline x2%3D%2230%22 transform%3D%22translate(67 36)%22 fill%3D%22none%22 stroke%3D%22%23d9d9d6%22 stroke-width%3D%223%22/%3E%3Cline x2%3D%2230%22 transform%3D%22translate(67 45)%22 fill%3D%22none%22 stroke%3D%22%23d9d9d6%22 stroke-width%3D%223%22/%3E%3Cline x2%3D%2230%22 transform%3D%22translate(67 54)%22 fill%3D%22none%22 stroke%3D%22%23d9d9d6%22 stroke-width%3D%223%22/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 36px;
}
#Header #HeaderContainer #OpenMenuContent > a > * {
  display: none;
}

body #GlobalNotificationWrapper a#ShowBasketButton {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
body #GlobalNotificationWrapper a#ShowBasketButton:hover {
  background-color: #FF8200;
  color: #ffffff;
}
body #GlobalNotificationWrapper a#ToCartButton {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
body #GlobalNotificationWrapper a#ToCartButton:hover {
  background-color: #50535a;
  color: #FF8200;
}
body #OffcanvasMenuOverlay.offcanvas-overlay {
  background-color: #50535a;
  opacity: 0.3;
}
body #Menu {
  background-color: #2d2d2d;
}
body #Menu .offcanvas-title {
  display: none;
}
body #Menu #CloseMenu {
  transform: translateX(-7px);
}
body #Menu #CloseMenu i {
  font-size: 18px;
}
body #Menu #CloseMenu i::before {
  color: #FF8200;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser,
body #Menu #MenuToolbar #MenuToolbarPanelLocation {
  background-color: #2d2d2d;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelUserClose,
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelLocationClose,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelUserClose,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelLocationClose {
  transform: translateX(-7px);
}
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelUserClose i,
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelLocationClose i,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelUserClose i,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelLocationClose i {
  font-size: 18px;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelUserClose i::before,
body #Menu #MenuToolbar #MenuToolbarPanelUser #MenuToolbarPanelLocationClose i::before,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelUserClose i::before,
body #Menu #MenuToolbar #MenuToolbarPanelLocation #MenuToolbarPanelLocationClose i::before {
  color: #FF8200;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser label,
body #Menu #MenuToolbar #MenuToolbarPanelUser span,
body #Menu #MenuToolbar #MenuToolbarPanelUser a,
body #Menu #MenuToolbar #MenuToolbarPanelLocation label,
body #Menu #MenuToolbar #MenuToolbarPanelLocation span,
body #Menu #MenuToolbar #MenuToolbarPanelLocation a {
  font-size: 16px;
  font-weight: bold;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser *,
body #Menu #MenuToolbar #MenuToolbarPanelLocation * {
  color: #d9dad6;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content {
  margin-top: 75px;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content .nav-myaccount {
  border-color: #FF8200;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content #LogoutWrapper a {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content #LogoutWrapper a:hover {
  background-color: #50535a;
  color: #FF8200;
}
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content #LogoutWrapper a span,
body #Menu #MenuToolbar #MenuToolbarPanelUser .menu-toolbar-panel-content #LogoutWrapper a i {
  color: inherit;
}
body #Menu #MenuToolbar #MenuToolbarPanelLocation .menu-toolbar-panel-content {
  margin-top: 75px;
}
body #Menu #MenuToolbar #MenuToolbarPanelLocation .menu-toolbar-panel-content #Flags {
  border-color: #FF8200;
}
body #Menu #MenuToolbar #MenuToolbarPanelLocation .menu-toolbar-panel-content .couLanCurChoices > div {
  border-color: #FF8200;
}
body #Menu #MenuToolbarTabs {
  border: unset;
  margin-top: 75px;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab:first-child {
  border-bottom: unset;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab:first-child a {
  padding-top: 0;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab:last-child {
  border-color: #FF8200;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab:last-child a {
  padding-bottom: 20px;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab a {
  color: #FF8200;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab a i {
  align-items: center;
  display: flex;
  font-size: 18px;
  transform: translateY(-1px);
}
body #Menu #MenuToolbarTabs ul.fw-list-unstyled li.menu-toolbar-tab a i::before {
  color: #FF8200;
}
body #Menu #Tree {
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  /* First level */
  /* Second level */
  /* Third level */
}
body #Menu #Tree * {
  color: #d9dad6;
}
body #Menu #Tree a {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: bold;
}
body #Menu #Tree ul {
  margin: 0;
  padding: 0;
}
body #Menu #Tree div#NavTree-Vertikal > ul > li > div,
body #Menu #Tree div#NavTree-Vertikal > ul > li > a {
  min-height: 40px;
  padding-left: 25px;
  padding-right: 25px;
}
body #Menu #Tree div#NavTree-Vertikal > ul > li > ul > li > div,
body #Menu #Tree div#NavTree-Vertikal > ul > li > ul > li > a {
  background-color: #3D3F42;
  min-height: 40px;
  padding-left: 40px;
  padding-right: 25px;
}
body #Menu #Tree div#NavTree-Vertikal > ul > li > ul > li > ul > li > div,
body #Menu #Tree div#NavTree-Vertikal > ul > li > ul > li > ul > li > a {
  background-color: #50535a;
  min-height: 40px;
  padding-left: 60px;
  padding-right: 25px;
}
body #Menu #Tree li > a:hover {
  color: #FF8200;
}
body #Menu #Tree li > div:hover a {
  color: #FF8200;
}
body #Menu #Tree li > div:hover i::before {
  color: #FF8200;
}
body #Menu #MainMenu {
  border-color: #FF8200;
}
body #Menu #MainMenu ul li > a {
  color: #d9dad6;
  font-size: 14px;
  font-weight: bold;
}
body #Menu #MainMenu ul li > a:hover {
  color: #FF8200;
}
body #Menu #MainMenu ul li.menu-has-sub > span {
  color: #FF8200;
  font-size: 16px;
  font-weight: bold;
}

.prodlist-wrapper .list-view .table .header {
  border-bottom: 1px solid #FF8200;
  border-top: 1px solid #FF8200;
}
.prodlist-wrapper .list-view .table .header .cell {
  padding: 8px 0;
}
.prodlist-wrapper .list-view .table .row {
  /* Title row */
  /* Price row */
  /* Review */
}
.prodlist-wrapper .list-view .table .row:nth-child(odd) {
  background-color: #d9dad6;
}
.prodlist-wrapper .list-view .table .row .cell.D22302 {
  font-weight: bold;
}
.prodlist-wrapper .list-view .table .row .cell.D12813 {
  font-weight: bold;
}
.prodlist-wrapper .list-view .table .row .cell.D22351 .fw-icon-star-full,
.prodlist-wrapper .list-view .table .row .cell.D22351 .fw-icon-star-half {
  color: #FF8200;
}
.prodlist-wrapper .list-view .table .row .cell.image .hqy-wrapper {
  background-color: #ffffff;
  border: unset;
  min-height: 50px;
  min-width: 50px;
  padding: unset !important;
}
.prodlist-wrapper .list-view .table .row .cell.image .hqy-wrapper img {
  aspect-ratio: 1/1;
  height: 100%;
  max-width: 50px;
  object-fit: contain;
  position: unset;
}
.prodlist-wrapper .list-view .table .row .cell.ArtBtn a {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
.prodlist-wrapper .list-view .table .row .cell.ArtBtn a:hover {
  background-color: #50535a;
  color: #FF8200;
}
@media (min-width: 1024px) {
  .prodlist-wrapper .window-view .view .productContainer {
    flex-basis: 25%;
  }
}
.prodlist-wrapper .window-view .view .productContainer .image-inner a {
  background-color: #ffffff;
}
.prodlist-wrapper .window-view .view .productContainer .product-name a {
  font-weight: 600;
}
.prodlist-wrapper .window-view .view .productContainer .product-name,
.prodlist-wrapper .window-view .view .productContainer .product-code {
  color: #50535a;
}
.prodlist-wrapper .window-view .view .productContainer .price-wrapper {
  border-color: #FF8200;
}
.prodlist-wrapper .window-view .view .productContainer .price-wrapper .value {
  font-size: 1.6rem;
  font-weight: 600;
}
.prodlist-wrapper .extended-view .text.extended-text img {
  display: none;
}
.prodlist-wrapper .extended-view .price-wrapper {
  border-color: #FF8200;
}

#MainSearch {
  background-color: #d9dad6;
}
#MainSearch #SearchBtn {
  color: black;
  font-weight: bold;
  opacity: 1;
  text-transform: unset;
}

.bannersets .bannerset .fw-button {
  background-color: #FF8200;
}
.bannersets .bannerset .fw-button i {
  color: #ffffff;
}
.bannersets .bannerset .slick-list .slick-track {
  height: 380px;
}
.bannersets .bannerset .slick-list .slick-track *:is(div) {
  height: inherit;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide {
  position: relative;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .banner-img-wrapper {
  height: 100%;
  object-fit: cover;
  position: relative;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .banner-img-wrapper img {
  height: 100%;
  object-fit: cover;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .banner-img-wrapper::after {
  background: transparent linear-gradient(111deg, #50535A 0%, #EF8018 100%) 0% 0% no-repeat padding-box;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .banner-text > *:not(.wl-slider-cell) {
  display: none;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell > div {
  height: min-content;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell img {
  display: none;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container {
  max-width: 520px;
  padding: 0 20px;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container h2,
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container p {
  color: #fff;
  font-weight: bold;
  margin: unset;
  text-align: center;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container h2 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container h2 {
    font-size: 44px;
  }
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container p {
  font-size: 12px;
}
@media (min-width: 768px) {
  .bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__text-container p {
    font-size: 22px;
  }
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__divider {
  background-color: #fff;
  height: 3px;
  margin: 0 20px;
  max-width: 110px;
  width: 100%;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__button-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__button-container a {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
  align-items: center;
  border: unset;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  justify-content: center;
  margin: 0 20px;
  max-width: 300px;
  text-decoration: none;
  width: 100%;
}
.bannersets .bannerset .slick-list .slick-track .slick-slide .wl-slider-cell .wl-slider-cell__button-container a:hover {
  background-color: #FF8200;
  color: #ffffff;
}

#MainContent_FavForm #MainContent_favSubmit {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
#MainContent_FavForm #MainContent_favSubmit:hover {
  background-color: #50535a;
  color: #FF8200;
}
#MainContent_FavForm #MainContent_favPageLink {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
#MainContent_FavForm #MainContent_favPageLink:hover {
  background-color: #FF8200;
  color: #ffffff;
}

#CartQuestion #CartControl_mergeCartWrapper #MergeCartLabel {
  background-color: #FF8200;
  color: #ffffff;
  font-weight: bold;
}
#CartQuestion #CartControl_mergeCartWrapper #MergeCartLabel:hover {
  background-color: #50535a;
  color: #FF8200;
}
#CartQuestion #pickCartWrapper .fw-button.fw-button-sm.fw-button-outline.radiobuttonlabel {
  background-color: white;
  border: solid 1px #FF8200;
  color: #FF8200;
  font-weight: bold;
}
#CartQuestion #pickCartWrapper .fw-button.fw-button-sm.fw-button-outline.radiobuttonlabel:hover {
  background-color: #FF8200;
  color: #ffffff;
}

/* set to true -> change font-weight for default h1 - h6 */
/* change to preffered font-weight. */
html,
body {
  background-color: #fff;
  color: #50535a;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: normal;
}

h1 {
  font-size: 2.3em;
}
@media (min-width: 1024px) {
  h1 {
    font-size: 2.3em;
  }
}

h2 {
  font-size: 1.5em;
}
@media (min-width: 1024px) {
  h2 {
    font-size: 1.5em;
  }
}

h3 {
  font-size: 1.35em;
}
@media (min-width: 1024px) {
  h3 {
    font-size: 1.35em;
  }
}

h4 {
  font-size: 1.2em;
}
@media (min-width: 1024px) {
  h4 {
    font-size: 1.2em;
  }
}

h5 {
  font-size: 14px;
}
@media (min-width: 1024px) {
  h5 {
    font-size: 18px;
  }
}

p {
  color: #50535a;
  font-size: 13px;
}
@media (min-width: 1024px) {
  p {
    font-size: 13px;
  }
}

a {
  color: #2a2a2a;
}
a:focus, a:active, a:hover {
  color: rgba(170, 170, 170, 0.75);
}

div,
footer,
nav,
menu,
header,
li,
span,
p,
.paragraph,
hr {
  border-color: rgba(170, 170, 170, 0.35);
}

#PreLoad.resize {
  background-color: rgba(17, 17, 17, 0.97);
}

#BannersContent:empty {
  display: none;
}

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