/* DO NOT MAKE CHANGES IN THIS FILE. Generated by sass located at [REPO ROOT]/sass  */
@font-face {
  font-family: "gu-icons";
  src: url("./fonts/icomoon.eot?633mcx");
  src: url("./fonts/icomoon.eot?633mcx#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?633mcx") format("truetype"), url("./fonts/icomoon.woff?633mcx") format("woff"), url("./fonts/icomoon.svg?633mcx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: "gu-icons";
  src: url("./fonts/icomoon.eot?633mcx");
  src: url("./fonts/icomoon.eot?633mcx#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?633mcx") format("truetype"), url("./fonts/icomoon.woff?633mcx") format("woff"), url("./fonts/icomoon.svg?633mcx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@media screen and (min-width: 1280px) {
  html, body, form {
    font-size: 14px;
    line-height: 18px; } }

@media screen and (min-width: 1640px) {
  html, body, form {
    font-size: 16px;
    line-height: 20px; } }

a {
  color: #333; }

.Primary {
  color: #fff !important;
  background-color: #333 !important; }
  .Primary:hover:not(.aspNetDisabled) {
    color: #333 !important;
    background-color: #fff !important; }

h1, h2, h3, h4 {
  border: none;
  color: #333; }

h1 {
  font-size: 1.6rem;
  line-height: 1.6rem; }

h2 {
  font-size: 1.3rem;
  line-height: 1.3rem; }

h4 {
  font-size: 1.3rem;
  line-height: 1.3rem; }

select {
  border-color: #e6e6e6;
  color: #333; }

dt.hidden {
  display: none; }

dt.visible {
  display: block; }

.SearchLoaderWrapper {
  background-color: rgba(255, 255, 255, 0.3); }

.Button {
  border-color: #333;
  color: #333;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .Button {
      width: 100%;
      text-align: center; } }

.ShopListPopupWrapper h3 {
  background-color: #333;
  color: #fff;
  border-bottom: none; }

.CustomDropDownListOuterWrapper {
  color: #333;
  border-color: #e6e6e6;
  width: 370px;
  margin-bottom: 10px; }
  .CustomDropDownListOuterWrapper .CustomDropDownListInnerWrapper .Items .Item.Selected {
    color: #333;
    background-color: #e6e6e6; }
  @media screen and (max-width: 768px) {
    .CustomDropDownListOuterWrapper {
      width: 100%; } }

.nomargin {
  margin: 0; }

.CheckboxWrapper label:before {
  content: '\f111';
  font-family: 'FontAwesome5Light';
  font-size: 18px;
  margin-right: 11px;
  float: left; }

.CheckboxWrapper input:checked + label:before {
  content: '\f058';
  font-family: 'FontAwesome5Light'; }

.Trashcan {
  float: none; }
  .Trashcan::before {
    color: #333; }
  .Trashcan:hover::before {
    color: #e6e6e6; }

/* START Date picker classes */
.CalendarIcon:before {
  content: '\f273';
  font-family: FontAwesome;
  font-size: 24px; }

.CalendarIcon.Valid:before {
  content: '\f274'; }

.ui-datepicker {
  background-color: #fff;
  border: 0px #ccc solid;
  min-width: 280px;
  max-width: 400px; }
  .ui-datepicker .ui-datepicker-header {
    background-color: #333;
    color: #fff; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      padding-top: 4px;
      cursor: pointer;
      color: #fff; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
      content: '\f053';
      font-family: FontAwesome;
      float: left;
      padding-left: 5px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
      content: '\f054';
      font-family: FontAwesome;
      float: right;
      padding-right: 5px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      color: white; }
  .ui-datepicker .ui-datepicker-calendar th {
    border: 1px solid #ddd !important;
    background-color: #eee; }
  .ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #eee !important; }
  .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled {
    background-color: #eee;
    border: 1px solid #ddd !important; }
  .ui-datepicker .ui-datepicker-calendar td a {
    text-align: center !important; }
  .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled span {
    text-align: center; }

/* END Date picker classes */
.CustomPopupInnerWrapper {
  border-color: #333; }

input[type=button].aspNetDisabled {
  opacity: 0.2;
  cursor: default; }

.DiscountRibbon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 80px 80px 0 0;
  border-color: transparent #333 transparent transparent;
  right: 0;
  bottom: 0;
  position: absolute; }

.DiscountRibbonNumber {
  color: #fff;
  width: 45px;
  right: 0;
  bottom: 0;
  position: absolute;
  padding: 5px; }

.NewsRibbon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 80px 80px;
  border-color: transparent transparent transparent #333;
  left: 0;
  top: 0;
  position: absolute; }

.NewsRibbonText {
  color: #fff;
  width: 45px;
  left: 0;
  top: 0;
  position: absolute;
  padding: 5px; }

.ExpiredRibbon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 90px 0 0;
  border-color: #333 transparent transparent transparent;
  top: 0;
  left: 0;
  position: absolute; }

.ExpiredRibbonText {
  color: #fff;
  width: 45px;
  left: 0;
  top: 0;
  position: absolute;
  padding: 8px; }

.AddToCartPopup {
  z-index: 2;
  background-color: #5cb85c;
  color: #fff;
  margin-top: -90px; }

.MobileIcon {
  color: #fff; }
  .MobileIcon:hover {
    color: #999999;
    background-color: transparent; }
  @media screen and (min-width: 768px) {
    .MobileIcon.CategoryBars, .MobileIcon.User {
      display: none; } }
  .MobileIcon.WebPages::before {
    font-family: "gu-icons";
    content: "\e903";
    font-size: 2.5rem; }
  .MobileIcon.Cart::before {
    font-family: "gu-icons";
    content: "\e901";
    font-size: 2.5rem; }
  .MobileIcon.Cart .Count {
    margin-top: -10px;
    margin-left: 5px; }
  .MobileIcon.User::before {
    font-family: "gu-icons";
    content: "\e905";
    font-size: 2.5rem; }
  .MobileIcon.User.LoggedIn::before {
    font-family: "gu-icons";
    content: "\e905";
    font-size: 2.5rem; }

.MobileMenuOuterWrapper {
  z-index: 1000; }
  .MobileMenuOuterWrapper .MobileMenuHeader {
    background-color: #fff; }
    .MobileMenuOuterWrapper .MobileMenuHeader img {
      max-width: calc(100% - 50px); }
  .MobileMenuOuterWrapper .MobileMenuClose::before {
    color: #333; }
  .MobileMenuOuterWrapper .CustomerLogoutMobile {
    cursor: pointer;
    padding-left: 40px; }
    .MobileMenuOuterWrapper .CustomerLogoutMobile::before {
      position: absolute;
      left: 8px; }
    .MobileMenuOuterWrapper .CustomerLogoutMobile::before {
      font-family: "gu-icons";
      content: "\e905";
      font-size: 1.8rem; }

.LayoutWrapper {
  grid-template-areas: "header"
 "content"
 "footer";
  grid-template-rows: 163px 1fr auto; }
  @media screen and (min-width: 768px) {
    .LayoutWrapper {
      grid-template-rows: 218px 1fr auto; } }
  @media screen and (min-width: 1280px) {
    .LayoutWrapper {
      grid-template-rows: 278px 1fr auto; } }
  .LayoutWrapper .FixedHeaderWrapper {
    z-index: 999; }

.Home::before, .CustomerRegister::before, .CustomerLogin::before {
  content: none; }

.HeaderWrapper {
  grid-template-areas: "webmenu webmenu webmenu webmenu . . customermenu customermenu customermenu currencycode"
 "logo logo logo search search search search minicart minicart changelanguage"
 "categorymenu categorymenu categorymenu categorymenu categorymenu categorymenu categorymenu categorymenu customerselection customerselection"
 ". . . . . . . . . ."; }
  @media screen and (min-width: 768px) {
    .HeaderWrapper {
      grid-template-rows: 34px 111px 40px 33px; } }
  @media screen and (min-width: 1280px) {
    .HeaderWrapper {
      grid-template-rows: 50px 118px 65px 45px; } }
  @media screen and (max-width: 768px) {
    .HeaderWrapper {
      grid-template-rows: 111px auto;
      grid-template-areas: "logo logo logo logo logo . . . changelanguage changelanguage"
 "webmenu webmenu categorymenu categorymenu search search minicart minicart customermenu customermenu"; } }
  .HeaderWrapper .WebpagesMenuWrapper {
    align-self: center; }
    .HeaderWrapper .WebpagesMenuWrapper .WebPagesMenu ul {
      padding-top: 0; }
    .HeaderWrapper .WebpagesMenuWrapper .WebPagesMenu ul li a {
      color: #333;
      text-transform: uppercase; }
      .HeaderWrapper .WebpagesMenuWrapper .WebPagesMenu ul li a:hover {
        color: #999999; }
  .HeaderWrapper .CurrencyCodeMenuWrapper {
    grid-area: currencycode;
    align-self: center;
    justify-self: end; }
    @media screen and (max-width: 768px) {
      .HeaderWrapper .CurrencyCodeMenuWrapper {
        display: none; } }
  .HeaderWrapper .CustomerSelectionWrapper {
    grid-area: customerselection;
    align-self: center;
    justify-self: end; }
  .HeaderWrapper .CustomerMenuWrapper {
    align-self: center;
    justify-self: end; }
    @media screen and (max-width: 768px) {
      .HeaderWrapper .CustomerMenuWrapper {
        justify-self: center; } }
    .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul {
      padding-top: 0; }
      @media screen and (min-width: 768px) {
        .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul:not(.CustomerMenuDropDown) {
          display: block; } }
      .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li.LoggedInUser span::after {
        margin-left: 5px;
        font-family: 'gu-icons';
        content: '\e905'; }
    .HeaderWrapper .CustomerMenuWrapper .CustomerMenu .CustomerMenuDropDown {
      top: 25px;
      background-color: #fff;
      border-color: #e6e6e6; }
    .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li a, .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li span {
      color: #333;
      text-transform: none;
      padding-right: 25px; }
      .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li a:hover, .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li span:hover {
        color: #999999; }
      .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li a::after, .HeaderWrapper .CustomerMenuWrapper .CustomerMenu ul li span::after {
        font-size: 1.3rem; }
  .HeaderWrapper .LogoWrapper {
    align-self: center; }
    .HeaderWrapper .LogoWrapper img {
      max-width: 400px;
      width: 100%; }
  .HeaderWrapper .SearchWrapper {
    align-self: center; }
    .HeaderWrapper .SearchWrapper .SearchContent {
      border: none;
      position: relative;
      padding: 5px 40px;
      background: #e6e6e6; }
      .HeaderWrapper .SearchWrapper .SearchContent::before {
        content: '';
        position: absolute;
        top: 0;
        left: -20px;
        width: 40px;
        height: 100%;
        background: #fff;
        transform: skew(-45deg); }
      .HeaderWrapper .SearchWrapper .SearchContent::after {
        content: '';
        position: absolute;
        top: 0;
        right: -20px;
        width: 40px;
        height: 100%;
        background: #fff;
        transform: skew(-45deg); }
      .HeaderWrapper .SearchWrapper .SearchContent input {
        background: none; }
      .HeaderWrapper .SearchWrapper .SearchContent .SearchButton {
        right: 30px; }
        .HeaderWrapper .SearchWrapper .SearchContent .SearchButton::before {
          font-size: 20px;
          padding-top: 6px; }
      .HeaderWrapper .SearchWrapper .SearchContent .SearchResultWrapper {
        left: 0px;
        width: calc(100% - 40px); }
        .HeaderWrapper .SearchWrapper .SearchContent .SearchResultWrapper img {
          position: absolute;
          top: 2px;
          left: 2px;
          bottom: 2px;
          right: 2px; }
    .HeaderWrapper .SearchWrapper .SearchOuterWrapper {
      margin-top: 0; }
  .HeaderWrapper .MiniCartWrapper {
    align-self: center;
    justify-self: end; }
    @media screen and (max-width: 768px) {
      .HeaderWrapper .MiniCartWrapper {
        justify-self: center; } }
    .HeaderWrapper .MiniCartWrapper a:hover {
      background: inherit;
      text-decoration: none; }
    .HeaderWrapper .MiniCartWrapper .MiniCartInnerWrapper {
      display: inline-block; }
    .HeaderWrapper .MiniCartWrapper a.MiniCartLink {
      margin-top: 0;
      transition: none;
      text-decoration: none;
      float: none;
      padding-left: 0;
      color: #333; }
      .HeaderWrapper .MiniCartWrapper a.MiniCartLink Span.Count {
        color: #333;
        border-color: #333;
        background-color: #e6e6e6; }
        @media screen and (max-width: 980px) {
          .HeaderWrapper .MiniCartWrapper a.MiniCartLink Span.Count {
            width: 16px;
            height: 16px;
            line-height: 17px; } }
        @media screen and (min-width: 980px) {
          .HeaderWrapper .MiniCartWrapper a.MiniCartLink Span.Count {
            width: 18px;
            height: 18px;
            line-height: 18px; } }
      .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon {
        display: inline-block;
        width: 25px;
        height: 25px; }
        .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon::before {
          font-family: "gu-icons";
          content: "\e901";
          font-size: 2.1rem; }
        .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon::before {
          left: 2px; }
        @media screen and (min-width: 980px) {
          .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon {
            width: 29px;
            height: 29px; } }
        @media screen and (min-width: 1280px) {
          .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon {
            width: 32px;
            height: 32px; } }
        @media screen and (min-width: 1640px) {
          .HeaderWrapper .MiniCartWrapper a.MiniCartLink .MiniCartIcon {
            width: 36px;
            height: 36px; } }
    .HeaderWrapper .MiniCartWrapper .HomeIcon, .HeaderWrapper .MiniCartWrapper .UserIcon, .HeaderWrapper .MiniCartWrapper .ShoppinglistIcon {
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .HeaderWrapper .MiniCartWrapper .HomeIcon, .HeaderWrapper .MiniCartWrapper .UserIcon, .HeaderWrapper .MiniCartWrapper .ShoppinglistIcon {
          display: none; } }
    .HeaderWrapper .MiniCartWrapper .HomeIcon::before {
      font-family: "gu-icons";
      content: "\e903";
      font-size: 2.1rem; }
    .HeaderWrapper .MiniCartWrapper .UserIcon::before {
      font-family: "gu-icons";
      content: "\e905";
      font-size: 2.1rem; }
    .HeaderWrapper .MiniCartWrapper .ShoppinglistIcon::before {
      font-family: "gu-icons";
      content: "\e904";
      font-size: 2.1rem; }
  .HeaderWrapper .LanguageWrapper {
    grid-area: changelanguage;
    align-self: center;
    padding-top: 10px;
    padding-left: 5px; }
    .HeaderWrapper .LanguageWrapper .LanguageIcon {
      cursor: pointer; }
      .HeaderWrapper .LanguageWrapper .LanguageIcon::before {
        font-family: "gu-icons";
        content: "\e906";
        font-size: 2.2rem; }
      .HeaderWrapper .LanguageWrapper .LanguageIcon.English::before {
        font-family: "gu-icons";
        content: "\e902";
        font-size: 2.2rem; }
      @media screen and (max-width: 768px) {
        .HeaderWrapper .LanguageWrapper .LanguageIcon.English::before {
          font-size: 4rem; } }
      @media screen and (max-width: 768px) {
        .HeaderWrapper .LanguageWrapper .LanguageIcon::before {
          font-size: 4rem; } }
    @media screen and (max-width: 768px) {
      .HeaderWrapper .LanguageWrapper {
        justify-self: center; } }
  .HeaderWrapper .CategoryMenuWrapper {
    grid-area: categorymenu;
    align-self: center; }
    @media screen and (min-width: 768px) {
      .HeaderWrapper .CategoryMenuWrapper ul.MainCategories {
        display: block; } }
    .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem {
      border: none; }
      .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem a {
        color: #333; }
        .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem a:hover {
          color: #999999; }
      .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem span.Root, .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem a.Root {
        padding: 10px; }
        @media screen and (min-width: 1280px) {
          .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem span.Root, .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.CategoryItem a.Root {
            padding: 15px; } }
    .HeaderWrapper .CategoryMenuWrapper ul.MainCategories li.Selected a {
      font-weight: bold; }

/* --------------------------------------------- */
.Row1BackgroundColor {
  background-color: #fff;
  border-bottom: 2px solid #e6e6e6; }
  @media screen and (max-width: 768px) {
    .Row1BackgroundColor {
      display: none; } }
  @media screen and (min-width: 768px) {
    .Row1BackgroundColor {
      height: 32px; } }
  @media screen and (min-width: 1280px) {
    .Row1BackgroundColor {
      height: 48px; } }

.Row2BackgroundColor {
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .Row2BackgroundColor {
      height: 111px; } }
  @media screen and (min-width: 768px) {
    .Row2BackgroundColor {
      height: 111px; } }
  @media screen and (min-width: 1280px) {
    .Row2BackgroundColor {
      height: 118px; } }

.Row3BackgroundColor {
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .Row3BackgroundColor {
      height: 53px;
      background-color: #333; } }
  @media screen and (min-width: 768px) {
    .Row3BackgroundColor {
      height: 40px; } }
  @media screen and (min-width: 1280px) {
    .Row3BackgroundColor {
      height: 65px; } }

.Row4BackgroundColor {
  background-color: #333; }
  @media screen and (max-width: 768px) {
    .Row4BackgroundColor {
      display: none; } }
  @media screen and (min-width: 768px) {
    .Row4BackgroundColor {
      height: 33px; } }
  @media screen and (min-width: 1280px) {
    .Row4BackgroundColor {
      height: 45px; } }

.ContentWrapper {
  color: #333; }
  @media screen and (max-width: 1280px) {
    .ContentWrapper .ContentGrid.PageContentWidth {
      position: relative; } }
  .ContentWrapper .ContentGrid .LeftWrapper {
    border: 0;
    display: block; }
    @media screen and (max-width: 1280px) {
      .ContentWrapper .ContentGrid .LeftWrapper {
        width: 0;
        padding: 0; } }
    .ContentWrapper .ContentGrid .LeftWrapper .ProductName {
      font-weight: 100; }
    @media screen and (max-width: 1280px) {
      .ContentWrapper .ContentGrid .LeftWrapper .CategoryInfo, .ContentWrapper .ContentGrid .LeftWrapper .ProductName {
        display: none; } }
    .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper {
      font-size: 0.9rem; }
      @media screen and (max-width: 1280px) {
        .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper {
          position: absolute;
          z-index: 100;
          top: 0px;
          left: 0;
          right: 0;
          background-color: #fafafa;
          padding: 40px 40px 60px 40px;
          border: solid 1px #e6e6e6;
          border-bottom: solid 1px #e6e6e6;
          display: none;
          font-size: 1.2rem; } }
      @media screen and (min-width: 1280px) {
        .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper {
          display: block !important; } }
      .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper h4 {
        border-bottom: solid 1px #e6e6e6;
        margin-top: 20px; }
      @media screen and (max-width: 1280px) {
        .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .CloseFilter {
          position: absolute;
          right: -40px;
          top: 10px;
          padding-right: 40px;
          color: #333;
          cursor: pointer; }
          .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .CloseFilter::before {
            content: '\f00d';
            font-family: FontAwesome5;
            font-size: 24px;
            padding: 10px; } }
      .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .CheckboxFilter ul li {
        margin-bottom: 3px; }
      .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .ClearFilterButton {
        color: #fff;
        border-color: #5cb85c;
        background-color: #5cb85c;
        position: revert;
        margin-top: 10px;
        margin-bottom: 0; }
        .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .ClearFilterButton:hover {
          color: #5cb85c;
          background-color: #fff; }
        @media screen and (max-width: 1280px) {
          .ContentWrapper .ContentGrid .LeftWrapper .OuterFilterWrapper .InnerFilterWrapper .ClearFilterButton {
            display: block;
            left: 40px;
            bottom: 0px;
            width: 30%;
            top: inherit; } }
  .ContentWrapper .ProductPagerWrapper .ListView, .ContentWrapper .ProductPagerWrapper .GridView {
    display: none; }
  .ContentWrapper .PagingBarWrapper {
    margin-top: 20px; }
    .ContentWrapper .PagingBarWrapper .Pager {
      color: #333;
      border-color: #333; }
    .ContentWrapper .PagingBarWrapper .Pager.Selected {
      color: #fff;
      border-color: #333;
      background-color: #333; }
    .ContentWrapper .PagingBarWrapper .PagerMulti, .ContentWrapper .PagingBarWrapper .PagerNext {
      border-color: #333; }
  .ContentWrapper .ArticleContentWrapper {
    margin-bottom: 20px; }
  .ContentWrapper .ProductListWrapper .ProductListItemWrapper {
    box-shadow: none;
    background-color: #fff; }
    .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductImagePlaceholder {
      margin: 0;
      height: 210px;
      position: relative; }
      @media screen and (max-width: 480px) {
        .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductImagePlaceholder {
          height: 150px; } }
      .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductImagePlaceholder a {
        display: inline-block;
        height: 100%;
        width: 100%; }
        .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductImagePlaceholder a:hover {
          text-decoration: none; }
    .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductContentPlaceholder {
      padding: 0; }
      .ContentWrapper .ProductListWrapper .ProductListItemWrapper .ProductListItemContent .ProductContentPlaceholder .Title {
        font-size: 0.8rem; }
  .ContentWrapper .ProductWrapper .ProductItem {
    grid-template-areas: "image"
 "content";
    grid-template-rows: auto 1fr; }
    @media screen and (min-width: 768px) {
      .ContentWrapper .ProductWrapper .ProductItem {
        grid-template-rows: 1fr;
        grid-template-columns: 40% 1fr;
        grid-template-areas: "content image"; } }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ProductInfo {
      display: inline-block;
      width: 100%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ProductInfo dt, .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ProductInfo dd {
        float: left;
        box-sizing: border-box;
        margin-bottom: 5px;
        color: #333;
        background: #e6e6e6;
        padding: 7px 12px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ProductInfo dt {
        clear: left;
        width: 40%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ProductInfo dd {
        text-align: right;
        width: 60%; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount {
      display: inline-block;
      padding-top: 10px;
      width: 100%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount input[type=radio] {
        display: none; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount dt, .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount dd {
        height: 40px;
        float: left;
        box-sizing: border-box;
        border: 2px solid #e6e6e6;
        margin-bottom: 5px;
        color: #333;
        background: #e6e6e6;
        padding: 7px 10px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount dt {
        clear: left;
        width: 45%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount dd {
        text-align: right;
        width: 55%;
        background-color: #fff; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount label {
        cursor: pointer; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount label:before {
        content: '\f111';
        font-family: FontAwesome5Light;
        font-size: 18px;
        margin-right: 4px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount input:checked + label:before {
        content: '\f058';
        font-family: 'FontAwesome5Light'; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount .Amount {
        width: 50%;
        border: none;
        text-align: right; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount .Price {
        display: inline-block; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .PriceAndAmount .BeforePrice {
        display: inline-block;
        text-decoration: line-through;
        color: #d9534f;
        margin-right: 10px; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ExpiredProductsNote {
      font-size: 0.9rem; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AddToCart {
      display: block;
      padding-left: 0px;
      padding-right: 0px;
      border: none;
      border-radius: 0;
      text-align: center;
      background-color: #333;
      color: #fff;
      margin-top: 8px;
      position: relative; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AddToCart::after {
        width: 23px;
        position: absolute;
        content: url("/img/icons/cart_white.svg");
        margin-left: 10px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AddToCart:hover:not(.Disabled) {
        background-color: #e6e6e6;
        color: #333; }
        .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AddToCart:hover:not(.Disabled)::after {
          content: url("/img/icons/cart.svg"); }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .Disabled {
      opacity: 0.5;
      cursor: default; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ListIcon {
      background-color: #e6e6e6;
      color: #333;
      display: block;
      padding: 10px 0 10px 0;
      box-sizing: inherit;
      z-index: 1; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ListIcon::before {
        margin-right: 10px;
        color: inherit; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ListIcon:hover {
        background-color: #333;
        color: #e6e6e6; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AdditionalInfo {
      display: inline-block;
      margin-top: 15px;
      width: 100%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AdditionalInfo dt, .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AdditionalInfo dd {
        float: left;
        margin-bottom: 5px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AdditionalInfo dt {
        clear: left;
        width: 30%; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .AdditionalInfo dd {
        text-align: right;
        width: 70%; }
    .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ShopListPopupFooter .CreateNewShopList {
      color: #333;
      padding-left: inherit;
      padding-right: inherit;
      padding-left: 40px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductContentPlaceholder .ShopListPopupFooter .CreateNewShopList:hover {
        color: #fff; }
    @media screen and (min-width: 768px) {
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder {
        margin-left: 40px; } }
    .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper {
      padding: 0;
      float: left;
      position: relative; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper img {
        max-width: 100%;
        max-height: 100%;
        margin: unset; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper .DiscountRibbon {
        border-width: 120px 120px 0 0; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper .NewsRibbon {
        border-width: 0 0 120px 120px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper .DiscountRibbonNumber {
        font-size: 1.6rem;
        padding: 18px; }
      .ContentWrapper .ProductWrapper .ProductItem .ProductImagePlaceholder .ImageWrapper .NewsRibbonText {
        font-size: 1.4rem;
        padding: 10px; }
  .ContentWrapper .CartNavWrapper {
    border-color: #333;
    color: #333; }
    .ContentWrapper .CartNavWrapper .CartStep {
      border-right: 1px solid #333;
      width: 30%; }
      .ContentWrapper .CartNavWrapper .CartStep:last-child {
        border-right: 0; }
      @media screen and (max-width: 480px) {
        .ContentWrapper .CartNavWrapper .CartStep {
          padding-left: 0;
          text-align: center; }
          .ContentWrapper .CartNavWrapper .CartStep::before {
            content: unset; } }
    .ContentWrapper .CartNavWrapper .CartStepSelected {
      background-color: #e6e6e6;
      width: 40%; }
  .ContentWrapper .CartTableWrapper .OrderlineComment input {
    color: #333;
    border-style: none; }
    .ContentWrapper .CartTableWrapper .OrderlineComment input::placeholder {
      color: #737373; }
  .ContentWrapper .CartTableWrapper .OrderlineComment p {
    margin-bottom: 0; }
  .ContentWrapper .CartTableWrapper .txtShippingDate {
    margin-top: -7px; }
    .ContentWrapper .CartTableWrapper .txtShippingDate input {
      width: 80px;
      text-align: center;
      padding: 6px 4px 6px 4px; }
    .ContentWrapper .CartTableWrapper .txtShippingDate button {
      background-color: transparent;
      border: none; }
  @media screen and (max-width: 980px) {
    .ContentWrapper .CartTableWrapper .OrderDetailItem.MainProduct {
      border-top: 2px solid #333; } }
  .ContentWrapper .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper .ProductImageInnerWrapper {
    position: relative; }
    .ContentWrapper .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper .ProductImageInnerWrapper .ExpiredRibbon {
      border-width: 70px 70px 0 0; }
    .ContentWrapper .CartTableWrapper .OrderDetailItem.MainProduct .ProductImageWrapper .ProductImageInnerWrapper .ExpiredRibbonText {
      padding: 5px;
      font-size: 0.7rem; }
  @media screen and (max-width: 980px) {
    .ContentWrapper .CartActionWrapper {
      float: left;
      width: 100%; }
      .ContentWrapper .CartActionWrapper .btnProceedToPayment {
        width: 100%;
        float: none; } }
  .ContentWrapper .ShipAddressWrapper input.hidden {
    display: none; }
  .ContentWrapper .ShipAddressWrapper select.hidden + * {
    display: none; }
  .ContentWrapper .CartTotalWrapper .OrderTotal {
    border-top: 1px solid #e6e6e6;
    border-bottom: 2px solid #333; }
  .ContentWrapper .CartTotalWrapper .Footer {
    margin-top: 20px; }
  .ContentWrapper .BillAddressWrapper {
    margin-top: 20px;
    width: 48%;
    margin-right: 4%; }
    @media screen and (max-width: 768px) {
      .ContentWrapper .BillAddressWrapper {
        width: 100%;
        margin-right: 0; } }
  .ContentWrapper .ShipAddressWrapper {
    margin-top: 20px;
    width: 48%; }
    @media screen and (max-width: 768px) {
      .ContentWrapper .ShipAddressWrapper {
        width: 100%; } }
  .ContentWrapper .ShipAddressWrapper .CustomDropDownListOuterWrapper {
    margin-bottom: 10px;
    width: 370px; }
    @media screen and (max-width: 980px) {
      .ContentWrapper .ShipAddressWrapper .CustomDropDownListOuterWrapper {
        width: 100%; } }
  .ContentWrapper .CheckboxWrapper.Order {
    margin-bottom: 20px; }
  .ContentWrapper .ShoppingListTableWrapper .ShoppingListTableContent {
    margin-bottom: 20px; }
  .ContentWrapper .ShoppingListTableWrapper .ShoppingListItem {
    padding-bottom: 10px; }
    @media screen and (max-width: 980px) {
      .ContentWrapper .ShoppingListTableWrapper .ShoppingListItem {
        float: left;
        border-bottom: none;
        border-top: solid 2px #333; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .ShoppingListItem.Header {
      display: none; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .ProductImageWrapper {
      width: 10%;
      border: none; } }
  .ContentWrapper .ShoppingListTableWrapper .ProductInfoWrapper .ArticleName {
    font-weight: 700; }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .ProductInfoWrapper .ShoppingListCommentWrapper textarea {
      width: 100%; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .ProductInfoWrapper {
      float: left;
      width: 100%;
      border: none; } }
  .ContentWrapper .ShoppingListTableWrapper .UnitWrapper .CustomDropDownListOuterWrapper {
    margin-top: -8px;
    width: 140px;
    float: right; }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .UnitWrapper {
      float: left;
      border-bottom: none;
      width: 22.5%;
      text-align: center;
      background-color: #fcfcfc;
      padding-top: 10px;
      box-sizing: border-box;
      height: 80px; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .UnitWrapper, .ContentWrapper .ShoppingListTableWrapper .QuantityWrapper, .ContentWrapper .ShoppingListTableWrapper .PerPriceWrapper, .ContentWrapper .ShoppingListTableWrapper .TotalPriceWrapper {
      float: left;
      border-bottom: none;
      width: 22,5%;
      text-align: center;
      background-color: #fcfcfc;
      padding-top: 10px;
      box-sizing: border-box;
      height: 80px; }
      .ContentWrapper .ShoppingListTableWrapper .UnitWrapper .MobileHeader, .ContentWrapper .ShoppingListTableWrapper .QuantityWrapper .MobileHeader, .ContentWrapper .ShoppingListTableWrapper .PerPriceWrapper .MobileHeader, .ContentWrapper .ShoppingListTableWrapper .TotalPriceWrapper .MobileHeader {
        display: block;
        margin-bottom: 10px; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .ShoppingListTableWrapper .DeleteItemWrapper {
      float: right;
      border-bottom: none;
      width: 10%;
      text-align: center;
      background-color: #f4f4f4;
      padding: 10px;
      box-sizing: border-box;
      height: 80px;
      padding-top: 30px; } }
  @media screen and (min-width: 768px) {
    .ContentWrapper .ShoppingListTableWrapper .ShoppingButtonWrapper {
      display: inline-block;
      position: relative; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .SelectedList.Form label {
      width: 140px; } }
  .ContentWrapper .TrackingNumbers {
    float: left;
    clear: both;
    width: 100%; }
    .ContentWrapper .TrackingNumbers label {
      width: 100%; }
    .ContentWrapper .TrackingNumbers a {
      cursor: pointer;
      text-decoration: none; }
      .ContentWrapper .TrackingNumbers a:hover {
        color: #999999; }
  .ContentWrapper .OrderTableWrapper .Header {
    background-color: #e6e6e6;
    color: #333;
    font-weight: normal;
    border: 1px solid #333;
    border-bottom: 3px solid #333; }
    .ContentWrapper .OrderTableWrapper .Header .Selected {
      color: #fff;
      background-color: #333; }
  .ContentWrapper .OrderTableWrapper a.OrderItem:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none; }
  .ContentWrapper .OrderDetailWrapper .RecurringOrder {
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    color: #d9534f; }
  .ContentWrapper .OrderDetailWrapper .OrderLineItem:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none; }
  .ContentWrapper .OrderDetailWrapper .Header {
    background-color: #e6e6e6;
    color: #333;
    font-weight: normal;
    border: 1px solid #333;
    border-bottom: 3px solid #333; }
    .ContentWrapper .OrderDetailWrapper .Header:hover {
      background-color: #e6e6e6;
      color: #333; }
  .ContentWrapper .OrderDetailWrapper .OrderLinesTotal {
    background-color: #e6e6e6;
    color: #333; }
    .ContentWrapper .OrderDetailWrapper .OrderLinesTotal label {
      color: inherit; }
  .ContentWrapper .QuickCartInnerWrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .ContentWrapper .QuickCartInnerWrapper .QuickCartHeader {
      float: left;
      width: 100%;
      font-weight: bold;
      padding-bottom: 5px; }
      @media screen and (max-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartHeader {
          display: none; } }
    .ContentWrapper .QuickCartInnerWrapper .QuickCartItem {
      float: left;
      width: 100%;
      margin-bottom: 0px; }
      @media screen and (max-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem {
          border-bottom: 1px solid #444;
          padding-top: 10px; } }
      @media screen and (min-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .MobileHeader {
          display: none; } }
      @media screen and (max-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticleNo, .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticleDescription {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticleUnit, .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticlePrice, .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticleQuantity {
          width: 30%; } }
      @media screen and (max-width: 768px) {
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .ArticleDelete {
          text-align: center;
          width: 8%;
          margin-top: 15px; } }
      .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .TextboxWrapper {
        float: left;
        position: relative;
        width: 100%; }
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .TextboxWrapper input[type=text], .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .TextboxWrapper input[type=number] {
          position: relative;
          font-family: 'Lato',Arial,sans-serif;
          font-size: 1rem;
          padding: 0px;
          line-height: 36px;
          height: 36px;
          width: 100%;
          border: 1px solid #ddd;
          padding-left: 10px;
          padding-right: 10px;
          box-sizing: border-box;
          margin-bottom: 10px; }
      .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .QuickOrderSearchResultWrapper {
        position: absolute;
        margin-top: 30px;
        z-index: 99;
        display: none; }
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .QuickOrderSearchResultWrapper.Active {
          display: block; }
      .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .QuickOrderSearchResultContent {
        float: left;
        border: 1px solid #ddd;
        min-width: 300px;
        max-width: 600px;
        background: #fff;
        padding: 0px;
        max-height: 400px; }
        .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .QuickOrderSearchResultContent .ResultItem {
          float: left;
          width: 100%;
          cursor: pointer;
          padding-left: 5px;
          padding-right: 5px;
          padding-top: 2px;
          padding-bottom: 2px;
          box-sizing: border-box; }
          .ContentWrapper .QuickCartInnerWrapper .QuickCartItem .QuickOrderSearchResultContent .ResultItem:hover {
            background-color: #e6e6e6; }
    .ContentWrapper .QuickCartInnerWrapper .ArticleNo {
      float: left;
      width: 20%;
      padding-right: 10px;
      box-sizing: border-box; }
    .ContentWrapper .QuickCartInnerWrapper .ArticleDescription {
      float: left;
      width: 44%;
      padding-right: 10px;
      box-sizing: border-box; }
    .ContentWrapper .QuickCartInnerWrapper .ArticleUnit {
      float: left;
      width: 12%;
      padding-right: 10px;
      box-sizing: border-box; }
      .ContentWrapper .QuickCartInnerWrapper .ArticleUnit .CustomDropDownListOuterWrapper {
        width: 100%;
        height: 36px; }
        .ContentWrapper .QuickCartInnerWrapper .ArticleUnit .CustomDropDownListOuterWrapper .CustomDropDownListInnerWrapper .Selected span {
          padding-top: 1px; }
    .ContentWrapper .QuickCartInnerWrapper .ArticlePrice {
      float: left;
      width: 12%;
      padding-right: 10px;
      box-sizing: border-box; }
    .ContentWrapper .QuickCartInnerWrapper .ArticleQuantity {
      float: left;
      width: 10%;
      padding-right: 10px;
      box-sizing: border-box; }
      .ContentWrapper .QuickCartInnerWrapper .ArticleQuantity .AutoWrapper {
        overflow: hidden; }
      .ContentWrapper .QuickCartInnerWrapper .ArticleQuantity .UnitType {
        float: right;
        width: 30px;
        margin-left: 10px;
        line-height: 36px; }
    .ContentWrapper .QuickCartInnerWrapper .ArticleDelete {
      float: left;
      width: 2%;
      padding-top: 8px;
      text-align: right; }
  .ContentWrapper .QuickCartButtons .AddQuickCartToCart {
    position: relative; }
  .ContentWrapper .InnerBannerWrapper .BannerWrapper {
    border: none;
    background-color: inherit;
    grid-area: inherit; }
    .ContentWrapper .InnerBannerWrapper .BannerWrapper .BannerLeft, .ContentWrapper .InnerBannerWrapper .BannerWrapper .BannerRight {
      display: none; }
  .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .Order {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .Order {
          float: left; } }
    .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .Separator {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .Separator {
          float: left;
          padding-left: 100px;
          margin-bottom: 20px; } }
    .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .textboxproductswrapper {
      float: left;
      position: relative;
      width: 100%; }
      .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .textboxproductswrapper textarea.textboxproducts {
        clear: left;
        position: relative;
        font-size: 1rem;
        padding: 0px;
        height: 200px;
        width: 550px;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        margin-bottom: 10px; }
        @media screen and (max-width: 768px) {
          .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .textboxproductswrapper textarea.textboxproducts {
            width: 100%; } }
    .ContentWrapper .QuickCartMassOrderOuterWrapper .QuickCartMassOrderInnerWrapper .QuickCartButtons {
      float: left;
      width: 100%;
      margin-bottom: 0px; }
  .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper {
    clear: both; }
    .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable {
      color: #333;
      border: solid 1px #e6e6e6; }
      .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable tr {
        height: 36px; }
      .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable th, .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable td {
        vertical-align: middle;
        text-align: left;
        padding: 5px 10px 5px 10px; }
      .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable .Header {
        background-color: #e6e6e6;
        border-bottom: solid 2px #333; }
      .ContentWrapper .QuickCartMassOrderOuterWrapper .FeedBackWrapper .ResultTable .Item:nth-child(2n+1) {
        background-color: #fafafa; }
  .ContentWrapper .MobileFilterIcon {
    background-color: #e6e6e6;
    color: #333;
    display: block;
    padding: 10px 0 10px 0;
    width: 30%;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1; }
    .ContentWrapper .MobileFilterIcon::before {
      font-family: 'FontAwesome5';
      content: '\f0b0';
      margin-right: 10px;
      font-size: 1.5rem; }
    .ContentWrapper .MobileFilterIcon:hover {
      background-color: #333;
      color: #e6e6e6; }
    @media screen and (min-width: 1280px) {
      .ContentWrapper .MobileFilterIcon {
        display: none; } }
  @media screen and (max-width: 980px) {
    .ContentWrapper .OuterRegisterWrapper .CustomDropDownListOuterWrapper {
      width: 100% !important; } }
  .ContentWrapper .NewPasswordInput {
    margin-bottom: 10px; }

.LayoutWrapper .FooterWrapper {
  background-color: #333;
  padding: 0; }

.LayoutWrapper .FooterContentWrapper {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "credit contact";
  padding: 40px 20px; }
  @media screen and (max-width: 768px) {
    .LayoutWrapper .FooterContentWrapper {
      padding: 20px 20px; } }
  @media screen and (max-width: 480px) {
    .LayoutWrapper .FooterContentWrapper {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
      grid-template-areas: "credit" "contact"; } }
  .LayoutWrapper .FooterContentWrapper .credit {
    grid-area: credit;
    align-self: center; }
    @media screen and (max-width: 480px) {
      .LayoutWrapper .FooterContentWrapper .credit {
        justify-self: center;
        padding-bottom: 20px;
        height: 80px; } }
  .LayoutWrapper .FooterContentWrapper .contact {
    grid-area: contact;
    align-self: center;
    justify-self: end;
    text-align: end;
    color: #e6e6e6;
    font-size: 0.8rem;
    font-weight: lighter; }
    @media screen and (max-width: 480px) {
      .LayoutWrapper .FooterContentWrapper .contact {
        justify-self: center;
        text-align: center;
        font-size: 0.7rem; } }

@media screen and (max-width: 980px) {
  .Form .TextboxWrapper, .Form .TextboxWrapperIcon {
    width: 100%;
    display: flex; }
    .Form .TextboxWrapper input[type=text]:not(.Short), .Form .TextboxWrapper input[type=password], .Form .TextboxWrapperIcon input[type=text]:not(.Short), .Form .TextboxWrapperIcon input[type=password] {
      width: 100%;
      flex-grow: 1; } }

@media screen and (max-width: 980px) {
  .Form .DropDownListWrapper {
    width: 100%;
    display: flex; } }

.FormOneLine label {
  float: left;
  width: 220px;
  clear: left;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700; }
  @media screen and (max-width: 980px) {
    .FormOneLine label {
      width: 140px; } }

@media screen and (max-width: 768px) {
  .Form input[type=text], .Form textarea, .FormOneLine input[type=text] {
    width: 100%;
    margin-bottom: 20px; } }

.Form input[type=text].Short {
  width: 100px; }

.Form input[type=text].Middle {
  width: 200px;
  margin-right: 10px; }

.Form input[type=text].Middle2 {
    width: 180px;
    margin-right: 10px;
}

.Form input[type=text].Large {
  width: 260px; }
  @media screen and (max-width: 768px) {
    .Form input[type=text].Large {
      width: calc(100% - 200px); } }

.Form input[type=text].RequiredSuccess {
  border-color: #e6e6e6; }

.Form .TextboxWrapper input[type=text] {
  border-color: #e6e6e6; }

@media screen and (max-width: 768px) {
  .Form .ActionButtons {
    width: 100%; } }

.Form select {
  width: 370px;
  height: 36px; }

.Form input[type=text].VeryShort {
  width: 50px; }

.Form .FormRequired.Middle {
  left: 90px; }

.Form .FormRequired.VeryShort {
  left: 320px; }

div.selectCustomer .Form input[type=radio] {
  margin-right: 10px; }

div.selectCustomer .Form label {
  float: none;
  width: 100%;
  text-transform: none;
  font-weight: 300; }

div.selectCustomer .Form table td {
  padding-bottom: 8px; }


div.InnerRegisterWrapper {
    display : flex;
}

div.InnerRegisterWrapper div.left {
    /*flex-grow:1;*/
    width: 50%;
}

    div.InnerRegisterWrapper div.right {
        /*flex-grow: 1;*/
        width: 50%;
        padding-left: 20px; 
    }