@charset "UTF-8";
/* Config B2B
---------------------------------------------------------------- */
* {
  --primary-color-hs: 206deg 100%;
  --primary-color-l: 47%;
  --secondary-color-hs: 200deg 100%;
  --secondary-color-l: 63%;
  --header-top-bg: linear-gradient(to right, var(--light-gray-color), var(--gray-color-10));
  --header-top-color: var(--gray-color);
  --products-menu-lv1-arrow-hover:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTk4LjM0NHB4IiBoZWlnaHQ9IjMyNC41NjFweCIgdmlld0JveD0iMCAwIDE5OC4zNDQgMzI0LjU2MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk4LjM0NCAzMjQuNTYxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM0MkMwRkYiIGQ9Ik0xMjYuMjE4LDE2Mi4yODJMLTAuMDAxLDM2LjA2M0wzNi4wNjMsMGwxNjIuMjgyLDE2Mi4yODJMMzYuMDYyLDMyNC41NjJsLTM2LjA2My0zNi4wNjNMMTI2LjIxOCwxNjIuMjgyeiINCgkvPg0KPC9zdmc+DQo=");
  --products-table-border: unset;
  --products-table-radius: unset;
  --products-table-shadow: unset;
  --products-table-th-bg: unset;
  --products-table-th-color: var(--theme-color);
  --products-table-th-size: 1em;
  --products-table-th-weight: normal;
  --products-table-th-text-align: left;
  --products-table-th-padding: .75em .75em;
  --products-table-th-line-height: 1.2;
  --products-table-th-valign: middle;
  --products-table-th-border: 2px solid var(--theme-color-10);
  --products-table-td-padding: .375em .75em;
  --products-table-td-border: 1px solid var(--theme-color-10);
  --products-table-td-valign: middle;
  --products-table-view-code-width: 3em;
  --products-table-view-code-color: var(--theme-color-70);
  --products-table-view-code-size: .875em;
  --products-table-view-code-weight: normal;
  --products-table-view-code-whitespace: nowrap;
  --products-table-view-name-line-height: 1.2;
  --products-table-view-name-color: var(--theme-color);
  --products-table-view-name-size: 1em;
  --products-table-view-name-weight: normal;
  --products-table-view-desc-display: -webkit-box;
  --products-table-view-desc-orient: vertical;
  --products-table-view-desc-line-clamp: 2;
  --products-table-view-desc-max-height: unset;
  --products-table-view-desc-color: var(--theme-color-60);
  --products-table-view-desc-size: .875em;
  --products-table-view-desc-weight: normal;
  --products-table-view-favorite-width: 2em;
  --products-table-view-favorite-icon-size: 2em;
  --products-table-view-favorite-icon-font-size: 1.125em;
  --products-table-view-favorite-radius: 50%;
  --products-table-view-favorite-family: "remixicon";
  --products-table-view-favorite-icon-add-shadow: 0 0 0 2px var(--theme-color-20) inset;
  --products-table-view-favorite-icon-add-color: var(--theme-color-20);
  --products-table-view-favorite-icon-add: var(--product-add-wishlist-icon-content);
  --products-table-view-favorite-icon-remove-shadow: 0 0 0 2em var(--secondary-color) inset;
  --products-table-view-favorite-icon-remove-color: var(--white-color);
  --products-table-view-favorite-icon-remove: var(--product-remove-wishlist-icon-content);
  --products-table-view-name-width: unset;
  --products-table-view-image-width: 3em;
  --products-table-view-image-larger-bg: var(--theme-bg);
  --products-table-view-image-larger-width: 13em;
  --products-table-view-image-larger-padding: .75em;
  --products-table-view-image-larger-radius: var(--b-radius);
  --products-table-view-image-larger-shadow: 0 .375em 1em var(--theme-color-30);
  --products-table-view-packaging-width: unset;
  --products-table-view-packaging-color: var(--theme-color-70);
  --products-table-view-packaging-size: .9em;
  --products-table-view-packaging-weight: normal;
  --products-table-view-lager-width: unset;
  --products-table-view-price-lager-color: inherit;
  --products-table-view-price-lager-size: inherit;
  --products-table-view-price-lager-weight: bold;
  --products-table-view-price-discount-width: 3.5em;
  --products-table-view-price-discount-color: var(--theme-color);
  --products-table-view-price-discount-size: .9em;
  --products-table-view-price-discount-weight: normal;
  --products-table-view-price-discounted-width: 5em;
  --products-table-view-price-discounted-color: var(--theme-color-70);
  --products-table-view-price-discounted-size: .9em;
  --products-table-view-price-discounted-weight: normal;
  --products-table-view-price-wholesale-width: unset;
  --products-table-view-price-wholesale-color: inherit;
  --products-table-view-price-wholesale-size: .9em;
  --products-table-view-price-wholesale-weight: bold;
  --products-table-view-price-change-width: 2em;
  --products-table-view-price-change-icon-size: 2em;
  --products-table-view-price-change-icon-font-size: 1em;
  --products-table-view-price-change-icon-radius: 50%;
  --products-table-view-price-change-icon-family: remixicon;
  --products-table-view-price-change-up-icon: "";
  --products-table-view-price-change-up-shadow: 0 0 0 2em var(--primary-color) inset;
  --products-table-view-price-change-up-color: var(--white-color);
  --products-table-view-price-change-down-icon: "";
  --products-table-view-price-change-down-shadow: 0 0 0 2px var(--secondary-color) inset;
  --products-table-view-price-change-down-color: var(--secondary-color);
  --products-table-view-price-change-same-icon: "";
  --products-table-view-price-change-same-shadow: 0 0 0 2px var(--theme-color-10) inset;
  --products-table-view-price-change-same-color: var(--theme-color-50);
  --products-table-view-cart-width: unset;
  --products-table-view-cart-color: var(--primary-color);
  --products-table-view-cart-size: 1em;
  --products-table-view-cart-weight: bold;
  --products-table-view-add-cart-width: 9em;
  --products-table-view-add-qty-size: .75em;
  --products-table-view-add-qty-width: 7em;
  --products-table-view-add-btn-size: .75em;
  --products-table-view-add-btn-width: unset;
  --products-table-view-add-btn-icon: "";
  --products-table-view-add-btn-icon-family: remixicon;
  --products-table-responsive-td-padding: .175em 0;
  --products-table-responsive-td-gap: 0 1em;
  --products-table-responsive-grid-columns: 1fr 1fr 1fr 1fr;
  --products-table-responsive-grid-areas: "image image image image" "code code code code" "name name name name" "wholesale-price wholesale-price wholesale-price wholesale-price" "discount-price discount-price discount-price discount-price" "discounted-price discounted-price discounted-price discounted-price" "packaging packaging packaging packaging" "lager lager cart cart" "price-change add-cart add-cart add-cart";
  --product-main-b2b-cat-title-font-size: 1.875em;
  --product-main-b2b-cat-group-font-size: .875em;
  --product-main-b2b-cat-group-color: var(--primary-color);
  --product-main-b2b-cat-group-weight: normal;
  --product-main-list-gap: .75em;
  --product-main-list-table-margin: 2em;
  --product-main-list-table-th-padding: .25em .75em;
  --product-main-list-table-th-top-border: 1px solid var(--theme-color-10);
  --product-rabat-color: var(--theme-color-50);
  --product-rabat-size: .75em;
  --product-rabat-weight: normal;
  --product-rabat-percent-weight: bold;
  --product-rabat-final-color: var(--theme-color-70);
  --product-rabat-final-size: .875em;
  --product-rabat-final-weight: normal;
  --product-rabat-gap: .25em;
  --filters-sidebar-width: 400px;
  --filters-sidebar-bg: var(--theme-bg);
  --filters-sidebar-color: var(--theme-color);
  --filters-sidebar-padding: 1.5em;
  --filters-sidebar-shadow-color: var(--black-color-15);
  --currency-choose-head-inset: 100% 0 auto auto;
  --currency-choose-head-label-size: .875em;
  --currency-choose-head-shown-bg: var(--white-color);
  --currency-choose-head-shown-color: var(--gray-color);
  --currency-choose-head-shown-radius: var(--b-radius-sm);
  --currency-choose-head-shown-padding: .375em .75em;
  --currency-choose-head-shown-size: .875em;
  --currency-choose-head-shown-weight: normal;
  --currency-choose-select-bg: var(--theme-bg);
  --currency-choose-select-color: var(--theme-color);
  --currency-choose-select-radius: var(--b-radius-sm);
  --currency-choose-select-shadow: 0 5px 15px var(--theme-color-10);
  --currency-choose-select-padding: .25em 0;
  --currency-choose-select-font-size: .875rem;
  --currency-choose-select-line-height: 1.2;
  --currency-choose-select-transform: translateY(30px);
  --currency-choose-select-hover-transform: translateY(0);
  --currency-choose-select-li-padding: .375em .75em;
  --currency-choose-select-li-color: var(--theme-color-50);
  --currency-choose-select-li-hover-color: var(--theme-color);
  --currency-choose-select-li-active-color: var(--secondary-color);
  --currency-choose-select-li-line-inset: auto .75em 0;
  --currency-choose-standalone-bg: unset;
  --currency-choose-standalone-color: var(--theme-color);
  --currency-choose-standalone-radius: var(--b-radius);
  --currency-choose-standalone-padding: 1em;
  --currency-choose-standalone-margin: 0 0 1em;
  --currency-choose-standalone-shadow: 0 5px 15px var(--theme-color-20);
  --currency-choose-standalone-border: unset;
  --currency-choose-standalone-label-size: 1.25em;
  --currency-choose-standalone-label-weight: bold;
  --currency-choose-standalone-label-color: var(--primary-color);
  --currency-choose-standalone-list-gap: .125em;
  --currency-choose-standalone-check-icon-checked: "";
  --currency-choose-standalone-check-icon-unchecked: "";
  --currency-choose-standalone-check-family: remixicon;
  --currency-choose-standalone-check-color-unchecked: var(--theme-color-20);
  --currency-choose-standalone-check-color-checked: var(--primary-color);
  --currency-choose-standalone-check-color-hover: var(--theme-color-50);
  --currency-choose-standalone-check-size: 1.6em;
  --saldo-w-bg: none;
  --saldo-w-color: currentColor;
  --saldo-w-border: 0;
  --saldo-w-radius: 0;
  --saldo-w-padding: 0;
  --saldo-w-display: grid;
  --saldo-w-columns: 1fr 1fr 1fr 1fr;
  --saldo-w-columns-767: 1fr 1fr;
  --saldo-w-columns-575: 1fr;
  --saldo-w-gap: 1em;
  --saldo-w-margin: 0 0 1em;
  --saldo-w-align: center;
  --saldo-w-justify: stretch;
  --saldo-w-li-border: 2px solid transparent;
  --saldo-w-li-radius: var(--b-radius);
  --saldo-w-li-padding: 1em;
  --saldo-w-li-align: center;
  --saldo-w-li-justify: center;
  --saldo-w-li-display: flex;
  --saldo-w-li-f-direction: column;
  --saldo-w-li-columns: unset;
  --saldo-w-li-areas: unset;
  --saldo-w-li-gap: .25em;
  --saldo-w-icon-size: 2.5em;
  --saldo-w-icon-family: remixicon;
  --saldo-w-text-size: 1em;
  --saldo-w-text-strong-size: 1.375em;
  --saldo-w-bought-icon: "";
  --saldo-w-bought-bg: var(--primary-color);
  --saldo-w-bought-color: var(--white-color);
  --saldo-w-bought-border-color: transparent;
  --saldo-w-paid-icon: "";
  --saldo-w-paid-bg: var(--secondary-color);
  --saldo-w-paid-color: var(--white-color);
  --saldo-w-paid-border-color: transparent;
  --saldo-w-current-icon: "";
  --saldo-w-current-bg: var(--theme-color-5);
  --saldo-w-current-color: var(--theme-color-80);
  --saldo-w-current-border-color: transparent;
  --saldo-w-conflicted-icon: "";
  --saldo-w-conflicted-bg: none;
  --saldo-w-conflicted-color: var(--primary-color);
  --saldo-w-conflicted-border-color: var(--primary-color-20);
  --client-thead-font-size: .875em;
  --client-thead-bg: var(--primary-color);
  --client-total-balance-font-size: .875em;
  --client-total-balance-sticky-top: 0;
  --client-font-size: .875em;
  --client-table-max-height: 30em;
  --client-table-thead-position: sticky;
  --client-table-tfoot-position: sticky;
  --sp-add-input-btn-group-gap: .5em;
  --sp-add-input-btn-group-max-width: 150px;
  --sp-add-input-btn-group-align: center;
  --account-login-bg-img: url(/assets/img/login-bgn-b2b.webp);
  --account-login-bg: linear-gradient(to bottom, var(--theme-color-70), var(--black-color-80)) repeat, var(--account-login-bg-img) no-repeat;
  --account-login-bg-size: cover;
  --account-login-bg-position: center;
  --account-login-color: var(--white-color);
  --account-login-width: 600px;
  --account-login-padding: 1em;
  --account-login-headline-size: 1.75rem;
  --account-login-head-bg: linear-gradient(to right, var(--primary-color), var(--secondary-color)) no-repeat, var(--theme-bg) repeat;
  --account-login-head-bg-size: 100% 6px, 100%;
  --account-login-head-bg-position: 0 100%, 0 0;
  --account-login-head-color: var(--theme-color);
  --account-login-head-radius: var(--b-radius) var(--b-radius) 0 0;
  --account-login-head-shadow: 0 5px 30px var(--theme-color-30);
  --account-login-head-x-padding: 1.5em;
  --account-login-head-y-padding: 1.25em;
  --account-login-foot-bg: linear-gradient(to right, var(--primary-color), var(--secondary-color)) no-repeat;
  --account-login-foot-bg-size: 100%;
  --account-login-foot-bg-position: 0 0;
  --account-login-foot-color: var(--white-color);
  --account-login-foot-radius: 0 0 var(--b-radius) var(--b-radius);
  --account-login-foot-shadow: 0 -5px 30px var(--theme-color-30);
  --account-login-foot-x-padding: 1.5em;
  --account-login-foot-y-padding: 1.25em;
  --account-login-main-bg: var(--theme-bg);
  --account-login-main-color: var(--theme-color);
  --account-login-main-border: 0;
  --account-login-main-radius: 0;
  --account-login-main-padding: 1.5em 1.5em 2em;
  --account-login-account-bg: unset;
  --account-login-account-color: inherit;
  --account-login-account-border: 0;
  --account-login-account-radius: 0;
  --account-login-account-padding: 0;
  --account-login-myoffice-logo: url(/assets/img/myoffice-white.svg);
  --checkout-sidebar-sticky-top: 1em;
  --checkout-sidebar-sticky-height: calc(100dvh - 3.5em);
  --checkout-sidebar-sticky-product-list-height: calc(var(--checkout-sidebar-sticky-height) - 21em);
}

.mys-head .mys-top a {
  color: var(--gray-color);
}

.mys-b2b-logo .logo-wrap {
  gap: 0.75rem;
}
.mys-b2b-logo .logo-wrap .logo-text {
  padding-left: 0.75rem;
  font-size: 0.75em;
  border-left: 1px solid var(--theme-color-10);
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-b2b-logo .logo-wrap:hover .logo-text {
  color: var(--theme-color-50);
}

@media (max-width: 575px) {
  .mys-b2b-logo .logo-wrap .logo-text {
    display: none !important;
  }
  .mys-head .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-label {
    display: none;
  }
}