/*-----------------------------------------
  Start fonts, colors and images
  Start common 
  Start icons
  Start canvas menu
  Start account dashboard 
  Start account menu  
  Start toggle display prices
  Start menu  
  Start mega menu
  Start login popup
  Start notification/header_notice and popup 
  Start desktop header
  Start mobile header 
  Start footer
  Start search box  
  Start search popup 
  Start flyout menu
  Start product page
  Start display discounts
  Start category filter 
  Start category product cart   
  Start cart
  Start checkout
  Start rma
  Start register
  Start modules
  Start home top slider
  Start adress on registration page and account address
  Start sendcloud 
  Start blog
  Start Display In Tax Prices
-----------------------------------------*/

/*-----------------------------------------
  Start fonts, colors and images
-----------------------------------------*/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on September 12, 2023 */
@font-face {
    font-family: 'Be Vietnam Pro Regular';
    src: url('../../theme/journal3/fonts_custom/bevietnampro-regular-webfont.woff2') format('woff2'),
         url('../../theme/journal3/fonts_custom/bevietnampro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mobile:root {
  --header-height:                60px; /* Height of the desktop header */
  
  --search-popup-header:          50px;
  --search-bar-height:            32px;
  
  --font-size-stock:                12px;
  --font-letter-spacing-stock:      var(--font-letter-spacing-12);
  --font-size-stock-list:           14px;
  --font-letter-spacing-stock-list: var(--font-letter-spacing-14);
  
  --height-filter-brand-filters:      32px;
  --height-filter-attribute-filters:  100%;
  
  --width-image-cart:                 60px;  
  --width-image-rma:                  60px;     
  
  --button-block-width:               160px;
  
  --font-db:                          12px;
  --font-db-letter-spacing:           var(--font-letter-spacing-13);
  --font-db-btn:                      12px;
  --font-db-btn-letter-spacing:       var(--font-letter-spacing-13);
  --font-db-btn-small:                11px;
  --font-db-btn-small-letter-spacing: var(--font-letter-spacing-11);
  --font-db-btn-thin:                 11px;
  --font-db-btn-thin-letter-spacing:  var(--font-letter-spacing-11);
  --font-db-label-small:              10px;
  --font-db-label-small-letter-spacing: var(--font-letter-spacing-10)
}

:root {
  --content-max-width:        1500px;
  
  --font-family-light:        Roboto;
  --font-family-regular:      Roboto;
  --font-family-medium:       Roboto;
  --font-family-semibold:     Roboto;
  --font-family-bold:         Roboto;
  
  --font-weight-light:        300;
  --font-weight-regular:      400;
  --font-weight-medium:       500;
  --font-weight-semibold:     600;
  --font-weight-bold:         700;
  
  --font-letter-spacing-10:   -0.20px;
  --font-letter-spacing-11:   -0.22px;
  --font-letter-spacing-12:   -0.24px;
  --font-letter-spacing-13:   -0.26px;
  --font-letter-spacing-14:   -0.28px;
  --font-letter-spacing-15:   -0.3px;
  --font-letter-spacing-16:   -0.32px;
  --font-letter-spacing-17:   -0.34px;
  --font-letter-spacing-18:   -0.36px;
  --font-letter-spacing-19:   -0.38px;
  --font-letter-spacing-20:   -0.40px;
  --font-letter-spacing-21:   -0.42px;
  --font-letter-spacing-22:   -0.44px;
  --font-letter-spacing-23:   -0.46px;
  --font-letter-spacing-24:   -0.48px;
  --font-letter-spacing-25:   -0.50px;
  --font-letter-spacing-26:   -0.52px;
  --font-letter-spacing-27:   -0.54px;
  --font-letter-spacing-28:   -0.56px;
  
  --color-electric-green1:     rgba(0, 205, 105, 1); 
  --color-electric-green1-75:  rgba(0, 205, 105, 0.75); 
  --color-electric-green:     rgba(0, 208, 92, 1); 
  --color-electric-green-75:  rgba(0, 208, 92, 0.75); 
  --color-dark-sky-green:     rgba(5, 30, 35, 1);
  --color-dark-sky-green-75:  rgba(5, 30, 35, 0.75);
  --color-light-grey:         rgba(242, 242, 242, 1);
  --color-light-grey-75:      rgba(242, 242, 242, 0.75);
  --color-light-grey-50:      rgba(242, 242, 242, 0.50);
  --color-medium-grey:        rgba(196, 196, 196, 1);
  --color-medium-grey-75:     rgba(196, 196, 196, 0.75);
  --color-dark-grey:          rgba(75, 90, 95, 1);
  --color-dark-grey-75:       rgba(75, 90, 95, 0.75);
  --color-electric-orange:    rgba(240, 140, 50, 1);
  --color-electric-orange-75: rgba(240, 140, 50, 0.75);
  --color-electric-blue:      rgba(45, 90, 245, 1);
  --color-electric-blue-75:   rgba(45, 90, 245, 0.75);    
  --color-red:                rgba(150, 2, 0, 1);  
  --color-red-75:             rgba(150, 2, 0, 0.75);   
  --color-gold:               rgba(191, 172, 95, 1);
  --color-gold-75:            rgba(191, 172, 95, 0.75);  
  --color-gold-25:            rgba(191, 172, 95, 0.25); 
  --color-brown:              rgba(94, 48, 35, 1);
  --color-brown-75:           rgba(94, 48, 35, 0.75);  
 
  --color-quality:            #ffffff;
  --min-width-quality:        80px;
  --font-size-quality:        11px;
  
  --color-instock:            var(--color-dark-sky-green);
  --color-fa-instock:         var(--color-electric-green);
  --color-out-of-stock:       var(--color-dark-sky-green);  
  --color-fa-out-of-stock:    var(--color-red);  
  --font-size-stock:                  12px;
  --font-letter-spacing-stock:        var(--font-letter-spacing-12);
  --font-size-stock-list:             12px;
  --font-letter-spacing-stock-list:   var(--font-letter-spacing-12);
  --font-size-btn-primary:            14px;
  --font-letter-spacing-btn-primary:  var(--font-letter-spacing-14);
  
  --background-header:        rgba(5, 30, 35, 1);
  --color-header:             rgba(255, 255, 255, 1);
  
  --top-bar-height:           35px; /* Height of the top bar */ 
  --top-bar-height-:          -35px; /* Height of the top bar */ 
  
  --admin-bar-height:         32px; /* Height of admin bar */ 
  
  --header-height:            100px; /* Height of the desktop header */
  
  --padding-content-when-max-with: 20px; /* Content padding when width screen less than 1500 px */
 
 /* Height of search wrapper 32px + 16px padding-bottom */
  --header-search-padding-top:    0px;
  --header-search-padding-bottom: 12px;
  --header-search-padding-side:   12px;
  --header-search-height:         calc(32px + var(--header-search-padding-top) + var(--header-search-padding-bottom));     
   
  --header-main-menu-height:  50px;
  --height-menu-nav-tabs:     50px; 
  
  --mobile-wrapper-header:        100px;
  --search-popup-top:             20px; /* when top bar active, use top-bar-height */
  --search-popup-header:          100px; 
  --search-bar-height:            44px; 
  
  --border-radius-default:    20px;
  --border-radius-container:  20px;
  --border-radius-small:      10px;
  
  --slider-block-margin:      64px;
  --slider-block-padding:     32px;
  
  --color-button-alert:       #ffffff;
 
  --background-button-alert:  var(--color-electric-orange);
  
  --color-incart:             var(--color-electric-orange);
  --color-search-buttons:     var(--color-dark-sky-green);
  
  --max-width-input-form-control:     600px;
  
  --min-width-filter-attribute:       200px;
  --max-width-filter-attribute:       300px;
  --height-filter-brand-filters:      40px;
  --height-filter-attribute-filters:  40px;
  --padding-top-filters:              8px;
  
  --padding-left-labels:             -48px;
  --width-cart-content-container:     400px;
  --padding-left-cart-content-container: 40px;
  --width-image-cart:                 100px;        
  --width-image-rma:                  80px;   
  --width-image-list:                 100px; /* 80px */
  --width-image-list-portrait:        40%;
  --width-caption-list-portrait:      60%; 
  --padding-bottom-product-list:      6px;   /* 12px */
  --width-image-product-page:         90%; 
  --height-image-product-page:        90%;        
  
  --size-language:                    24px;
  
  --button-block-width:               200px;
  
  --font-db:                          14px;
  --font-db-letter-spacing:           var(--font-letter-spacing-14);
  --font-db-btn:                      14px;
  --font-db-btn-letter-spacing:       var(--font-letter-spacing-14);
  --font-db-btn-small:                12px;
  --font-db-btn-small-letter-spacing: var(--font-letter-spacing-12);
  --font-db-btn-thin:                 12px;
  --font-db-btn-thin-letter-spacing:  var(--font-letter-spacing-12);
  --font-db-label-small:              11px;
  --font-db-label-small-letter-spacing: var(--font-letter-spacing-11);
  --db-height-input:                  34px;
  --db-height-header-search-bar:      34px;
  --db-max-height-list-column:        620px;
  --db-max-height-table-overflow:     620px;
  --db-rma-width-prev-next:           140px;  
}

/* DOC_LINK_PRODUCT_QUALITY_LABEL */
/* QL: Service Pack */
.btn.service-pack,
.service-pack b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-red) !important;  
}
.btn.service-pack:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-red) !important;  
}
.btn.service-pack-pre-assembled, 
.service-pack-pre-assembled b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-red-75) !important;  
}
.btn.service-pack-pre-assembled:hover, .btn.service-pack-pre-assembled small:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-red-75) !important;  
}
/* QL: Original */
.btn.original,
.original b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-brown) !important;  
}
.btn.original:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-brown) !important;  
}
/* QL: Pulled */
.btn.pulled,
.pulled b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-electric-blue) !important;  
}
.btn.pulled:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-electric-blue) !important;  
}
/* QL: OEM */
.btn.oem,
.oem b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-electric-blue-75) !important;  
}
.btn.oem:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-electric-blue-75) !important;  
}
/* QL: Refurbished */
.btn.refurbished,
.refurbished b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-electric-green) !important;  
}
.btn.refurbished:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-electric-green) !important;  
}
/* QL: Compatible */
.btn.compatible,
.compatible b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-dark-grey) !important;  
}
.btn.compatible:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-dark-grey) !important;  
}
/* QL: In-Cell */
.btn.in-cell,
.in-cell b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-electric-green-75) !important;  
}
.btn.in-cell:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-electric-green-75) !important;  
}
/* QL: OLED */
.btn.oled,
.oled b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-gold) !important;  
}
.btn.oled:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-gold) !important;  
}
/* QL: hard OLED */
.btn.hard-oled,
.hard-oled b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-gold) !important;  
  color1: var(--color-quality) !important;  
  background-color1: var(--color-electric-green-75) !important;  
}
.btn.hard-oled:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-gold) !important;  
  background-color1: var(--color-quality) !important;  
  color1: var(--color-electric-green-75) !important;  
}
/* QL: Soft OLED */
.btn.soft-oled,
.soft-oled b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-gold-75) !important;  
  color1: var(--color-quality) !important;  
  background-color1: var(--color-electric-green-75) !important;  
}
.btn.soft-oled:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-gold-75) !important;  
  background-color1: var(--color-quality) !important;  
  color1: var(--color-electric-green-75) !important;  
}
/* QL: After Market + */
.btn.after-market-plus,
.after-market-plus b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-gold) !important;  
}
.btn.after-market-plus:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-gold) !important;  
}
/* QL: After Market */
.btn.after-market,
.after-market b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-gold-75) !important;  
}
.btn.after-market:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-gold-75) !important;  
}  

.table-quality-labels tr td {
  padding-bottom: 16px !important;  
}
.table-quality-labels tr td button {
  margin-bottom: 8px !important;  
}

/* QL: Amhigh 
.btn.amhigh,
.amhigh b {
  min-width: var(--min-width-quality) !important;  
  font-size: var(--font-size-quality);
  color: var(--color-quality) !important;  
  background-color: var(--color-brown) !important; 
}
.btn.amhigh:hover {
  background-color: var(--color-quality) !important;  
  color: var(--color-brown) !important;  
} */

.quality-label.quality-label-small b, .btn.quality-label-small {
  padding: 2px 0px !important;
}
.quality-label.quality-label-small b br {
 display: none;  
}
.quality-label.quality-label-small b, .btn.quality-label-small {
  display: inline-flex;
  flex-direction: column;
  align-items: center;  
}

.quality-label.quality-label-small b small, .btn.quality-label-small small {  
  color: var(--color-quality) !important; 
  font-size: 75% !important; 
  margin-top: -2px;
}

.color-electric-green {
  color: var(--color-electric-green);  
}
.color-dark-sky-green {
  color: var(--color-dark-sky-green);  
}
.color-electric-orange {
  color: var(--color-electric-orange);  
}

.postnl {
  background-image: url('/image/catalog/owc_shipcentra/postnl.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: left top !important;
}

.ups {
  background-image: url('/image/catalog/owc_shipcentra/ups.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: left top !important;
}

.dhl {
  background-image: url('/image/catalog/owc_shipcentra/dhl.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 70px 20px !important;
  padding-left: 100px !important;
  background-position-y1: -4px !important;
}

.fedex {
  background-image: url('/image/catalog/owc_shipcentra/fedex.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 36% calc(36% + 8px) !important;
  padding-left: 78px !important;
  background-position-y1: -3px !important;
}

.pakket2go {
  background-image: url('/image/catalog/owc_shipcentra/pakket2go.png') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: left top !important;
}

.afhalen1 {
  background-image: url('/image/catalog/owc_shipcentra/fedex.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
  background-position: left top !important;
}
/*-----------------------------------------
  End fonts, colors and images
-----------------------------------------*/

/*-----------------------------------------
  Start common 
-----------------------------------------*/
html.desktop body {  
  padding-top1: calc(var(--header-height) + var(--header-main-menu-height));
}
html.desktop.admin-bar-visible body {
  padding-top1: calc(var(--header-height) + var(--header-main-menu-height) + var(--admin-bar-height));
}
html.popup-open .popup-container body {
  padding-top1: 0px !important;
}
/* Category page, device filter issue not displayed correctly. */
.no-touchevents.popup-open.popup-quickview {
  overflow: unset;  
}
/* Strange bug display inline-block, header icons not aligned correctly */
html.is-customer.mobile-header-active .mobile-bar-group .mobile-custom-menu {
  display: flex;
}
html.desktop .mobile-only, html.mobile .desktop-only {
  display: none;
}
/* Admin bar */
.admin-bar {
  background-color: var(--color-dark-sky-green) !important;  
  color: #fff;
  height: var(--admin-bar-height);  
}
.admin-bar a { 
  color: #ffffff !important;  
}
.admin-bar a:hover { 
  color: var(--color-electric-green) !important;  
}
/* End Admin bar */

.mobile select {
  padding: 6px 8px !important;  
}

label.control-label span[data-toggle="tooltip"]::after {
  font-family: FontAwesome;  
  content: "\f05a";
  margin-left: 4px;  
}

/* Start Tooltips */
.tooltip {
  max-width1: none; /* Overschrijf de max-width van Bootstrap voor tooltips */
  position1: absolute !important; /* Maak de tooltip absoluut gepositioneerd */
  z-index: 1000000 !important; /* Zorg ervoor dat de tooltip boven andere inhoud wordt weergegeven */   
}
/*
.tooltip .tooltip-inner  {
  text-align: left !important; 
  white-space: normal !important; 
}*/

.bottom .ui-tooltip-content::after {
    top: -10px;
    border-color: #666 transparent;
    border-width: 0 10px 10px;
}
[data-toggle="tooltip"] {
  pointer-events: visible;
}
/* End Tooltips */

.blocks-accordion a.accordion-toggle:not(.collapsed)::before, .blocks-accordion .panel-active a::before {
  transform: rotate(90deg) !important;
}

/* Hide Webwinkel keur when cart window open. */
html.mobile-cart-content-container-open #wwkSidebar {
  display: none !important;
}

/* Popup out of stock message */
.hb-white-popup {
  box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.1);
}

/* Salesmessage labels and other labels */
.owc_productpageenhanced_sm {
  margin-top:  10px;
  margin-left: 10px;
}
.owc_list_label_top, .owc_page_label_top {
  padding: 0px !important;
  position: relative !important;
}
.main-products.product-list .owc_productpageenhanced_sm {
  margin-top: 0px;  
}
.main-products.product-list .owc_productpageenhanced_sm .price {
  margin-bottom: 10px !important;    
}
.product-info .product-labels { 
  margin-top: 5px;
}
.main-products.product-list .product-label { 
  margin-top: 1px;  
}
.main-products.product-list .owc_productpageenhanced_sm.product-label {
  display: none !important;  
}
.product-info .quality-label {
  margin-bottom: 10px;
} 
.product-label.shipcentra-label img {
  width: 16px;
  height: 16px;  
}
html.popup-quickview .product-info .product-label.shipcentra-label img {
  width: 20px;
  height: 20px;  
}
html:not(.popup-quickview) .product-info .product-label.shipcentra-label img {
  width: 24px;
  height: 24px;  
}
.product-label.shipcentra-label {
  margin-left: 0px !important;
  max-width: 16px;
}
.product-label.shipcentra-label b {
  min-width: initial !important;
}
html.popup-quickview .product-info .product-label.shipcentra-label {
  max-width1: 20px;
}
html:not(.popup-quickview) .product-info .product-label.shipcentra-label {
  max-width1: 24px;
}
.main-products.product-grid .product-labels .product-label:first-of-type {
  margin-top: 10px;
}
.product-labels .product-label {
  justify-content: flex-start !important; /* flex-end */
  margin-right: 0px;
  max-width: 80%;  /* prevent over wishlist icoon */
  text-align: center;
}
.main-products.product-list .product-label-default.product-label-146 {  
  position: absolute !important;
  top: initial !important;  
  right: var(--padding-left-labels) !important;
  bottom: 0px !important;
  left: initial !important;
}
.module-products-grid .caption .product-labels, 
.main-products.product-list .image .product-labels,
.main-products.product-grid .caption .product-labels {
  display: none;
}
.main-products.product-list .caption .product-labels {
  display1: grid;
}
.main-products.product-list .caption .product-labels {
  overflow: initial !important;
  position: absolute !important;   
  left: var(--padding-left-labels) !important; 
  top1: -4px;
}

.owc_list_label_top, .owc_page_label_top {
  position: relative;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; 
  filter: alpha(opacity=100) !important; 
  -moz-opacity: 1 !important; 
  -khtml-opacity: 1 !important; 
  opacity: 1 !important;       
}
.owc_productpageenhanced_sm.product-label b {
  min-width: 47px;
}
@media (max-width: 760px) {
  .owc_productpageenhanced_sm.product-label b {
    min-width: 40px;
  }
}

.mobile-overlay .site-wrapper,
.mobile-overlay .site-wrapper::before { 
  overflow: hidden !important;
  height1: auto  !important;
  position1: absolute !important; /* uitgezet */
}

/* Start shipping bar */
.shipping-wrapper {   
  width: 100%; 
  height: 100%;
}

.shipping-wrapper .module .color-electric-green {
  font-weight: var(--font-weight-bold) !important;  
}
.shipping-wrapper .block-body .block-wrapper {
  display1: none !important;
}

.shipping-wrapper .block-body .block-wrapper .block-content:before {
  content: '\f058' !important;
  font-family: icomoon !important;
  color: var(--color-electric-green);
  margin-right: 4px;
  font-size: 16px;
  vertical-align: top;
}
/* End shipping bar */

/* Start USP bar */
.usp-wrapper {
  height:  64px;
  display: flex;
  align-items: center;
  transition: height .2s ease;
  z-index: 1;
  max-width: var(--content-max-width); 
  width: 100%; 
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;  
}
@media (max-width: 359px) {
  .usp-wrapper {
    display: none;
  }
}
@media (max-width: 1500px) {
  .usp-wrapper {    
    padding-right: var(--padding-content-when-max-with);
    padding-left: var(--padding-content-when-max-with);
  }
}
.usp-wrapper .module  {
  width: 100%; 
}
.usp-wrapper .module .color-electric-green {
  font-weight: var(--font-weight-bold) !important;  
}
/* End USP bar */

/* Start module info blocks 306 and 374 USP Info Blocks Top */
.module-info_blocks-306 .info-blocks {  
  width: calc((100% - var(--button-block-width)) / 4 - 0.01px) !important;
  white-space: nowrap;
}
@media screen and (max-width: 820px) {
  .module-info_blocks-306 .info-blocks {
    width: calc((100% - var(--button-block-width)) / 3 - 0.01px) !important;
  }
  .module-info_blocks-306 .module-item.module-item-4 {
    display: none;  
  }
}
@media screen and (max-width: 760px) {
  .module-info_blocks-306 .info-blocks {
    width: calc((100% - var(--button-block-width)) / 2 - 0.01px) !important;
  }
  .module-info_blocks-306 .module-item.module-item-3 {
    display: none;  
  }
}
@media screen and (max-width: 470px) {
  .module-info_blocks-306 .info-blocks {
    width: calc((100% - var(--button-block-width)) / 1 - 0.01px) !important;
  }
  .module-info_blocks-306 .module-item.module-item-2 {
    display: none;  
  }
}
.module-info_blocks-374 .info-blocks {  
  width: calc((100% - var(--button-block-width)) / 3 - 0.01px) !important;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .module-info_blocks-306 .info-blocks,
  .module-info_blocks-374 .info-blocks {
    white-space: normal !important;
  }
}
.module-info_blocks-306 .module-item-1 {
  margin-left: -4px;
}
.module-info_blocks-306 .module-item-5,
.module-info_blocks-306 .module-item-6,
.module-info_blocks-374 .module-item-4,
.module-info_blocks-374 .module-item-5 {  
  width: var(--button-block-width) !important;
}
/* first left allign and last two buttons 5/6 right align */
.module-info_blocks-306 .module-item-1 .info-block,
.module-info_blocks-374 .module-item-1 .info-block {
  justify-content: flex-start !important;
  text-align: left;
}
.module-info_blocks-306 .module-item-5 .info-block,
.module-info_blocks-306 .module-item-6 .info-block,
.module-info_blocks-374 .module-item-4 .info-block,
.module-info_blocks-374 .module-item-5 .info-block {
  justify-content: flex-end !important;  
}
html.is-customer .module-info_blocks-306 .module-item-5,            /* Register */ 
html:not(.is-customer) .module-info_blocks-306 .module-item-6,
html.is-customer .module-info_blocks-374 .module-item-4,            /* Register */ 
html:not(.is-customer) .module-info_blocks-374 .module-item-5 {     /* Helpcenter */
  display: none;
}
/* End module info blocks 306 USP Info Blocks Top */

.alert {
  border-radius: var(--border-radius-default);
}
.alert a {
  color: var(--color-dark-sky-green) !important;  
}
.alert a:hover {
  color: var(--color-electric-green) !important;  
}
.alert .has-error {
  color: inherit !important;   
}
.alert .close {
  color: #FFF;
}
html.desktop .alert {
    max-width: 30%;
}
html.mobile .alert {
  padding: 5px 5px 5px 5px !important;
  margin-top: 0px;
}

html.desktop[class*='account'] .alert {
  max-width: 60%;
}
html.desktop[class*='account'] .list-column .alert {
  max-width: 100%;
}

.btn-small {
  padding: 5px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  width: auto !important;
}  

.btn-no-cursor:hover, .btn-no-cursor span:hover {
  cursor: default;  
}

.btn-link {
  color: var(--color-dark-sky-green) !important;
  background: none !important;   
  box-shadow: none !important; 
}
.btn.btn-link.active, .btn.btn-link:hover {
  color: var(--color-dark-sky-green) !important;
  background: none !important;   
}

.btn-cart::before, .fa-shopping-cart::before {
  color: inherit !important;
}
.desktop-cart-wrapper .btn-cart::before, .desktop-cart-wrapper .fa-shopping-cart::before,
.mobile-cart-wrapper .btn-cart::before, .mobile-cart-wrapper .fa-shopping-cart::before {
  color: #fff !important;
  font-weight: bold;
}

.btn-extra-93::before {
  font-size: 20px;  
  letter-spacing: var(--font-letter-spacing-20);
}

.btn-primary.btn[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: none;
  background-color: var(--color-light-grey);
  color: var(--color-dark-grey-75) !important;
}

.input-group-addon {
  background-color: inherit;
  border: inherit;
}

.label-info {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px !important;
  background: none;
}

.label-info span  {
  border-radius: 16px;
  background: var(--color-gold-25);
  padding: 8px;
  font-size: 12px !important;
  letter-spacing: var(--font-letter-spacing-12) !important;
  cursor: pointer;
  display: inline-block;
}

label.label-small {
  margin-bottom: 0px !important;
}

label.label-small .title.module-title {
  margin-bottom: 0px;  
}

input::placeholder {
  color: var(--color-dark-grey);
}
@media screen and (max-width: 1024px) {
  input::placeholder {    
    font-size: 14px;
    letter-spacing: var(--font-letter-spacing-14);
  }
}

@media (max-width: 470px) {
  .stepper input.form-control {    
    min-width: 28px !important;
  }
}

/* Images */
.img-responsive.pull-right {
  margin-left: 16px;
  margin-bottom: 16px;  
}
.img-responsive.pull-left {
  margin-right: 16px;
  margin-bottom: 16px;  
}
.img-rounded {
  border-radius: var(--border-radius-default);
}

/* Website scroll */
.scroller, :root, html, body, * {
  scrollbar-width: thin;          /* "auto" or "thin"  */
  scrollbar-color: var(--color-electric-green) #FFFFFF;   /* scroll thumb & track */ 
}
body .scroller ::-webkit-scrollbar-track,
body :root ::-webkit-scrollbar-track,
html ::-webkit-scrollbar-track,
body ::-webkit-scrollbar-track {
  background: #FFFFFF;        /* color of the tracking area */
}
body ::-webkit-scrollbar-thumb { 
  background:  var(--color-electric-green);    /* color of the scroll thumb */ 
}  
.desktop ::-webkit-scrollbar {
  width: calc(Min(auto, 19px));               /* width of the entire scrollbar */
}
.desktop ::-webkit-scrollbar-track {
  background: #FFFFFF !important;        /* color of the tracking area */
}
.desktop .input-dark-green ::-webkit-scrollbar-track {
  background: var(--color-dark-sky-green) !important;        /* color of the tracking area */
}
.desktop ::-webkit-scrollbar-thumb {
  background:  var(--color-electric-green);    /* color of the scroll thumb */ 
  border-width: 3px; 
  border-style: solid; 
  border-color: #FFFFFF; 
  border-radius: 10px; 
}  
.desktop .input-dark-green ::-webkit-scrollbar-thumb {
  border-color:  var(--color-dark-sky-green) !important;    /* color of the scroll thumb */ 
  
}
/* End Website scroll */

.information-16 .content {
  column-count: 1 !important;
  max-width: 1024px;
}
.route-information-information.layout-11 #content{ 
  max-width: 1024px;
}

.module-blocks-216 .panel-group .panel-active .panel-heading {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.journal-loading {
  top: 10% !important;  
}

.table-borderless > thead > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > tfoot > tr > td {
    border: none;
    border-top: 0 none transparent !important;
    border-bottom: 0 none transparent !important;
}

.table .no-wrap {
  display: block ruby;
  white-space: nowrap !important;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

html.mobile-cart-content-container-open #belco-container, 
html.popup #cookiescript_badge,
html.tablet.popup-open #cookiescript_badge,
html.mobile.popup-open #cookiescript_badge,
html.tablet.mobile-overlay #cookiescript_badge,
html.mobile.mobile-overlay #cookiescript_badge  {
  display: none !important;
}

/* Checkbox in front */
.pull-left input[type="checkbox"] {
  float: left;
  margin-right: 8px;
}

.container .content ul li,
.container .post-content ul li {
  margin-top: 8px;
  margin-bottom: 8px;
}

ul.checkbullet {
  margin-left: -16px;
}

ul.checkbullet li {
  list-style: none;
  display: flex;
  align-items: center;
}

ul.checkbullet li:before {
  content: '\f058' !important;
  font-family: icomoon !important;
  color: var(--color-electric-green);
  margin-right: 8px; 
}

i.fa-whatsapp {
  margin-right: 4px;
}

iframe {
  border-radius: 20px;
}
/*-----------------------------------------
  End common 
-----------------------------------------*/

/*-----------------------------------------
  Start icons 
-----------------------------------------*/

#cart-items {
  transform: translateX(10px);
  margin-top: -2px;
}

/* Watchapp icoon */
.popup .whatsapp_handle { 
  display: none;
}
.only_icon_whatsapp .whstapp_noti {  
  bottom: 70px !important;
}

/* Display tax prices */
.top-menu-14 > ul > li.owc-display-tax-prices > a > .links-text {
  display: none !important;
}

/* Display prices */
.top-menu-14 > ul > li.owc-display-prices > a > .links-text {
  display: none !important;
}
.top-menu-14 .j-menu li.owc-display-prices > a::before {
  content: '\eb54' !important;
  font-family: icomoon !important;
}

/* Wishlist */
.top-menu-14 > ul > li.owc-wishlist > a > .links-text {
  display: none !important;
}
.top-menu-14 .j-menu li.owc-wishlist > a::before {
  content: '\ee04' !important;
  font-family: icomoon !important;
}

/* Shopping cart header */
.desktop-cart-wrapper .fa-shopping-cart::before {
  font-weight: var(--font-weight-semibold) !important;
  top: 2px;
}
.owc_productpageenhanced_ds.order .fa-shopping-cart::before {
  top: 0px;
}
/* Shopping cart buttons */
.btn-cart::before { 
  content: '\ebb5' !important; 
  left: -1px;
  display: inline-block;
  transform: scaleX(-1);
}
.product-grid .product-thumb .btn-alert::before,
.product-list .product-thumb .btn-alert::before,
.route-product-product .product-info .button-group-page .btn-alert::before,
.route-product-product.popup-quickview .product-info .button-group-page .btn-alert::before,
#account-wishlist .btn-alert::before {   
  content: '\ea77' !important;   
}

.btn-alert:hover::before {
  color: var(--background-button-alert) !important;   
  background-color: var(--color-button-alert) !important; 
}
.btn-alert {
  color: var(--color-button-alert) !important;  
  background-color: var(--background-button-alert) !important; 
}

.desktop .main-products.product-list .product-thumb .btn-cart:hover::before {
  color: var(--color-electric-orange);
}

.pdf-icon img, .csv-icon img {
  max-height: 28px;  
}

@media screen and (max-width: 470px) {
  .i-text {
    display: none;  
  }
}

/* Account icoon header */
.top-menu-14 .j-menu li.owc-guest > a::before,
.top-menu-14 .j-menu li.owc-customer > a::before {
  display: none
}
.top-menu-14 .j-menu li.owc-guest > a::after,
.top-menu-14 .j-menu li.owc-customer > a::after {
  content: '\edc8' !important;
  font-family: icomoon !important;
}
.top-menu-14 .j-menu li.owc-guest > a span,
.top-menu-14 .j-menu li.owc-customer > a span {
  margin-top: 10px;
}
.secondary-menu .top-menu .j-menu > li > a::after {
  color: rgba(255, 255, 255, 1);
  margin-top: 5px;
  margin-right: 10px;
  font-size: 28px;
  letter-spacing: var(--font-letter-spacing-28);
}
html.is-guest .secondary-menu .top-menu .j-menu > li > a::after { 
  margin-right: 0px;
}
.desktop .secondary-menu .top-menu .j-menu > li:hover > a::after, 
.secondary-menu .top-menu .j-menu > li.active > a::after {
  color: var(--color-electric-green);
}
/* Account icoon header end */

@media screen and (max-width: 1024px) {
  .popup-close::before {
    left1: 75%;  
  }
}

/*-----------------------------------------
  End icons 
-----------------------------------------*/

/*-----------------------------------------
  Start canvas menu 
-----------------------------------------*/
html.desktop-header-active .menu-trigger.menu-trigger-1 { 
  display: inline-flex !important;
}

html.desktop-header-active .menu-trigger.menu-trigger-1 a  { 
  font-weight: var(--font-weight-semibold) !important;
}
html.desktop-header-active .menu-trigger.menu-trigger-1 a  { 
  padding-left: 0px !important;
}
/* Main menu correction for menu trigger button */
.desktop-mobile-main-menu-wrapper .main-menu > ul > .dropdown .j-menu > li > a,
.mobile-main-menu-wrapper .main-menu > ul > .dropdown .j-menu > li > a {
  border-radius: var(--border-radius-default);
  padding: 4px 8px 4px 8px; 
}

html.mobile .desktop-mobile-main-menu-wrapper .main-menu > ul > .dropdown .j-menu > li > a,
html.mobile .mobile-main-menu-wrapper .main-menu > ul > .dropdown .j-menu > li > a {
  padding: 4px;   
}

.desktop-mobile-main-menu-wrapper .main-menu > ul > li > a,
.mobile-main-menu-wrapper .main-menu > ul > li > a {
  font-weight: var(--font-weight-regular) !important;  
}

.mobile-main-menu-wrapper .main-menu > .j-menu > li:not(.j-menu-heading-title, .owc-separator):hover > a,
.desktop-mobile-main-menu-wrapper .main-menu > .j-menu > li:not(.j-menu-heading-title, .owc-separator):hover > a,
.desktop .main-menu > ul > .dropdown .j-menu > li:not(.j-menu-heading-title, .owc-separator):hover > a {
  color: var(--color-electric-green) !important;
  background-color: var(--color-dark-sky-green) !important;
  font-weight1: var(--font-weight-bold) !important;    
}

.desktop .main-menu > ul > .dropdown .j-menu > li.open:hover > a {
  color: var(--color-dark-sky-green) !important;
  background-color: #fff !important;     
}

/* Start All Category Menu title and divers */
span.j-menu-main-tab-divider-title {
  margin-top: 16px;
  margin-bottom: 16px;
  border-color: var(--color-electric-green);
  border-width: 0;   
  border-bottom-width: 3px;
  border-style: solid;
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16);
  color: var(--color-dark-sky-green);
  padding-bottom: 8px;
  width: fit-content;
  font-weight: var(--font-weight-bold);
}
span.j-menu-main-heading-title {
  padding-top: 2px;
}
span.j-menu-main-heading-title:not(:first-of-type) {
  padding-top: 32px;
}
li.j-menu-li-heading-title:not(:first-child) {
  padding-top: 8px;
}
span.j-menu-main-heading-title {
  padding-bottom: 2px;
}
li.j-menu-li-heading-title {
  padding-bottom: 2px;
}
span.j-menu-main-heading-title,
li.j-menu-li-heading-title span.j-menu-heading-title {  
  padding-left: 8px;
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16);
  color: var(--color-dark-sky-green); 
  font-weight: var(--font-weight-bold);
}

@media (max-width: 470px) {
  span.j-menu-main-heading-title,
  li.j-menu-li-heading-title span.j-menu-heading-title {  
    padding-left: 4px;
  }
}
li.j-menu-li-heading-title a span.j-menu-heading-title {  
  padding-left: 0px;
}
.mobile-main-menu-wrapper .main-menu > .j-menu > li.j-menu-li-heading-title:hover > a,
.desktop-mobile-main-menu-wrapper .main-menu > .j-menu > li.j-menu-li-heading-title:hover > a,
.desktop .main-menu > ul > .dropdown .j-menu > li.j-menu-li-heading-title:hover > a {
  color: var(--color-electric-green) !important;
  background-color: transparent !important;
}
.desktop .main-menu > ul > .dropdown .j-menu > li.j-menu-li-heading-title > a:hover span.j-menu-heading-title, li.j-menu-li-heading-title a span.j-menu-heading-title:hover {
  color: var(--color-electric-green) !important;
  background-color: transparent !important;
}
/* End All Category Menu title and dividers */ 

html[class*="-container-open"] .mobile-container.animating {
  transform: translate3d(0, 0, 0) !important;
}
html.mobile-main-menu-container-open .mobile-container.mobile-main-menu-container,
html.desktop-mobile-main-menu-container-open .mobile-container.desktop-mobile-main-menu-container,
html.desktop-mobile-account-menu-container-open .mobile-container.desktop-mobile-account-menu-container,
html.mobile-filter-container-open .mobile-container.mobile-filter-container,
html.mobile-cart-content-container-open .mobile-container.mobile-cart-content-container,
html.mobile-rma-cart-content-container-open .mobile-container.mobile-rma-cart-content-container {
  display: flex;
  flex-direction: column;
  box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.1);
}
/* Start Right open account menu */
.mobile-container.desktop-mobile-account-menu-container {
  left: auto;
  right: 0;
  transform: translate3d(100%, 0, 0);
}
/* End Right open account menu */
html.desktop-header-active .mobile-container {  
  max-width: 90%;
  width: var(--width-cart-content-container);
  background-color: rgba(255,255,255,1);  
}

html.desktop-header-active .mobile-wrapper-header,
html.mobile-header-active .mobile-wrapper-header {
  background-color: var(--background-header);
  border-width: 0;
  border-bottom-width: 0px;
  min-height: var(--search-popup-header);  
  
  //border-bottom-width: 1px;
  //border-style: solid;
  //border-color: rgba(224,226,230,1);
}
html.mobile-header-active .mobile-wrapper-header {
  min-height: var(--search-popup-header); 
  max-height: var(--search-popup-header); 
  height: var(--search-popup-header); 
}

html.desktop-header-active .mobile-wrapper-header img,
html.mobile-header-active .mobile-wrapper-header img {
  margin-top: 6px;
  margin-left: 16px;
}

html.mobile-header-active .mobile-main-menu-wrapper .main-menu,
html.desktop-header-active .mobile-main-menu-wrapper .main-menu, .desktop-header-active .desktop-mobile-main-menu-wrapper .main-menu {
  padding: 8px;
  height: fit-content;
}
.desktop-mobile-main-menu-wrapper .main-menu, .mobile-main-menu-wrapper .main-menu {
  border-width: 0;
  background-color: transparent;
}
.desktop-mobile-main-menu-wrapper .main-menu .j-menu, .mobile-main-menu-wrapper .main-menu .j-menu {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.desktop-mobile-main-menu-wrapper  .main-menu .j-menu, .mobile-main-menu-wrapper .main-menu .j-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: none !important;
}

.desktop-mobile-main-menu-wrapper #main_menu_parts .main-menu .j-menu.main, .mobile-main-menu-wrapper #main_menu_parts .main-menu .j-menu.main {  
  columns: 2;  
  position1: fixed;
  display: inline-block;
  width: 100%;
  width: -moz-available;
}
.main-menu > .j-menu .dropdown > a::after {
  display: none !important;
}

.mobile-main-menu-wrapper .main-menu .menu-label {
  position: absolute;
}

#cart > a:hover {
  cursor: pointer;
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content,
.mobile-rma-cart-content-container .mobile-rma-cart-content-wrapper.cart-content {
    max-height: 100%;
    height: calc(100% - 0px);
}

.mobile-wrapper-header {
  position: relative;
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  min-width: 0;
}

.mobile-wrapper-header a:hover {
  color: var(--color-header);  
}

.mobile-container .mobile-wrapper-header {
  order: -2;   
}

.mobile-container .mobile-wrapper-header + div {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.mobile-container .mobile-wrapper-header img {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
}

html.desktop-header-active .mobile-cart-content-container .cart-content ul .cart-products {
  max-height: 100%;
}
.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-products {
  max-height: 100%;
  flex-grow: 1;
}
div.cart-content .cart-products {
  padding-left: 8px;  
  padding-right: 8px;
  max-height: 340px;
  overflow-y: auto;
}
.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content ul {
  height: 100%;
  border-radius: 0;
  background: transparent;
}
.cart-content > ul .cart-products {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.cart-content .cart-products {
  overflow-x: hidden;
}
.mobile-cart-content-wrapper {
  padding-bottom: 0px !important;
}
.site-wrapper {
  height: auto;
  min-height: auto;
}
.site-wrapper::before {
  content: "";
  position: fixed;
  z-index: 1299;
  left: 0;
  top: -200px;
  width: 100%;
  height: calc(100% + 200px); /* calc(100vh + 200px); */
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  transition: all .2s;
  display: none;
}

html.mobile-header-active .menu-trigger {  
  text-decoration: none !important;
}

div.cart-content .cart-totals table, div.cart-content .cart-totals table td {
  background-color: var(--color-light-grey) !important;
}
div.cart-content .cart-buttons {
  justify-content: end !important;
   background: var(--color-light-grey);
   flex-wrap: initial;
   padding: 8px;
}
.cart-content .cart-totals {
  background: var(--color-light-grey);
}
.cart-content .cart-totals div:not(.cart-buttons) {
  padding: 8px 0px;
}

.cart-content .cart-totals table tr.total_ex:not(:first-child) td,
.cart-content .cart-totals table tr.total td,
.cart-bottom .cart-total table tr.total_ex:not(:first-child) td,
.cart-bottom .cart-total table tr.total td {  
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-style: solid !important;
  border-color: var(--color-dark-grey-75) !important;
  border-left-width: 0px !important;
}

div.cart-content .cart-totals .td-total-text {
  text-align: right !important;
}

div.cart-content .cart-products tbody .td-image {
  min-width: var(--width-image-cart);
}
div.cart-content .cart-products tbody .td-name {
  padding: 8px 0px !important;
}
div.cart-content .cart-products tbody .td-name .name {
  display: flex;
  margin-right1: 24px;
  float: left;
  width: calc(100% - 16px);
}
div.cart-content .cart-products tbody .td-name .td-remove {
  position: relative;
  right: 0px;
  float: right;
  padding: 0px !important;
  min-width: auto !important;
}
@media screen and (max-width: 1024px) {
  div.cart-content .cart-products tbody .td-name .td-remove {
    right: 0px;
  }
  div.cart-content .cart-products tbody .td-name .name {   
    width: calc(100% - 20px);
  }
}

div.cart-content .cart-products tbody .td-qty .stepper {
  display: inline-flex;
  width: 100px;
  height: 36px;
  border-radius: var(--border-radius-default);
  margin-right1: 8px;
  border-style: solid;
  border-color: var(--color-light-grey);
  height: 38px;
  font-family: var(--font-family-light) !important;
  font-weight: var(--font-weight-light) !important;
  color: var(--color-dark-sky-green) !important;
  background: #fff !important;
}
html.mobile div.cart-content .cart-products tbody .td-qty .stepper {
  height: 32px;
}
.stepper input.form-control:focus {
  box-shadow: none !important;
}
div.cart-content .cart-products tbody .td-qty .stepper input {
  font-size: 90% !important;
  border: 0px !important;
}
div.cart-content .cart-products tbody .td-total {
  white-space: nowrap;
}
div.cart-content .cart-products tbody .td-total .price-old {
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  font-size: 70%;
  vertical-align: top;
  color: var(--color-dark-grey);
  text-decoration: line-through;
  letter-spacing: -0.3px;
  line-height: 120%;
  margin: 0;
}

div.cart-content .cart-products tbody > tr > td {
  padding: 8px 0px 8px 0px !important;
}

@media screen and (min-width: 1280px) {
  padding: 12px !important;  
}

.desktop-mobile-main-menu-container .btn.x::before,
.mobile-cart-content-container .btn.x::before,
.mobile-rma-cart-content-container .btn.x::before,
.mobile-main-menu-container .btn.x::before,
.desktop-mobile-account-menu-container .btn.x::before {
  content: '\e5cd' !important;
  font-family: icomoon !important;
  font-size: 25px;
  letter-spacing: var(--font-letter-spacing-25);
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
}
.full-search-wrapper .btn.popup-close::before {
  top: 60%;
  left: 30%; 
}
.desktop-mobile-main-menu-container > .btn.x, .desktop-mobile-main-menu-container > .btn.x:visited,
.mobile-cart-content-container > .btn.x, .mobile-cart-content-container > .btn.x:visited,
.mobile-rma-cart-content-container > .btn.x, .mobile-rma-cart-content-container > .btn.x:visited,
.mobile-main-menu-container > .btn.x, .mobile-main-menu-container > .btn.x:visited,
.desktop-mobile-account-menu-container > .btn.x, .desktop-mobile-account-menu-container > .btn.x:visited {
  font-size: 12px;
  letter-spacing: var(--font-letter-spacing-12);
  color: var(--color-electric-green);
  text-transform: none;
}

.desktop-mobile-main-menu-container .btn.x,
.mobile-cart-content-container .btn.x,
.mobile-rma-cart-content-container .btn.x,
.mobile-main-menu-container .btn.x,
.desktop-mobile-account-menu-container .btn.x {
  border-radius: 50% !important;
  background: none !important;
  border-style: none;
  padding: 3px;
  box-shadow: none;
  font-size: 12px;
  letter-spacing: var(--font-letter-spacing-12);
  color: var(--color-electric-green);
  text-transform: none;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-top: 35px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  pointer-events: auto;
  z-index: 100;
}
.desktop-mobile-main-menu-container .btn.x:hover, .desktop-mobile-main-menu-container .btn.x:focus:active,
.mobile-cart-content-container .btn.x:hover, .mobile-cart-content-container .btn.x:focus:active,
.mobile-rma-cart-content-container .btn.x:hover, .mobile-rma-cart-content-container .btn.x:focus:active,
.mobile-main-menu-container .btn.x:hover, .mobile-main-menu-container .btn.x:focus:active,
.desktop-mobile-account-menu-container .btn.x:hover, .desktop-mobile-account-menu-container .btn.x:focus:active {
  color: #fff;
  background: none !important;
  box-shadow: none !important;
}

/*-----------------------------------------
  End canvas menu 
-----------------------------------------*/

/*-----------------------------------------
  Start account dashboard 
-----------------------------------------*/
/* Max width dashboard */
html[class*='account']:not(.route-account-login):not(.route-account-logout):not(.route-account-register):not(.route-account-success):not(.route-affiliate-login):not(.route-affiliate-logout):not(.route-affiliate-account) .site-wrapper > .container, 
html[class*='account']:not(.route-account-login):not(.route-account-logout):not(.route-account-register) #content-bottom .grid-cols,
html[class*='price_list'] .site-wrapper > .container, html[class*='price_list'] #content-bottom .grid-cols {
	max-width1: inherit
}

html[class^="account"] .alert { 
	margin-bottom: 0px;		
} 

html[class^="account"] #content .alert, body[class^="account-login"] .alert { 
	margin-bottom: 20px;		
}

/* Overrule font-size same as normal h3 */
html[class*='account'] h3.title.module-title {
  font-size: 16px !important;  
  letter-spacing: var(--font-letter-spacing-16);
  font-weight: var(--font-weight-medium) !important;
}

html[class*='account'] .container h3 {
  font-size: 16px !important;  
  letter-spacing: var(--font-letter-spacing-16);
  font-weight: var(--font-weight-medium) !important;
}

/* Overrule text font size */
html[class*='account'] .container .accordion-menu-126.accordion-menu .j-menu > li > a,
html[class*='account'] .container a:not(.btn),
html[class*='account'] .container p,
html[class*='account'] .container div,
html[class*='account'] .container span:not(.count-badge),
html[class*='account'] .container input,
html[class*='account'] .container .ms-choice {
  font-size: var(--font-db);
  letter-spacing: var(--font-db-letter-spacing);
}
html[class*='account'] .container input[disabled], 
html[class*='account'] .container input[readonly],
html[class*='account'] .container select[disabled], 
html[class*='account'] .container select[readonly] {
  color: var(--color-dark-grey-75) !important;
}

html[class*='account'] .container .pagination li, html[class*='account'] .container .pagination li a {
  width: 24px;
  height: 24px;
}

html[class*='account'] .container .pagination > li > a, html[class*='account'] .container .pagination > li > span {
  padding: 4px !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
}

html[class*='account'] .list-column .header-search > .search-button::before {
  font-size: 16px !important;  
  letter-spacing: var(--font-letter-spacing-16);
}

html[class*='account'] .container .stepper input.form-control {
  border-width: 0 !important;
}

html[class*='account'] .container .ms-parent.form-control, 
html[class*='account'] .container .ms-parent.form-control button2, 
html[class*='account'] .container .input-group .ms-parent.form-control {
  height: var(--db-height-input);
}

html[class*='account'] .container .master-list-columns table .ms-parent.form-control.ms-parent-open {
  margin-top1: 0px;  
}

/*html[class*="route-account-"]:not(.route-account-address) table .text-right .btn i::before, html[class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn i::before {
  font-size: 14px !important;
}*/

/* Temp */
html.mobile[class*="account"] .table.table-bordered { 
	display1: grid;
} 

.panel {
  border: 0px;  
}
.panel .panel-heading {
  border: 0px;  
  background-color: inherit;
  padding: 0px 0px;  
}
.panel-body {
  padding: 0px;
}

/* wordt ook gebruikt in module met tekst zoals category description */
.panel-body p {
  padding1: 16px;
}

.panel-body .table-responsive {
  border: 0px;
}

.table-overflow {
  overflow-y: auto;  
  max-height: var(--db-max-height-table-overflow);
  padding-right: 8px;
}

.table-responsive td p {
	margin-bottom: 0px;			
}

.layout-6 table tbody tr:first-child td {
  border-top-width: 0px !important;    
}

.master-list-columns {
    display: flex;
    align-items: stretch;
    position: relative;
    width: 100%;
}

.list-column {
  min-width: 180px;
  padding1: 20px;
  padding-right1: 20px;
  position: relative;
  border-right: 0px;  
  width: 100%; 
  max-height1: 1024px;
  min-height: var(--db-max-height-list-column);
  overflow1: hidden;
}

.list-column-inner {
  min-width: 180px;
  padding1: 20px;
  position: relative;  
  overflow: auto;  
  scrollbar-color1: #6a7483 #f0f1f3;
  scrollbar-width1: thin;
  width: 100%;
  max-height1: var(--db-max-height-list-column);
}

.master-list-columns.details-active .list-column {
  display: none;
}

@media screen and (min-width: 768px) {
	.master-list-columns.details-active .list-column {
	  display: block;
	}
}

.account-order .content {
	display: flex;		
}

.list-column .header-search, .details-column .header-search, .list-column .btn-group {
	margin-bottom: 16px;	
}
.list-column .header-search, .details-column .header-search {
  max-width: 600px;
  width: 100%; 
}
.list-column.list-column-full .row-full-search {
  float: left;  
  width: 50%; 
}
@media screen and (max-width: 1024px) {
  .list-column.list-column-full .row-full-search {
    float: none;  
    width: 100%; 
  }
}
.list-column .btn-group .btn {
	margin-left: 8px;	
}

.list-column .header-search,
.details-column .header-search {  
  border-radius: var(--border-radius-default);
  background-color: #fff !important; 
  border: 1px solid var(--color-medium-grey);
  height: var(--db-height-header-search-bar) !important; 
}

.list-column .header-search > input:first-child,
.details-column .header-search > input:first-child {
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-width: 0px !important; 
  min-width: auto;
  height: 100% !important;
  box-shadow: none;
}
.list-column .header-search > input:first-child:focus,
.details-column .header-search > input:first-child:focus {
 box-shadow: none;
}
.list-column .header-search .search-button,
.details-column .header-search .search-button {  
  padding: 4px !important;
  padding-right: 8px !important;
}

.list-column .list-column-inner a {
	color: inherit;
  text-decoration: none;
  display: block;
  font-weight: var(--font-weight-regular);
}

.details-column {
  width: 100%;
  padding: 0px;
  position: relative;
  overflow1: auto;
  scrollbar-color1: #6a7483 #f0f1f3;
  scrollbar-width1: thin;
  display1: none;
}

@media screen and (min-width: 768px) {
	.list-column {
	  width1: 30%;	   
	}
	.list-column-left {	  
	  width: 30%;	
	  padding-right: 20px;
	  border-right: 1px solid var(--color-light-grey);  
	}
	.list-column-right {	 
	  width: 30%;
	  padding-left: 20px;
	  border-left: 1px solid var(--color-light-grey);  
	}
	.details-column {
	  width: 70%;
	}
	.details-column-left {	  
	  padding-right: 20px;	  
	}
	.details-column:not(.details-column-left) {
	  padding: 0px 0px 20px 20px;
	}
}

@media screen and (min-width: 1440px) {
	.list-column-left {
	  width: 25%;
	}
	.details-column {
	  width: 75%;	  
	}
}

.master-list-item {
  width: calc(100% - 0px);
  border-top: 1px solid var(--color-light-grey);
  padding: 10px;
  border-radius: var(--border-radius-default);
}

.master-list-item .line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.master-list-item .line .date {
	text-align: right;
}

.master-list-item .line .status {
	text-align: right;
	font-size: var(--font-db-btn-thin) !important;
	letter-spacing: var(--font-db-btn-thin-letter-spacing) !important;
}

.master-list-item.selected, .master-list-item:hover {  
  color: var(--color-electric-green);
  background-color: var(--color-light-grey);
}

.account-page-header {
  margin-bottom: 20px;
	border-bottom: 1px solid var(--color-light-grey);  
  margin-bottom: 20px;
}

.account-page-header .line.second {
  min-height: 26px;
  padding-bottom: 20px;
}

.account-page-header .line {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
	.account-page-header .line {
	    flex-direction: row;
	    align-items: center;	    
	}	
}

@media screen and (max-width: 768px) {
	.account-page-header .line {
	    flex-direction: row;
	}
	.account-page-header .line .status {	
	  margin-bottom: 8px;
	}
}

.account-page-header .buttons {
	display1: block;
	margin-top: 0px !important;
  margin-bottom: 0px;
}

.account-page-header .buttons a {		
  margin-right: 8px;
}
	
.account-page-header .buttons a:last-child {		
	margin-right: 0px;
}	

@media screen and (max-width: 768px) {
	.account-page-header .buttons a {		
	  margin-bottom: 8px;
	}
}

.account-page-header .line h2 {
  margin: 0;
  margin-bottom: 6px;
}

.status-label {
  display: inline-block;
  background-color: #455164;
  color: #fff;
  padding: 5px 10px;
  border-radius: var(--border-radius-default);
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  font-size: var(--font-db-btn-thin) !important;
  letter-spacing: var(--font-db-btn-thin-letter-spacing) !important;
}

.status-label.bg-success {
  background-color: var(--color-electric-green);
}

.bg-danger {
	background-color: var(--color-electric-orange);
}

.bg-warning {
	background-color: var(--color-electric-orange);
}

.bg-primary {
	background-color: var(--color-electric-green);
}

.bg-info {
	background-color: var(--color-electric-green);
}

.bg-light {
	background-color: rgba(238,238,238,1);
	color: #333;
}

.bg-white {
	background-color: #fff;
}

.bg-secondary {
	background-color: #6c757d;
}

.status-label.stock {
  display: table;  
}

.status-label-sm {
	padding: 0px 5px;
} 

.status-label-product-status {
	margin-top: 8px;	
}

html[class*='account'] table a.btn, html[class*='account'] .btn-icon {
  padding: 3px !important;
  min-width: 24px !important;
  min-height: 24px !important;
}

.btn-thin {
	text-decoration: none;
}

html[class*='account'] table a.btn, .btn-group-sm > .btn, .btn-thin, .btn-icon {
  padding: 5px 10px !important;  
  font-size: var(--font-db-btn-thin) !important;  
  letter-spacing: var(--font-db-btn-thin-letter-spacing) !important;
  line-height: 1.5  !important;
  border-radius: var(--border-radius-default) !important;
  width: fit-content !important;
  height: fit-content;
}

html[class*='account'] table .text-right .btn.btn-thin i {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

html[class*='account'] table a.btn i:before, .btn-thin i:before, .btn-icon i:before {
  font-size: var(--font-db-btn-thin) !important;
  letter-spacing: var(--font-db-btn-thin-letter-spacing) !important;
}

html[class*='account'] .label-small, html[class*='account'] .article-number, html[class*='account'] .order-number {
  font-size: var(--font-db-label-small) !important;
	letter-spacing: var(--font-db-label-small-letter-spacing) !important;   	
}
html[class*='account'] .article-number, html[class*='account'] .order-number, html[class*='account'] .order-number a {
  font-size: var(--font-db-label-small) !important;
	letter-spacing: var(--font-db-label-small-letter-spacing) !important;   	
  font-weight: var(--font-weight-bold) !important;
}

.buttons .btn.btn-info {
  background: rgba(0, 144, 227, 1);
  background-attachment: scroll;
}

.btn-group .dropdown-box {
  border-radius: var(--border-radius-default);
}
.btn-group .dropdown-box li:hover {
  cursor: pointer;
}
.btn-group .btn-dropdown .dropdown-title {
  margin-right: 4px;  
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .btn-group .btn-dropdown .dropdown-selected {
    display: none;  
  }  
}

.master-list-columns .btn-new-rma {
    margin: 0px 0 20px 0;
    display: inline-flex;
    align-self: flex-start;
}

.account-shipment-package-container {
  margin-bottom: 20px;
}

.account-shipment-package-container .account-shipment-package {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-light-grey);  
  margin: 15px 0 5px 0;
}
.account-shipment-package-container .account-shipment-package .column {
  align-items: center;
  display: flex;
}
.account-shipment-package-container .account-shipment-package .column.dispatch-method {
  margin-right: 8px;
}
.account-shipment-package-container .account-shipment-package .column img {
  margin-right: 8px;
}

@media screen and (min-width: 768px) {
	.account-shipment-package-container .account-shipment-package {
    max-width: fit-content;
	}
}

.details-column .btn-back {
  margin-bottom: 16px;  
}

@media screen and (min-width: 768px) {
	.details-column .btn-back {
    display: none;
	}
}

.account-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-light-grey);  
  margin: 8px 0px;
}

.account-list-item a {
  color: var(--color-dark-sky-green) !important;  
  font-weight: var(--font-weight-regular) !important;
}

.account-list-item .column {
  width: 50%;
}

.account-list-item .column.image {
  display: none;  
}

.account-list-item .column.order_id {
  width: auto;
  padding-right: 16px;
}

@media screen and (min-width: 768px) {
	.account-list-item .column.image {
  	display: block;
  	width: 8%;
  	padding-right: 4px;
	}
}

.account-stock-alert-page .stockalert {
  color: var(--color-electric-orange) !important; 
}

.account-list-item .column.actions {
	width: 5%;
	padding: 16px;
}

.account-list-item .column.status {
	width: 30%;
}

@media screen and (max-width: 1024px) {
	.account-list-item .column.actions {
		padding: 4px;
	}
	.account-list-item .column {
  	width: 40% !important;
	}
}

.account-list-item .column.quantity {
	width: 8%;
	padding: 16px;
}

.account-list-item .column.status .shipment,
.account-list-item .column.status .rma { 	
  padding: 10px;
  margin-left: 5px;
  background-color: var(--color-light-grey);
  border-radius: var(--border-radius-default)
}

.account-list-item .column.status .rma {
	margin-top: 4px;
}

.account-list-item .column.status.empty { 	
  background-color: inherit;  
}

.account-list-item .column.amounts {
	width: 15%;
  text-align: right;
}

@media screen and (max-width: 768px) {
	.account-list-item .column.amounts {
  	width: 25% !important;
	}
}

.account-list-item .column.amounts .price-new,
.account-list-item .column.amounts .price-total  {
	color: var(--color-dark-sky-green);
  font-family: Roboto;
  font-weight: var(--font-weight-bold);
  font-size: 14px;
}
.account-list-item .column.amounts .price-old  {	
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  font-size: 70%;
  vertical-align: top;
  color: var(--color-dark-grey);
  text-decoration: line-through;
  letter-spacing: -0.3px;
  line-height: 120%;
  margin: 0;
}
.account-totals, .account-total-discount {
  width: 250px;
  margin: 30px 0 20px 0;
  margin-left: auto;
}
.account-total-discount {  
  margin-top: 8px;
  color: var(--color-electric-orange);
}

.account-totals .sub-total {
  margin-bottom: 5px;
}

.account-totals .sub-total, .account-totals .total, .account-totals .vat {
    display: flex;
    justify-content: space-between;
}

.account-totals span.total:last-child {
    border-top: 1px solid #dadce0;  
    margin-top: 10px;
    padding-top: 10px;
    font-weight: var(--font-weight-bold);
}

.account-top-blocks,
.account-bottom-blocks {
	border-radius: var(--border-radius-default)
	padding-top: 10px;
	display: grid;
}

.details-column .agree b {
  padding: 4px;
}

@media screen and (min-width: 768px) {
  .account-top-blocks {
	  grid-template-columns: 1fr 1fr;
	}
	.account-bottom-blocks {
	  grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 1400px) {
	.account-bottom-blocks {
	   grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.account-top-blocks.rma {
	   grid-template-columns: 1fr 1fr;
	}
	.account-bottom-blocks.rma {
	   grid-template-columns: 1fr 1fr 1fr;
	}	
}

.account-top-blocks .block,
.account-bottom-blocks .block {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.account-top-blocks .block .title,
.account-bottom-blocks .block .title {
  font-family1: Roboto-Bold;
  display: block;
  margin-bottom: 10px;
}


.account-top-blocks .block .line,
.account-bottom-blocks .block .line {  
  display: flex;  
}


.account-top-blocks .block .image-and-text,
.account-bottom-blocks .block .image-and-text {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.account-bottom-blocks .block .image-payment {
  margin-right: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 50%;
  width: 60px;
  height: 30px;
}

.account-bottom-blocks .block .image-shipping {
  margin-right: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width:  30px;
  height: 30px;
}

/* Start account address */
.account-address-page {
    padding: 20px;
}

.account-address-page .addresses {
    display: grid;
    margin-bottom: 30px;
    grid-template-columns1: 1fr 1fr 1fr;
}

@media screen and (min-width: 768px) {
	.account-address-page .addresses {
	    grid-template-columns: 1fr 1fr;
	} 	
}

@media screen and (max-width: 768px) {
	.account-address-page .addresses {
	    grid-template-columns: 1fr;
	} 
}

@media screen and (min-width: 1280px) {
	.account-address-page .addresses {
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	    -moz-column-gap1: 30px;
	    column-gap1: 30px;
	}
}

.account-address-page .addresses .address,
.account-address-page .addresses .password {
    border: 1px solid #dadce0;
    width: calc(100% - 0px);    
    padding: 20px 20px;
    margin: 0 30px 30px 0;
    cursor: pointer;
    display1: flex;
    align-items1: center;
    border-radius: var(--border-radius-default);   
}

.account-address-page .addresses .details .address,
.account-address-page .addresses .details .password {
	height: auto;
}

.account-address-page .address-header  {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;    
    padding-right: 0px;
}

.account-address-page .address-header h3 {
    margin: 0;
    margin-right: 16px;
}

.route-account-wishlist .table-responsive .btn {
  padding1: inherit !important; 
  padding-right: 16px;
  padding-left: 16px;
}

@media screen and (min-width: 768px) {
	.account-address-page .addresses .address,
	.account-address-page .addresses .password {
	    width: calc(100% - 40px);
	}	 
	.account-address-page .address-header  {      
    padding-right1: 32px;
	}	
	.account-address-page .addresses-shipping .address-header  {      
    padding-right1: 40px;
	}	
	.account-address-page .addresses .address {    
    height1: 200px;
  }
	.account-address-page .addresses .details .address {
		height: 160px;
	}	
	#account-address- #address, #account-edit- #account {
	  columns: 2;
    display: inline-block;
    column-gap: 32px;
  }
}

@media screen and (min-width: 1280px) {
	.account-address-page .address-header {
	    max-width: 800px;
	}	
	.account-transaction-page .table-responsive,
	.account-stock-alert-page .table-responsive, 
	.account-wishlist-page .table-responsive,
	.account-credit-page .table-responsive,
	.account-credit-page .credit-blocks {
	    max-width: 1280px;
	}		
}

/* End account address */

/* Start Account settings */
.account-setting-page {
    padding: 20px;
}

.account-setting-page .settings {
    display: grid;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 768px) {
	.account-setting-page .settings {
	    grid-template-columns: 1fr;
	} 
}

.account-setting-page .settings .setting {
    border: 1px solid #dadce0;
    width: calc(100% - 0px);    
    padding: 20px 20px;
    margin: 0 30px 30px 0;
    cursor: pointer;
    display1: flex;
    align-items1: center;
    border-radius: var(--border-radius-default);
}

.account-setting-page .settings .details .setting {
	height: auto;
}

.account-setting-page .setting-header  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;    
    padding-right: 0px;
}

@media screen and (min-width: 768px) {
	.account-setting-page .settings .setting {
	    width: calc(100% - 40px);
	}	 
	.account-setting-page .address-header  {      
    padding-right: 32px;
	}			
	.account-setting-page .settings .setting {    
    height1: 200px;
  }
	.account-setting-page .settings .details .setting {
		height1: 160px;
	}	
}

.account-setting-page .setting-header h3 {
    margin: 0;
}

@media screen and (min-width: 1280px) {
  /* Address form, preferend settings form */
  .layout-6 .buttons {
    width: fit-content;
    flex-wrap: initial;
  }
}

/* End Account settings */

.account-credit-page .credit-blocks {
    display: grid;
    width: 100%;
    margin-bottom: 20px;
}

.account-credit-page .credit-blocks b {
  color: var(--color-electric-orange);  
}

.credit-limit-details {
	padding-bottom: 16px;	
}

.credit-limit-details .text-image-block {
	display: flex;
	align-items: center;
}
.credit-limit-details .text-image-block .text {
	flex: 1;
}
.credit-limit-details .text-image-block .image {
	margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .credit-limit-details .text-image-block {
	  display: block;
  }
  .credit-limit-details .text-image-block .image {
	  margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
	.account-credit-page .credit-blocks {
	    grid-template-columns: 1fr 1fr;
	    column-gap: 20px;	    
	}
}

.account-credit-page .credit-blocks .credit-block {
  width1: calc(100% - 30px);
  padding: 15px;
  min-height: 152px;
  border: 1px solid rgb(218, 220, 224);
 	border-radius: var(--border-radius-default);
}

@media screen and (max-width: 768px) {
	.account-credit-page .credit-blocks .credit-block {
  	width: calc(100%);
	}
}

.customer-credit-info .line.available {
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
  margin-bottom: 5px;
}

.customer-credit-info .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
}

.customer-credit-info.large .line.due {
  font-size: 13px;
  letter-spacing: var(--font-letter-spacing-13);
}

.customer-credit-info .line.due {
  color: #8f97a2;
  font-size: 11px;
  letter-spacing: var(--font-letter-spacing-11);
  margin-bottom: 8px;
  padding: 0;
}

.customer-credit-info .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
}

.customer-credit-info.large .line.available .amount, .customer-credit-info.large .line.limit .amount {
  font-size: 18px;
  letter-spacing: var(--font-letter-spacing-18);
}
.customer-credit-info .line.available.yes .amount, .customer-credit-info .line.available.yes .credit-icon, 
.paid-icon, .paid-text-  {
  color: var(--color-electric-green);
}
.not-paid-icon, .not-paid-text-  {
  color: #dc3545;
}
.customer-credit-info .line.available .amount {
  font-weight: var(--font-weight-bold);
}
.fa-16 {
  width: 1em;
}

.customer-credit-info.large .line.limit {
  margin-top: 30px;
  padding: 16px 10px;
}

.customer-credit-info .line.limit .amount {
  font-weight: var(--font-weight-bold);
}

.customer-credit-info .line.limit {
  margin-top: 8px;
  background-color: var(--color-light-grey);;
  padding: 6px 8px;
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
  border-radius: var(--border-radius-default)
}
.customer-credit-info .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
}

.progress-bar {
  float: none;
  width: auto;
  height: 100%;
  font-size: 12px;
  letter-spacing: var(--font-letter-spacing-12);
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-bar .total.positive {
  background-image: linear-gradient(90deg,var(--color-electric-green),var(--color-dark-sky-green));
}
.progress-bar .total {
  display: block;
  height: 10px;
  border-radius: var(--border-radius-default);
  overflow: hidden;
}

.progress-bar .progress {
  display: block;
  background-color: #e1e3e6;
  width: 200px;
  height: 100%;
  border-radius: var(--border-radius-default);
}

.account-sidebar {
	margin-bottom: 16px;
	background: #fff;
	padding: 0px 8px 8px 8px;
}

#content-top .account-sidebar {
  padding-top: 8px;
}

#content .account-sidebar {
	border: 1px solid #ddd;
	border-radius: var(--border-radius-default);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

@media screen and (min-width: 768px) {	
	#content .grid-rows div:nth-child(1).account-sidebar  {			
		margin: 0px 10px 16px 0px;
	}
	#content .grid-rows div:nth-child(2) .account-sidebar {			
		margin: 0px 0px 16px 10px;
	}	
}

@media screen and (max-width: 768px) {
	.account-sidebar {
	  padding1: 0px !important;	  
	}
}

.account-sidebar .customer-credit-info.large .line.limit {
	margin-top: 16px; 
	padding1: 2px 8px;	
}

count-badge.invoice-badge {
	display: inline-flex !important;
	position: absolute;
	margin: 0;	
	margin-top: 0px;
	transform: translateX(15px);
	margin-left: -8px;
}

.master-list-columns .list-column .pagination-results > div:first-child {
  margin-left: inherit;
  padding-bottom: 8px;
  width: 100%;
}

.master-list-columns .list-column .pagination-results > div:first-child:not(:empty) + div {
  margin-left: inherit;
}

.accordion-menu-126 h3 small {
	color: inherit !important;	
}

.header-search > .clear-button::before {
  content: '\f12d' !important;
  font-family: icomoon !important;
  font-size: 20px;
  letter-spacing: var(--font-letter-spacing-20);
  color: rgba(223, 231, 246, 1);
  top: -1px;
}

.header-search .clear-button {
  background: rgba(0, 144, 227, 1);
  min-width: 40px;
}
.clear-button {
  padding: 0;
  min-width: 40px;
  height: 100%;
  border-radius: 0;
  font-size: 20px;
  letter-spacing: var(--font-letter-spacing-20);
  border-top-right-radius1: inherit;
  border-bottom-right-radius1: inherit;
  background-color: #ccc;
}

@media screen and (max-width: 768px) {
	.route-account-account #content > div {
	  margin-bottom: 0px !important;
	}
}

/* ipad pro */
@media screen and (max-width: 1366px) {
	.layout-14 .grid-cols {
		max-width: 100% !important;	
	}
}

.layout-14.two-column #content {
  max-width: calc(100% - 260px - 360px) !important;
}
.layout-14.two-column #column-right {
	max-width: 360px !important;	
}

@media screen and (max-width: 1300px) {
	.layout-14.two-column #content {
	  max-width: calc(100% - 200px - 300px) !important;
	}
	.layout-14.two-column #column-right {
		max-width: 300px !important;	
	}
}
#account-wishlist .owc_productpageenhanced_sm {
  display: none;
}

.download-invoices {
  margin-right: 32px;
}

/*-----------------------------------------
  End account dashboard 
-----------------------------------------*/

/*-----------------------------------------
  Start account menu 
-----------------------------------------*/
.accordion-menu.owc-account-menu .accordion-menu-item a span i {
  transform: rotate(90deg) !important;
}
.accordion-menu.owc-account-menu .accordion-menu-item a span:not(.collapsed) i {
  transform: rotate(270deg) !important;
  margin-top: 16px;
}
.accordion-menu.owc-account-menu li[class*="owc-divider-line"] {
  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: 8px;
  padding: 0px;
}

.mobile-account-menu-trigger.btn {
    background: rgba(80,173,85,1);
}
.mobile-account-menu-trigger {
    left: 50%;
    right: auto;
    transform: translate3d(-50%,0,0);
}
.mobile-account-menu-trigger {
    position: fixed !important;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

.mobile-account-menu-trigger::before {
  content: '\ead9' !important;
  font-family: icomoon !important;
  margin-right: 7px;
}

.desktop-mobile-account-menu-container .title {
 	display: none;
}
.desktop-mobile-account-menu-container .mobile-account-menu-wrapper {
  padding: 8px 13px;
}
/*
.desktop-mobile-account-menu-container .links-text {
 	font-size: 16px;
 	font-weight: 500; 	
}*/

/*.desktop-mobile-account-menu-container .accordion-menu-126 > .j-menu {
	padding: 10px;	
}

.desktop-mobile-account-menu-container .accordion-menu-126 > .j-menu > li > a::before {
	content: none !important;
}*/

/*-----------------------------------------
  End account menu 
-----------------------------------------*/

/*-----------------------------------------
  Start toggle display prices 
-----------------------------------------*/
.top-menu-14 .j-menu li.top-menu-item.owc-display-prices.show-prices > a::before,
.accordion-menu-371 .j-menu .owc-display-prices.show-prices > a::before  {
  content: '\eb54' !important;
  font-family: icomoon !important;
}
.top-menu-14 .j-menu li.top-menu-item.owc-display-prices.hide-prices > a::before,
.accordion-menu-371 .j-menu .owc-display-prices.hide-prices > a::before {
  content: '\eb55' !important;
  font-family: icomoon !important;
}
/*-----------------------------------------
  End toggle display prices 
-----------------------------------------*/

/*-----------------------------------------
  Start menu  
-----------------------------------------*/
html:not(.is-customer) .desktop-cart-wrapper,                             /* Cart */ 
html.is-customer .menu-item.top-menu-item.owc-guest,                      /* Desktop Guest login/register popup */
html:not(.is-customer) .menu-item.top-menu-item.owc-customer,             /* Desktop Customer dashboard */
html:not(.is-customer) .menu-item.top-menu-item.owc-wishlist,             /* Desktop Customer wishlist */
html:not(.is-customer) .menu-item.top-menu-item.owc-display-prices,       /* Desktop Customer display prices DOC_LINK_PRODUCT_HIDE_PRICES */
html:not(.is-customer) .menu-item.top-menu-item.owc-display-tax-prices,   /* Desktop Customer display tax prices DOC_LINK_PRODUCT_TAX_PRICES */
/* html:not(.is-display-prices) .menu-item.top-menu-item.owc-display-prices,  Desktop Customer display prices */
html:not(.is-customer) .mobile-cart-wrapper,                              /* Cart */ 
html.is-customer .menu-item.top-menu-item.owc-login,                      /* Mobile login */
html.is-customer .menu-item.top-menu-item.owc-register,                   /* Mobile register */
html:not(.is-customer) .menu-item.top-menu-item.owc-dashboard,            /* Mobile dashboard */
.mobile-header-active .mobile-bar-group .mobile-cart-wrapper.rma-cart-wrapper, /* RMA Cart */
.main-products-wrapper .main-products,                                    /* Product blocks */
html.is-customer .shippings                                               /* Product page shipping methods */
{
  display: none;  
}

/* Account menu */
html:not(.is-customer) .owc-account-menu .owc-account,                    /* Account dashboard */
html:not(.is-customer) .owc-account-menu .owc-divider-line-wishlist,      /* Divider */
html:not(.is-customer) .owc-account-menu .owc-wishlist,                   /* Wishlist */
html:not(.is-customer) .owc-account-menu .owc-display-prices,             /* Display prices DOC_LINK_PRODUCT_HIDE_PRICES */
html:not(.is-customer) .owc-account-menu .owc-display-tax-prices,         /* Display tax prices DOC_LINK_PRODUCT_TAX_PRICES */  
html.is-customer .owc-account-menu .owc-login,                            /* Login */
html.is-customer .owc-account-menu .owc-register,                         /* Register */
html:not(.is-customer) .owc-account-menu .owc-logout,                     /* Logout */
.accordion-menu-126 .owc-discount,                                        /* Discount menu links */
.accordion-menu-371 .accordion-menu-item-9,                               /* Discount menu links mobile menu */
.accordion-menu-126 .owc-credit,                                          /* Credits menu links */
.accordion-menu-371 .accordion-menu-item-10                               /* Credits menu links mobile menu */
{
  display: none;  
}

/* iPad Air */
@media (max-width: 1180px) {
  html.tablet .top-menu .dropdown.drop-menu.animating > .j-dropdown {
    left: 0;
    right: auto;
    transform: none;
  }
}

/*-----------------------------------------
  End menu 
-----------------------------------------*/

/*-----------------------------------------  
  Start Mega menu
-----------------------------------------*/
.mega-menu-content {
  min-height: 400px !important;
  margin-left: auto;
  margin-right: auto;  
  overflow-y: hidden !important;
}

html.mega-menu-overlay .site-wrapper::before {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: rgba(0,0,0,.5);
  display: block;
  z-index: 100;
}

.mega-fullwidth .dropdown-menu {
  background1: rgba(255, 255, 255, 1);
}
.mega-menu-content {
  border-bottom-left-radius: var(--border-radius-container);
  border-bottom-right-radius: var(--border-radius-container);
}

.mega-menu-content  .module-item .subitem a,
.mega-menu-content  .links-menu .menu-item a {
  padding: 5px 8px;
  border-radius: var(--border-radius-container);  
}
.mega-menu-content  div.subitem  {
  margin: -1.5px 0px 0px 0px;
}

.mega-menu-content  .module-item .subitem a:hover,
.mega-menu-content  .links-menu .menu-item a:hover {
  color: var(--color-electric-green) !important;
  background-color: var(--color-dark-sky-green) !important; 
  border-radius: var(--border-radius-container);  
}
.mega-menu-content  .module-item .subitem a.dropdown-toggle span:not(.separator)::after {
  content: '\e93f' !important;
  font-family: icomoon !important;
  padding-left: 4px;
}
.mega-menu-content  .module-item .subitem a.dropdown-toggle span.separator {
  margin-right: 2px;
  margin-left: 2px;
}

.mega-menu-content .subitem.dropdown.drop-menu > .j-dropdown { 
  top:  0px;  
  left: 100% !important;
  padding: 4px;
  background-color: var(--color-light-grey);
  border-radius: var(--border-radius-default);
}

.mega-menu-content .subitem.dropdown .j-menu {
  box-shadow: none !important;
}
.mega-menu-content .subitem.dropdown.drop-menu > .j-dropdown .j-menu > li > a {
  background-color: var(--color-light-grey);
  border-radius: var(--border-radius-container);
}

.mega-menu-content .subitem.dropdown.drop-menu li {  
  width: 100% !important;
}

.mega-menu-content .module-banners img {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mega-menu-content .module-banners .banner-text.banner-caption-2 span {
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
}

/*.mega-menu-content .module-banners-322 a:hover .banner-caption-2 span {
  color: var(--color-dark-sky-green);
}*/
/*-----------------------------------------
  End Mega Menu 
-----------------------------------------*/

/*-----------------------------------------
  Start login popup 
-----------------------------------------*/
.popup-login .popup-container .popup-body {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-radius: var(--border-radius-container);
}
.popup-login .popup-inner-body {
  height1: 274px !important;
}

.popup-open .popup-wrapper.popup-login {  
  overflow-y: visible;
}
.popup-wrapper.popup-login {
  position: absolute;
}
html.desktop-header-active.popup-open.mobile-sticky:not(.header-sticky) header {
  top: var(--top-bar-height-) !important;
}
html.desktop-header-active.popup-open.chrome .sticky-compact,
html.desktop-header-active.popup-open.chrome .sticky-compact header, .mobile-overlay .sticky-compact header {
  width: calc(100% - 10px) !important;
}
html.desktop-header-active.popup-open:not(.chrome) .sticky-compact,
html.desktop-header-active.popup-open:not(.chrome) .sticky-compact header, .mobile-overlay .sticky-compact header {
  width: calc(100%) !important;
}

.desktop.popup-open header.header-compact {
  padding-right: 0px !important;
}

.desktop.popup-login input.form-control {
  max-width: 60% !important;  
}

.popup-login .site-wrapper a {
  font-weight: var(--font-weight-light) !important
}


/*-----------------------------------------
  End login popup 
-----------------------------------------*/

/*-----------------------------------------
  Start notification/header_notice and popup 
-----------------------------------------*/
.notification-wrapper .module-notification, .popup-wrapper:not(.popup-login, .popup-quickview, .popup-register, .popup-search, .popup-filter) .popup-container, .module-layout_notice, .module-header_notice {
  display: none !important;
} 

.notification-wrapper-top {
  top: 120px !important;
  justify-content: flex-start !important;
}
.notification-title {
  margin-bottom: 16px;
}

/*-----------------------------------------
  End notification/header_notice and popup 
-----------------------------------------*/

/*-----------------------------------------
  Start desktop header
-----------------------------------------*/

/* Search bar header in the middle */
html.desktop-header-active header:not(.header-slim) .header-compact .mid-bar > div:nth-child(-n+3) {
  width: 25%;
}
/* Cart icoon in line with right align items below */
html.desktop-header-active #cart {
  margin-right: 12px;  
}

html.desktop-header-active.popup-open.header-sticky header {
  top: var(--top-bar-height-); 
}
html.desktop-header-active.popup-open.header-sticky .sticky-compact { 
  padding-top: calc(135px + var(--top-bar-height) + 16px);
  overflow: hidden;
}

/* Menu below search */
.header-compact .bottom-bar {
  background-color: var(--color-light-grey);
  height: var(--header-main-menu-height);
  max-width: 100% !important;
}
@media (max-width: 1500px) {
  .header-compact .bottom-bar {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
.header-compact .bottom-bar div.bottom-bar-wrapper {
  display: flex;
  align-items: center;
  transition: height .2s ease;
  z-index: 1;
  height: var(--header-main-menu-height);
  max-width: var(--content-max-width);
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.header-compact #main-menu-2 { 
  margin-right: auto;
  margin-left: auto;
}
.header-compact #main-menu-2 li {
  margin-right: 5px;  
  width: auto;
}
@media screen and (max-width: 768px) {
  .header-compact #main-menu-2 ul {    
    flex-wrap: nowrap;
  }
  .header-compact #main-menu-2 li {    
    width: auto;
  }
  .header-compact #main-menu-2 li a {
    
  }
}
@media screen and (max-width: 768px) {
  .header-compact #main-menu-2 li.owc-bestsellers {
    display: none;
  }
}

.header-compact #main-menu-2 li:first-child {
  margin-left: 0px;  
}
.header-compact #main-menu-2 li:last-child {
  margin-right: 0px;  
}
.header-compact .desktop-main-menu-wrapper {
  padding: 8px;
  padding-left: 0px;
}
.desktop-main-menu-wrapper,
.desktop-main-menu-3 {
  min-width1: 30%;
}
.desktop-main-menu-2 {
  min-width: 40%;
  margin-right: auto;  
}
.desktop-main-menu-3 .j-menu {
  flex-wrap: initial;
}
.desktop-main-menu-3 #main-menu-3 {
  float: right;  
}
/* End Menu below search */


/*-----------------------------------------
  End desktop header
-----------------------------------------*/

/*-----------------------------------------
  Start mobile header 
-----------------------------------------*/
@media screen and (max-width: 768px) {
  html.mobile-header-active .mobile-logo-wrapper img {
    width: 50px !important;
    height: 100% !important;
    object-fit: cover;
    object-position: 0% 0%;
  }
}
html.mobile-header-active .mobile-1 .menu-trigger {  
  left: 10px !important;
}
html.mobile-header-active .menu-trigger::before { 
  top: 3px !important;
}

@media screen and (max-width: 768px) {
  html.mobile-header-active .mobile-1 .mobile-logo-wrapper {
    margin-left1: 40px !important;
    width1: 130px;
  }
}
.language-currency .symbol img {
  width: var(--size-language) !important;
  border-radius1: var(--border-radius-default);
}
.language .dropdown-toggle .symbol { 
  font-size: var(--size-language) !important;
  width: var(--size-language) !important;
  height: var(--size-language) !important;
}
.mobile-language-wrapper {
  margin-right: 12px;
}
html.is-guest.mobile-header-active .mobile-bar-group {
  min-width: 15%;
}

html.mobile-header-active .header-compact {
  background-color: var(--color-dark-sky-green);  
}

.search-sub-menu-center {
  display1: none;  
}

/* DOC_LINK_SUB_MENU_IN_SEARCH */
@media screen and (max-width: 10240px) {  
  /* Display sub menu center links in the search bar on mobile devices */
  .search-sub-menu-center {
    display: flex;  
  }
  
  .search-categories {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: var(--border-radius-default) !important;
    border-bottom-right-radius: var(--border-radius-default) !important;
  }
  
  .search-categories.drop-menu .j-dropdown {
    right: 0 !important;
    left: auto !important;
    transform: translateX(0%) !important;
    box-shadow: none !important;   
    border-radius: var(--border-radius-default); 
    margin-top: calc(-1 * (var(--search-bar-height) - 1px ));
    margin-right: -3px;
  }
  .mobile-header-active .search-categories.drop-menu .j-dropdown .j-menu {
    padding: 8px;    
  }  
  .mobile-header-active .search-categories.drop-menu .j-dropdown::before {
    display: none !important;
  }  
}

/* DOC_LINK_SUB_MENU_CENTER */
@media screen and (max-width: 1024px) {
  html:not(.route-common-home) .header-compact .bottom-bar {
    display: none;  
  }
}
/* Start right align language and account menu */
html.is-guest .mobile-language-wrapper {
  right: 48px;
  position: absolute;
}
html.is-guest .mobile-custom-menu-1 {  
  right: 8px;
  position: absolute;
}
html.is-customer .mobile-custom-menu-1 {  
  margin-right1: 8px; 
}
/* End align language and account menu */

/*-----------------------------------------
  End mobile header 
-----------------------------------------*/

/*-----------------------------------------
  Start footer 
-----------------------------------------*/
.icons-menu-254 ul li:first-child {
  padding-left: 0px;  
}
.icons-menu-355 ul li:last-child {
  padding-right: 0px;  
}
.copyright {  
}

/* Logo right bottom */
.module-blocks-353 .module-item-1 .block-header {
  justify-content: flex-end !important;
  align-items: flex-end !important;
}

/* USP footer last 2 buttons */
/*.module-info_blocks-358 .module-item:nth-last-child(-n+2) {
  width: calc(100% / 2 - 0.01px) !important;
}
.module-info_blocks-358 .module-item:nth-last-child(-n+2) .info-block-content {
  width: 100%;
  flex-direction: initial;
}*/

.module-info_blocks-358 .module-body {
  padding-bottom: 0px !important;  
}
.module-info_blocks-358 .module-item.module-item-5 {
  width: 100% !important;  
}

@media screen and (max-width: 470px) {
  .module-info_blocks-358 .module-item:last-child {
    max-height: 32px;
  }
}
.module-info_blocks-358 .module-item:last-child .info-block-content {
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
}
html.mobile .module-info_blocks-358 .module-item:last-child .info-block-content {
  padding: 4px;
}
.module-info_blocks-358 .module-item:last-child .info-block-content .info-block-title {
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
}
html.mobile  .module-info_blocks-358 .module-item:last-child .info-block-content .info-block-title {
  font-size: 12px;
  letter-spacing: var(--font-letter-spacing-12);
}
/* footer contact image */
.grid-row-1 .grid-col-1 {
  border-radius: var(--border-radius-default);
}

@media screen and (max-width: 470px) {
  html.phone footer .grid-rows .grid-col-5 .grid-item.grid-item-1 {
    display: none;  
  }
  footer .grid-row-1 .grid-col-1 {
    background-position-x: 68% !important;
  }
  .module-blocks-359 .block-content.block-html p:last-child {
    max-width: 70%;
  }
}
html.desktop footer .grid-item.grid-item-3 {
  padding-left: 64px;
  padding-top: 16px;
}
html.tablet footer .grid-item.grid-item-3 {
  padding-left: 170px;
  padding-top: 16px;
}
  
/*-----------------------------------------
  End footer 
-----------------------------------------*/

/*-----------------------------------------
  DOC_LINK_SEARCH_BAR
  Start search box 
-----------------------------------------*/
html.desktop-header-active .header-compact .desktop-main-menu-wrapper {
  flex: 1;
  max-width: 200px !important;
}

html.desktop-header-active .header-compact .desktop-search-wrapper {
  max-width: 46% !important;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  flex-grow: 3;
}
html.desktop-header-active.is-customer .header-compact .desktop-search-wrapper {
  max-width: 40% !important;
}

html.mobile-header-active .header-compact .mobile-search-wrapper {
  max-width: 50% !important;
  width: 50%;
}
@media screen and (max-width: 1280px) {
  html.desktop-header-active .header-compact .desktop-search-wrapper {
    max-width: 40% !important;
  }
}

@media screen and (max-width: 470px) {
  html.mobile-header-active .header-compact .mobile-search-wrapper  {
    margin-top: calc(32px + var(--header-height) + var(--header-search-padding-top) + var(--header-search-padding-bottom));
    background-color: var(--color-dark-sky-green);
    width: 100%;
    max-width: 100% !important;
    position: absolute;
    height: var(--header-search-height);   
    padding-left: var(--header-search-padding-side);
    padding-right: var(--header-search-padding-side);
    padding-top: var(--header-search-padding-top);
    padding-bottom: var(--header-search-padding-bottom);
  } 
  html.mobile-header-active.admin-bar-visible .header-compact .mobile-search-wrapper {    
    margin-top1: calc(var(--admin-bar-height) + var(--header-height) + var(--header-search-padding-top) + var(--header-search-padding-bottom));
  }
  html.mobile-header-active .site-wrapper.mobile-wrapper-sticky {
    margin-top: calc(32px + var(--header-search-padding-top) + var(--header-search-padding-bottom));
  }  
  .mobile-bar.sticky-bar {        
    margin-bottom: var(--header-search-height);
  }
}

.header-search .search-button-start {  
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
}

.header-search .search-button-clear,
.header-search .search-button-hints,
.header-search .search-button-history  {
  background-color: #fff !important;
  min-width: 30px !important;
}

.header-search .search-button-hints  {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.header-search .search-button {
  min-width: 20px !important;
  padding: 10px !important;
}

html.mobile-header-active .header-search .search-button  {
  min-width: 20px !important;
  padding: 6px !important;
}

html.mobile-header-active .header-search > .search-button-clear::before,
.header-search > .search-button-clear::before {
  content: '\f057' !important; 
  color: var(--color-search-buttons) !important;
  display: none;  
}

html.mobile-header-active .header-search > .search-button-hints::before,
.header-search > .search-button-hints::before {
  content: '\ee04' !important; 
  color: var(--color-search-buttons) !important;  
}

html.mobile-header-active .header-search > .search-button-history::before,
.header-search > .search-button-history::before {
  content: '\f1da' !important; 
  color: var(--color-search-buttons) !important;  
}

html.mobile-header-active .header-search > .search-button-clear.show::before,
.header-search > .search-button-clear.show::before { 
  display: inline;
  content: '\f00d' !important;
}

html.mobile-header-active .header-search > .search-button-hints.show::before,
.header-search > .search-button-hints.show::before {
  content: '\ee04' !important; 
  color: var(--color-search-buttons) !important;  
}

html.mobile-header-active .header-search > .search-button-history.show::before,
.header-search > .search-button-history.show::before {
  content: '\f1da' !important; 
  color: var(--color-search-buttons) !important;  
}

.header-search .dropdown-menu.search-button-results {
  width1:  100%;
  height: fit-content;
  background-color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  display1: table;
  margin: auto;
}

.header-search .dropdown-menu.search-button-results .j-menu {
  overflow-y: auto;
  max-height: 400px;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px 10px;
  align-items: start;
  padding: 16px;  
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  background-color: white;
}
@media screen and (max-width: 470px) {
  .header-search .dropdown-menu.search-button-results .j-menu { 
    grid-template-columns: 1fr;  
  }
}

.header-search .dropdown-menu .j-menu li:hover { 
  cursor: pointer;
  color: var(--color-electric-orange);
}

.header-search > .search-button-clear {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.header-search > .search-button-history {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.header-search > input {  
  border-top-right-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}

.full-search-wrapper .header-search > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

html.mobile-header-active .header-search > input,
.header-search > span input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

li.search-button-result a {
  color: var(--color-dark-sky-green);  
  font-weight: var(--font-weight-light);
}

li.search-button-result a:hover {
  color: var(--color-electric-orange);  
}

.header .full-search #search {
  height: var(--search-bar-height) !important;
}

.header .full-search #search,
html.mobile-header-active .mobile-1 #search .header-search,
html.mobile-header-active .header .full-search #search {
  padding: 0px !important;
  height: var(--search-bar-height); !important;  
}

html.desktop-header-active .header-search, html.mobile-header-active .header-search {
  border-radius: var(--border-radius-default);
  height: 100%;
  background-color: #fff !important; 
  border: 1px solid var(--color-medium-grey);
}

html.mobile-header-active .full-search #search {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  html.mobile-header-active.is-guest .full-search #search {
    width: calc(100% - 36px) !important;
    margin-right: 36px;
  } 
}

/* search in header */
@media screen and (max-width: 470px) {
  html.mobile-header-active .header-compact .full-search #search {
    width: 100% !important;
    margin-right:0px;
  }
}
@media screen and (max-width: 470px) {
  .search-button-results {
    width: max-content; 
  }  
}
/*-----------------------------------------
  End search box 
-----------------------------------------*/

/*-----------------------------------------
  DOC_LINK_SEARCH_POPUP
  Start search popup 
-----------------------------------------*/
html.popup-search body {
  background-color1: #000;
}

html.popup-search .site-wrapper {
  opacity1: 0.8  
}

html.popup-searchu .site-wrapper::before {
  opacity: 1;
  visibility: visible;
  pointer-events1: none;
  background: rgba(0,0,0,.5);
  display: block;
}

.full-search-wrapper {
  display:  none;
  position: fixed;
  top:      var(--search-popup-top);  
  z-index:  50000;     
}

.mobile-container {  
  z-index: 50001 !important;
}

html.popup-search .full-search-wrapper {
  display:  inline;
  overflow-y: hidden;
}

.full-search-wrapper {
  margin-left:  2%;
  margin-right: 2%;
  width:        96%;
  height:       94%;   
  box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius-default);
}

.full-search-wrapper .popup-container { 
  max-width: 100%;
  width: 100% !important;
  pointer-events: all;
  border-radius: var(--border-radius-container);
  background-color: transparent;
  overflow-y: hidden;
}

@media (min-width: 1280px) {  
  html.popup-search-cart .full-search-wrapper {   
    width:        calc(94% - var(--width-cart-content-container)); /* Width of cart */
  }
}

@media (max-width: 1300px) {
  html.popup-search-cart .full-search-wrapper {   
    width:        calc(94% - 30%); /* Width of cart */
  }
}

@media (max-width: 1024px) {
  html.popup-search-cart .full-search-wrapper {   
    width:        calc(94% - 40%); /* Width of cart */
  }
}

@media (max-width: 1024px) { /* 760 */
  .full-search-wrapper {
    margin-left:  0%;
    margin-right: 0%;
    width:        100% !important;
    height:       100% !important;   
    max-height:   100% !important;       
    top:          0px;
    border-radius: 0px;
  }
  
  html.popup-search-cart .full-search-wrapper {   
    width:        100%
  }
  
  .full-search-wrapper .popup-container { 
    border-radius: 0px;
  }
}

html.popup-search-cart:not(.mobile) .mobile-cart-content-container .mobile-wrapper-header {   
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;  
}

html.popup-search-cart .mobile-cart-content-container .mobile-cart-content-wrapper,
html.popup-search-cart .mobile-cart-content-container .mobile-cart-content-wrapper .cart-buttons_ {   
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Above and equal to 1024 the cart window will be aside the search window.
   Until 1024 the cart will be a sidebar window.
*/
@media (min-width: 1025px) {
  html.popup-search-cart .mobile-cart-content-container .mobile-wrapper-header { 
    min-height: var(--search-popup-header);  
  }
  html.popup-search-cart .mobile-cart-content-container {
    max-height: 94%;
    position: fixed;
    top: var(--search-popup-top); 
    border-radius: var(--border-radius-container);
    right: 2%;
  }  
  
  .full-search-wrapper {
    max-height: 94%;
  }
  
  html.popup-search-cart .full-search-wrapper .popup-container {    
    float: left;  
  }
}

@media (min-width: 1080px) and (orientation: landscape) {
  html.popup-search-cart .mobile-cart-content-container .mobile-wrapper-header { 
    min-height: var(--search-popup-header);  
  }
  html.popup-search-cart .mobile-cart-content-container {
    max-height: 100%;
    position: fixed;
    top: 0px; 
    border-radius: 0px;
    right: 0%;
  }   
}

@media (min-width: 1280px) {
  html.popup-search-cart .mobile-cart-content-container {
    max-height: 94%;
    position: fixed;
    top: var(--search-popup-top); 
    border-radius: var(--border-radius-container);
    right: 2%;
  } 
  
  html.popup-search-cart .full-search-wrapper .popup-container {   
    float: left;  
  }
}

.full-search-wrapper .popup-container.cart {
  display: none  
}

.full-search-wrapper .popup-container .popup-header { 
  background-color: var(--background-header);
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--search-popup-header);
  padding: 16px; 
}
@media (max-width: 768px) {
  .full-search-wrapper .popup-container .popup-header { 
    padding: 8px; 
  }
}

.full-search-wrapper .popup-container > .btn:hover {
  color: #fff !important;
  background: none !important;
}

html.mobile-header-active .full-search-wrapper .popup-container .popup-header {
  height: var(--search-popup-header);
}


.full-search-wrapper .popup-container .desktop-logo-wrapper {
  position: relative;
  left: 0;  
}

.full-search-wrapper .popup-container .desktop-logo-wrapper #logo a {
  padding: 0px;  
}

.full-search-wrapper .popup-container .desktop-logo-wrapper img {
  max-height: 50px !important;  
}

html.mobile-header-active .full-search-wrapper .popup-container .desktop-logo-wrapper img {
  max-height: 30px !important;  
}

.full-search-wrapper .popup-container .desktop-search-wrapper {
  max-width: 50% !important;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  flex-grow: 3;
}

.full-search-wrapper .popup-container .desktop-cart-wrapper {
  padding-right: 32px;  
}

@media (max-width: 768px) {
  .full-search-wrapper .popup-container .desktop-search-wrapper {
    max-width: 50% !important;
  }
}

@media (max-width: 768px) {
  .full-search-wrapper .popup-container .desktop-logo-wrapper {
    display: none;
  }
  .full-search-wrapper .popup-container .desktop-search-wrapper {
    max-width: 100% !important;
  }
  .full-search-wrapper .popup-container .desktop-cart-wrapper {
    padding-right: 24px;  
    margin-top: 8px;
  }
}

.full-search-wrapper .popup-container .full-search-body {   
  background-color: #fff;  
  position: relative;
  z-index: 0; 
}

.full-search-wrapper .popup-container .full-search-body {
  height: calc(min(100%, 2000px) - var(--search-popup-header));
}

.full-search-wrapper .popup-container .tab-content {
  height: calc(min(100%, 2000px) - 50px); /*  - var(--search-popup-header) + 40px);*/
  overflow-y: scroll;
  padding: 16px;
  padding-top: 0px;
}

.full-search-wrapper .popup-container, .full-search-wrapper .popup-container .tabs-container {
  height: calc(min(100%, 2000px));
}
.full-search-wrapper .popup-container .tabs-container {
  padding-top: 16px; 
}

html.mobile-header-active .full-search-wrapper .popup-container .popup-header .desktop-search-wrapper #search,
html.mobile-header-active .full-search-wrapper .popup-container .popup-header .desktop-cart-wrapper #cart {
  height: var(--search-bar-height);
}

.full-search-wrapper .popup-container .popup-header #search .header-search {
  padding: 0px 8px 0px 0px !important;
  height: var(--search-bar-height) !important;
}

html.mobile-header-active .full-search-wrapper .popup-container .popup-header #search .header-search {  
  height: var(--search-bar-height) !important;
}

.full-search-wrapper .popup-container .main-products.product-grid {
  margin-top: 0px;
}
.full-search-wrapper .popup-container .main-products.product-list {
  padding-top: 16px;
}

.tooltip.wishlist-tooltip {
  white-space:nowrap;
}

/* Start Tabs 
desktop-mobile-main-menu-wrapper
mobile-main-menu-wrapper
full-search-wrapper
*/
.desktop-mobile-main-menu-wrapper .tabs-menu-container {
  margin-top1: 8px !important;  
}
.full-search-body .tabs-menu-container .nav-tabs {
  justify-content: center !important; 
}
.tabs-menu-container .nav-tabs {
  justify-content: flex-start !important;
  overflow-x: hidden  !important;  
  padding: 8px 13px;
}
.desktop-mobile-main-menu-wrapper .tabs-menu-container .nav-tabs,
.mobile-main-menu-container .tabs-menu-container .nav-tabs {
  background-color: #ffffff;  
  height: var(--height-menu-nav-tabs);  
}
.tabs-menu-container .nav-tabs > li:not(:last-child) {
  margin-right: 16px !important;
}
.desktop-mobile-main-menu-wrapper .tabs-menu-container .nav-tabs > li:not(:last-child) {
  margin-right: 32px !important;
}

html.is-guest #btn-show-only-sales {
  display: none;  
}

#btn-show-only-sales {
  padding-right: 16px;
  color: var(--color-electric-orange);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
}

@media screen and (max-width: 470px) {
  .tabs-menu-container .nav-tabs > li:not(:last-child) {
    margin-right: 18px !important;
  }
  .tabs-menu-container .nav-tabs {
    width: calc(100% - 64px);
  }
  #btn-show-only-sales {
    padding-right: 0px;
  }
  #btn-show-only-sales span {
    display: none;  
  }
}

.tabs-menu-container .nav-tabs > li > a, .tabs-menu-container .nav-tabs > li.active > a {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.desktop-mobile-main-menu-wrapper .tabs-menu-container.product_tabs .tab-content,
.mobile-main-menu-wrapper .tabs-menu-container.product_tabs .tab-content {
  padding-top: 0px !important;
}

html.tablet .tabs-menu-container .nav-tabs > li > a, html.tablet.tabs-menu-container .nav-tabs > li.active > a {
  padding-right1: 8px !important;
  padding-left1: 8px !important;
}
html.tablet .product_tabs .nav-tabs > li:not(:last-child) {
  margin-right: 16px;
}

/* End Tabs */

.full-search-wrapper .popup-container .search-pagination-results.pagination-results-top {
  margin-top: 0px;
  margin-bottom: 0px;
}

.full-search-wrapper .popup-container .search-pagination-results.pagination-results-bottom { 
  margin-bottom: 0px;
}

.full-search-wrapper .popup-container .count-badge {
  z-index: 1;  
  top: -5px;
  right: -16px;
  margin: 0;
  position: absolute;  
}
@media screen and (max-width: 470px) {
  .full-search-wrapper .popup-container .search-tab-last-orderd .count-badge,
  .full-search-wrapper .popup-container .search-tab-wishlist .count-badge {
    right: -8px;
  }
}
.mobile-header-active .full-search-wrapper #cart-items.count-badge {
  margin-top: 0px;  
}
/* Tab count-badge dark gray */
.full-search-wrapper .popup-container #tabs-search .count-badge {
  color: var(--color-dark-grey);
  background: #fff;
}

html:not(.is-customer) .full-search-wrapper .popup-container #tab-4,
html:not(.is-customer) .full-search-wrapper .popup-container #tab-5 {
  display: none;  
}

@media (max-width: 768px) {
  .full-search-wrapper .popup-container .product_tabs .tab-content {
    padding: 8px;  
  }
}

.full-search-wrapper .popup-container .tab-content .tab-pane .alert {
  margin-bottom: 0px;
  background: none !important;
  text-align: center;
  padding-top: 0px !important;
  color: var(--color-dark-sky-green);
}

.full-search-wrapper .popup-container .tab-content .tab-pane .alert.bottom {
  margin-top: 16px;
  margin-bottom: 24px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%
}  

.grid-list-container {
  position: fixed;
  right: 0px;
  padding: 16px;
  padding-top: 6px;
}

@media (max-width: 768px) {
  a.search-tab-parts1::before {
    content: '\ede1' !important;
    font-family: icomoon !important;
  }
  a.search-tab-accessoires1::before {
    content: '\ede1' !important;
    font-family: icomoon !important;
  }
  a.search-tab-tools1::before {
    content: '\ede1' !important;
    font-family: icomoon !important;
  }
  a.search-tab-last-orderd::before {  
    content: '\ebb5' !important; 
    left: -1px;
    display: inline-block;
    transform: scaleX(-1);
    font-family: icomoon !important;
  }
  a.search-tab-wishlist::before {
    content: '\ee04' !important;
    font-family: icomoon !important;
  }
  .search-tab-parts .links-text1,
  .search-tab-accessoires .links-text1,
  .search-tab-tools .links-text1,
  .search-tab-last-orderd .links-text,
  .search-tab-wishlist .links-text {
    display: none;  
  }
}

@media (min-width: 2560px) {
/* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 9 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 10 - 0.01px);
  }
}

@media (max-width: 2560px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 9 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 10 - 0.01px);
  }
}

@media (max-width: 2400px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 8 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 9 - 0.01px);
  }
}

@media (max-width: 2200px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 7 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 8 - 0.01px);
  }
}

@media (max-width: 1920px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 6 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 8 - 0.01px);
  }
}

@media (max-width: 1680px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 5 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 7 - 0.01px);
  }
}

@media (max-width: 1300px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 3 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 5 - 0.01px);
  }
}

/* Above and equal to 1024 the cart window will be aside the search window.
   Until 1024 the cart will be a sidebar window.
*/
@media (max-width: 1024px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 4 - 0.01px); /* 2 */
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 4 - 0.01px);
  }
}

@media (max-width: 980px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 4 - 0.01px); /* 2 */
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 4 - 0.01px);
  }
}

@media (max-width: 820px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 3 - 0.01px); /* 2 */
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 3 - 0.01px);
  }
}

@media (max-width: 470px) {
  /* Width with cart */
  html.popup-search-cart .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 2 - 0.01px);
  }
  /* Full width */
  html:not(.popup-search-cart) .full-search-wrapper .popup-container .main-products.product-grid .product-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100% / 2 - 0.01px);
  }
}

/*-----------------------------------------
  End search popup 
-----------------------------------------*/

/*-----------------------------------------
  Start flyout menu 
-----------------------------------------*/

/*.mobile-container .mobile-wrapper-header + div {
  overflow-y: visible !important;
  overflow-x: visible;
}*/


.flyout-menu-item .j-dropdown {
  top: var(--search-popup-header) !important;
  left: 0 !important;
  min-width: 100% !important;
  padding-top: 0;
  width: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
  min-width: auto;
  opacity: 1;
  top: 45px;
  position: fixed;
}

html.mobile-header-active .flyout-menu-item .j-dropdown {
  top: var(--search-popup-header) !important;
}

/* begin new*/
.flyout-menu-item .j-dropdown .j-menu-container {
  top: 0;
  left: 100%;
  position: absolute;
  min-width: 300px;
  margin-left: 16px;  /* Space between canvas and submenu */
  display: inline-grid;
  min-width: 100% !important;
  max-width: 700px;
  background-color: #fff;  
  padding: 0px;
}

.flyout-menu-item .j-dropdown .j-menu.first { 
  display: inline-block;
  height: calc(100% - 50px); 
  background-color: white;
  padding: 8px;
  position: absolute;
  top: 50px;
  min-width: 50%;
}

.main-menu > ul > .dropdown .j-menu > li > a { 
  font-family: var(--font-family-light); 
  font-weight: var(--font-weight-light);
  font-size: 16px !important;  
  letter-spacing: var(--font-letter-spacing-16) !important;  
  line-height: 120%;
}

.mobile-container .main-menu > .j-menu > li > a, .mobile-container .main-menu > ul > .dropdown .j-menu > li > a, .close-on-click a {
  font-size: 14px !important;
  letter-spacing: var(--font-letter-spacing-14) !important;  
  font-weight: var(--font-weight-regular);
}

.flyout-menu-item .j-dropdown .j-menu.first.one-column { 
  display: inline-block;
  width: 100%;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;  
}

.flyout-menu-item .j-dropdown .j-menu.second {
  position1: fixed;
  left: calc(50%);
  top: calc(45px + 19px + 30px);    /* 30 px height h3 */
  padding: 8px;   
  padding-bottom1: calc(100% - 70px);
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  display: inline-block;
  width1: 150%;
  height1: calc(100% - 70px) !important;
  max-height: calc(100% - 70px) !important;
  height: auto;
  border-left: 1px solid #ddd;  
  margin-left: 16px;
  background-color: #ffffff;
  overflow-x: hidden;  
  overflow-y: auto;
}

html:not(.desktop) .flyout-menu-item .j-dropdown .j-menu.second {
   height: auto;    
}

.flyout-menu-item .j-dropdown .j-menu.second {
  top: var(--height-menu-nav-tabs) !important;
  background-color: #ffffff;
}

.flyout-menu-item .j-dropdown .j-menu.second.columns1 {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  display: inline-block;
  height: calc(100% - 50px) !important;
  width: auto;
  min-width: 50%;  
  background-color: white;
  padding: 8px;
  position: absolute;
}

.flyout-menu-item .j-dropdown .j-menu.second.columns2,
.flyout-menu-item .j-dropdown .j-menu.second.columns3,
.flyout-menu-item .j-dropdown .j-menu.second.columns4 {
  display: grid;
  grid-template-columns: 1fr 1fr;  
  overflow-y: auto;
}
.tab-content, .j-menu-container {
  overflow-y: auto;
  overflow-x: hidden;  
  
}
.j-menu-container {  
  height: 100%;
}
.dropdown-menu.j-dropdown.full-height {
  overflow-y: auto;
  overflow-x: hidden;  
}
.dropdown-menu.j-dropdown {  
  height: fit-content;
}
.dropdown-menu.j-dropdown ul {  
  height: fit-content;
}
/* end new */
/* Temp */
.flyout-menu-item .j-dropdown .j-menu-container { 
  left: 0%;
  margin-left: 0px;  /* Space between canvas and submenu */
}
.flyout-menu-item .j-dropdown .j-menu.second {  
  left: 0;
  width: 100%;
  margin-left: 0px;
}

.flyout-menu-item .j-dropdown .j-menu.first li {
  max-width: 100%;
}
.flyout-menu-item .j-dropdown .j-menu.first:not(.one-column) li {
  max-width1: 40%;  
}
.flyout-menu-item .j-dropdown .j-menu.first:not(.one-column) > li:not(.one-column) > a {
  max-width1: 58%;  
}
.flyout-menu-item .j-dropdown .j-menu.second li {
  max-width: 100% !important;  
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles {
  padding: 8px 13px;
  background-color: #ffffff;
  height: var(--height-menu-nav-tabs);
  display: flex;
  width: 100%;
  margin-bottom: 8px;
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-title {  
  padding-right: 0px !important;
  padding-left: 0px !important;  
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16);
  color: var(--color-dark-sky-green);
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles span {
  display: flex;
  align-items: center;
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-title:first-child {  
  border-color: var(--color-electric-green);
  border-width: 0;   
  border-bottom-width: 3px;
  border-style: solid;
 font-weight: var(--font-weight-bold);
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-sep {
  padding-right: 8px !important;
  padding-left: 8px !important;  
}
html.mobile-header-active .flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-sep {
  padding-right: 4px !important;
  padding-left: 4px !important;  
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-link {
  right: 16px;
  position: absolute;
  top: 16px;
  position: absolute;
  top: 40px;
  z-index: 10000;
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-link a {
  color1: var(--color-dark-sky-green) !important;
}
.flyout-menu-item .j-dropdown .j-menu-container .nav-titles .nav-link a:hover {
  color1: var(--color-electric-orange) !important;
}

.j-dropdown > .j-menu > li:last-child {
  border-bottom-left-radius1: unset;
  border-bottom-right-radius1: unset;
}
.tab-pane .sub-tab-pane-wrapper {
  display: flex; 
}
.tab-pane .sub-tab-pane {
  display: flex;
  width: 50%;  
}

/*-----------------------------------------
  End flyout menu 
-----------------------------------------*/

/*-----------------------------------------
  Start product page
-----------------------------------------*/
.route-product-product:not(.popup) .product-info .product-details .button-group-page {   
  width: fit-content !important;;
}

.route-product-product .product-info .product-details .button-group-page .text-login-register {
  padding-bottom: 16px;
  max-width: 400px;
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
}
.route-product-product .product-info .product-details .button-group-page .text-login-register h3 {
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16);
}
.route-product-product.popup-quickview .product-info .product-details .button-group-page .text-login-register h3 {
  margin-bottom: 4px;
}

.product-info .product-details > div {  
  min-height: 48px;
}

/* Buttons below 
@media (min-width: 1024px) {
  .route-product-product:not(.popup) .product-info .product-details .button-group-page {
    background-color: var(--color-light-grey);
    border-radius: var(--border-radius-default);
    padding: 16px;
    width: fit-content !important;;
  }
}
.route-product-product:not(.popup) .product-info .product-details .button-group-page .text-login-register {
  padding-bottom: 16px;
}
@media (max-width: 1024px) {
  .route-product-product:not(.popup).is-guest body {
    padding-bottom: 160px;
  }
}*/

.product-info .stepper {
  border-radius: var(--border-radius-default);
  border-style: solid;
  border-color: var(--color-light-grey);
  min-width: 140px !important;
  background: #fff !important;
}
@media (max-width: 760px) {
  .product-info .stepper {  
    min-width: auto !important;
  }
}
.product-left .btn-wishlist .btn-text {
  display: none;
}

.product-left .wish-group {
  position: static;
  width: auto;
  top: auto;
  visibility: visible;
  opacity: 1;
  transform: translate3d(0,0,0);
  justify-content: flex-end;
  display: flex;
}

.product-left .btn-wishlist {
  background: none;
  border-style: none;
  box-shadow: none;
}
.product-left .btn-wishlist::before {
  display: inline-block;
  font-size: 18px;
  letter-spacing: var(--font-letter-spacing-18);
  color: var(--color-dark-sky-green);
  margin-top: 4px;
  width: 14px;
}

.product-left .btn-wishlist:hover::before {
  color: var(--color-electric-orange);
}
.product-left .btn-wishlist.btn:hover {
  color: var(--color-electric-orange) !important;
  background: none !important;
  box-shadow: none;
}

.popup-quickview .extra-group {
  display: inline !important;
}
.popup-quickview .extra-group .btn, .popup-quickview .btn-more-details {
  padding: 10px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;  
}
.popup-quickview .btn-more-details {
  margin-left: 16px;
}
.popup-quickview .wishlist-compare {
  position: absolute;
  right: 16px;
}

.owc_productpageenhanced_ds.owc_stock.below-cart-group {
  margin-top: 16px;  
}

.owc_productpageenhanced_ds.owc_stock:not(.below-cart-group) {
  margin-right: 16px;  
}

.product-stats .list-stats {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.product-stats .list-stats > div {
  display: flex;
  width: 100%;
  padding: 4px 0px;
}
.product-stats .list-stats > div > div {
  flex: 1;  
  font-size: 14px !important;   
  letter-spacing: var(--font-letter-spacing-14);
}
.product-stats .list-stats > div > div:first-child {
  max-width: 220px;
}
.product-stats .list-stats div p {
  margin-bottom: 4px;
}
.product-stats .list-stats .product-attributes{
  margin-top: 16px;
}
/* Start quality label product page in list */
.product-stats .list-stats .product-quality-label {
  margin-top: 16px;
  display: none;  
}
.product-stats .list-stats .product-quality-label-value .quality-label {
  position: relative !important;  
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  top: -12px !important;
}
.product-stats .list-stats .product-quality-label-value .quality-label b {
  font-weight: 400 !important;  
}
/* End quality label product page in list */
html.popup-quickview .shippings {
  display: none;
}
.product-info .shippings {
  width1: fit-content;
  margin-top: 48px; 
}

@media (min-width: 1024px) {
  .product-info .shippings {
    margin-top: 5%;
  }
}

.product-info .shippings #tabs-shipping-methods li {
  padding: 2px;
  border-radius: var(--border-radius-default);
  border: 1px var(--color-light-grey) solid;
  margin-right: 16px;
  margin-bottom: 16px;
}
.product-info .shippings #tabs-shipping-methods li.active, .product-info .shippings #tabs-shipping-methods #tabs-shipping-methods li:hover { 
  border-color: var(--color-electric-orange);
}

.product-info .shippings #tabs-shipping-methods > li > a {
  border-radius: unset !important; 
  background-color: transparent;  
  display: block; 
  padding: 8px;   
  padding-left: 40px;
  background-position: 8px 8px !important;
}
.product-info .shippings #tabs-shipping-methods > li > a.pickup {
  padding-left: 16px;
}

.product-info .shippings #tabs-shipping-methods > li > a span.title {
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
}

@media (max-width: 768px) {
  .product-info .shippings {
    margin-top: 16px !important;
  }
}
.product-info .shippings .shipping  {  
  font-size: 14px !important;   
  letter-spacing: var(--font-letter-spacing-14);
}

.module-blocks-298 .block-content table tbody tr:first-child td {
  padding-top: 8px !important;
}

@media (min-width: 1024px) {
  
  .product-image .swiper.main-image {  
    width: var(--width-image-product-page);
  }  
  .product-image .swiper.main-image img {
    width:  var(--width-image-product-page);
    height: var(--height-image-product-page);
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .product-left .swiper.main-image .swiper-slide {  
    height: 100%;
  }  
}

@media (max-width: 760px) {
  
  .product-left .product-image img {
    width1: 70%;
  }
}
#tab-specification table tr td {
    vertical-align: top;
}
#tab-specification table tr td:first-child {
  width: 30%;
}
#tab-specification table tr td:nth-child(2) {
  font-size: 14px !important;   
  letter-spacing: var(--font-letter-spacing-14);
}

/* Start expand content block */
.expand-content {
  overflow: hidden;
  max-height1: 100px; 
}
.expand-block.block-default {
  margin-bottom1: 16px;  
}
.attribute .expand-content,
.module-blocks-298 .module-item-1 .attribute .expand-content {
  overflow: hidden;
  max-height: 40px;
}
.attribute .expand-content a {
  text-decoration: none !important;
}
/*.block-expand.btn {  
  color: var(--color-light-grey) !important; 
  background: var(--color-dark-sky-green) !important;  
}
.block-expand.btn:hover, .block-expand.btn:active, .block-expand.btn:focus {  
  background: var(--color-light-grey) !important; 
  color: var(--color-dark-sky-green) !important;
}*/
.block-expand.btn {  
  color: #fff !important; 
  background: var(--color-electric-orange) !important;  
}
.block-expand.btn:hover, .block-expand.btn:hover:active, .block-expand.btn:focus {  
  background: #fff !important; 
  color: var(--color-electric-orange) !important;
}
/* End expand content block */
/*-----------------------------------------
  End product page
-----------------------------------------*/

/*-----------------------------------------
  DOC_LINK_PRODUCT_DISCOUNTS
  Start display discounts
-----------------------------------------*/  
.main-products.product-grid .discounts,       /* Category grid */
.product-grid .product-layout .discounts {    /* Module grid */
  position: absolute;
  right: 10px;
}
.main-products.product-list .discounts {      /* Category list */
  order: 3;
}
.cart-table .discounts,                       /* Checkout cart */  
.cart-products .discounts {                   /* Common cart */                      
  padding-left: 24px;
}
.main-products.product-list .discounts {  
  margin-left: 8px;
}
.product-details .discounts-wrapper span.discounts-title, /* Product page title */
.main-products.product-grid span.discounts,       /* Category grid */
.main-products.product-list span.discounts,       /* Category list */
.product-grid .product-layout span.discounts,     /* Module grid */
.cart-table span.discounts,                       /* Checkout cart */
.cart-products span.discounts {                   /* Common cart */    
  width: 16px;                     
  background-image: url('../../../../image/catalog/icons/boxes.png'); 
  background-size: 16px 16px;       
  background-position: center;
  background-repeat: no-repeat;
}
.cart-table div.discounts,                       /* Checkout cart */
.cart-products td.discounts {                    /* Common cart */  
  width: 32px; 
}
.product-details .discounts-wrapper .discounts-title {
  background-position: left !important; 
  padding-left: 24px;   
}
.main-products.product-grid .discount,          /* Category grid */
.main-products.product-list .discount,          /* Category list */
.module-products .product-layout div.discount,  /* Module grid */
.cart-table .discount,                          /* Checkout cart */
.cart-products .discount,                       /* Common cart */ 
.product-details .discount,                     /* Product page */   
.account-list-item .column .discount {          /* Account order info */              
  width: 100%;
  font-size: 10px !important;   
  letter-spacing: var(--font-letter-spacing-10);
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  color: var(--color-dark-grey);
  margin-top: -10px;
  display: block;    
}
.main-products.product-grid .discount span,          /* Category grid */
.main-products.product-list .discount span,          /* Category list */
.module-products .product-layout div.discount span,  /* Module grid */
.cart-table .discount span,                          /* Checkout cart */
.cart-products .discount span,                       /* Common cart */ 
.product-details .discount span {                    /* Product page */     
  color: var(--color-electric-orange);  
}
.cart-table .discount {                         /* Checkout cart */
   margin-top: -4px;
}
.cart-products .discount {                      /* Common cart */ 
  margin-top: -6px;
}
.account-list-item .column .discount {          /* Account order info */
   margin-top: -4px;
}
.module-products .product-layout div.discount,  /* Module grid */
.main-products.product-grid .discount,          /* Category grid */
.main-products.product-list .discount {         /* Category list */
  margin-top: 2px;
}

/* Display total discount amount */
.cart-table .total-discount,                /* Checkout cart */
.cart-products .total-discount {            /* Common cart */ 
  font-size: 14px !important;     
  letter-spacing: var(--font-letter-spacing-14) !important;      
  font-weight: var(--font-weight-light) !important;     
  font-style: italic;
  border-bottom-width: 0px !important;
  color: var(--color-electric-orange);
}

.product-details .discounts-wrapper {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 16px;
}
@media (min-width: 1024px) { 
  .product-details .discounts-wrapper {
     width: 50%;
  }
}
.product-details .discounts-wrapper .discounts-title {
  width: 100% !important;     
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16); 
  font-weight: var(--font-weight-bold);
  line-height: 120%;
}
.product-details .product-discount {
  padding: 6px;
  padding-bottom: 3px;
  border-radius: var(--border-radius-default);
  border: 1px var(--color-light-grey) solid;
  white-space: nowrap;
  max-width: fit-content;
  margin-right: 8px;
  margin-bottom: 8px;  
  background: var(--color-light-grey);
  cursor: pointer;
}
.product-details .product-discount:hover {
  color: #fff;
  background: var(--color-electric-green);
}
/*-----------------------------------------
  End display discounts
-----------------------------------------*/

/*-----------------------------------------
  DOC_LINK_FILTER
  Start category filter 
-----------------------------------------*/

html.header-sticky #column-left > .grid-rows {   
  position: sticky;
}
html.header-sticky #column-left > .grid-rows {
  top: calc(var(--header-height) + var(--header-main-menu-height));
}
html.header-sticky.desktop.admin-bar-visible #column-left > .grid-rows {
  top: calc(var(--header-height) + var(--header-main-menu-height) + var(--admin-bar-height));
}

.journal3-filter {
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;  
  display: flex;
  flex-wrap: wrap;
  align-items: center;  
}

.journal3-filter .journal3-filter-container {  
  padding-top1: 10px;
  padding-bottom1: 10px;
  width: 100%;   
  min-height:    calc(var(--height-filter-brand-filters) + var(--height-filter-attribute-filters) + var(--padding-top-filters));  
  margin-bottom1: 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.journal3-filter-container.filter-buttons {            
  display: block;
  position: relative;
  z-index: 3;
}

.journal3-filter-container .visible-buttons {
  height: 36px; 			/* Default height for one button line */
  overflow: hidden; 	
  padding-top: var(--padding-top-filters);      
  width: 100%;
}		

.journal3-filter-container .dropdown-buttons {
  padding-top: 8px;  
  background-color: white;
  display1: none;
  position: absolute;
  width: 100%;
}        

.journal3-filter-container.filter-buttons:hover .dropdown-buttons {
  display: block;
}

.journal3-filter .filter.buttons {
  float: right !important;  
}

.journal3-filter .filter.buttons .btn {
  display: none;
}

.journal3-filter .reset-filter-button {
  color: #fff;  
  background-color: var(--color-dark-sky-green);
  margin-right: 0px;
  border-radius: var(--border-radius-default);  
  padding: 8px 16px;    
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-btn-primary);  
  letter-spacing: var(--font-letter-spacing-btn-primary);  
  text-decoration: none;  
}

.journal3-filter .reset-filter-button:hover {
  color1: var(--color-dark-sky-green);
  background-color: var(--color-electric-green) !important;
}

.journal3-filter .filter.tags {
  float: left;  
  margin-top: 8px !important;  
}
.journal3-filter .filter.tags span.text {
  font-weight: 300;  
  padding-top: 16px;
}
.journal3-filter .filter.tags span.text::before {
  content: '\e5c4' !important;
  font-family: icomoon !important;
  margin-right: 8px;
}
.journal3-filter .filter-buttons span.text::before {
  content: '\e5db' !important;
  font-family: icomoon !important;
  margin-right: 8px;
}
.journal3-filter span.text.left,
.journal3-filter span.text.below {
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);  
}
.journal3-filter .filter.tags.values {
  width: 100%;
}

.journal3-filter .filter.tags .links-text img {
  display: inline !important;
  margin-top: -6px;
  margin-bottom: -4px;
}

.journal3-filter .brand-filters, 
.journal3-filter .attribute-filters {
  width: 100%;
  height: var(--height-filter-brand-filters);
}
.journal3-filter .attribute-filters {
  height: var(--height-filter-attribute-filters);
}

.journal3-filter .journal3-filter-container input[type="checkbox"],
.journal3-filter .journal3-filter-container input[type="radio"] {
  display: none;
}

.categories.tags .checkbox {
  display: inline !important;
  padding-right: 0px;
}
.categories.tags .checkbox label {
  padding-left: 0px !important;
  min-height1: 40px;
  margin-bottom: 20px;
}
.brand-filters span.reset-filter-brand-serie-model,
.attribute-filters span.reset-filter-value,
.attribute-filters span.reset-filter-category,
.categories.tags span {
  border-radius: var(--border-radius-default);  
  padding: 8px 16px;  
  color: var(--color-dark-sky-green);
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);  
  font-size: var(--font-size-btn-primary);  
  letter-spacing: var(--font-letter-spacing-btn-primary);  
  text-decoration: none;
  background: var(--color-light-grey); 
}
.categories.tags span {
  margin-right: 8px;
  margin-bottom: 8px;
  transition: all .075s ease-out;
}

.brand-filters span.reset-filter-brand-serie-model:hover,
.attribute-filters span.reset-filter-value:hover,
.attribute-filters span.reset-filter-category:hover,
.categories.tags span:hover {
  color: #ffffff;
  background: var(--color-electric-green);  
  text-decoration: none;
}

.categories.tags label.showall {
  float: left;  
}
.categories.tags label.showall span {
  color: #fff;  
  background-color1: var(--color-dark-sky-green);
  background-color: var(--color-electric-orange);
  margin-right1: 0px;
  display: inline;
}
.categories.tags label.showall span:hover { 
  color: #fff;  
  background-color1: var(--color-electric-green);
  background-color: #fff;
  color: var(--color-dark-sky-green);
}

/*.categories.tags label.showall span:after {
  content: '\f063' !important;
  font-family: icomoon !important;
  color: rgba(255,255,255,1);
  right: -5px;
  display: inline-block;
  transform: scaleX(-1);
}*/

.main-products-wrapper .products-filter {
  border-top-width: 0px !important;
}

.main-products.product-list .product-layout {
  margin-top: -16px;
}

.journal3-products-filter {
  width: 100%;  
  margin-bottom: 16px !important;
  border: 0px !important;    
}

.journal3-products-filter .grid-list-buttons {
  max-width: 16px;
}

.products-filter-results {
  padding: 16px 0px 16px 0px;
  font-size: 12px;
  letter-spacing: var(--font-letter-spacing-12);
  min-width: 25%;
}
@media (min-width: 1024px) {
  .products-filter .select-group {
    margin-left: 0px;  
  }
}
.journal3-filter {
  margin-bottom: 0px !important; 
  padding-bottom: 0px !important; 
}

.journal3-products-filter .grid-list {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  transition: all .1s ease-out; 
  margin-top: 0px;
  font-size: inherit;
}

@media only screen and (orientation: portrait) {
  .grid-list {
    display: none;
  }
}

.ias-noneleft {
  border-top-width: 0px !important;
}

.journal3-products-filter .grid-list > div {
  flex: 1;
  flex-basis: 0%;
  width: auto;
  flex-basis: 0;
}

.journal3-products-filter .grid-list .pull-left {
  margin-right: 0;
  margin-right: auto; 
}

.journal3-products-filter .pull-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  align-self: normal;
}
.journal3-products-filter > div + div {
  padding-left: 20px;
}

.phone .pagination-results div:first-child {
  padding-bottom: 16px;
}

.brand .checkbox label,
.journal3-products-filter .checkbox label,
.journal3-products-filter .checkbox label span {
  width: 100% !important;
  padding-left: 0px !important;
}
.journal3-products-filter .checkbox label span {
  display: inline-block;
}

.journal3-products-filter .checkbox, .journal3-products-filter .checkbox + .checkbox, .radio + .radio {
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .journal3-products-filter .checkbox, .journal3-products-filter .checkbox + .checkbox, .radio + .radio {
    padding-right: 0px;
  }
}

.journal3-products-filter .form-control {
  height: 34px;
}

.buttons input[type="checkbox"] {
  margin-right: 7px !important;
  margin-left: -1.25rem; !important;
}

.filter-brandseriemodel > ul > li > a,
.ms-choice {
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;  
  font-size: var(--font-size-btn-primary);  
  letter-spacing: var(--font-letter-spacing-btn-primary);  
  line-height: 120% !important;
}

.ms-choice > span {
  left: 8px;  
}

.ms-choice > span.placeholder {
  color: inherit;
}

.ms-drop {
  z-index: 14;  
}

.ms-drop ul > li {
  margin-bottom: 2px;
}

.ms-drop ul > li input[type="checkbox"]:focus, .ms-drop ul > li input[type="checkbox"]:checked {
  background-color: var(--color-dark-sky-green-75);
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
  margin-top: 2px !important;
  margin-left: -2px !important;
  
}
.input-dark-green input[type="radio"], .ms-drop input[type="checkbox"] {
  margin-right: -4px;
}
.input-dark-green .input-group {
  border-bottom: 1px #ffffff solid;
  margin-bottom: 8px;
}
.input-dark-green .input-group .btn {
  color: rgba(255, 255, 255, 1) !important;
  background-color: var(--color-dark-sky-green);
  cursor: inherit;
  margin-right: 2px;
}
.input-dark-green .input-group .btn:hover {
  color: rgba(255, 255, 255, 1) !important;
  background-color: var(--color-dark-sky-green) !important;
}

.ms-drop ul > li label {
  width: 100%;  
}

.ms-drop ul > li:not(.hide-radio) span {
  padding-left: 16px !important;
}

.ms-parent.form-control, .ms-parent.form-control button,
.input-group .ms-parent.form-control {  
  border-radius: var(--border-radius-default) !important;  
  max-width: var(--max-width-filter-attribute);
  height:     36px;
  max-height: 36px;
  padding: 0 !important;
}
@media (max-width: 470px) {
  .ms-parent.form-control, .ms-parent.form-control button, .input-group .ms-parent.form-control {   
    max-width: 100%;        
  }
}
.journal3-products-filter .grid-list .pull-left div.checkbox {
  width: auto;
  min-width: var(--min-width-filter-attribute);
  margin-bottom: 8px;
}
.checkbox.s .ms-parent.form-control {
  border-color: var(--color-electric-orange) !important  
}
.ms-parent.form-control .ms-drop {
  color1:      #fff !important;
  background1: var(--color-dark-sky-green) !important; 
  border-radius: var(--border-radius-default) !important;
  margin-top: -38px;
  margin-left: -2px;
  padding:    8px;
  border-color: var(--color-light-grey);
}

.ms-parent.form-control.ms-parent-open .ms-drop {
  width: calc(100% + 4px);
}

.input-dark-green ul > li > a, .input-dark-green ul > li label,
.ms-drop ul > li:focus, .ms-drop ul > li:hover,
.ms-drop ul > li.selected {
  color1: var(--color-dark-sky-green);
  background-color1: var(--color-electric-green);
  border-radius: var(--border-radius-default) !important;
  cursor: pointer;
}

.input-dark-green .list-models {
  list-style: none;
  padding: 0.5rem;  
  border-radius: var(--border-radius-default) !important;
}
.input-dark-green .list-models .list { 
  max-height: 400px;
  overflow-y: scroll;
  margin-bottom: 12px; 
}
.input-dark-green ul {
  margin-left: 4px;
}

.input-dark-green ul li {
  margin-bottom: 2px;
}

.is-hidden { 
  display: none; 
}

.input-dark-green ul li label {
  margin: 0 5px;
  width: 90%;
  padding: 0px;
  padding-left: 6px;
}

.no-products-found {
  color: var(--color-electric-orange);  
}

.filter-brandseriemodel .list-models .menu-label {
  margin-right: 6px;
}

/* filter attribute left  */
.filter-attributes .panel-group .panel-heading a,
.filter-attributes .panel-group .panel-active .panel-heading a {  
  color: var(--color-light-grey) !important;
}
.filter-attributes .panel-group .panel-active .panel-heading a:before { 
  transform: rotate(90deg) !important;
}
.filter-attributes .panel-group .module-item {
  color: var(--color-light-grey) !important;
  background: var(--color-dark-sky-green) !important;
  border-width: 0px !important;
  border-radius: var(--border-radius-default) !important;
  padding: 8px;
}
.filter-attributes .panel-group .panel:last-child .panel-heading {
  background: var(--color-dark-sky-green) !important;
  border-width: 0px !important;
}
.filter-attributes .panel-group .panel-heading + .panel-collapse .panel-body {
  border-width: 0px !important;
}
.filter-attributes input[type="checkbox"]:focus, .filter-attributes input[type="checkbox"]:checked, .filter-attributes input[type="radio"]:focus, .filter-attributes input[type="radio"]:checked {
  background-color:      var(--color-electric-green) !important;
}
.filter-attributes input[type="checkbox"] {
  background-color: #ffffff;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;    
}
.module-item-a66 .ms-parent.form-control .ms-drop2 {
  display: block;  
  top: 0px;
  left: 50px;  
}
@media (max-width: 1024px) {  
  .input-dark-green .form-group {
    display: inline-block;
    width: 100%;
  }
  .journal3-products-filter .grid-list .pull-left div.checkbox {
    width: 100%;
    min-width: auto !important;      
  }
  .journal3-products-filter .grid-list .pull-left {    
    columns1: 4;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    gap: 0px 8px; 
  }
  .brand-filters span.reset-filter-brand-serie-model, .attribute-filters span.reset-filter-value, .attribute-filters span.reset-filter-category, .categories.tags span {   
    padding: 6px 8px;    
    font-size: 14px;
    letter-spacing: var(--font-letter-spacing-14);      
  }
  .ms-parent.form-control .ms-drop {   
    margin-top: -38px;   
  }
  .ms-parent.form-control.ms-parent-open .ms-drop {
    width: calc(100% + 4px);
  }
  .journal3-filter:not(.no-margin, .no-padding) {
    margin-top: 40px;
  }
  .journal3-filter.no-margin .journal3-filter-container.active-filters {
    display: none;  
  }
  .journal3-filter .attribute-filters {
    display: grid;
  }
  .journal3-filter .filter.buttons {
    position: absolute;
    left: 0px;
    top: 8px;
  }
  .journal3-filter .attribute-filters span {
    width1: 100%;  
  }
  .journal3-filter .brand-filters, .journal3-filter .attribute-filters {
    height: auto;  
    margin-bottom: 2px;
  }
  .brand-filters span.reset-filter-brand-serie-model,
  .attribute-filters span.reset-filter-category {
    margin-bottom: 4px;
    display: inline-block;  
  }
  .no-products-found {
    margin-top: 16px;
    margin-bottom: 0px;
  }
}

@media (max-width: 470px) and (orientation: portrait) {
  .input-dark-green {
    columns: 1;  
    display: block;
  }
  .journal3-filter-container .visible-buttons {
    max-height: 36px; 			/* Default height for one button line */
    height: auto;
  } 
  .input-dark-green .form-group {
    display: flex;
  }  
  .journal3-products-filter .grid-list .pull-left {   
    columns1: 2;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 0px 8px; 
  }
}
/* End filter attribute left */

/* Start light */
.ms-parent > ul > li > a:hover,
.ms-parent .ms-drop ul > li:focus, .ms-parent .ms-drop ul > li:hover,
.ms-parent .ms-drop ul > li.selected {
  color1: #ffffff;
  color: var(--color-electric-green);
  background-color: var(--color-light-grey);
}
.ms-parent .ms-drop ul > li:focus, .ms-parent .ms-drop ul > li.selected {
  color1: #ffffff;
  background-color1: var(--color-electric-green);
}
/* End light */

/* Start dark-green */
.input-dark-green .ms-drop {
  border: 0px;
}
.input-dark-green .ms-choice > div.icon-caret {
  border-color:      #fff transparent transparent transparent !important;
}
.input-dark-green .list-models,
.input-dark-green ul, 
.input-dark-green .ms-parent.form-control, .input-dark-green .ms-parent.form-control button {
  color:      var(--color-light-grey) !important;
  background: var(--color-dark-sky-green) !important;
  border-width: 0px !important;
}
.input-dark-green .ms-parent.form-control .ms-drop {
  color:      var(--color-light-grey) !important;
  background: var(--color-dark-sky-green) !important;
  border-width: 0px !important;
}
.input-dark-green ul > li > a:hover,
.input-dark-green .ms-drop ul > li:focus, .input-dark-green .ms-drop ul > li:hover,
.input-dark-green .ms-drop ul > li.selected {
  color: #ffffff;
  background-color: var(--color-electric-green);
  cursor: pointer;
}
.input-dark-green div > ul > li > a {
  color:      var(--color-light-grey) !important;
  font-weight: var(--font-weight-light) !important;
}
.input-dark-green input[type="checkbox"]:focus, .input-dark-green input[type="checkbox"]:checked, .input-dark-green input[type="radio"]:focus, .input-dark-green input[type="radio"]:checked,
.input-dark-green ul > li.selected, .input-dark-green  ul > li:focus, 
.input-dark-green ul > li label:hover {
  background-color:      var(--color-electric-green) !important;
  cursor: pointer;
}

.input-dark-green input[type="radio"] {
  background-color: #ffffff;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;  
  border-radius: 50%;
}
.input-dark-green .search input[type="search"] {
  background: rgba(5, 30, 35, 1) !important;
  color: #fff !important;
  border-width: 0px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
}
.input-dark-green input[type="search"]::placeholder {
  color: #fff;
  opacity: 1;
}

.input-dark-green .filter-button-clear { 
  display: none;
}

/* end dark-green */


.reset-filter-value:after,
.reset-filter-category:after,
.reset-filter-brand-serie-model:after,
.reset-filter-button:after {
  content: '\f00d' !important;
  font-family: icomoon !important;
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-16);
  margin-left: 3px;
  vertical-align: middle;
  top: -2px;
}
.reset-filter-value:hover,
.reset-filter-category:hover,
.reset-filter-brand-serie-model:hover,
.reset-filter-button:hover { 
  cursor: pointer;
}

.reset-filter-button {
  margin-right: 16px;
}
.sort-filter {
  margin-right: 4px;
}

.sort-filter.btn.active {
  box-shadow: 0 5px 30px -5px rgba(0,0,0,0.25);
}
.sort-filter.active {
  color: rgba(255, 255, 255, 1) !important;
  background: rgba(5, 30, 35, 1) !important;
}

.filter.tags a.reset-filter-value,
.filter.tags .tags-title { 
  margin-bottom1: 0px !important;  
}

.filter.tags .tags-title.serie,
.filter.tags .tags-title.model {
  margin-left: 8px;
}

@media (max-width: 1024px) {
 .filter.tags .tags-title.serie,
  .filter.tags .tags-title.model {
    margin-left: 0px;
    margin-right: 0px;
  } 
}

.reset-filter-button:before {
  font-size: 0px;
  margin-right: 0px;
}

.filter-checkbox label {
  width: 100%;  
}

.brand #tabs-category {
  padding: 0px 0px 32px 0px !important;
}
.tabs #tabs-category {
  padding: 0px 0px 8px 0px !important;
}
html.header-sticky #column-left > .grid-rows #tabs-category {
  padding: 16px 0px 32px 0px !important;
}

#tabs-category.nav-tabs > li:first-child > a {
  padding-left: 0px !important;
}

#tabs-category.nav > li > a {
  padding-right: 0px !important;
  padding-top: 0px;
}

.ias-trigger .btn span {
  display: none;
}

.ias-trigger.ias-trigger-prev .btn::before {
  content: '\e5d8' !important;
  font-family: icomoon !important;
  margin-right: 0px;
}

.ias-trigger.ias-trigger-next .btn::before {
  content: '\e5db' !important;
  font-family: icomoon !important;
  margin-right: 0px;
}

/* DOC_LINK_FILTER_POPUP 
  Start filter popup */
.popup-wrapper.popup-filter {
  display: none;
}
html.popup-filter .popup-wrapper.popup-filter {
  display: flex;  
}

.module-popup-369 .popup-container {
  width: calc(45%) !important;    
}

@media (min-width: 2200px) {
  .module-popup-369 .popup-container {
    width: calc(35%) !important;    
  }
}

.module-popup-369 .popup-inner-body {
  height: calc(50%) !important; 
  padding: 20px;  
  overflow-y: auto;
}

.module-popup-369 .popup-inner-body input[type="radio"] {
  display: none;
}

.module-popup-369 .popup-inner-body label  {
  cursor: pointer;
}

@media (max-width: 1024px) {
  .module-popup-369 .popup-container {
    margin-top: auto !important;  
    width: 100% !important;
    max-width: 100% !important;  
    height: 96% !important;
    max-height: 96% !important;  
  }
  .module-popup-369 .popup-body { 
    height: 96% !important;
    max-height: 96% !important;  
  }
  .module-popup-369 .popup-inner-body { 
    height: 100% !important;
    max-height: 100% !important;  
  }
}
/* End filter popup */

#btn-pagination-view::before {
  content: '\f101' !important;
  font-family: icomoon !important;
  font-size: 18px;
  letter-spacing: var(--font-letter-spacing-18);
}

#btn-infinity-view::before {
  content: '\f103' !important;
  font-family: icomoon !important;
  font-size: 18px;
  letter-spacing: var(--font-letter-spacing-18);
}
@media (max-width: 760px) {
  .pagination-infinity .view-btn,
  .grid-list .view-btn { 
    margin-left: 8px;
  }
}
@media (min-width: 1024px) {
  .pagination-infinity {
    margin-right: 8px;  
  }
}

/* Start filter pagina on mobile */
@media (max-width: 1024px) {
  html.route-product-category:not(.popup) .page-title {
    display: none;
  }
  .ms-parent.form-control, .ms-parent.form-control button, .input-group .ms-parent.form-control, .mobile .ms-parent.form-control, 
  .journal3-filter .reset-filter-button {    
    height: 28px;   
    font-size: 14px !important;     
  }
  .journal3-filter .reset-filter-button {
    padding: 6px 8px;
  }
  .ms-parent.form-control .ms-choice {
    height: calc(100% - 2px) !important;
  }
  .ms-parent.form-control .ms-drop {
    margin-top1: -28px;
  }
  .journal3-filter .filter.tags .links-text img {    
    height: 26px;
  }
  .journal3-products-filter {
    margin-bottom: 0px !important;
    padding-top: 4px !important;
  }
  .journal3-filter .filter.tags span.text {
    display: none;  
  }
  .journal3-filter {
    border: 0px;  
    border-style: solid;
    border-color: var(--color-light-grey);    
    border-bottom-width: 1px;
  }
  .journal3-filter .journal3-filter-container {
    min-height: auto !important;  
    border: 0px;  
    border-style: solid;
    border-color: var(--color-light-grey);    
    border-top-width: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
  }  
  .journal3-filter-container.filter-buttons {
    padding-top1: 8px;
  }
  .journal3-filter .attribute-filters {
    display: grid;
    grid-gap: 8px;
  }
  .journal3-filter .attribute-filters span {
    width1: 100%;
    height1: var(--height-filter-brand-filters);
    height1: 100%;
    margin-bottom: 2px;
  }
  .journal3-filter .filter.tags {
    margin-bottom: 4px;
  }
  #tabs-category {
    padding: 0px 0px 16px 0px !important;
  }
}

@media (max-width: 470px) and (orientation: portrait) {
  .filter-brandseriemodel {
    columns: 1;
  }
}
/* End filter pagina on mobile */

/*-----------------------------------------
  End category filter 
-----------------------------------------*/
  
/*-----------------------------------------
  Start category product cart
-----------------------------------------*/
html:not(.is-customer) .product-layout .customer-group,                   /* Hide prices for guests */
html:not(.is-customer) .product-layout .price,                            /* Hide prices for guests */
.owc_productpageenhanced_ds.owc_stock,                                    /* Hide stock for quests */
html:not(.is-customer) .button-group,                                     /* Stepper + button + wishlist */ 
html:not(.is-customer) .owc_list_before_price,                            /* Space between */
html.is-customer .extra-group .text-extra-46,                             /* Box for register login message */
.product-label-29,                                                        /* new label */
.product-label-233                                                        /* Special label */     
{
  display1: none;  
}

html.is-guest .owc_list_before_price,                                                    /* Space between */
html.is-customer .extra-group .text-extra-46,                                                     /* Box for register login message */
html.is-customer .extra-group .view_login,                                                        /* Box for register login message */
html:not(.popup-search) .product-label-2999,                                                      /* new label */
html:not(.popup-search) .product-label-2333,                                                      /* Special label */   
html:not(.popup-search) .button-group .stepper,                                                   /* Stepper category */ 
html                    .button-group-page .stepper,                                              /* Stepper product */
html                    .button-group-page .btn-cart,                                             /* Cart button product */
html                    .product-price-group .price-wrapper,                                      /* Price group with price info */
html                    .product-details .discounts-wrapper,                                      /* Price discounts info */
html                    .button-group-page .wishlist-compare1,                                    /* Wishlist button product */
html.is-customer        .button-group-page .text-login-register,                                  /* Register text */ 
html.is-customer        .button-group-page .text-extra-361,                                       /* Register and login product */ 
html.is-guest:not(.popup-search) .product-layout .owc_productpageenhanced_ds.owc_stock,                    /* Stock */
html.is-guest:not(.popup-search) .product-layout .owc_productpageenhanced_ds.owc_stock .owc-title,         /* Stock label */
html:not(.popup-search) .product-info .owc_productpageenhanced_ds.owc_stock,                      /* Stock */
html.is-guest.popup-search .product-layout .owc_productpageenhanced_ds.owc_stock,                 /* Stock */
html.is-guest.popup-search .product-info .owc_productpageenhanced_ds.owc_stock,                   /* Stock */
html.is-guest.popup-search .product-layout .owc_productpageenhanced_ds.owc_stock .owc-title,      /* Stock label */
html.is-guest .products-filter .module-item-q                                                     /* Filter availability */
{
  display: none !important;  
}

.product-labels .label-image-list-page-container,                                                 /* Sales message */
html:not(.popup-search) .product-label-29,                                                        /* new label */
html:not(.popup-search) .product-label-233,                                                       /* Special label */   
html:not(.popup-search) .product-labels .owc_productpageenhanced_sm,                              /* Sales message */
html:not(.popup-search) .product-layout .customer-group,                                          /* Hide prices for guests */
html:not(.popup-search) .product-layout .customer-group .buttons-wrapper,                         /* Hide buttons for guests */
html.is-guest.popup-search .product-labels .owc_productpageenhanced_sm,                           /* Sales message */
html.is-guest.popup-search .product-layout .customer-group1,                                       /* Hide prices for guests */
html.is-guest.popup-search .product-layout .customer-group .buttons-wrapper                       /* Hide buttons for guests */ 
{
  display: none;  
}

.product-thumb .name {
  align-items: start !important;  
}
.product-thumb .name a {
  display: inline !important;
}

.product-list .product-thumb .name {
  display: flex !important;  
}

html.is-customer .main-products.product-list .product-thumb .buttons-wrapper {
  display: flex !important;  
  align-items: center;
  margin-top: 0px !important;
}

.product-grid .product-thumb .name {
  margin-bottom: 10px !important;
}

.main-products.product-list .product-thumb .owc_productpageenhanced_ds {
  width1:  200px; 
  align-items: center;
  display: flex;
  height: 100%;
}
.main-products.product-list .owc_productpageenhanced_ds.owc_stock.positive {
  margin-right: 16px;  
}
.main-products.product-list .owc_productpageenhanced_ds.owc_stock.negative {
  margin-right: 70px;  
}
.main-products.product-list .product-thumb .owc_productpageenhanced_ds.owc_stock.positive {
  width: 100px; /*180px; */
}
.owc_productpageenhanced_ds.owc_stock.positive span.text {
  display: none;  
}
/*.main-products.product-list .owc_productpageenhanced_ds.owc_stock.positive span.text {
  display: none;  
}*/
.main-products.product-list .product-thumb .owc_productpageenhanced_ds.order {
  margin-right: 16px;  
  margin-bottom: 0px !important;
  align-items: center !important;
  display: flex;
}
.product-thumb .owc_productpageenhanced_ds.order {
  font-size: var(--font-size-stock-list) !important;
  letter-spacing: var(--font-letter-spacing-stock-list) !important;
}

.main-products.product-list .product-thumb .owc_productpageenhanced_ds.order .owc_title {
  margin-bottom: 0px !important;
  align-items: center !important;
  display: flex;
  margin-right: 8px;
}

.product-grid .product-layout .price.horizontal,
.product-list .product-layout .price.horizontal {
  display: flex !important;  
}

.product-grid .product-layout .price {
  min-height: 30px;  /* Extra space for display discount total */
}
.product-grid .stepper {
  width: 100% !important;  
}
.stepper .fa-minus, .stepper .fa-plus {
  color:   var(--color-dark-sky-green);
  padding: 8px;
  font-size: 10px;
  letter-spacing: var(--font-letter-spacing-10);
  cursor: pointer;
}

.product-grid .owc_journal3 .product-thumb .customer-group .owc_productpageenhanced_ds.order {
  padding-left: 10px;
  padding-bottom: 10px;
}

.product-grid .owc_journal3 .product-thumb .caption .owc_productpageenhanced_ds.owc_stock  {    
  padding-top: 0px;
}
.product-grid .owc_journal3 .product-thumb .customer-group .owc_productpageenhanced_ds.owc_stock  {    
  padding-left: 10px;
  margin-bottom: 8px;
}
.product-grid .owc_journal3 .product-thumb .button-group .owc_productpageenhanced_ds.owc_stock.negative  {    
  margin-bottom: 0px;
}

.product-list .owc_journal3 .product-thumb .caption .owc_productpageenhanced_ds:not(.compatibility)  {    
  display: flex !important;
}

.product-list .customer-group .owc_productpageenhanced_ds.compatibility {
  display: none;  
}
.product-grid .owc_journal3 .product-thumb .caption .name .compatibility {
  display: none;  
}

.compatibility .attribute {
  border-radius: var(--border-radius-small);
  padding: 2px 2px 1px 4px;
  margin-right: 4px;
  font-size: 13px;
  letter-spacing: var(--font-letter-spacing-13);
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  text-decoration: none;
  background: rgba(44, 54, 64, 1);
}

.owc_productpageenhanced_ds.owc_stock.positive {
  color: var(--color-instock) !important;
  font-size: var(--font-size-stock) !important;
  letter-spacing: var(--font-letter-spacing-stock) !important;
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light);
}
.owc_list_after_price, .owc_list_before_price {
  padding-bottom: 0px !important;
}
.main-products.product-list .owc_productpageenhanced_ds.owc_stock.positive {
  font-size: var(--font-size-stock-list) !important;
  letter-spacing: var(--font-letter-spacing-stock-list) !important;
}
.owc_productpageenhanced_ds.owc_stock.positive .fa {
  color: var(--color-fa-instock) !important;    
  font-size: 120%;
}
.owc_productpageenhanced_ds.owc_stock.negative {
  color: var(--color-out-of-stock) !important;
  font-size: var(--font-size-stock) !important;
  letter-spacing: var(--font-letter-spacing-stock) !important;
  font-family: var(--font-family-light);
  font-weight: var(--font-weight-light); 
}
.main-products.product-list .owc_productpageenhanced_ds.owc_stock.negative {
  font-size: var(--font-size-stock-list) !important;
  letter-spacing: var(--font-letter-spacing-stock-list) !important;
  left: inherit;
  right: 0px;
  position: absolute;  
  top1: 25%;
  height1: auto;
}
.button-group .owc_productpageenhanced_ds.owc_stock.negative {
  left:     0px;
  position: absolute; 
}
.main-products.product-list .button-group .owc_productpageenhanced_ds.owc_stock.negative {
  left:    inherit;
  right: 0px; 
  position: absolute; 
}
.owc_productpageenhanced_ds.owc_stock.negative .fa {
  color: var(--color-fa-out-of-stock) !important;   
  font-size: 120%;
}
.owc_productpageenhanced_ds.owc_stock.negative .fa-times-circle::before {
  content: "\f057" !important;
}

.main-products.product-grid .owc_productpageenhanced_ds.owc_stock.negative,
html.mobile .module-products-grid .owc_productpageenhanced_ds.owc_stock.negative {
  height: auto !important;   
}
html.mobile .main-products.product-grid .owc_productpageenhanced_ds.owc_stock.negative,
html.mobile .module-products-grid .owc_productpageenhanced_ds.owc_stock.negative { 
  max-width: calc(min(100px, 60%)) !important; 
}

.owc_journal3 .owc_title {
  font-size: inherit !important;  
}

.product_dangerous {
  padding-right: 4px;  
}  

.product-thumb {
  overflow: initial;
}

.product-thumb .image {
  margin-top: 0px !important;
  overflow: initial !important;
}

/*.main-products.product-grid .product-thumb .btn-wishlist {  
  margin-right: 0px !important; 
  margin-top: 4px;
}*/

.main-products.product-list.product-list .wish-group {
  position: static;
  width: auto;
  top: auto;
  visibility: visible;
  opacity: 1;
  transform: translate3d(0,0,0);
  justify-content: flex-end;
  float: right;
}

.main-products.product-list .product-thumb .image { 
  width: var(--width-image-list);   
  margin-right: calc(var(--width-image-list) / 2);
}

.main-products.product-list .product-thumb .caption {
  flex-direction: row;
  padding-left: 0px;
  width: calc(60% - var(--width-image-list)); /* 50% */
  height: 100%;
  float: left;
}

.main-products.product-list .product-thumb .caption .name {
  max-width: 82%;
  align-items: center !important;
}

.main-products.product-list .product-thumb .customer-group {
  display: flex !important;
  flex-direction: row !important;  
  width: 30%; /* 40% */ 
  float: right;
  max-width: 460px;
  height: 100% !important;
}

@media (max-width: 1024px) {
  .main-products.product-list .product-thumb .caption {   
    width: calc(50% - var(--width-image-list)); 
  }
  .main-products.product-list .product-thumb .customer-group {
    width: 40%; 
  }
}

.main-products.product-grid .product-thumb .btn-wishlist.in_wishlist::before,
.product-info .btn-wishlist.in_wishlist::before  {
  color: var(--color-electric-orange) !important;
}

/* Tab ordered for display order id */
#search-tab-4 .main-products.product-list .product-thumb .customer-group {
  width: 40%; /* 40% */ 
}

.module-products-grid .product-thumb .product-img,
.main-products.product-grid .product-thumb .product-img { 
  margin-bottom: 24px;
  margin-top1: -8px;
}

html.mobile .module-products-grid .product-thumb .product-img,
html.mobile .main-products.product-grid .product-thumb .product-img {   
  margin-top1: 48px;
}

.main-products.product-list .product-thumb .image img {
  width1: 60%;  
  width: 50px;   
  width: auto;  
}

.main-products.product-grid .product-thumb .image .product-img img {  
  width: auto;  
  color: #FFF;
}

.main-products.product-list .product-thumb {
  padding-bottom: var(--padding-bottom-product-list) !important;
}

.main-products.product-list .owc_journal3 .product-thumb .price {
  margin-bottom: 0px !important;
  align-items: center !important;
  display: flex;
  width: 180px;
}

@media (max-width: 1024px) {
  .main-products.product-list .owc_journal3 .product-thumb .price {
    display: grid !important;
    margin: 12px auto !important;
  }
}
/*.tablet .main-products.product-list .owc_journal3 .product-thumb .price {
  display: grid !important;  
  padding: 12px auto !important;
}*/

.main-products.product-list:not(.product-grid) .product-layout:not(.swiper-slide) + .product-layout:not(.swiper-slide) {
  margin-top: 8px !important;
}

.main-products.product-list .cart-group {  
  align-items: inherit !important;
}

.main-products.product-list .button-group {  
  align-items: center; !important;
}

.product-thumb .price.below {
  display: inline-flex !important;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  padding-top1: 12px !important;
  min-width: 80px;
  margin-bottom: 0px !important;
}

@media (max-width: 768px) {
  .product-thumb .price {
    min-width: auto;
  }
}

.product-grid .product-thumb .price-old {
  margin: 0px !important;
  vertical-align: top;
}
.product-list .product-thumb .price-old {  
  vertical-align: top;
}

.product-list .product-thumb {
  overflow: visible !important;
}
/* z-index voor email popup */
.mfp-wrap {
  z-index: 100000;
}

.module-products .in_cart .product-thumb,
.main-products.product-grid .in_cart .product-thumb,
.product-info .in_cart .main-image {
  border-color: var(--color-incart) !important;
}
.main-products.product-list .product-layout:not(.in_cart) .image {
  border-color: #fff !important;
  border-left: 2px solid;
}
.main-products.product-list .product-layout.in_cart .image {
  border-color: var(--color-incart) !important;
  border-left: 2px solid;
}

.product-layout .extra-group .text-extra-46,
.product-layout .extra-group .login,
.product-details .extra-group .text-extra-46,
.product-details .extra-group .login {
  width: 100%
}

.product-layout .extra-group .product a,
.product-details .extra-group .product a {  
  height: 35px;
}
.product-details .extra-group .login {
  text-align: center;
  align-items: center;
  display: flex;
}  
.product-layout .extra-group .login a,
.product-details .extra-group .login a {  
  color: var(--color-dark-sky-green);  
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
  font-weight: var(--font-weight-regular);
}
.product-layout .extra-group .login a:hover,
.product-details .extra-group .login a:hover {
  color: var(--color-electric-orange);
}
.product-layout .extra-group .login a i,
.product-details .extra-group .login a i {  
  display: none;  
}
.product-details .extra-group span.text-extra-361  {
  float: right;
  display: flex;
  align-items: center;
  padding-right: 16px;
}
.product-details .extra-group div.login  {
  margin-left: 8px;
  pointer-events: auto;
}
.product-layout .extra-group .login {
  text-align: center;
  align-items1: center;
  display1: flex;
}  
.product-grid .product-layout .extra-group .login {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(242, 242, 242);
  padding-top: 8px;
}
.product-layout .extra-group span.text-extra-46  {
  float: right;
  display: flex;
  align-items: center;
  padding-right: 0px;
}
.product-list .product-layout .extra-group span.text-extra-46 {
  padding-right: 8px;
}
.product-layout .extra-group div.login {  
  pointer-events: auto;
}
.product-layout .extra-group div.login  {  
  pointer-events: auto;
}

html:not(.is-customer) .main-products.product-list .product-thumb .extra-group {
  width: 100%;
}
html:not(.is-customer) .main-products.product-list .product-thumb .extra-group div  {
  float: right;
  height: 100%;
}

/* Start Product list layout on mobile in portrait mode */
@media only screen and (max-width: 470px) and (orientation: portrait) {
  .main-products.product-list .product-thumb .caption {
    padding-top: 4px !important;  
    width: var(--width-caption-list-portrait) !important;
    float: right !important;  
    height: auto !important;    
  }
  .main-products.product-list .product-thumb .customer-group {
    width: var(--width-caption-list-portrait) !important;
    height: auto !important;
    padding-bottom: var(--padding-bottom-product-list) !important;   
    position: absolute;
    bottom: 16px;
    float: right;
    right: 0px; 
    align-items: center;
  }
  .main-products.product-list .product-thumb .stepper {
    width: 80px !important;
  }
  main-products.product-list .product-thumb .stepper input {
    padding-right: 8px;
  }  
  html.is-customer .main-products.product-list .product-thumb .buttons-wrapper {   
    margin-top: 0px !important;
    width: 100%;
    position: absolute;
  }
  
  .main-products.product-list .product-thumb .button-group {
    justify-content: flex-end !important;
  }
  
  .main-products.product-list .owc_journal3 .product-thumb .price {   
    width: 100%;
    position: absolute;
    bottom: 44px;
  }  
  .main-products.product-list.product-list .product-layout .image {
    float: left !important;     
    width: calc(var(--width-image-list-portrait) - 8px) !important;
    margin-right: 0px !important;
    padding-bottom: 16px;
  }   
  .main-products.product-list.product-list .product-img div {
    width: 100%
  }  
  .main-products.product-list .product-thumb .caption .name {
    max-width: 100%;
  }  
  .main-products.product-list .product-thumb .caption .quality-label {
    bottom: 32px !important;
    right: auto !important;
    margin-left: 0px !important;    
  }
  
  /* Quality label position right price */
  /*
  .main-products.product-list .product-thumb .caption .quality-label {
    bottom: 40px !important;
  }
  .main-products.product-list .product-thumb .caption .quality-label {   
    bottom: 16px !important;
    right: 0px !important;
  } 
  .main-products.product-list.product-list .product-layout .image {
    padding-bottom: 0px;
  }
  */
  
  .main-products.product-list .product-thumb .image .wish-group a {   
    margin-right: 0px !important;
  }

  .grid-list {
    display: flex !important;
  }   
  /* Enable all labels on image */
  .main-products.product-list .image .product-labels {
    display: flex !important;    
  }
  .main-products.product-list .caption .product-labels {   
    left: 0px !important;
  }
  .main-products.product-list .image .product-labels .product-label {
    margin-left: 5px !important;
  }
  .main-products.product-list .product-thumb .owc_productpageenhanced_ds.owc_stock.positive {
    margin-left: 0px !important;
  }
  .main-products.product-list .owc_productpageenhanced_ds.owc_stock.negative {   
    position: relative !important;
    top: 0px !important;
    right: 16px !important;
    margin-right: 0px !important;
    margin-left: 16px;
  }
  .main-products.product-list .owc_journal3 .product-thumb .price {
    display: inherit !important;
    margin: inherit !important;
  }
  .main-products.product-list .product-thumb .owc_productpageenhanced_ds.order {
    position: fixed;
    bottom: -12px;
    right: 0px;
  }
  /* Start quality label below image */
  /*.main-products.product-list.product-list .product-layout .image {
    padding-bottom: 12px !important;
  }
  .main-products.product-list .caption .product-labels {
    display: none !important;
  }  
  .main-products.product-list .image .product-labels .quality-label {    
    left: 0px !important;
  }*/
  /* End quality label below image */
  /* Start quality label below title */
  .main-products.product-list .product-thumb .caption {   
    height: 120px !important;    
    align-items: start;
  }
  /* Disable quantity label on image*/
  .main-products.product-list .image .product-labels .quality-label {
    display: none !important;
    right: 0px !important;    
  }
  .main-products.product-list .caption .product-labels {
    display: flex !important;
  } 
  .main-products.product-list .caption .product-labels .product-label:not(.quality-label) {
    display: none !important;
  } 
  /* End quality label below title */   
  .product-thumb .extra-group span.text-extra-46 {   
    display: flex !important;
  }  
  html:not(.is-customer) .main-products.product-list .product-thumb .extra-group div {
    float: initial !important;
  }
  .main-products.product-list .extra-group .product {
    display: initial !important;
  }
  .main-products.product-list .extra-group div.login {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}
/* End Product list layout on mobile in portrait mode */

/*-----------------------------------------
  End category product cart
-----------------------------------------*/

/*-----------------------------------------
  Start cart
-----------------------------------------*/
.cart-products .price-new,
.cart-table .price-new,
.cart-section .price-new {
  color: var(--color-dark-sky-green); 
  vertical-align: top;
  order: 1;
}
.cart-products .price-old,
.cart-table .price-old,
.cart-section .price-old {  
  color: var(--color-dark-grey);
  text-decoration: line-through;  
  order: 2;
}
.cart-table .price-old {
  font-size: 70%;
  vertical-align: top;
  color: var(--color-dark-grey); 
}
#checkout-cart .stepper {
  border-radius: var(--border-radius-default);
  margin-right: 8px;
  border-style: solid;
  border-color: var(--color-light-grey);
  min-width: 60px;
}
#checkout-cart .input-group .input-group-btn .btn {
  margin-right: 8px;  
}

#checkout-cart .cart-bottom {
  border-radius: var(--border-radius-default);
  background-color: var(--color-light-grey);
  height: 100%;
}
/* Start DOC_LINK_SHIPPING_FREE */
#checkout-cart .cart-total table .shipping td {
  vertical-align: top;  
}
#checkout-cart .cart-total table .shipping.free-shipping td {  
  padding-top: 0px !important;
}
#checkout-cart .cart-total table .shipping td span {
  display: block;
  font-size: 80%;
  font-style: italic;
  color: var(--color-electric-orange);
}
/* End DOC_LINK_SHIPPING_FREE */

#checkout-cart .cart-total table tr:last-child td {
  border-width: 1px 0 0 0;
  border-color: var(--color-dark-grey-75) !important;
}
#checkout-cart .cart-bottom .pull-left {
  margin-left: auto;
  margin-right: auto;
}
#checkout-cart .cart-bottom .pull-left a {
  padding-right: 0px;
  padding-left: 0px;
}
#checkout-cart .text-danger {
  display: block;
}

@media (min-width: 1024px) {
  .route-checkout-cart #content .table-responsive table tr td.td-price,
  .route-checkout-cart #content .table-responsive table tr td.td-total {
    min-width: 140px;  
  }
}

div.cart-content .cart-buttons a:first-child {
  margin-left: 0px !important;  
}
div.cart-content .cart-buttons a:last-child {
  margin-right: 0px !important;  
}

@media (min-width: 1024px) {
  .title.download-cart {
    max-width: calc(100% -  var(--width-cart-content-container) - var(--padding-left-cart-content-container));
  }
}
.out-of-stock-danger {
  background-color: var(--color-light-grey);
}

/*-----------------------------------------
  End cart
-----------------------------------------*/

/*-----------------------------------------
  Start checkout
-----------------------------------------*/
@media (min-width: 1024px) {
  .quick-checkout-wrapper > div .left {
    width: 70% !important;
  }
  .quick-checkout-wrapper > div .right {
    width: calc(100% - 70%) !important;
    margin-bottom: 24px;
  }
}
.checkout-section.cart-section .stepper {
  border-radius: var(--border-radius-default);
  border-style: solid;
  border-color: var(--color-light-grey);  
  background: #fff !important;
  width: 100px;
}
@media (max-width: 760px) {
  .product-info .stepper {  
    min-width: auto !important;
  }
}
.checkout-section.cart-section {
  padding: 0px !important;  
}
.quick-checkout-wrapper .cart-section .title {
  padding: 16px;   
}
div.cart-content .section-body tbody .td-name .name {
  float: left;
  width: calc(100% - 24px);
  margin-right: 0px;
}
div.cart-content .section-body tbody .td-remove {
  padding: 0px;
}
div.cart-content .section-body tbody .td-remove button {
  color: var(--color-electric-green);
  background: none;
}

/* Start sticky cart */
html.header-sticky.desktop.admin-bar-visible .quick-checkout-wrapper div.cart-content {
  top: calc(var(--header-height) + var(--header-main-menu-height) + var(--admin-bar-height) + 32px);
}
html.header-sticky .quick-checkout-wrapper div.cart-content {
  top: calc(var(--header-height) + var(--header-main-menu-height));
}
html.header-sticky .quick-checkout-wrapper div.cart-content {
  top: 140px;
  position: sticky;
}
.quick-checkout-wrapper div.cart-content {
  padding-top: 15px;    
}
.quick-checkout-wrapper .right .cart-section .cart-products {
  height: 400px;
}
/* End sticky cart */

.quick-checkout-wrapper .cart-section .cart-totals {
  background-color: var(--color-light-grey) !important;
  border-radius: var(--border-radius-default);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 16px;
  position: relative;
}
.quick-checkout-wrapper .cart-section table td { 
  border: 0px;
  border-top-width: 1px !important;     
}
.quick-checkout-wrapper .cart-section.cart-content table td {
  padding-right: 4px !important;  
}
.quick-checkout-wrapper .cart-section table td.text-right {
  text-align: right;
}
.quick-checkout-wrapper .cart-content .cart-products tbody > tr:last-of-type > td {
  border-bottom: 0 !important;
}
.quick-checkout-wrapper .cart-section table tfoot td {
  padding-top: 8px !important;
}
.quick-checkout-wrapper .cart-section table tfoot td {
  padding-top: 8px !important;
}
.quick-checkout-wrapper .cart-section .cart-products {
  max-height: 100%;
  padding-bottom: 16px;
}
.quick-checkout-wrapper .cart-content .cart-totals table tr:last-child td {
  padding-top1: 4px !important;
}

.quick-checkout-wrapper .shipping-payment .section-body > div > div {
  padding-left: 0px;
}

.quick-checkout-wrapper #tabs-shipping-methods {
  margin-bottom1: 16px;
}

.quick-checkout-wrapper #tabs-shipping-methods li {
  padding: 2px;
  border-radius: var(--border-radius-default);
  border: 1px var(--color-light-grey) solid;
  margin-right: 16px;
  margin-bottom: 16px;
}
.quick-checkout-wrapper #tabs-shipping-methods li.active, .quick-checkout-wrapper #tabs-shipping-methods li:hover { 
  border-color: var(--color-electric-orange);
}

.quick-checkout-wrapper #tabs-shipping-methods > li > a {
  border-radius: unset !important;
  background-position1: left top;
  background-color: transparent;  
  display: grid;
  padding: 8px;
  padding-left: 36px;
  background-position: 8px 8px !important;
}

.quick-checkout-wrapper #tabs-shipping-methods > li > a.pickup {
  padding-left: 16px;
}
.quick-checkout-wrapper #tabs-shipping-methods > li > a.fedex {
  background-position: 16px 10px !important;
}

.quick-checkout-wrapper #tabs-shipping-methods > li > a span.title {
  font-size: 14px;  
  letter-spacing: var(--font-letter-spacing-14);
}
.quick-checkout-wrapper #tabs-shipping-methods > li > a span.cost {
  font-size: 14px;  
  letter-spacing: var(--font-letter-spacing-14);
  font-family: var(--font-family-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-dark-sky-green);
}
.quick-checkout-wrapper #tabs-shipping-methods > li:hover > a span.cost {
  color: var(--color-electric-orange);
}

.quick-checkout-wrapper .ship-wrapper p {
  background-color: var(--color-light-grey);
  border-radius: var(--border-radius-default);
  padding: 16px;
}
.quick-checkout-wrapper .ship-wrapper p.bottomtext {
  padding-top: 16px;
}
.quick-checkout-wrapper .error_owc_euvat {
  padding: 16px 0px;
}
.quick-checkout-wrapper .error_owc_euvat .has-error {
  color: var(--color-dark-sky-green) !important;
}
.quick-checkout-wrapper .ship-wrapper .free-shipping {
  font-style: italic;
  font-size: 80%;
}
/* Start DOC_LINK_SHIPPING_FREE */
.cart-content .cart-totals table .shipping td {
  vertical-align: top;   
}
.cart-content .cart-totals table .shipping.free-shipping td {  
  padding-top: 0px !important;
}
.cart-content .cart-totals table .shipping td span {
  display: block;
  font-size: 80%;
  font-style: italic;
  color: var(--color-electric-orange);
}
/* End DOC_LINK_SHIPPING_FREE */

/* Start checkout cart on mobile */
.mobile-header-active .quick-checkout-wrapper .cart-content {
  height: auto !important; 
}
.quick-checkout-wrapper .cart-section .cart-products {
   max-height: 300px;  
}
.mobile-header-active .cart-content .cart-totals {
  position: relative !important;
}
.mobile-header-active .checkout-section.cart-section {
  padding: 16px !important;
}
.mobile-header-active .quick-checkout-wrapper .cart-section .title {
  padding: 0px !important;
}
.mobile-header-active div.cart-content .cart-products {
  padding-left: 0px;
  padding-right: 8px;
}
/* End checkout cart on mobile */

/* Start Shop credits */
.quick-checkout-wrapper .checkout-section.section-cvr .input-group {
  justify-content: flex-start !important;
}  
.quick-checkout-wrapper .checkout-section.section-cvr label {
  max-width: 100% !important;
}  
.quick-checkout-wrapper .checkout-section.section-cvr  input {
  max-width: 300px;
}
.quick-checkout-wrapper .checkout-section.section-cvr .input-group-btn {
  height: auto;
  margin-left: 8px;
}
.quick-checkout-wrapper .checkout-section.section-cvr .input-group-btn .btn {
    margin-right: 32px;
}

/* End Shop credits */

/* Start align payment methods */
/*.section-payment .section-body div:not(.radio) {
  flex-basis: 100% !important;    
  min-width: 100% !important;
  width: 100% !important;    
}

@media only screen and (min-width: 992px) { 
  .section-payment .section-body {
    flex-direction: row !important;
    flex-flow: wrap !important;      
    -ms-flex-direction: row !important;
  }
  
  .section-payment .section-body div:not(.radio) {
    flex-basis: 50% !important;    
    min-width: 50% !important;
    width: 50% !important;    
  }
}
.ship-wrapper p {
  margin-bottom: 4px;
}*/
/* End align payment methods */

/*-----------------------------------------
  End checkout
-----------------------------------------*/

/*-----------------------------------------
  Start rma
-----------------------------------------*/

/* Start RMA cart */
html.mobile.is-customer[class*='account'] .mobile-cart-wrapper.rma-cart-wrapper  {
  display: flex;    
}

.rma-content {
  min-width: 100% !important;
}
.cart-content.rma-content .cart-totals,
.cart-content.rma-content .cart-totals .cart-buttons {
  background: none;
}
.cart-content.rma-content .cart-products {
  max-height: calc(var(--db-max-height-table-overflow) + 84px) !important;
}
.cart-content.rma-content .cart-totals div {
  padding: 7px;
} 
.cart-content.rma-content .cart-buttons {
  border-top: 1px solid var(--color-light-grey);
  background: none;
}
.cart-content.rma-content .name a {  
  font-weight: 300 !important;
}
.cart-content.rma-content .article-number {  
  font-size: 11px;
  letter-spacing: var(--font-letter-spacing-11);
}
.cart-content.rma-content .cart-products tbody .td-image {
  min-width: var(--width-image-rma);
  vertical-align: top;
  padding-bottom: 0px !important;
}
.cart-content.rma-content .cart-products tbody > tr > td.reason {
  border: none !important;
  padding-top: 0px !important;
}
.rma-cart-wrapper .fa-reply::before {
  content: "\f112" !important;
  font-size: 20px !important;
  top: 2px;
}
.mobile-rma-cart-content-wrapper .cart-totals .pagination-results {
  margin: 0px !important; 
}
.mobile-rma-cart-content-wrapper .cart-totals .pagination-results div {
  padding-bottom: 0px !important;  
}
#rma-cart-items {
  z-index: 1;
  top: 0;
  right: 0;
  margin: 0;
    margin-top: 0px;
  position: absolute;
}  

.mobile-header-active #rma-cart-items.count-badge {
  transform: translateX(-7px);
  margin-top: 10px;
  display: inline-flex;
}
.mobile-container.mobile-rma-cart-content-container {
  transform: translate3d(100%, 0, 0);
  left: auto;
  right: 0;
}
/* End RMA cart */
.master-list-columns .full-search {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.account-rma-addrma .master-list-columns .full-search .header-search {
  width: 60%;  
}
.master-list-columns .full-search .label-info {
  margin-left: 32px;
  width: calc(40% - 32px);
}
@media screen and (max-width: 1024px) {
  .master-list-columns .full-search .header-search {
    width: 100%;  
  }
  .master-list-columns .full-search .label-info {
    margin-left: 0px;
    width: 100%;
  }
}
.master-list-columns .details-column-results tr td:first-child {
  padding-left: 8px !important; 
}
.master-list-columns .details-column-results tr td {
  padding-top: 4px !important;
}
@media screen and (max-width: 1024px) {
  .master-list-columns .details-column-results tr td:first-child {
    padding-left1: 0px !important; 
  }

  .master-list-columns .details-column-results tr td.product,
  .master-list-columns .details-column-results tr td.product table td.name,
  .master-list-columns .details-column-results tr td.product table td.action {
    padding-right: 0px !important;
  } 
}
.master-list-columns .details-column-results tr td.product table tr td {
  border-top-width: 0px !important;
  padding-top: 0px !important;
}
.master-list-columns .details-column-results .product-done-rma, .master-list-columns .details-column-results .product-done-rma table tr {
  background-color: var(--color-light-grey-50);
}
.master-list-columns .details-column-results .product-in-rma td.product:first-child {
  border-left: 2px solid var(--color-incart) !important;
}
.master-list-columns .details-column-results .order {  
  white-space: nowrap;
}
.master-list-columns .details-column-results .reason {
  min-width: 200px;  
}
.master-list-columns .details-column-results .stepper {
  display: inline-flex;
  width: 100px; 
  border-radius: 20px;
  margin-right: 8px;
  border-style: solid;
  border-color: rgba(242, 242, 242, 1);
  height: 26px;
}
.master-list-columns .details-column-results .extra-info {
  --rma-extra-info-max-width: 200px;
  min-width: var(--rma-extra-info-max-width);  
  max-width: var(--rma-extra-info-max-width);  
}
@media screen and (max-width: 1024px) {
  .master-list-columns .details-column-results .extra-info {    
    min-width: auto;      
  }
}
.master-list-columns .details-column-results p.addinfo {
  cursor: pointer;
}
.master-list-columns .details-column-results textarea.addinfo {
  width: 100%;  
  min-width: var(--rma-extra-info-max-width);
  overflow: hidden;    
  position: absolute;
  z-index: 1000;
  margin-top: -16px;
  max-width: 200px;  
}
.master-list-columns .details-column-results button.addinfo {
    position: relative;
    top: -20px;
    right: -20px;
    background-color: var(--color-electric-green);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    z-index: 10000;
    float: right;
    padding: 10px;
}
.master-list-columns .details-column-results button.addinfo::before {
  content: '\f00c' !important;
  font-family: icomoon !important;
  font-size: 16px;
  letter-spacing: var(--font-letter-spacing-25);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .master-list-columns .details-column-results textarea.addinfo {
    max-width: 100%;
    left: 0px;
  }  
  .master-list-columns .details-column-results textarea.addinfo {    
    overflow: unset !important;
    position: relative !important;
    margin-top: 0px;
  }
  .master-list-columns .details-column-results button.addinfo {
    top: -16px;
    right: -8px;
  }
}
.master-list-columns .text_info {
  padding-top: 8px;  
  font-size: 80%;
  font-style: italic;
}
.master-list-columns .ms-parent.form-control {
  max-width1: 600px;
}
.master-list-columns table .ms-parent.form-control.ms-parent-open {
  max-width: 200px;
  position: absolute;
  z-index: 1000;
  margin-top: -16px;
}  

.rma-image{
  max-width: 80px;
  max-height: 80px;
  margin-left: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}

.master-list-columns .details-column-results td.product table td.image {
  width: calc(50px + 30px);
}

@media screen and (min-width: 1024px) {	
	.master-list-columns .details-column-results td.product table tr.mobile {
	  display: none;
	}
}
@media screen and (max-width: 1024px) {
  .master-list-columns .details-column-results td:not(.mobile).quantity-rma,
  .master-list-columns .details-column-results td:not(.mobile).quantity, 
	.master-list-columns .details-column-results td:not(.mobile).action,
	.master-list-columns .details-column-results td:not(.mobile).reason,
	.master-list-columns .details-column-results td:not(.mobile).extra-info {
	  display: none;
	}	
}

#form_rma_add .form-group .control-label {
  margin-bottom: 0px;
}

ul.thumbnails .image-additional {
  display: inline-block;
  margin-right: 10px;
}

/* Start module info blocks 386 RMA steps */
.rma-wrapper.module-info-386 {
  max-width: 100% !important;
  background-color: var(--color-electric-orange);
  height: 48px;
}  
.rma-wrapper.module-info-386 .module {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.module-info_blocks-386 .module-item:not(:last-child) {    
  width: calc(calc(100% - var(--db-rma-width-prev-next)) / 3 - 0.01px) !important;
  white-space: nowrap;
  padding: 16px 8px !important;
}
.module-info_blocks-386 .module-item:last-child {  
  width: var(--db-rma-width-prev-next) !important;  
  padding: 16px 0px !important;
}

.module-info_blocks-386 .module-item:last-child .info-block {
  justify-content: end;
}

.module-info_blocks-386 .module-item:last-child .info-block .btn.send {
  display: none;  
}

.module-info_blocks-386 .module-item:not(:last-child) .info-block-content { 
  display: flex;  
  flex-grow: 1;
  flex-basis: 1%;  
  align-items: center;
  flex-direction: row;
}
.module-info_blocks-386 .module-item:not(:last-child) .info-block-content .info-block-text { 
  background: var(--color-dark-grey);
  flex: 1;  
  height: 1px;
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 1200px) {
  .module-info_blocks-386 .info-blocks {
    white-space: normal !important;
  }
}
.module-info_blocks-386 .module-item-1 {
  margin-left: -4px;
}

/* first left align and last right align */
.module-info_blocks-386 .module-item-1 .info-block {
  justify-content: flex-start !important;
  text-align: left;
}
.module-info_blocks-386 .module-item-3 .info-block {
  justify-content: flex-end !important;  
}
.module-info_blocks-386 .module-item .info-block::before {
  color: var(--color-dark-grey-75);
  border-radius: var(--border-radius-default);
  background-color: var(--color-light-grey);
}
.module-info_blocks-386 .module-item.active .info-block::before {  
  color: #fff;
  background-color: var(--color-electric-green);
}
.module-info_blocks-386 .module-item.active .info-block .info-block-title { 
  font-weight: 500 !important;
}
.module-info_blocks-386 .module-item:not(.active) .info-block .info-block-title {
  color: var(--color-dark-sky-green);
}
.module-info_blocks-386 .module-item.prev .info-block .info-block-title {
  cursor: pointer;
}
.module-info_blocks-386 .module-item.prev .info-block:hover::before {
  background-color: var(--color-electric-green);
  color: #fff;
}  
.module-info_blocks-386 .module-item.prev .info-block .info-block-title:hover {
  color: var(--color-electric-green);
  font-weight: 500 !important;
}

@media (max-width: 760px) {
  .module-info_blocks-386 .module-item:not(:last-child):not(.active) .info-block .info-block-title,
  .module-info_blocks-386 .module-item .info-block .info-block-text {
    display: none;
  }
  .module-info_blocks-386 .module-item:not(:last-child):not(.active) {  
    width: calc(calc(100% - 132px - var(--db-rma-width-prev-next)) / 2 - 0.01px) !important;
    white-space: nowrap;
    padding: 16px 0px !important;
  }
  .module-info_blocks-386 .module-item:not(:last-child).active {  
    width: 132px !important;
    white-space: nowrap;
    padding: 16px 2px !important;
  }
}
.module-info_blocks-386 .module-item-1 .info-block::before {
  content: '1' !important;  
}
.module-info_blocks-386 .module-item-2 .info-block::before {
  content: '2' !important;  
}
.module-info_blocks-386 .module-item-3 .info-block::before {
  content: '3' !important;  
}
/* End module info blocks 386 register steps */

/*-----------------------------------------
  End rma
-----------------------------------------*/

/*-----------------------------------------
  Start register
-----------------------------------------*/
#account-register {
  border-radius: var(--border-radius-default);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-light-grey);  
  width: fit-content;
  padding: 16px;
  margin-top:    32px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  #account-register {
    min-width: 800px;
  }
}
@media (max-width: 760px) {
  #account-register {
    border-width: 0px;
    padding: 0px;
  }
}
#account-register #content { 
  padding-top:    0px !important;
  padding-bottom: 0px !important; 
}

/* Start module info blocks 384 Register steps */
.usp-wrapper.module-info-384 {
  max-width: 100% !important;
  background-color: var(--color-electric-orange);
  height: 48px;
}  
.usp-wrapper.module-info-384 .module {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.module-info_blocks-384 .info-blocks {  
  width: calc(100% / 4 - 0.01px) !important;
  white-space: nowrap;
  padding: 32px !important;
}
@media screen and (max-width: 1200px) {
  .module-info_blocks-384 .info-blocks {
    white-space: normal !important;
  }
}
.module-info_blocks-384 .module-item-1 {
  margin-left: -4px;
}

/* first left align and last right align */
.module-info_blocks-384 .module-item-1 .info-block {
  justify-content: flex-start !important;
  text-align: left;
}
.module-info_blocks-384 .module-item-4 .info-block {
  justify-content: flex-end !important;  
}
.module-info_blocks-384 .module-item .info-block::before {
  color: var(--color-dark-grey-75);
  border-radius: var(--border-radius-default);
  background-color: var(--color-light-grey);
}
.module-info_blocks-384 .module-item.active .info-block::before {  
  color: #fff;
  background-color: var(--color-electric-green);
}
.module-info_blocks-384 .module-item.active .info-block .info-block-title { 
  font-weight: 500 !important;
}
.module-info_blocks-384 .module-item:not(.active) .info-block .info-block-title {
  color: #fff;
}

@media (max-width: 760px) {
  .module-info_blocks-384 .module-item .info-block .info-block-title {
    display: none;
  }
}
.module-info_blocks-384 .module-item-1 .info-block::before {
  content: '1' !important;  
}
.module-info_blocks-384 .module-item-2 .info-block::before {
  content: '2' !important;  
}
.module-info_blocks-384 .module-item-3 .info-block::before {
  content: '3' !important;  
}
.module-info_blocks-384 .module-item-4 .info-block::before {
  content: '4' !important;  
}
/* End module info blocks 384 register steps */
  
/*-----------------------------------------
  End register
-----------------------------------------*/

/*-----------------------------------------
  Start modules
-----------------------------------------*/
/* Start Home Categories */
.module-categories-313 .category-thumb .image {
  width: 40% !important;
  float: left  !important;  
  padding-bottom: 16px;
}
.module-categories-313 .category-thumb .caption {
  width: 60%  !important;
  float: right !important; 
}
.module-categories-313 .category-thumb {
  display: block !important;
}
.module-categories-313 .category-thumb .name a {
  white-space: normal !important;
  text-align: right !important;
}
.module-categories-313 .category-thumb .button-group {  
  bottom: 0px;
  position: absolute;
  right: 0px;
}
/* End Home Categories */
/* Start Home Brands */
.module-manufacturers-317 .manufacturer-thumb .image {
  width1: 40% !important;
  float1: left  !important;  
}
.module-manufacturers-317 div.manufacturer-layout:last-child .image a {
  margin-right: 0px !important;
}

.module-manufacturers-317 .manufacturer-thumb .caption {
  width1: 0%  !important;
  float1: right !important; 
  margin-top1: 32px;
  display: none;
}
.module-manufacturers-317 .manufacturer-thumb {
  display: block !important;
}
.module-manufacturers-317 .manufacturer-thumb .name a {
  white-space: normal !important;
  text-align: left !important;
}
.module-manufacturers-317 .manufacturer-thumb .button-group {  
  bottom: 16px;
  position: absolute;
  right: 0px;
}
/* End Home Brands */

/* Start Home Testimonials */
.module-testimonials-315 .block-body .block-content,
.module-testimonials-315 .block-body .block-footer {
  text-align: left !important;
  font-style: normal !important;
}
/* End Home Testimonials */

/* Start Home Article */
/*
.module-blog_posts-40.module-blog_posts-grid .post-thumb .image {
  width: 50% !important;
  float: right  !important;    
}
.module-blog_posts-40.module-blog_posts-grid .post-thumb .caption {
  width: 50%  !important;
  float: left !important; 
  padding-right: 16px;
  height: 100%;
}
.module-blog_posts-40.module-blog_posts-grid .post-thumb {
  display: block !important;
}
.module-blog_posts-40.module-blog_posts-grid .post-thumb .button-group {  
  bottom: 16px;
  position: absolute;
  right: 16px;
}*/
/* End Home Article */
/* Start Pixdura showcase products */
.module-banners-132 .module-item img {
  margin-top: 40%;  
}
/* End Pixdura showcase products */

/* Start Pixdura compare the specs */
.module-banners-420 .module-item .button {
  margin-top: 96px;  
}
@media (max-width: 820px) {
  .module-banners-420 .module-item .button {
    margin-top: 80px;  
  }
}
@media (max-width: 760px) {
  .module-banners-420 .module-item .button {
    margin-top: 50%;  
  }
}

/* End Pixdura compare the specs */

/* End Pixdura banner 1 */
html.layout-37 .module-master_slider-327 {
  max-height: 500px;  
}
html.layout-37 .module-master_slider-327 .ms-inner-controls-cont .ms-view,
html.layout-37 .module-master_slider-327 .ms-inner-controls-cont .ms-view .ms-scroll-parallax-cont,
html.layout-37 .module-master_slider-327 .ms-inner-controls-cont .ms-view .ms-slide-layers {
  max-width: 1500px !important;
  max-height: 500px;  
  left: 0px !important;
}
/* For big screen display different banner so the pixdura screen are in the right please */
@media (min-width: 2360px) {
  html.layout-37 .grid-row-top-1 {
    background-image: url('/image/catalog/emc/banners/pixdura/pixdura-banner1-big-no-text.jpg') !important;    
  }
}
@media (max-width: 470px) {
  html.layout-37 .grid-row-top-1 {
    background-position-x: 40%;  
  }
  html.layout-37 .module-master_slider-327 .ms-inner-controls-cont .ms-view,
  html.layout-37 .module-master_slider-327 .ms-inner-controls-cont .ms-view .module-item {
    height: calc(160px) !important;  
  }
}
/* End Pixdura banner 1 */

/* Start Pixdura banner europa */
@media (max-width: 470px) {
  html.layout-37 .grid-row-top-4 {
    background-position-x: 10%;  
  }  
}
/* End Pixdura banner europa */

/* Start Popup filter */
.module-categories-370 .category-thumb .image {
  width: 40% !important;
  float: left  !important; 
}
.module-categories-370 .category-thumb .caption {
  width: 60%  !important;
  float: right !important; 
}
.module-categories-370 .category-thumb {
  display: block !important;
  padding-bottom: 0px !important;
  background: var(--color-light-grey);
}
.module-categories-370 .category-thumb label { 
  margin-bottom: 0px !important;
  font-size: 14px;
  letter-spacing: var(--font-letter-spacing-14);
}
.module-categories-370 .category-thumb .button-group {  
  bottom: 16px;
  position: absolute;
  right: 0px;
}
.module-categories-370 .category-thumb:hover {
  background: var(--color-electric-orange);
}
.module-categories-370 .category-thumb .name span { 
  word-break: break-word;
}
/* End Popup filter */

/* Company information page */
.module-blocks-363.blocks-grid .module-item:not(.swiper-slide) {
  padding-left: 0px !important;
}
.module-blocks-363 .block-content table td {
  vertical-align: top;
  width: 50%;  
}

/* Need help to align text bottom */
footer .grid-row-1 .grid-col-1 .grid-item {
  height: 100% !important;
}
footer .grid-row-1 .grid-col-1 .grid-item h3.title.module-title {
  display: none;
}
footer .grid-row-1 .grid-col-1 .grid-item h3 {
  color: #fff;
}

/* DOC_LINK_STYLING_BANNERS Disable guest banner for customers */
html.route-common-home.is-customer.mobile .grid-row.grid-row-top-1,               /* Top banner guests */
html.route-common-home.is-customer.mobile .grid-row.grid-row-top-3,               /* Manufacturers */
html.route-common-home.is-customer.mobile .grid-row.grid-row-bottom-1,            /* testimonials */
html.route-common-home.is-customer.mobile .grid-row.grid-row-bottom-3 {           /* testimonials */
  display: none;  
}

@media screen and (min-width: 1024px) { 
  html.route-common-home .grid-row.grid-row-top-1,                                /* Top banner guests */
  html.route-common-home .grid-row.grid-row-top-2,                                /* Top banner customers */
  html.route-common-home .grid-row.grid-row-top-1 .ms-container,
  html.route-common-home .grid-row.grid-row-top-2 .ms-container,
  html.route-common-home .grid-row.grid-row-top-1 .module-item,
  html.route-common-home .grid-row.grid-row-top-2 .module-item {
    max-height: 550px !important;
  }
}

/*-----------------------------------------
  End modules
-----------------------------------------*/

/*-----------------------------------------
  Start home top slider
  DOC_LINK_STYLING_BANNERS
  DOC_LINK_HOME_TOP_SLIDER
  390 is the Guest banner
  436 is the Customer banner
-----------------------------------------*/
.module-master_slider-390 .ms-anim-layers,
.module-master_slider-461 .ms-anim-layers {  
  right: 0;
  background-color1: rgba(75, 90, 95, 0.50);
  background: linear-gradient(90deg, var(--color-dark-sky-green), var(--color-dark-grey-75));

  border-radius: 20px;
  margin: var(--slider-block-margin) 0px;
  position: absolute;
  width: 30%;
  height: calc(100% - var(--slider-block-margin) * 2 - var(--slider-block-padding) * 2);
  padding: var(--slider-block-padding);  
}

.module-master_slider-390 .ms-anim-layers div,
.module-master_slider-461 .ms-anim-layers div {
  width: calc(100% - var(--slider-block-padding));
}
.module-master_slider-390 .ms-anim-layers div h1,
.module-master_slider-461 .ms-anim-layers div h1 {
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: 100%;
  margin-bottom: inherit;
  color: inherit;
}

.module-master_slider-390 .ms-anim-layers .ms-layer-button.module-subitem-3,
.module-master_slider-461 .ms-anim-layers .ms-layer-button.module-subitem-3 {
  transform-origin: left !important;
}
.module-master_slider-390 .ms-anim-layers .ms-layer-button.module-subitem-4,
.module-master_slider-461 .ms-anim-layers .ms-layer-button.module-subitem-4 {
  transform-origin: right !important;
  right: calc(var(--slider-block-margin) / 2);
}
.module-master_slider-390 .ms-anim-layers .ms-parallax-layer,
.module-master_slider-461 .ms-anim-layers .ms-parallax-layer {
  width: calc(100% - var(--slider-block-padding));
}
.module-master_slider-390 .ms-anim-layers .ms-parallax-layer strong,
.module-master_slider-461 .ms-anim-layers .ms-parallax-layer strong {
  color1: var(--color-electric-green);
}

@media (max-width: 1680px) {
  .module-master_slider-461 .ms-anim-layers {     
    margin: calc(var(--slider-block-margin) / 2) 0px;     
    height: calc(100% - var(--slider-block-margin) - var(--slider-block-padding) * 2);
    padding: var(--slider-block-padding);  
  }
}

@media (max-width: 1500px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin: 32px;
    margin-right: var(--padding-content-when-max-with);
  }
  .module-master_slider-390 .ms-anim-layers .ms-layer-button.module-subitem-4,
  .module-master_slider-461 .ms-anim-layers .ms-layer-button.module-subitem-4 {
    transform-origin: right !important;    
  } 
}
/* Buttons both 50% */
@media (min-width: 640px) {
  .module-master_slider-390 .ms-anim-layers .ms-layer-button,
  .module-master_slider-461 .ms-anim-layers .ms-layer-button {
    min-width: calc(50%);
  }
}
@media (min-width: 1024px) {
  .module-master_slider-390 .ms-anim-layers .ms-layer-button,
  .module-master_slider-461 .ms-anim-layers .ms-layer-button {
    min-width: calc(50% - var(--slider-block-padding) - (var(--slider-block-margin) / 2) - var(--padding-content-when-max-with));
  }
}

@media (max-width: 1024px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:  24px;  
    --slider-block-padding:  16px;   
    --padding-content-when-max-with: 24px; 
    width: 35%;  
  }
}
@media (max-width: 980px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:  24px;  
    --slider-block-padding:  16px;  
    --padding-content-when-max-with: 24px;  
    width: 35%;  
  }
}
@media (max-width: 760px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:  16px;  
    --slider-block-padding:  16px; 
    --padding-content-when-max-with: 16px; 
    width: 40%;
    margin-right: var(--padding-content-when-max-with);
  }  
}
@media (max-width: 640px) {
  .module-master_slider-390 .ms-inner-controls-cont .ms-view,
  .module-master_slider-390 .ms-inner-controls-cont .ms-view .module-item,
  .module-master_slider-461 .ms-inner-controls-cont .ms-view,
  .module-master_slider-461 .ms-inner-controls-cont .ms-view .module-item {
    height: calc(135px + 35px) !important;  
  }
}
  
@media (max-width: 540px) {  
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:  16px;  
    --slider-block-padding:  16px; 
    --padding-content-when-max-with: 16px; 
    width: 45%;
    margin-right: var(--padding-content-when-max-with);
  }  
}
@media (max-width: 470px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:   16px;  
    --slider-block-padding:  8px;  
    --padding-content-when-max-with: 8px;
    width: 50%;
  }     
}
@media (max-width: 359px) {
  .module-master_slider-390 .ms-anim-layers,
  .module-master_slider-461 .ms-anim-layers { 
    --slider-block-margin:   16px;  
    --slider-block-padding:  6px;  
    --padding-content-when-max-with: 6px;
    width: 55%;
  }  
  .module-master_slider-390 .ms-anim-layers .ms-layer-text.module-subitem-2,
  .module-master_slider-461 .ms-anim-layers .ms-layer-text.module-subitem-2 {
    display: none;  
  }
}
/* Top Banner for customers */
@media (max-width: 640px) {
  .module-master_slider-436 .ms-inner-controls-cont .ms-view,
  .module-master_slider-436 .ms-inner-controls-cont .ms-view .module-item,
  .module-master_slider-461 .ms-inner-controls-cont .ms-view,
  .module-master_slider-461 .ms-inner-controls-cont .ms-view .module-item {
    height1: calc(135px + 35px) !important;  
  }
}
/*-----------------------------------------
  End home top slider
-----------------------------------------*/  

/*-----------------------------------------
  Start adress on registration page and account address
-----------------------------------------*/

.address-form.form-horizontal .form-group.multicolumn .multicolumn-item div:not(.address-vat-coc) {
  height: 100%;
}
@media screen and (max-width: 1024px) {  
  .address-form.form-horizontal .form-group.multicolumn .multicolumn-item div,
  .address-form.form-horizontal .form-group.multicolumn input, .address-form .form-group.multicolumn > div {
    width: 100% !important;
  }
}

@media screen and (min-width: 1024px) {
  .address-form.form-horizontal .form-group.multicolumn > div {
    max-width: calc(var(--max-width-input-form-control) / 2);
  }
  .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:last-child input, .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:last-child select {  
    width:     calc(var(--max-width-input-form-control) / 2) !important;
    max-width: calc(var(--max-width-input-form-control) / 2) !important;
  }
  .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:first-child input, .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:first-child selecorm-group.multicolumn > div {
    width: 100% !important;
  }
}

@media screen and (min-width: 1024px) {
  .address-form.form-horizontal .form-group.multicolumn > div {
    max-width: calc(var(--max-width-input-form-control) / 2);
  }
  .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:last-child input, .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:last-child select {  
    width:     calc(var(--max-width-input-form-control) / 2) !important;
    max-width: calc(var(--max-width-input-form-control) / 2) !important;
  }
  .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:first-child input, .address-form.form-horizontal .form-group.multicolumn div.multicolumn-item:first-child select {  
    width:     calc(calc(var(--max-width-input-form-control) / 2) - 16px) !important;
    max-width: calc(calc(var(--max-width-input-form-control) / 2) - 16px) !important;
  }  
  .address-form.form-horizontal #telephone-hpccs {
    width: calc(calc(var(--max-width-input-form-control) / 2) - 16px) !important;
    max-width: calc(calc(var(--max-width-input-form-control) / 2) - 16px) !important;
  }
}
.register-form #agree {
  margin-top: 16px !important;
}
.register-form .buttons {
  margin-top: 32px !important;
} 

/* Country Code Selector extension */
.iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type="text"], .iti--allow-dropdown input.iti__tel-input[type="tel"] {
  padding-left: var(--iti-selected-country-arrow-padding) !important; 
}

/*-----------------------------------------
  End adress on registration page and account address
-----------------------------------------*/

/*-----------------------------------------
  Start Sendcloud
-----------------------------------------*/
html[class*='account'] #sendcloud-service-point-info {
  display: none;
}
.quick-checkout-wrapper #sendcloud-service-point-info {
  margin-top: 16px;
  background-color: var(--color-light-grey);
  border-radius: var(--border-radius-default);
  padding: 16px;
  width: fit-content;
}

.quick-checkout-wrapper #sendcloud-service-point-info,
.quick-checkout-wrapper #sendcloud-service-point-button {
  display1: none;  
}

/*-----------------------------------------
  End Sendcloud
-----------------------------------------*/  

/*-----------------------------------------
  Start blog 
-----------------------------------------*/
.route-journal3-blog-post #content .post-details1,
.route-journal3-blog-post #content,
.route-journal3-blog-post #content #content-bottom { 
  max-width: 1024px;
}
.route-journal3-blog-post #content {
  margin-left: auto;
  margin-right: auto;
}

.route-journal3-blog-post .btn-back {
  margin-bottom: 16px;  
}

/* Default Blog slider padding */
.module.module-master_slider.module-master_slider-426 .ms-slide-layers {
  padding1: 16px;
}

.container.blog-home .side-column .grid-row,
.container.blog-post .side-column .grid-row {
  border-radius: 20px;
} 
/* Left column top when scrolling down */
html.header-sticky .container.blog-home #column-left > .grid-rows,
html.header-sticky .container.blog-post #column-left > .grid-rows {
  top: calc(var(--header-height) + var(--header-main-menu-height) + 16px);
}

/* Featured article, two items, image 50% */
.module-blog_posts-431 .post-thumb img {
  width: 50% !important;
} 
.post-stats .p-date {
  margin-right: 0px;  
}

.post-stats .p-category::before {
  margin-right: 4px !important;    
}

.module-blog_categories-42 a {
  margin: 1px 0px;
}

.module-blog_categories-42 a {
  border-radius: var(--border-radius-default);
}
.module-blog_categories-42 a span {
  width: 100%;
}
.module-blog_categories-42 a:hover::before,
.module-blog_categories-42 a.active::before,
.module-blog_categories-42 a.active span {
  color: var(--color-electric-green);
}
.module-blog_categories-42 a.active {
  background1: rgba(5, 30, 35, 1);
  color: var(--color-electric-green);
}

.module-blog_categories .module-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 240px));
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .module-blog_categories .module-body {
    display: flex;
  }
}

/* Start Title and category over image */
.post-grid .post-layout .post-thumb .caption:not(.description) { 
  background-color: rgba(255, 255, 255, 0.7) !important;  
  position: absolute !important;
  bottom: 0px !important;
  width: 100% !important;
  padding-top: 8px;
  padding-bottom: 4px;
}
.post-grid .post-layout .post-thumb .caption:not(.description) .button-group {
  margin-top: 4px !important;  
}

.post-grid .post-layout .post-thumb  {
  flex: 1 1 auto;
  min-width: 0;  
}

.post-grid .post-layout .post-thumb .caption:not(.description) .content-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.post-grid .post-layout .post-thumb .caption:not(.description) .text-content {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.post-grid .post-layout .post-thumb .caption:not(.description) .text-content:not(.text-content-button) {
  max-width: calc(100% - 50px); /* space between name and right button */
}

.post-grid .post-layout .post-thumb .caption:not(.description) .text-content .name a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 8px;
  margin-left: -8px;
  padding-right: 8px;
  margin-right: -8px;
}

.post-grid .post-layout .post-thumb .caption:not(.description) .button-group {
  flex-shrink: 0;
  align-self: flex-start; 
}
/* End Title and category over image */
/* Button in bottom */
.post-grid .post-layout .post-thumb .caption.description .content-row {
  display: flex;
  flex-direction: column;
  height: 100%; 
}

/* Start Blog City layout */
html.layout-39 .post-details .post-image, 
html.layout-39 .post-details .post-stats {
  display: none;  
}
html.layout-39 .post-content {
  margin-top: 64px;
}

html.layout-39 .post-content .row {
  margin-top: 32px;
  margin-bottom: 32px;  
}

html.layout-39 .post-content .row .btn {
  margin-top: 16px;
}

html.layout-39 .post-content .row .text-center .btn.chat {
  margin-left: 32px;
}

@media screen and (min-width: 768px) {  

  html.layout-39 .post-content .row div.text:nth-of-type(1) {
    padding: 0px 32px 16px 0px;
  }
  
  html.layout-39 .post-content .row div.text:nth-of-type(2) {
    padding: 0px 0px 16px 32px;
  }
}
@media screen and (max-width: 768px) {
  html.layout-39 .post-content {
    margin-top: 0px;
  }
  
  html.layout-39 .post-content .row div.text:nth-of-type(1) {
    padding-bottom: 16px;
  }
  
  html.layout-39 .post-content .row div.text:nth-of-type(2) {
    padding-bottom: 16px;
  }
  
  html.layout-39 .post-content .row.reverse  {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* End Blog City layout */

/*-----------------------------------------
  End blog 
-----------------------------------------*/

/*-----------------------------------------
  DOC_LINK_PRODUCT_TAX_PRICES
  Start Display In Tax Prices 
-----------------------------------------*/
html.desktop .owc-display-tax-prices {
  margin-right: 10px !important; 
}
/*html.desktop .owc-display-tax-prices a::after {
  font-size1: 10px !important;
  letter-spacing1: var(--font-letter-spacing-10) !important;
}*/
html.desktop .owc-display-tax-prices a {
    display: inline-block;
    padding: 5px 6px 4px 26px !important;
    border-radius: 15px;       
    position: relative;       
    margin-top: 9px;
    font-size: 12px !important; 
    letter-spacing: var(--font-letter-spacing-12);
    min-height: 24px;
}
html.desktop .owc-display-tax-prices a:hover {
   color: #fff !important; 
}
html.desktop .owc-display-tax-prices a:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: var(--color-medium-grey);   
    border-radius: 50%;
    position: absolute;
    top1:  7px;
    top:  7px;
    left: 3px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}
html.desktop.show-tax-prices .owc-display-tax-prices a .in-tax {  
  padding-right: 5px; 
}
html.desktop:not(.show-tax-prices) .owc-display-tax-prices a .ex-tax {
  padding-right: 2px;  
}
/* Enabled */
html.desktop.show-tax-prices .owc-display-tax-prices a {
  background: var(--color-electric-green); 
  color: #fff;   
}
html.desktop.show-tax-prices .owc-display-tax-prices a:after {
  background: #fff;   
}
html.desktop.show-tax-prices .owc-display-tax-prices a .ex-tax,
html:not(.show-tax-prices) .owc-account-menu .owc-display-tax-prices a .ex-tax {
  display: none;
}

/* Disabled */
html.desktop:not(.show-tax-prices) .owc-display-tax-prices a {
  background: #fff;  
  color: var(--color-dark-sky-green) !important;
  padding: 5px 26px 4px 6px !important;    
}
html.desktop:not(.show-tax-prices) .owc-display-tax-prices a:after {
  left: calc(100% - 22px); /* Switch to the right */
}
html.desktop:not(.show-tax-prices) .owc-display-tax-prices a .in-tax,
html.show-tax-prices .owc-account-menu .owc-display-tax-prices a .in-tax {
  display: none;
}
/* Display in tax text */
.text-in-tax {
  margin-left: 4px;
  font-size: 9px;
  font-weight: var(--font-weight-light);
  letter-spacing: var(--font-letter-spacing-9);
  color: var(--color-dark-sky-green) !important;
}
/* Don't display in tax tekst when special */
.price.special .text-in-tax {
  display: none;
}
/*-----------------------------------------
  End Display In Tax Prices 
-----------------------------------------*/

.route-journal3-blog-post #content .post-details1, .route-journal3-blog-post #content, .route-journal3-blog-post #content #content-bottom {
  max-width: 1500px !important;
}

@media screen and (min-width: 1280px) {
  html.layout-39 .post-content .row div.text:nth-of-type(1) {
    padding: 0px 96px 16px 0px !important;
  }
  html.layout-39 .post-content .row div.text:nth-of-type(2) {
    padding: 0px 0px 16px 96px !important;
  }
  html.layout-39.desktop .post-content .col-sm-5 {
    width: 33.33333333% !important;
  }  
  html.layout-39.desktop .post-content .col-sm-7 {
    width: 66.66666667% !important;
  }
}