/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Include Custom Fonts */

@font-face {
  font-family: 'Lato Black';
  src: url("../fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: bold; }

@font-face {
  font-family: 'Lato Regular';
  src: url("../fonts/Lato-Regular.ttf") format("truetype");  }

@font-face {
  font-family: 'Lato Light';
  src: url("../fonts/Lato-Light.ttf") format("truetype");  }

@font-face {
  font-family: 'Magis Authentic';
  src: url("../fonts/Magis Authentic.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }


/* title section part shop */

.title-section-magis .title_block {
    font-family: 'Magis Authentic';
    text-transform: lowercase !important;
    font-size: 5rem !important;
}

.title-section-magis .title_block:first-letter {
    text-transform: uppercase;
}

.title-section-magis .sub-title-widget {
    font-family: 'Lato Black';
    text-transform: uppercase;
    font-size: 2rem;
}

/* title section pro shop */

.title-section-pro .title_block {
    font-family: 'Lato Black';
    text-transform: uppercase;
    font-size: 2rem !important;
}

.title-section-pro .sub-title-widget {
    font-family: 'Lato Regular';
    font-size: 1rem;
}

.block-img-text h4  {
    font-family: 'Lato Black';
    text-transform: uppercase;
}


/* text color */

.title-section-pro-orange .title_block, .text-color-orange-dark {
    color: #fb8100 !important;
}

.title-section-pro-orange .sub-title-widget, .text-color-orange-light {
    color: #fdb232 !important;
}

.title-section-pro-green .title_block, .text-color-green-dark {
  color: #005552 !important;
}

.title-section-pro-green .sub-title-widget, .text-color-green-light {
  color: #7aa7a5 !important;
}

.title-section-pro-green .title_block {
  margin-bottom: 0 !important;
}

.text-color-orange {
    color: #fb9c00 !important;
}

.text-color-orange .title_block {
    color: #fb9c00 !important;
    margin-bottom: 0 !important;
}

.text-color-red {
    color: #c14728 !important;
}

.text-color-red .title_block {
    color: #c14728 !important;
    margin-bottom: 0 !important;
}

.section-info-color {
    font-family: 'Lato Black';
}

.section-info-color > div {
     margin-top: auto;
     margin-bottom: auto;
}

.section-info-color .title_block {
    font-size: 2rem !important;
    color: #ffffff;
}

.section-info-color .ApColumn .block {
    margin-bottom: 0px;
}

/*.container:has(.section-products-selection) {
   width:1300px;
}*/

.section-products-selection .owl-carousel {
    width: 80%;
    margin: auto;
}

.wrapper:has(.section-products-selection) {
    background: no-repeat;
    background-image: url('../img/modules/appagebuilder/images/Feuilles-selection-produits.png');
    background-size: 100% auto;
    background-position: center top;
}

.wrapper:has(.section-universe) {
    background: no-repeat;
    background-image: url('../img/modules/appagebuilder/images/Feuilles-univers.png');
    background-size: 100% auto;
    background-position: center top;
}

.section-universe .ApColumn {
    margin-bottom: 15px;
}

.section-universe .ApImage :after {
    content: attr(data-text);
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 72%;
    min-height: 22%;
    background: #f77a00;
    font-size: 1.4rem;
    font-family: 'Lato Black';
    color: #ffffff;
    text-transform: uppercase;
    text-align:center;
    line-height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    clear: both;
}

.section-pro-category .ApColumn {
  margin-bottom: 15px;
}

.section-pro-category .ApImage :after {
  content: attr(data-text);
  position: absolute;
  right: 25px;
  bottom: 0px;
  width: 59%;
  min-height: 30%;
  background: #fb8100;
  font-size: 1rem;
  font-family: 'Lato Black';
  color: #ffffff;
  text-transform: uppercase;
  text-align:center;
  line-height: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  clear: both;
}

.section-pro-products-selection .owl-carousel {
    width: 100%;
    margin: auto;
}

.section-pro-products-selection .owl-carousel .owl-item {
    padding: 0 30px;
}

.section-three-article .owl-carousel {
    width: 80%
}

/* mise en forme des caractéristiques produit */

.product-features > dl.data-sheet {
    align-items: stretch;
}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
    margin-bottom : 10px;
    margin-right: 0px;
    word-break: keep-all;
}
.product-features > dl.data-sheet dt.name {
    text-transform: none;
}

/* mise en forme menu déroulant header */

#header {
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 12%);
}

/* augmentation du padding sur le menu */ 

.leo-megamenu .dropdown-menu li a {
    padding: 6px 0;
}

/* mise en forme du bouton comparaison sur header */

.compare-button {
    width : 25px;
}

/* Product list: permanent display of buttons on each product */

.pro3-btn {
    opacity: unset !important;
    visibility: visible !important;
}

/* Menu : Disable pointer action */ 

.no-link > a {
    pointer-events: none;
}

/* Home : Disable pointer action on some parts of kiosk  */ 

.borne-no-link a {
    pointer-events: none;
}

/* Remove border on product action block (card, etc)  */

.product-actions {
    border: 0px dashed #c7c7c7;
}

/* Menu: Display the information related to the comparator on a single line */

.header-compare-button .ap-btn-compare {
    display: flex;
}

.header-compare-button .ap-btn-compare {
    display: flex;
    gap: 4px;
}

/* Footer: specific color text for footer container link and title */

.footer-container a, .footer-container .title_block {
   color: #ffffff;
}

/* Added asterix for required fields during registration */

#authentication .register-form .row label.col-md-3.required:after {
    content: "*";
}

/* Removal of asterisk for mandatory checkbox fields */

#authentication .register-form .row label.col-md-3[for="field-customer_privacy"].required:after {
    content: "";
}

#authentication .register-form .row label.col-md-3[for="field-psgdpr"].required:after {
    content: "";
}

/* Add new color button for registration */

.btn-gray {
  color: #fff;
  background-color: #6b6767;
  border-color: transparent; }
  .btn-gray:hover {
    color: #fff;
    background-color: #888181;
    border-color: transparent; }
  .btn-gray:focus, .btn-gray.focus {
    color: #fff;
    background-color: #888181;
    border-color: transparent; }
  .btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #888181;
    border-color: transparent;
    background-image: none; }
    .btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus, .active.focus.btn-tertiary, .open > .btn-gray.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-gray.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-gray.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary {
      color: #fff;
      background-color: #8f8888;
      border-color: transparent; }
  .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray:disabled:focus, .btn-gray:disabled.focus {
    background-color: #6b6767;
    border-color: transparent; }
  .btn-gray.disabled:hover, .btn-gray:disabled:hover{
    background-color: #6b6767;
    border-color: transparent; }

.btn-gray {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 15px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .btn-gray .material-icons {
    margin-right: 5px; }

/* Registration page : display label "ape", "website" and "fileupload when required */

.js-customer-form .form-group.row:nth-last-child(1) label.col-md-3.required, .js-customer-form .form-group.row:nth-last-child(2) label.col-md-3.required, .js-customer-form .form-group.row:nth-last-child(3) label.col-md-3.required {
  font-size: unset;
}

/* Product file : text side to button connection */

.price-access {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.price-access span {
    padding: 10px;
    font-size: 15px;
}

.price-access a{
    width: 100%;
}

/* order page - outstanding array */

.additional-information dl {
    display: flex;
    flex-wrap: wrap;	
}

/* Product page : Price tax included information */

.tax_incl-price-value {
    display: block;
    font-size: 16px;
}

/* Product page : Price tax included information */

.product-detail .current-price {
    line-height: 1;
}

.product-detail .product-unit-price {
    line-height: 3;
    color: #888;
}

/* Customer Account Page : Company name style */

.myacc_company {
    display: block;
    margin-top: 10px;
} 

/* Add to cart block : remove padding */

.product-actions {
    padding: 20px 0 20px 0;
}

.off-canvas-nav-megamenu .nav li.dropdown .caret {
    background-color: #f6f6f6;
}

.off-canvas-nav-megamenu .dropdown-menu {
    padding: 0px 0 10px 20px;
}

/* Footer : reduces padding top */

.box-footerlink {
    padding-top: 45px !important;
}

/* MyAccountDashboard CSS */

.myAccountBlock {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
}

.myAccountSubBlock {
    padding-top: 10px;
    padding-bottom: 10px;
}

#lastOrder {
    display:flex;
    justify-content: space-between;
}

#listOrders {
    border: 2px solid #ffe9d6
}

.page-content .infos span {
    display: block;
}

.page-content .myAccountBlock a {
    text-decoration: underline;
}

.page-content  .infos .name{
    font-weight:600;
    font-size: 1rem;
}

.color-purple {
    color: #c1022c;
}

.color-orange {
    color: #ff8332;
}

.bg-orange { 
    background: #ffe9d6;
}

.bg-grey{ 
    background: #f1f1f1;
}

.btn-orange{
  color: #fff;
  background-color: #ff8332 !important;
  border-color: transparent; }
  .btn-orange:hover {
    color: #fff;
    background-color: #ef792d !important;
    border-color: transparent; }
  .btn-orange:focus, .btn-orange.focus {
    color: #fff;
    background-color: #ef792d !important;
    border-color: transparent; }
  .btn-orange:active, .btn-gray.active, .open > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #ef792d !important;
    border-color: transparent;
    background-image: none; }
    .btn-orange:active:hover, .btn-orange:active:focus, .btn-orange:active.focus, .btn-orange.active:hover, .btn-orange.active:focus, .btn-orange.active.focus, .active.focus.btn-tertiary, .open > .btn-orange.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-orange.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-orange.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary {
      color: #fff;
      background-color: #e7752c !important;
      border-color: transparent; }

.btn-yellow {
  color: #000 !important;
  background-color: #ffd966 !important;
  border-color: transparent; }
  .btn-yellow:hover {
    color: #000 !important;
    background-color: #e6c35b !important;
    border-color: transparent; }
  .btn-yellow:focus, .btn-yellow.focus {
    color: #000 !important;
    background-color: #e6c35b !important;
    border-color: transparent; }
  .btn-yellow:active, .btn-gray.active, .open > .btn-yellow.dropdown-toggle {
    color: #000 !important;
    background-color: #e6c35b !important;
    border-color: transparent;
    background-image: none; }
    .btn-yellow:active:hover, .btn-yellow:active:focus, .btn-yellow:active.focus, .btn-yellow.active:hover, .btn-yellow.active:focus, .btn-yellow.active.focus, .active.focus.btn-tertiary, .open > .btn-yellow.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-yellow.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-yellow.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary {
      color: #000 !important;
      background-color: #dab855 !important;
      border-color: transparent; }

.btn-white-color-red {
    font-family: 'Lato Black';
    font-size: 1rem !important;
    color: #c14728 !important;
    background-color: #ffffff!important;
    border-color: transparent; }
    .btn-white-color-red:hover {
      color: #c14728 !important;
      background-color: #f8f8f8 !important;
      border-color: transparent; }
    .btn-white-color-red:focus, .btn-white-color-red.focus {
      color: #c14728 !important;
      background-color: #f8f8f8 !important;
      border-color: transparent; }
    .btn-white-color-red:active, .btn-gray.active, .open > .btn-white-color-red.dropdown-toggle {
      color: #c14728 !important;
      background-color: #f8f8f8 !important;
      border-color: transparent;
      background-image: none; }
      .btn-white-color-red:active:hover, .btn-white-color-red:active:focus, .btn-white-color-red:active.focus, .btn-white-color-red.active:hover, .btn-white-color-red.active:focus, .btn-white-color-red.active.focus, .active.focus.btn-tertiary, .open > .btn-white-color-red.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-white-color-red.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-white-color-red.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary {
        color: #c14728  !important;
        background-color: #ececec !important;
        border-color: transparent; }

  .btn-white-color-green {
      font-family: 'Lato Black';
      font-size: 1rem !important;
      color: #005552 !important;
      background-color: #ffffff!important;
      border-color: transparent; }
      .btn-white-color-green:hover {
        color: #005552 !important;
        background-color: #f8f8f8 !important;
        border-color: transparent; }
        .btn-white-color-green:focus, .btn-white-color-green .focus {
        color: #005552 !important;
        background-color: #f8f8f8 !important;
        border-color: transparent; }
        .btn-white-color-green:active, .btn-gray.active, .open > .btn-white-color-green.dropdown-toggle {
        color: #005552 !important;
        background-color: #f8f8f8 !important;
        border-color: transparent;
        background-image: none; }
        .btn-white-color-green:active:hover, .btn-white-color-green:active:focus, .btn-white-color-green:active.focus, .btn-white-color-green.active:hover, .btn-white-color-green.active:focus, .btn-white-color-green.active.focus, .active.focus.btn-tertiary, .open > .btn-white-color-green.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-white-color-green.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-white-color-green.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary {
          color: #005552  !important;
          background-color: #ececec !important;
          border-color: transparent; }


/* Comparator : Button footer links */

#comparator .footer_links li .btn {
    background: #fff;
    color: #292929;
}

#comparator .footer_links li {
    display: inline-block;
    margin-bottom: 10px;
}

#comparator .alert {
    margin-top: 125px;
    margin-bottom: 125px;
}


/* wishlist leo cart button */

.leo-wishlistproduct-item .cart .add-to-cart {
    background: #f11d22;
}

.leo-wishlistproduct-item .button-container {
    margin-bottom: 0;
}

.box-cateh2 .ApImage:before {
   content: none !important;
}

/* reference-product-list */

.reference-product-list {
    margin: 4px 0 2px;
}
.reference-product-list span {
    color: #bfbfbf;
}

/* product flag position */

.product_list .product-flags {
    top: unset;
    left : unset;
    bottom: 15px;
    right: 10px;
}

 /* cart fly */

.leo-cart-item-info .product-price > div {
    display:block;
}

.leo-cart-item-img {
    height: 100%;
}

.leo-cart-item-img img {
    max-height: 100%;
}

/*.leo-dropdown-cart-content {
    min-width: 500px;
}*/

.leo-dropdown-cart-item {
    display: flex;
    align-items: center;
}

/* couleur bandeau */

.color-red-full {
  position: relative;
}
.color-red-full:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: #d30000;
}

/* Cart detailerd product line */

.product-line-info .price {
    font-size: 18px;
}

.product-line-info .unit-price-cart
{
    color: #888;
    font-size: 13px;
}

/* remove error alert icon */ 

.alert.alert-danger:before {
    content:unset !important;
}

/* remove error alert icon */ 

.alert.alert-danger:before {
    content:unset !important;
}

/* Page order confirmation - table wire transfer same height row */

.card-block dl {
    display: flex;
    flex-wrap: wrap;
}

/* Flex classes */ 

.d-flex {
   display: flex;
}

.align-items-center {
    align-items:center;
}

 /* Active burger menu on touch screen terminal */

.off-canvas-active .megamenu-overlay {
      opacity: 1;
      filter: alpha(opacity=100);
      visibility: visible; }

/* Home : give same max-height for each image category */ 

.fix-image-category {
    max-height: 200px;
}

/* alert warning */

.alert-warning {
    color: #86776d;
}


/* FOOTER COLOR */

.color-white-full {
    position:relative;
}

.color-white-full:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
}

/* Padding */ 

.pl-03 {
    padding-left: 0.3rem !important;
}

.pr-03 {
    padding-right: 0.3rem !important;
}

/* Display none */ 

.d-none {
    display: none;
}

/*** Quotation responsive page ***/

#history .quotations {
	margin: 0 -16px; 
}

#history .quotations .quotation {
    padding: 12px 16px;
    border-bottom: 1px solid #ededed; 
}

#history .quotations .quotation a h3 {
	color: #878787; 
}

#history .quotations .quotation .label {
	display: inline-block;
	margin: 4px 0;
	padding: 4px 6px;
	color: white;
	border-radius: 3px; 
}

#history .quotations .quotation:last-child {
	border-bottom: 0;
}

/*** search block  ***/

.box-vogatop3 #leo_search_block_top .form-control {
     width: 100% !important;
}

.box-vogatop3 #leo_search_block_top .title_block {
    display: none !important;
}

    .box-vogatop3 #leo_search_block_top #leosearchtopbox {
        position: relative !important;
        width: 100% !important;
        opacity: unset !important;
        visibility: unset !important;
        transform: unset !important;
    }

.box-vogamenu3 .navbar-header .navbar-toggler {
    bottom: 52px !important;
}

.box-vogatop3 #leo_search_block_top #leosearchtopbox {
    width: 100% !important;
}


/* MEDIA QUERIES */

@media (min-width: 992px) {

    /* Active burger menu on touch screen terminal */

    .touch-screen-terminal .navbar-toggler {
        display:inline-block !important;
    }

    .touch-screen-terminal .megamenu-off-canvas {
        display: none !important;
    }

    .off-canvas-active > #page,
    .off-canvas-active > .off-canvas-nav-megamenu {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: fixed !important;
    }

    .off-canvas-button-megamenu {
        display: block !important; 
    }

    body .off-canvas-nav-megamenu {
        display: block !important;
    }

    /* Changing the location of the sub-menu when it is displayed */

    .leo-megamenu .widget-subcategories li.dropdown .dropdown-sub {
        top: -80%;
        left: 100%;
        transition-delay: 300ms;
    }

    /* Displays the chevron indicating that there is a sub-menu only if an ul tag is present */

    .leo-megamenu .widget-subcategories li.dropdown:not(:has(ul))>a:after {
        content: "";
    }

}

@media (min-width: 768px) {
    
    .d-md-flex {
        display: flex !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
     }
    .pt-md-4 {
        padding-top: 1.5rem !important;
     }

}

@media (max-width: 991px) {

     /* product list : Modify buttons block action background color to make them more visible */ 

    .plist-dsimple .thumbnail-container .pro3-btn .btn-product, .plist-dsimple .thumbnail-container .pro3-btn .quick-view {
        background: #f6f6f6;
    }

    .title-section-magis .title_block {
        font-size: 3rem !important;
    }

    .title-section-magis .sub-title-widget {
         font-size: 1.4rem !important;
    }

    .title-section-pro .title_block {
        font-size: 1.7rem !important;
    }

    .title-section-pro .sub-title-widget {
         font-size: 1.2rem !important;
    }

    .section-info-color .title_block {
        font-size: 1.4rem !important;
    }

    .section-universe .ApColumn :after {
        font-size: 1rem;
        line-height: 1.4rem;
        right: 5px;
    }

    /* .section-pro-category .ApColumn :after {
      font-size: 1rem;
      line-height: 1.4rem;
      right: 5px;
    } */

    .myacc-select {
        display: block !important;
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 18px;
        font-weight: 500;
        padding: 0 15px;
        text-align: right;
        background: none;
        width: 100%; }

}

@media (max-width: 991px) and (min-width: 481px) {

    /* Footer : Disable background color for HTML block */

    .box-footerlink .ApHtml .block_content {
        background: none !important;
    }

    .section-pro-products-selection .owl-carousel {
        width: 60%;
        margin: auto;
    }

    .section-pro-products-selection .owl-carousel .owl-item {
        padding: 0 15px;
    }

}

@media (max-width: 481px) {

    /* product list : show buttons block action  under image */ 

   .plist-dsimple .thumbnail-container .pro3-btn {
        position: unset;
    }

    /* logo mobile version : vertical align middle */

   /*.box-top .h-logo {
        padding: 20px 0 !important;
    }*/

    /* Product list and details : remove padding left of wishlist button */

    .p-cartwapper .leo-compare-wishlist-button {
        padding-left: 0;
    }

    .title-section-magis .title_block {
        font-size: 2.5rem !important;
    }

    .title-section-magis .sub-title-widget {
         font-size: 1rem !important;
    }


    .title-section-pro .title_block {
        font-size: 1.2rem !important;
    }

    .title-section-pro .sub-title-widget {
         font-size: 1rem !important;
    }


    .section-info-color .title_block {
        font-size: 1rem !important;
    }

    .section-universe .ApColumn :after {
        font-size: 0.9rem;
        right: 5px;
    }

    .section-pro-category .ApColumn :after {
      font-size: 0.9rem;
      width: 72%;
    }

    .section-pro-products-selection .owl-carousel {
        width: 60%;
        margin: auto;
    }

    .section-pro-products-selection .owl-carousel .owl-item {
        padding: 0 15px;
    }

}

/* ------ custom.css Parent Theme ------ */

#product-description-short ul,
#product-description-short ol {
    padding-left: 1em;
    list-style: inherit;
}
.custom-radio input[type="radio"]:checked+span {
    width: 11px;
    height: 11px;
}
.form-control-valign > label.form-control-label.radio-inline {
    margin-right: 20px;
}
div.leo-quicklogin-modal .lql-form-content input:focus, .form-control:focus {
    border-color: #ddd;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .1);
}
.thumbnail-container a.product-thumbnail img {
    /* aspect-ratio: 100 / 125; */
    /* object-fit: cover; */
}
.leo-quicklogin-modal .lql-form-content-element .form-control-label > a {
    position: relative;
    z-index: 2;
}
#product-description-short p {margin: 0;}

.thumbnail-container .color {
    vertical-align: top;
    border-radius: 0;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    border: 0;
    width: 40px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .18);
}
.addToCartFormWrapper .input-color:checked+span, .addToCartFormWrapper .input-color:hover+span, .addToCartFormWrapper.input-radio:checked+span, .addToCartFormWrapper .input-radio:hover+span {
    border: 0;
    outline: none;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .1);
}
.addToCartFormWrapper .color[style*="#fffff"] {
    border: 0;
    outline: none;
}
.thumbnail-container .variantsProductWrapper ul {
    margin: 0 -5px;
}
.addToCartFormWrapper span.radio-label {
    background: #f5f5f5;
    color: #888;
    border: 0;
    font-size: 12px;
    padding: 2px 5px;
    margin: 0 5px 5px;
    min-width: 28px;
}
.addToCartFormWrapper .input-radio:checked+span, .addToCartFormWrapper span.radio-label:hover {
    font-weight: 500;
    color: #222;
}
.product-variants>.product-variants-item .color {
    width: 50px;
    border-radius: 0;
}
.leo-blockcart.inactive + .leo-dropdown-cart {
    display: none;
}