/********************************************************

			Codezeel Custom Styles

********************************************************/


/*--------------------------------------------------------------
Fix items modifs 
/*--------------------------------------------------------------*/

.main-title {
    font-size: 18px !important;

}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {
    right: 5px !important;
}

@media (max-width: 767.98px) {
    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {
        max-width: 200px !important;
    }
}

@media (max-width: 575px) {
    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {
        max-width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .cmsbanner1 .main-title {
      font-size: 18px !important;
    }
  }

  @media screen and (max-width: 768px) {
    .cmsbanner2 .main-title {
      font-size: 18px !important;
    }

    #czsubbannercmsblock .subbanners .subbanner img {
        width: 446px !important;
        height: 230px !important;
  }
  .display-top-inner .container {
    background: white !important;
  }

  #czsubbannercmsblock .subbanners .subbanner .subbanner-text {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 32px !important;
    right: 15px !important;
    color: #000000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end;
    text-align: left !important;
    letter-spacing: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {
    max-width: 100% !important;
    align-items: flex-end;
    right: 15px !important;
    left: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: left;
    letter-spacing: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    color: #0d3653;
}

}

.container_image_show_product .imageProduct .product-image {
    object-fit: contain;
    width: 230px;
    height: 230px;
    display: block;
}

.imgDetails {
    overflow: hidden; 
}

/* Hauteur fixe du titre produit */
.ImageName {
    height: 48px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    display: block;
    width: 100%; 
}

.imageProduct > img {
    object-fit: contain !important;
  }

  .productImageShow img:not(:first-child) {
    display: none !important;
  }

.productImageShow img:first-of-type {
    width: 100% !important;
    object-fit: contain; 
  }
  
  .productImageShow img:not(:first-of-type) {
    display: none !important;
  }

  #showImageProduct {
    height: auto !important;
  }

  .buttonAddAllItemsCart > button#add_to_cart {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 20px !important;
  }

  .productImageShow {
    display: block !important;
}

@media screen and (max-width: 768px) {
    .mouseHoverEnventDataPages {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        height: 100% !important;
        width: 100% !important;
        }
  }
  
  
 .czbanner_container.container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  gap: 20px;
}

.czbanner_container.container p {
  margin: 0;
  padding: 0;
}

.czbanner_container.container img {
  display: block;
  border-radius: 5px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .czbanner_container.container {
    flex-direction: column;
  }
  .czbanner_container.container p {
    padding: 0 15px;
  }
  .czbanner_container.container img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
}

.czsubbanner_container {
  display: flex;
  flex-direction: column;
    gap: 12px;
}

.czsubbanner_container p {
  margin: 0;
  padding: 0;
}

.czsubbanner_container img {
  display: block;
  border-radius: 5px;
}

@media (max-width: 767px) {

  .czsubbanner_container img {
    width: 100%;
    max-width: 350px;
    height: auto;
    border-radius: 5px;
  }

  .czsubbanner_container {
  display: flex;
  flex-direction: column;
    gap: 20px !important;
}
}

.display-top-inner-wrapper {
  background-color: white !important;
}




/*--------------------------------------------------------------
Fix items modifs 
/*--------------------------------------------------------------*/

.btn {
    font-family: "Nexa Heavy" !important;
    border: 2px solid var(--primary-color);
    text-transform: initial;
    transition: 0.3s;
}

.btn:hover {
    color: var(--primary-color);
    background-color: #ffffff;
}

.cz-carousel {

    display: none;

    position: relative;

    float: left;

    width: 100%;

    margin: 0;

    -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

    display: none;

    position: relative;

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.owl-carousel .owl-wrapper-outer {

    overflow: hidden;

    position: relative;

    float: left;

    width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight {

    -webkit-transition: height 500ms ease-in-out;

    -moz-transition: height 500ms ease-in-out;

    -ms-transition: height 500ms ease-in-out;

    -o-transition: height 500ms ease-in-out;

    transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item {

    float: left;

}



.owl-carousel .owl-item .manu_image a {

    display: inline-block;

}



.owl-carousel .owl-item .manu_image a img {

    max-width: 100%;

}



.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

    /* fix */

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    text-align: center;

}



/* mouse grab icon */

.grabbing {

    cursor: url("../img/codezeel/grabbing.png") 8 8, move;

}



.customNavigation {

    position: absolute;

    z-index: 8;

    top: 0px;

    bottom: auto;

    direction: ltr !important;

    left: auto;

    right: 20px;

    opacity: 1;

}



.product-accessories .customNavigation, 

.productscategory-products .customNavigation, .lineven-relatedproducts-container .customNavigation {

	right: 0;

}



#czcategorytabs .view_more {

	top: 10px;

}



#czinstagramblock .customNavigation {

	position: static;

	display: none;

}





.customNavigation a, .images-container .js-qv-mask .customNavigation a {

	font-size: 0;

	position: static;

	font-weight: 300;

	height: 30px;

	width: 30px;

	line-height: 26px;

	padding: 0;

	cursor: pointer;

	overflow: hidden;

	-webkit-transition: all 0.5s ease;

	-webkit-transition-delay: 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	z-index: 9;

    border: 1px solid #e5e5e5;

    background-color: #fff;

}



.customNavigation a.next, .images-container .js-qv-mask .customNavigation a.next {

	padding: 0 11px;

}



.images-container .js-qv-mask .customNavigation a {

    position: absolute;

}



.customNavigation a:hover, .images-container .js-qv-mask .customNavigation a:hover {

	background-color: #ff5252;

	border-color: #ff5252;

}



.images-container .js-qv-mask .customNavigation a::before {

    font-size: 22px;

}



.nivo-directionNav a {

    width: 50px;

    height: 50px;

}



.customNavigation a.prev::before {

    content: "\f104";

}



.customNavigation a.next::before {

    content: "\f105";

}



.customNavigation a::before {

    font-size: 20px;

    font-family: "FontAwesome";

    color: #000;

}



.customNavigation a:hover::before,

.images-container .js-qv-mask .customNavigation a:hover::before {

    color: #ffffff;

}



.czhomeslider .nivo-directionNav .nivo-prevNav {

    background-image: url(../img/codezeel/slider-left-arrow.svg);

}



.czhomeslider .nivo-directionNav .nivo-nextNav {

    background-image: url(../img/codezeel/slider-right-arrow.svg);

}



.czhomeslider .nivo-directionNav .nivo-prevNav:hover {

    background-image: url(../img/codezeel/slider-left-arrow-hover.svg);

}



.czhomeslider .nivo-directionNav .nivo-nextNav:hover {

    background-image: url(../img/codezeel/slider-right-arrow-hover.svg);

}



@media (max-width: 1500px) {}



@media (max-width: 991px) {}



@media (max-width: 1199px) and (min-width: 401px) {}



#czleftbanner img,

#czrightbanner img {

    max-width: 100%;

}



#czleftbanner li,

#czrightbanner li {

    display: inline-block;

    vertical-align: top;

    overflow: hidden;

}



#czleftbanner li a,

#czrightbanner li a,

#czleftbannercmsblock li a {

    display: inline-block;

    vertical-align: top;

    overflow: hidden;

    position: relative;

}



#czleftbanner li a img,

#czleftbannercmsblock li img {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    max-width: 100%;

}



#czleftbanner li a:before,

#czrightbanner li a:before,

#czleftbannercmsblock li a::before {

    background: rgba(255, 255, 255, .5) none repeat scroll 0 0;

    bottom: 20px;

    content: "";

    left: 20px;

    opacity: 1;

    position: absolute;

    right: 20px;

    top: 20px;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}



#czleftbanner li:hover a:before,

#czrightbanner li:hover a:before,

#czleftbannercmsblock li:hover a::before {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}



.top_button {

    bottom: 90px;

    cursor: pointer;

    display: none;

    height: 44px;

    padding: 0px 12px;

    position: fixed;

    right: 20px;

    text-align: center;

    width: 44px;

    z-index: 99;

    font-size: 0px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    background: #ff5252;

    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;

    animation-name: hvr-icon-bob-float, hvr-icon-bob;

    -webkit-animation-duration: .3s, 1.5s;

    animation-duration: .3s, 1.5s;

    -webkit-animation-delay: 0s, .3s;

    animation-delay: 0s, .3s;

    -webkit-animation-timing-function: ease-out, ease-in-out;

    animation-timing-function: ease-out, ease-in-out;

    -webkit-animation-iteration-count: 1, infinite;

    animation-iteration-count: 1, infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-direction: normal, alternate;

    animation-direction: normal, alternate;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border: 2px solid #f5f5f5;

}



.top_button:before {

    color: #fff;

    content: "\f102";

    font-family: "FontAwesome";

    font-size: 22px;

    line-height: 37px;

    font-weight: 300;

}



.top_button:after {

    border: 2px solid #ff5252;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    bottom: -5px;

    height: 50px;

    opacity: 1;

    right: -5px;

    content: "";

    position: absolute;

    width: 50px;

    animation: blink 2s steps(5, start) infinite;

    -webkit-animation: blink 1s steps(5, start) infinite;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}



.top_button:hover:after {

    animation: unset;

    -webkit-animation: unset;

}



@keyframes blink {

    to {

        visibility: hidden;

    }

}



@-webkit-keyframes blink {

    to {

        visibility: hidden;

    }

}



/* Icon Bob */

@-webkit-keyframes hvr-icon-bob {

    0% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }



    50% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px);

    }



    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }

}



@keyframes hvr-icon-bob {

    0% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }



    50% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px);

    }



    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }

}



@-webkit-keyframes hvr-icon-bob-float {

    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }

}



@keyframes hvr-icon-bob-float {

    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px);

    }

}



/* Flexslider */

#index .spinner {

    background: url(../img/codezeel/loading.gif) no-repeat center center #ffffff;

    width: 100%;

    min-height: 502px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



@media (max-width: 1659px) {

    /* #index .spinner {

        min-height: 518px;

    } */

}



@media (max-width: 1459px) {

    #index .spinner {

        min-height: 409px;

    }

}



@media (max-width: 1259px) {

    /* #index .spinner {

        min-height: 380px;

    } */

}



@media (max-width: 1199px) {

    #index .spinner {

        min-height: 333px;

    }

}



@media (max-width: 991px) {

    #index .spinner {

        min-height: 345px;

    }

}



@media (max-width: 767px) {

    #index .spinner {

        min-height: 363px;

    }

}



@media (max-width: 575px) {

    #index .spinner {

        min-height: 268px;

    }

}



@media (max-width: 480px) {

    #index .spinner {

        min-height: 221px;

    }

}



@media (max-width: 380px) {

    #index .spinner {

        min-height: 172px;

    }

}



@media (max-width: 320px) {

    #index .spinner {

        min-height: 172px;

    }

}

#header .top-advertising-banner {
	color: #ffffff;
	font-size: 1.15em;
	text-align: center;
	background-color: #0d3653;
	padding: 0.59em 1em;
	display: block;
	margin-bottom: 0;
}

#header .top-advertising-banner p {
    margin-bottom: 0;
}


.row.header-contacts-block {
    font-size: 12.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3em 0;
}

.header-contact-item {
    padding: 0 2vw;
    position: relative;
}

.header-contact-item img {
    display: inline-block;
    margin-right: 6px;
}

.header-contact-item:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    background-color: #eeeeee;
    width: 2px;
    height: 1.8em;
    top: -0.1em;
    right: 0;
}

#product .social-sharing {
	border-top: 1px solid #dddddd;
	padding: 2.15em 0;
}

#product .social-sharing ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 12em;
	margin: 0 auto;
}

#product .social-sharing a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 2px solid #0d36534a;
	border-radius: 50%;
	width: 3.2em;
	height: 3.2em;
	position: relative;
}

#product .social-sharing a:hover {
	background-color: #0d3653;
}

#product .social-sharing a::before {
	content: "";
	position: absolute;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50%;
	height: 50%;
}

#product .social-sharing .facebook a::before {
	background-image: url(../img/icon-facebook-navi.png);
}

#product .social-sharing .twitter a::before {
	background-image: url(../img/icon-twitter-navi.png);
}

#product .social-sharing .linkedin a::before {
	background-image: url(../img/icon-linkedin-navi.png);
}

#product .social-sharing .email a::before {
	background-image: url(../img/icon-mail-navi.png);
}

#product .social-sharing .facebook a:hover::before {
	background-image: url(../img/icon-facebook-white.png);
}

#product .social-sharing .twitter a:hover::before {
	background-image: url(../img/icon-twitter-white.png);
}

#product .social-sharing .linkedin a:hover::before {
	background-image: url(../img/icon-linkedin-white.png);
}

#product .social-sharing .email a:hover::before {
	background-image: url(../img/icon-mail-white.png);
}



#product #wishlist_button,
#wishlist_button_block .btn {
	color: #0d3653;
    font-family: "Nexa Heavy";
    font-weight: bold;
	background-color: transparent;
	border: none;
	height: auto;
	padding: 0.5em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#product .product-miniature #wishlist_button {
	display: none;
}

#product #wishlist_button:hover,
#wishlist_button_block .btn:hover {
	color: #01bdd5;
}

#product #wishlist_button .material-icons,
#wishlist_button_block .btn .material-icons {
	display: block;
	width: 1.2em;
	height: 1em;
	background: url(../img/icon-heart-navi.png) center center no-repeat;
	background-size: contain;
	margin-right: 1em;
}

#product #wishlist_button:hover .material-icons,
#wishlist_button_block .btn:hover .material-icons {
	background-image: url(../img/icon-heart-blue.png);
}

#product .product-information .wrap_allert {
    display: block;
    width: max-content;
    margin: auto;
    /* padding-bottom: 20px; */
}

body#product .product-actions .product-additional-info {
    display: flex;
    flex-direction: column-reverse;
}

#product .product-availability span.value {
	font-size: 1em;
	position: relative;
	padding-left: 2em;
    font-family: "Nexa XBold";
}

#product .product-availability .available-date {
	font-size: 0.75rem;
	margin-top: 1rem;
}

#product .product-availability .available-date span {
	margin-right: 0.3rem;
	font-family: "Nexa Heavy";
}


#product .product-out-of-stock {
	color: #0d3653;
	font-weight: 700;
	margin-bottom: 1.8em;
    font-family: "Nexa";
}

#product .product-out-of-stock .block-title {
	display: block;
	margin-bottom: 0.8em;
    text-align: left;
}

#product .product-available-date {
	background-color: #ffffff;
	margin-bottom: 1.15em;
	padding: 1.6em 2em;
	display: flex;
	flex-wrap: wrap;
}

#product .product-available-date span {
	padding: 0.3em 0;
}

#product .product-available-date .label {
	display: inline-block;
	width: 100%;
	font-family: "Nexa Heavy";
	font-weight: bold;
}

#product .product-availability {
	background-color: #f7f8fa;
	margin-bottom: 1.15em;
	padding: 1.6em 2em;
	display: flex;
	flex-wrap: wrap;
    max-width: 230px;
}

#product .product-miniature .product-availability {
	display: none;
}

#product .product-availability span {
	padding: 0.3em 0;
    line-height: 1.2;
}

#product .product-availability .label {
	display: inline-block;
	width: 45%;
	min-width: 7em;
    text-align: left;
}

#product .product-availability .availability {
	position: relative;
	padding-left: 2em;
}

#product .availability.online {
	color: #6dd400;
}

#product .availability.store {
	color: #f7b500;
}

#product .availability::before {
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 1.4em;
	height: 1.4em;
	top: 0.2em;
	left: 0;
}

#product .availability.online::before {
	background-image: url(../img/icon-stok.png);
}

#product .availability.store::before {
	background-image: url(../img/icon-nostok.png);
}

.list #js-product-list .product-miniature .product-availability.available,
#product .product-availability .available,
.list
	#js-product-list
	.product-miniature
	.product-availability.last_remaining_items,
#product .product-availability .last_remaining_items {
	color: #6dd400;
}

.list #js-product-list .product-miniature .product-availability.unavailable,
#product .product-availability .unavailable {
	color: #f7b500;
}

.list #js-product-list .product-miniature .amount-block .on-order,
#product .product-availability .on-order {
	color: #01bdd5;
}.list #js-product-list .product-miniature .product-availability::before,
#product .product-availability .value::before {
	content: "";
	position: absolute;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1.45em;
	height: 1.45em;
	top: -0.15em;
	left: 0;
	float: left;
}

#product .product-availability .value::before {
	top: 0.15em;
}

.list
	#js-product-list
	.product-miniature
	.product-availability.available::before,
#product .product-availability .available::before,
.list
	#js-product-list
	.product-miniature
	.product-availability.last_remaining_items::before,
#product .product-availability .last_remaining_items::before {
	background-image: url(../img/icon-stok.png);
}

.list
	#js-product-list
	.product-miniature
	.product-availability.unavailable::before,
#product .product-availability .unavailable::before {
	background-image: url(../img/icon-nostok.png);
}

#product .product-price {
    font-family: "Nexa Heavy";
}

#product .js-product-details .product-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#product .js-product-details .product-features ul li {
    background-color: #ffffff;
    padding: 2em 2em;
    display: flex;
    align-items: center;
    padding-left: 23%;
}

#product .js-product-details .product-features ul li:nth-child(even) {
    background-color: #f7f8fa;
}

#product .js-product-details .product-features ul li p {
    width: 49.5%;
}

#product .js-product-details .product-features ul li .feature-title {
    color: #0d3653;
    font-family: "Nexa Heavy";
}

/* ------- Purchase analytics ------- */

#purchasing-analytics {
	display: inline-block;
	margin: 2rem auto 0;
	width: 100%;
}

#purchasing-analytics .analytics-tabs {
	display: inline-block;
}

#purchasing-analytics .analytics-tabs .nav-item {
	display: inline-block;
	margin-right: 10px;
}

#purchasing-analytics .analytics-tabs .nav-link {
	display: inline-block;
	padding: 0.75em 1.5em;
	background: #fff;
	border: 2px solid #0d3653;
	border-radius: 5px;
	font-family: "Nexa Heavy";
	color: #0d3653;
	opacity: 0.3;
	transition: 0.3s;
}

#purchasing-analytics .analytics-tabs .nav-link:hover {
	background-color: #0d3653;
	color: #fff;
	opacity: 1;
}

#purchasing-analytics .analytics-tabs .nav-link.active {
	opacity: 1;
}

#purchasing-analytics .analytics-content {
	display: block;
}

#purchasing-analytics .analytics-forms {
	width: 25%;
	float: right;
}

#purchasing-analytics .analytics-datas {
	width: 73%;
	float: left;
}

#purchasing-analytics .analytics-datas .table-header {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
	background: transparent;
	border: 0;
}

#purchasing-analytics .analytics-datas .table-header .th {
	padding: 1rem 0.5rem 0;
	float: left;
	background: transparent;
	font-family: "Nexa Heavy";
	color: #0d3653 !important;
	border-bottom: 1px solid #eeeeee;
}

#purchasing-analytics .analytics-datas .table-header .th:after {
	content: "";
	background: #01bdd5;
	height: 3px;
	width: 90%;
	display: block;
	margin: 1rem auto 0;
}

#purchasing-analytics .analytics-datas .table-header .th.name {
	padding: 1rem 0.5rem 0 !important;
	width: 70%;
	text-align: left;
	text-transform: none;
}

#purchasing-analytics .analytics-datas .table-header .th.name:after {
	width: 95%;
	margin: 1rem auto 0 0;
}

#purchasing-analytics .analytics-datas .table-header .th.amount {
	width: 10%;
}

#purchasing-analytics .analytics-datas .tr {
	width: 100%;
}

#purchasing-analytics .analytics-datas .tr .td {
	padding: 1rem 0.5rem 0;
	width: 10%;
	float: left;
	background: transparent;
	font-family: "Nexa Heavy";
	color: #0d3653 !important;
	text-align: center;
}

#purchasing-analytics .analytics-datas .tr .td.name {
	width: 70%;
	text-align: left;
}

#purchasing-analytics .analytics-datas .tr .td.name span {
	position: relative;
	left: 0.3rem;
}

#purchasing-analytics .analytics-datas .tr.no-children .td.name span {
	position: relative;
	left: 1.5rem;
}

#purchasing-analytics .analytics-datas .tr.analytics-category-child .td {
	font-family: "Nexa Book";
}

#purchasing-analytics .analytics-datas .tr.analytics-category-child .td.name {
	padding-left: 1.7rem;
}

#purchasing-analytics .analytics-datas .tr.analytics-category-child {
	display: none;
}

#purchasing-analytics .analytics-datas .develop:before {
	content: "+";
	display: block;
	float: left;
	width: 1.2rem;
	font-family: "Nexa Book";
	font-size: 1.4rem;
	line-height: 1.15rem;
}

#purchasing-analytics .analytics-datas .no-result {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 15rem;
	font-size: 0.9rem;
}

#purchasing-analytics .analytics-forms {
	padding-left: 1.25rem;
	border-left: 1px solid #eeeeee;
}

#purchasing-analytics .analytics-forms .page-subheading {
	display: inline-block;
	padding: 0.75rem 0;
	background: #fff;
	font-family: "Nexa Heavy";
	font-size: 1rem;
	color: #0d3653;
	text-transform: uppercase;
}

#purchasing-analytics .analytics-forms label {
	display: inline-block;
	padding: 0.75rem 0;
	background: #fff;
	font-family: "Nexa Heavy";
	font-size: 0.9rem;
	color: #0d3653;
}

#purchasing-analytics .analytics-forms input {
	font-family: "Nexa Book";
	background-color: #eef1f3;
	border: none;
	border-radius: 5px;
	width: 100%;
	padding: 0.85em 1em;
}

#purchasing-analytics .analytics-forms .actions {
	margin: 1.5rem 0 2rem;
}

#purchasing-analytics .analytics-forms .actions .btn {
	padding: 0.75em 1.5em;
}

.header-top-inner #_desktop_main_menu .top-menu li a[data-depth="0"] {
    font-weight: bold;
}

.cmsbanners .cmsbanner .cmsbanner-text .view_more .btn-primary {
    padding: 10px 26px;
}

#czsubbannercmsblock .subbanners .subbanner .subbanner-text .btn-primary {
    padding: 10px 26px;
    background-color: var(--primary-color);
    text-decoration: none;
    color: #fff;
}

#header .blockcart .blockcart-header>.shopping-cart .mobile_count {
    background-color: #01bdd5;
}

.js-mailalert {
    max-width: 420px;
    margin: 0px auto 20px;
}

.products .product_list {
    display: flex;
    flex-wrap: wrap;
}

.products .product_list .product_item .product-miniature {
    height: 100%;
}

.products .view_more {
    top: 5px;
}

.products .view_more .all-product-link {
    padding: 7px 15px;
}

body#cart #advansedwishlist_cart_block .block_content {
    padding: 0 20px;
}

#header .blockcart {
    left: 20px;
    top: -40px;
}

/* .cmsbanners .cmsbanner .cmsbanner-text .view_more .btn-primary:hover {
    background-color: var(--primary-color);
    color: var(--secondary-color);
} */

.product_list.owl-carousel .owl-wrapper {
    display: flex !important;
}

.product_list.owl-carousel .owl-wrapper .product-miniature, .product_list.owl-carousel .owl-wrapper .item {
    height: 100%;
}

.modal.quickview .product-additional-info button[data-target="#requisition_lists_add"] {
    display: block;
    margin: auto;
}

#module-opartdevis-createquotation .footer_links li {
    margin-bottom: 10px;
}

#module-opartdevis-createquotation .btn-default {
    min-width: 240px;
}

#module-opartdevis-listquotation #order-list td a.btn {
    margin-bottom: 5px;
}

.forlderStyle {
    height: initial;
}

.quickview #requisition_lists_add .modal-header, .quickview #requisition_lists_add .modal-footer {
    padding: 10px 20px;
}

.quickview #requisition_lists_add .modal-body {
    min-height: initial;
}

.requisitionlist-item-card .errorMessLit {
    padding: 3.5em 0.4em;
}

.createFolderByName {
    margin: 14px 14px 2px;
}

#module-prestarequisitionlist-allShowProductsByFolder .topCopyMoveButton .btnSelectAllEnable {
    width: initial;
    padding: 11px 30px;
}

#module-prestarequisitionlist-allShowProductsByFolder .imageProduct img {
    width: 100%;
}

#module-prestarequisitionlist-allShowProductsByFolder .container_image_show_product {
    height: initial;
    padding: 0 0 15px;
}

#module-prestarequisitionlist-allShowProductsByFolder .productQty {
    text-align: center;
}

#module-prestarequisitionlist-allShowProductsByFolder .addToOneProductCart .btn {
    font-size: 13px;
    padding: 11px;
}

#module-prestarequisitionlist-allShowProductsByFolder .prodDetails .productsComments {
    display: none;
}

.btn-danger {
    padding: 11px 30px;
}

#blockcart-modal .lineven-relatedproducts-container {
    padding:  0 20px 10px;
    float: initial;
}

#blockcart-modal .lineven-relatedproducts-container .products, #blockcart-modal .lineven-relatedproducts-container .owl-carousel, #blockcart-modal .lineven-relatedproducts-container .owl-carousel .owl-wrapper-outer, #blockcart-modal .lineven-relatedproducts-container .products .product_list.grid {
    float: initial;
}

#js-product-list .product_list.gridcount.grid .product-actions .product-quantity {
    display: none
}

.product-miniature .product-actions form {
    display: flex;
    gap: 5px;
}

.product-miniature .product-quantity .qty {
    width: initial;
    float: initial;
    margin-bottom: 0px
}

.product-miniature .product-quantity .qty .input-group-btn-vertical {
    display: none;
}

.user-info {
	margin-left: 5%;
	position: relative;
}

.account-menu-button {
	color: #0d3653;
	font-family: "Nexa XBold";
	display: flex;
	align-items: center;
	padding-bottom: 0.55em;
	position: relative;
}

.account-menu-button::before {
	content: "";
	position: absolute;
	display: block;
	background-color: #01bdd5;
	width: 100%;
	height: 4px;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: -10;
	transition: opacity 0.5s;
}

.user-info:hover .account-menu-button::before {
	visibility: visible;
	z-index: 11;
	opacity: 1;
}

.account-menu-button .login {
	display: flex;
	align-items: center;
}

.account-menu-button .icon {
	display: block;
	width: 1.9em;
	height: 1.6em;
	background: url(../img/icon-compte-navi.png) left center no-repeat;
	background-size: contain;
}

.account-menu-body {
	color: #0d3653;
	font-family: "Nexa XBold";
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 18.5em;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px 1px #d3d2d2;
	padding: 0 2.2em 1.4em;
	top: 2.4em;
	right: -6em;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	transition: opacity 0.5s;
}

.user-info:hover .account-menu-body {
	visibility: visible;
	z-index: 10;
	opacity: 1;
}

.account-menu-body .customer-name {
	font-family: "Nexa Heavy";
	font-size: 1.15em;
	padding: 1em 0.3em;
}

.account-menu-body .addon:after {
	content: "";
	display: inline-block;
	background: #000;
	height: 2px;
}

.account-menu-body a:not(.btn) {
	border-radius: 5px !important;
	padding: 0.85em 1em;
	font-size: 1em !important;
	color: #0d3653 !important;
}

.account-menu-body a:hover {
	color: #0d3653 !important;
	background-color: #6c7e981a !important;
}

.account-menu-body .account {
	text-align: center !important;
	margin-bottom: 1.2em !important;
}

.account-menu-body hr {
	margin: 0.5em 0;
}

.account-menu-body .logout {
	position: relative;
	padding-left: 2.5em !important;
}

.account-menu-body .logout::before {
	content: "";
	position: absolute;
	display: block;
	background: url(../img/icon-deconnexion.png) center center no-repeat;
	background-size: contain;
	width: 1em;
	height: 1em;
	top: 50%;
	transform: translate(0, -50%);
	left: 1em;
}

body#cart #block-order-files .btn {
    padding: 5px;
    font-size: 13px;
}

body#cart #block-order-files .btn.btn-danger {
    border: 2px solid #ff4c4c;
}



@media (min-width: 992px) {
   #header .search-widget {
      margin-top: 10px;
   }
   #header .user-info {
      margin-top: 16px;
   }

   #header .header-top {
      padding: 23px 0 0;
   }
}

#header .blockcart .blockcart-header > .shopping-cart > .icon {
    background-color: #0d3653;
}

@media (max-width: 991.98px) {
    #mobile_top_menu_wrapper .mobile-menu-inner #czwelcomecmsblock, #header .top-advertising-banner {
        display: none;
    }

    #header .header-nav {
        padding: 0;
        border-bottom: none;
    }

    .account-menu-body {
        right: 0;
    }
     #header .blockcart {
        position: absolute;
        left: initial;
        right: 15px;
        top: 0;
     }
     #header .user-info {
         margin-right: 40px;
     }
    
}


@media (max-width: 779.98px) {
    .display-top-inner .container { 
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) {
    .header-top-inner #_desktop_main_menu .top-menu li a[data-depth="0"]::before {
        content: "";
        position: absolute;
        left: 0;
        height: 4px;
        top: auto;
        bottom: 0;
        transition: all 0.3sease 0s;
        -webkit-transition: all 0.3sease 0s;
        width: 100%;
        opacity: 0;
    }

    .header-top-inner #_desktop_main_menu .top-menu li:first-child a[data-depth="0"]::before {
        left: -10px;
    }

    .header-top-inner #_desktop_main_menu .top-menu li.current a[data-depth="0"] {
        color: #01bdd5;
    }

    .header-top-inner #_desktop_main_menu .top-menu li a[data-depth="0"]:hover::before, .header-top-inner #_desktop_main_menu .top-menu li.current a[data-depth="0"]::before {
        background-color: #01bdd5;
        opacity: 1;

    }

    .header-top-inner .menu, .header-top-inner .top-menu, .header-top-inner .menu>ul>li {
        position: initial;
    }

    .header-top-inner .menu ul>li .sub-menu {
        width: 80%;
        max-width: initial;
        left: 50%;
        transform: translateX(-50%);
    }
}