.header-categories-ui .categories-opened-ui {
background: #ffffff;
vertical-align:top;
margin-top:-1px;
height:calc(63px + 3px);
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]:not(.update-reminder-date-ui)::-webkit-clear-button {
-webkit-appearance: none;
display: none
}
.half-ui input[name=phoneNo],
.register-step-ui input[name=phoneNo] {
max-width: none
}
.not-clickable-ui:hover {
color: inherit;
cursor: default
}
input[type='radio'] {
accent-color: #ce6520;
}
.register-container-ui,
.login-container-ui {
scrollbar-color: #8e8e8e rgba(0, 0, 0, 0);
scrollbar-width: thin;
overflow-y: auto
}
.register-container-ui::-webkit-scrollbar,
.login-container-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.register-container-ui::-webkit-scrollbar-track,
.login-container-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0)
}
.register-container-ui::-webkit-scrollbar-thumb,
.login-container-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.register-container-ui::-webkit-scrollbar-thumb:hover,
.login-container-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.register-container-ui label:not(.checkbox-ui):not(.radio-ui),
.register-container-ui .select-background-ui,
.login-container-ui label:not(.checkbox-ui):not(.radio-ui),
.login-container-ui .select-background-ui {
width: calc(100% - 28px)
}
.register-container-ui label:not(.checkbox-ui):not(.radio-ui),
.login-container-ui label:not(.checkbox-ui):not(.radio-ui) {
margin: 5px auto 0
}
.register-container-ui .small-input-ui label:not(.checkbox-ui):not(.radio-ui),
.login-container-ui .small-input-ui label:not(.checkbox-ui):not(.radio-ui) {
margin-left: 2px;
width: calc(100% - 2px)
}
.choose-country-in-cart-ui {
width: calc(50% - 33px)
}
.form-button-ui {
min-width: 260px
}
.form-button-ui i,
.form-button-ui span {
color: #fff;
font-size: 16px !important
}
.va-mid-ui {
vertical-align: middle
}
.va-unset-ui {
vertical-align: unset !important
}
.line-height-1-ui {
line-height: 1
}
.characters-counter-ui {
font-size: 10px;
line-height: 10px;
float: right;
display: inline-block
}
.modal-open-ui {
overflow: hidden
}
.small-text-ui {
font-size: 12px
}
.editing-order-message-bar-ui.message-bar-ui {
text-shadow: none
}
.product-presentation-breadcrumbs-ui {
display: block;
width: calc(100% - 350px)
}
.product-presentation-breadcrumbs-ui li {
display: inline
}
.choose-cart-table-view-ui {
width: 120px;
padding: 0
}
.choose-cart-table-view-ui div {
padding: 2px 10px;
text-align: left
}
.choose-cart-table-view-ui div:not(.active-js) {
background-color: #f38c01;
border:1px solid #f38c01;
color: #ffffff;
cursor:pointer;
transition:all 300ms ease
}
.choose-cart-table-view-ui div:not(.active-js):hover {
background-color: #d68800;
border:1px solid #d68800
}
.choose-cart-table-view-ui .active-js {
border:1px solid #DDDDDD
}
.free-delivery-from-ui {
font-size: 14px;
color: #7fba00
}
.arrow-column-ui {
width: 35px
}
.arrow-column-ui i {
color: #f38c01;
cursor:pointer !important;
transition:all 300ms ease
}
.arrow-column-ui i:hover {
color: #d68800
}
.loading-cart-in-progress-ui {
margin-top: 30px;
text-align: center
}
.sign-in-popup-ui .loading-cart-in-progress-ui {
font-size: 16px
}
.error-bg-ui {
background-color: #EF5350;
color: #ffffff;
padding:5px;
text-shadow:none
}
.arrow-left-bg-ui {
display: inline-block;
vertical-align: middle;
margin-right: -5px;
width: 0;
height: 0;
border-top: 12px solid rgba(0, 0, 0, 0);
border-bottom: 12px solid rgba(0, 0, 0, 0);
border-right:12px solid #EF5350
}
.days-after-ui {
position: relative;
padding: 0 5px;
display: inline-block;
vertical-align: middle;
font-size: 12px
}
.days-after-ui:before {
content: "\a";
border-style: solid;
border-width: 12px 12px 12px 0;
border-color:rgba(0, 0, 0, 0) #EF5350 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
position:absolute;
left:-12px
}
.escape-editing-ui {
box-sizing: border-box;
padding: 17px;
display: inline-block;
cursor: pointer;
vertical-align: top
}
.escape-editing-ui i {
font-size: inherit;
color: inherit
}
.details-wrapper-ui .discount-ui,
.cart-ui .discount-ui,
.order-ui .discount-ui {
color: #ef5350
}
.details-wrapper-ui .discount-ui i,
.cart-ui .discount-ui i,
.order-ui .discount-ui i {
color: #c6c6c6
}
.details-wrapper-ui .netto-price-ui,
.cart-ui .netto-price-ui,
.order-ui .netto-price-ui {
color: #7fba00
}
.mb20-ui {
margin-bottom: 20px
}
.mb25-ui {
margin-bottom: 25px
}
.mb30-ui {
margin-bottom: 30px
}
.ml60-ui {
margin-left: 60px
}
.wa-ui {
width: auto !important
}
.fs09-ui {
font-size: .9rem
}
.price-like-column-ui .ribbon-ui.Reward-ui {
display: block
}
.w15-ui {
width: 15%
}
.w30-ui {
width: 30%
}
.w70-ui {
width: 70%
}
.mw50-ui {
max-width: 50%
}
.mw44-ui {
max-width: 44%;
min-width: 21%
}
.mr-5-ui {
margin-right: -5px
}
.due-date-ui {
display: inline-block;
margin-right: 20px
}
.fw-normal-ui {
font-weight: normal
}
.amount-stepper-ui .disabled-js {
cursor: default;
color: #DDDDDD
}
.amount-stepper-ui .disabled-js.change-quantity-ui:hover {
background-color: #f6f6f6;
color: #DDDDDD
}
.customer-profile-ui .loyalty-history-table-ui .column-ui {
width: calc(50% - 80px)
}
.customer-profile-ui .loyalty-history-table-ui .sign-column-ui {
width: 30px;
font-size: 20px
}
.customer-profile-ui .loyalty-history-table-ui .points-quantity-column-ui {
width: 100px;
text-align: right;
margin-right: 28px
}
.customer-profile-ui .loyalty-history-table-ui .big-ui {
font-size: 30px;
vertical-align: top
}
.customer-profile-ui .loyalty-history-table-ui .smaller-ui {
font-size: 20px;
vertical-align: top
}
.customer-profile-ui .loyalty-history-table-ui .row-ui {
cursor: default
}
.customer-profile-ui .loyalty-history-table-ui .row-ui:hover {
box-shadow: none
}
.modal-opened-ui {
overflow: hidden
}
.complaint-info-ui {
margin-bottom: 35px
}
.add-to-wishlist-ui,
.add-to-inquiry-ui {
margin-top: 40px;
max-width: 50%;
text-align: left;
padding: 0;
margin-right: 20px
}
.add-to-wishlist-ui.with-see-more-info-url-ui,
.add-to-inquiry-ui.with-see-more-info-url-ui {
margin-top: 0
}
.add-to-wishlist-ui i,
.add-to-inquiry-ui i {
font-size: 32px;
margin-right: 5px;
vertical-align: middle
}
.quantity-column-ui .notify-about-availability-button-ui {
font-size: 12px
}
.quantity-column-ui .notify-about-availability-button-ui.smaller-ui {
max-width: 100px
}
.two-options-ui .notify-about-availability-button-ui {
width: 100px;
margin-top: 20px
}
.move-wishlist-ui {
float: right;
margin-top: -39px
}
.check-availability-in-shop-ui {
margin-top: 30px
}
.check-availability-in-shop-ui button {
padding: 0
}
.check-availability-in-shop-ui.in-table-ui {
text-align: right
}
.zoom-lq {
cursor: pointer
}
.gallery-opened-ui {
position: fixed;
z-index: 53;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ffffff
}
.gallery-opened-ui .single-image-slider-ui {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.gallery-opened-ui .single-image-slider-ui img {
max-height: 100vh
}
.gallery-opened-ui .open360 {
display: none
}
.close-gallery-ui {
position: fixed;
top: 40px;
right: 40px
}
.open360 {
position: absolute;
z-index: 1
}
@media screen and (min-width: 1280px) {
.open360 {
right: 0;
top: 0
}
}
@media screen and (max-width: 1279px) {
.open360 {
right: 20px;
top: 45px
}
}
.erp-table-header-ui {
width: 100%;
padding: 0
}
.category-description-ui {
margin-bottom: 20px
}
.category-description-ui * {
font-size: 14px !important;
font-family: Roboto, sans-serif !important
}
.category-img-ui {
position: relative;
margin-bottom: 20px
}
.category-img-ui .category-container-ui {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px
}
.category-img-ui .category-container-ui .category-container-bg-ui {
background-color: rgba(255, 255, 255, .9);
padding: 20px;
min-width: 30%;
max-width: 50%;
max-height: 100%;
display: inline-block
}
.category-img-ui .category-container-ui .category-container-bg-ui .category-description-ui {
overflow: auto;
margin-bottom: 0
}
.category-img-ui .category-container-ui .category-container-bg-ui .category-description-ui * {
margin: 0 !important;
background: rgba(0, 0, 0, 0) !important
}
.select-background-ui {
display: inline-block;
background: #FFFFFF;
margin-top:3px;
margin-right:-5px
}
.select-background-ui select {
height: 46px;
width: 100%;
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
position: relative;
z-index: 1;
padding: 7px 34px 7px 10px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.select-background-ui select::-ms-expand {
display: none
}
.credit-limit-blocked-ui .delivery-and-payment-container-ui {
display: none;
visibility: hidden
}
.delivery-and-payment-container-ui .select-background-ui {
width: 100%
}
.delivery-and-payment-container-ui .label-ui {
font-size: .9rem
}
.header-attribute-cart-ui {
width: calc(50% - 10px);
display: inline-block;
vertical-align: top;
position: relative
}
.header-attribute-cart-ui:nth-child(2n+1) {
margin-right: 14px
}
.header-attribute-cart-ui input {
width: 100%
}
.header-attribute-cart-ui .select-background-ui {
margin-top: 0;
width: 100%
}
.header-attribute-cart-ui .select-background-ui select {
height: 48px
}
.pd05 {
padding: 0 5px
}
.attributes-view-cell-ui {
width: 174px
}
.attributes-view-cell-ui.order-edit-active-ui {
width: 161px
}
.attributes-view-cell-ui input,
.attributes-view-cell-ui .select-background-ui {
width: 100%
}
.attributes-view-cell-ui input,
.attributes-view-cell-ui select {
font-size: 14px;
height: 48px
}
.attributes-view-cell-ui .select-background-ui {
margin-top: 0
}
.slick-disabled {
color: #ddd
}
.slick-disabled:hover {
color: #ddd
}
.select-arrow-ui {
display: inline-block;
vertical-align: middle;
color: #232323 !important;
margin-left:-29px
}
.border-bottom-ui {
border-bottom:1px solid #DDDDDD
}
.mt20-ui {
margin-top: 20px
}
.margin-centered-ui {
margin: 0 auto
}
.validation-info-js {
font-size: 13px;
display: block
}
.validation-vies-lq,
.validation-vies-allow-when-not-responding-lq,
.validation-vies-dont-allow-when-not-responding-lq {
color: #232323 !important
}
.product-presentation-ui .expandable-js [name=attributeEditable]:not(.validation-error-ui),
.product-presentation-ui .expandable-js [name=attributePolyvalent]:not(.validation-error-ui) {
margin-bottom: 24px
}
.product-presentation-ui .expandable-js .select-arrow-ui.no-error-ui {
margin-bottom: 24px
}
.validation-error-ui {
border:1px solid #EF5350 !important
}
.error-ui {
color: #EF5350
}
.success-ui {
color: #81C784
}
.limited-container-ui {
max-width: 1200px
}
@media only screen and (min-width: 1600px) {
.narrow-container-ui {
width: 80%
}
}
.margin-auto-ui {
margin: auto
}
.sizeChart {
margin-top: 16px;
max-width: fit-content
}
@media only screen and (max-width: 1279px) {
.sizeChart {
margin-bottom: 10px;
margin-left: 20px
}
}
.sizeChart .sizeChart-contentContainer {
font-size: 14px;
letter-spacing: 1.2px;
color: #f38c01;
line-height:40px;
cursor:pointer;
text-decoration:underline
}
.sizeChart .sizeChart-contentContainer div {
display: inline-block
}
.add-to-cart-ui {
display: inline-block;
margin-top: 40px;
background-color: #7fba00;
color: #FFFFFF;
min-height:58px;
min-width:146px;
position:relative
}
.add-to-cart-ui:hover {
background-color: #87ce0d;
color: #FFFFFF
}
.add-to-cart-ui.change-ui {
padding: 15px 14px;
text-align: center
}
.add-to-cart-ui.change-ui:hover {
background-color: #7fba00;
color: #FFFFFF
}
.add-to-cart-ui i {
font-size: 32px;
margin-right: 15px;
vertical-align: middle
}
.add-to-cart-ui i:hover {
color: #FFFFFF
}
.add-to-cart-ui.editing-order-ui {
background: #f38c01;
color: #ffffff
}
.add-to-cart-ui.editing-order-ui:hover {
background: #d68800
}
.add-to-cart-label-ui {
display: inline-block;
vertical-align: middle;
line-height: 1.5
}
.lower-text-ui {
font-size: 12px;
display: block
}
.bigger-text-ui {
font-size: 14px;
display: block
}
.change-cart-arrows-ui {
background-color: #d1e5a5;
color: #7fba00;
border:1px solid #7fba00;
vertical-align:bottom;
padding:16px 16px 11px;
margin-left:-5px
}
.change-cart-arrows-ui:hover {
background-color: #87ce0d;
color: #FFFFFF
}
.change-cart-arrows-ui i {
font-size: 20px
}
.change-cart-arrows-ui i:hover {
color: #FFFFFF
}
.choose-cart-form-ui {
width: 199px;
background-color: #d1e5a5;
color: #7fba00;
text-align:center
}
.choose-cart-form-ui.table-view-ui {
position: relative;
right: -199px;
float: right;
top: 94px
}
.choose-cart-form-ui li {
padding: 10px;
border-left:1px solid #7fba00;
border-right:1px solid #7fba00;
border-bottom:1px solid #7fba00;
cursor:pointer;
transition:all 300ms ease
}
.choose-cart-form-ui li:hover {
background-color: #87ce0d;
border-left:1px solid #87ce0d;
border-right:1px solid #87ce0d;
border-bottom:1px solid #87ce0d;
color: #FFFFFF
}
.header-cart-box-ui .cart-in-header-ui {
position: relative
}
.header-cart-box-ui .cart-in-header-ui .counter-bg-ui {
position: absolute;
right: 25px;
background-color: #0060ac;
color: #FFFFFF;
font-size:12px;
font-family: Roboto, sans-serif;
text-align:center;
border-radius:50%;
width:20px;
height:20px
}
.header-cart-box-ui .cart-in-header-ui .counter-ui {
vertical-align: middle;
line-height: 1.5
}
.header-cart-box-ui:hover .counter-bg-ui,
.header-cart-box-ui:hover .counter-ui {
color: #FFFFFF !important
}
.header-cart-box-ui:hover .counter-bg-ui {
background-color: #004d8a
}
.product-table-in-wishlist-ui {
padding-top: 60px;
margin: 20px 0;
font-size: .9rem
}
.product-table-in-wishlist-ui .products-header-ui {
display: block;
float: none;
border-right: none;
border-left: none
}
.product-table-in-wishlist-ui .products-header-ui .container-ui {
display: block;
padding: 0;
float: none
}
.product-table-in-wishlist-ui .products-header-ui .name-and-code-ui {
padding: 0 10px
}
@media screen and (min-width: 1280px) {
.product-table-in-wishlist-ui .products-header-ui .name-and-code-ui {
width: calc(60% - 60px - 175px - 110px - 50px)
}
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .products-header-ui .name-and-code-ui {
width: calc(80% - 60px - 175px - 110px - 50px)
}
}
.product-table-in-wishlist-ui .product-item-ui {
display: block;
padding: 10px 0 10px 10px
}
.product-table-in-wishlist-ui .product-item-ui:nth-child(2n) {
background-color: #f6f6f6
}
.product-table-in-wishlist-ui .product-item-ui .name-and-code-ui {
padding-right: 20px
}
@media screen and (min-width: 1280px) {
.product-table-in-wishlist-ui .product-item-ui .name-and-code-ui {
width: calc(60% - 60px - 50px - 10px - 175px - 110px - 50px)
}
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .product-item-ui .name-and-code-ui {
width: calc(80% - 60px - 50px - 10px - 175px - 110px - 50px)
}
}
.product-table-in-wishlist-ui .image-container-ui {
margin-right: 10px
}
.product-table-in-wishlist-ui .image-container-ui i {
font-size: 40px
}
@media screen and (min-width: 1280px) {
.product-table-in-wishlist-ui .right-content-ui {
width: calc(30% + 180px + 180px + 50px)
}
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .right-content-ui {
width: calc(20% + 175px + 110px + 50px)
}
}
.product-table-in-wishlist-ui .price-column-ui {
text-align: right;
width: 270px;
margin-right: 30px
}
@media screen and (max-width: 530px) {
.product-table-in-wishlist-ui .price-column-ui {
top: 55px !important;
width: 110px
}
}
.product-table-in-wishlist-ui .price-column-ui .thresholds-label-ui {
display: none !important
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .price-column-ui .thresholds-label-ui {
display: flex !important
}
}
.product-table-in-wishlist-ui .notify-date-column-ui {
position: relative;
z-index: 2;
font-size: 14px
}
@media screen and (min-width: 1280px) {
.product-table-in-wishlist-ui .notify-date-column-ui {
width: 220px
}
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .notify-date-column-ui {
width: 175px
}
}
@media screen and (min-width: 1280px) {
.product-table-in-wishlist-ui .stepper-and-adding-ui {
width: calc(100% - 220px - 250px - 50px)
}
}
@media screen and (max-width: 1279px) {
.product-table-in-wishlist-ui .stepper-and-adding-ui {
width: calc(100% - 175px - 110px - 50px)
}
}
.product-table-in-wishlist-ui .tfoot-ui {
border-bottom: 1px solid #c6c6c6
}
.earn-loyalty-points-ui {
position: absolute;
top: -60px;
text-align: right;
width: 100%
}
.earn-loyalty-points-ui i {
font-size: 20px
}
.wider-button-ui {
padding: 7px 30px
}
.open-complaint-form-container-ui {
position: relative;
width: 60px
}
.open-complaint-form-container-ui .dropdowns-ui {
position: absolute;
top: 0;
width: 500px;
padding: 20px
}
.open-complaint-form-container-ui .form-title-ui {
font-size: 18px;
font-weight: 500
}
.open-complaint-form-container-ui .complaint-added-ui {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background: #ffffff;
border-bottom:1px solid #DDDDDD
}
.open-complaint-form-container-ui .complaint-added-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px
}
.open-complaint-form-container-ui .complaint-added-ui+.info-ui {
padding: 35px 40px 40px
}
.open-complaint-form-container-ui .hide-container-ui {
position: absolute;
right: 0;
padding: 0
}
.open-complaint-form-container-ui .add-complaint-form-ui {
padding: 0;
scrollbar-color: #8e8e8e rgba(0, 0, 0, 0);
scrollbar-width: thin;
overflow-y: auto
}
.open-complaint-form-container-ui .add-complaint-form-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.open-complaint-form-container-ui .add-complaint-form-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0)
}
.open-complaint-form-container-ui .add-complaint-form-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.open-complaint-form-container-ui .add-complaint-form-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.open-complaint-form-container-ui .add-complaint-form-ui .form-js {
padding: 20px
}
.open-complaint-form-container-ui .add-complaint-form-ui .hide-container-ui {
position: absolute;
top: 20px;
right: 20px
}
.open-complaint-form-container-ui .label-ui {
font-size: 14px
}
.open-complaint-form-container-ui .product-ui {
background-color: #ffffff;
padding:10px;
margin-top:20px;
border:1px solid #DDDDDD
}
.open-complaint-form-container-ui .product-ui .img-container-ui {
width: calc(30% - 25px);
margin-right: 20px;
display: inline-block;
vertical-align: top
}
.open-complaint-form-container-ui .product-ui .img-container-ui i {
font-size: 45px;
color: #DDDDDD !important
}
.open-complaint-form-container-ui .product-ui .img-container-ui i:hover {
color: #DDDDDD !important
}
.open-complaint-form-container-ui .product-ui .info-ui {
width: 70%;
display: inline-block
}
.open-complaint-form-container-ui .product-ui .desc-ui,
.open-complaint-form-container-ui .product-ui .desc-ui ul {
color: #232323
}
.open-complaint-form-container-ui .product-ui .desc-ui ul {
margin-top: 20px
}
.open-complaint-form-container-ui .product-ui .desc-ui ul li {
font-size: 14px;
border-bottom: none
}
.open-complaint-form-container-ui .product-ui .attr-name-ui,
.open-complaint-form-container-ui .product-ui .attr-value-ui {
display: inline-block;
width: calc(50% - 5px)
}
.open-complaint-form-container-ui .product-ui .attr-name-ui {
margin-right: 5px
}
.open-complaint-form-container-ui .amount-stepper-container-ui {
margin-top: 20px;
margin-bottom: 30px
}
.open-complaint-form-container-ui .amount-stepper-container-ui button {
width: 40px;
height: 40px
}
.open-complaint-form-container-ui .amount-stepper-container-ui .unit-name-ui {
margin-left: 10px
}
.open-complaint-form-container-ui .note-ui {
margin-top: 20px
}
.open-complaint-form-container-ui .note-ui button {
padding: 0
}
.open-complaint-form-container-ui .note-ui textarea {
width: 100%
}
.customer-profile-ui .dropdowns-ui .form-js {
margin-top: 0 !important
}
.customer-profile-ui .dropdowns-ui .form-js .select-background-ui,
.customer-profile-ui .dropdowns-ui .form-js input[type=date],
.customer-profile-ui .dropdowns-ui .form-js input[type=file] {
width: 60%;
margin: 3px 0 0 0 !important
}
.customer-profile-ui .dropdowns-ui .form-js .company-form-js .select-background-ui {
width: 100%;
margin: 3px -5px 0 0 !important
}
.customer-profile-ui .dropdowns-ui .amount-stepper-container-ui input {
width: 80px;
height: 40px;
margin-top: 0
}
.cart-ui .amount-stepper-container-ui {
position: relative
}
.cart-ui .amount-stepper-container-ui .amount-stepper-ui .error-ui {
bottom: -22px;
left: 0
}
.cart-ui .amount-stepper-container-ui .amount-stepper-ui .error-ui .max-js {
color: #EF5350
}
.send-complaint-ui {
margin-top: 20px
}
.send-complaint-ui i {
margin-right: 5px
}
.open-complaint-form-ui {
padding: 0;
font-size: 18px;
position: relative
}
.open-complaint-form-ui .icon-text-ui {
font-family: Roboto, sans-serif;
font-size:11px;
display:block
}
.add-complaint-form-bg-ui {
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5)
}
.add-complaint-form-bg-ui .dropdowns-ui {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 90%;
overflow: auto
}
.cart-ui .product-table-in-wishlist-ui .amount-stepper-ui .error-ui {
font-size: 14.4px;
bottom: -10px;
left: 0
}
.wishlist-icon-container-ui {
position: relative
}
.header-middle-section-ui .wishlist-icon-container-ui .empty-cart-notice-ui {
font-size: 16px;
margin-top: 56px
}
.header-middle-section-ui .wishlist-icon-container-ui .empty-cart-notice-ui i {
font-size: 30px;
padding: 0;
color: #d2d2d2;
margin-right: 10px
}
.wishlist-icon-ui {
position: relative
}
.wishlist-icon-ui .counter-bg-ui {
position: absolute;
top: 1px;
left: -7px;
background-color: #0060ac;
color: #FFFFFF;
font-size:12px;
font-family: Roboto, sans-serif;
text-align:center;
border-radius:50%;
width:20px;
height:20px
}
.wishlist-icon-ui .counter-ui {
vertical-align: middle;
line-height: 1.5
}
.wishlist-icon-ui:hover .counter-bg-ui {
background-color: #004d8a
}
.product-presentation-ui figure {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin: 0;
padding-top: 100%;
position: relative
}
.product-presentation-ui figure img {
max-width: 100%;
margin: auto
}
.product-presentation-ui figure img,
.product-presentation-ui figure iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-height: 100%
}
.product-presentation-ui figure img.safari-img-ui,
.product-presentation-ui figure iframe.safari-img-ui {
height: auto
}
.product-presentation-ui .dropdowns-ui {
display: block;
width: 500px;
z-index: 12;
position: absolute
}
.product-presentation-ui .dropdowns-ui .title-ui {
font-size: 18px;
font-weight: 500
}
.product-presentation-ui .dropdowns-ui .title-ui i {
font-size: 16px
}
.product-presentation-ui .dropdowns-ui .title-ui,
.product-presentation-ui .dropdowns-ui .form-ui {
padding: 10px;
width: 100%
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .dropdowns-ui .title-ui,
.product-presentation-ui .dropdowns-ui .form-ui {
padding: 20px
}
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .dropdowns-ui .form-ui {
padding-top: 0
}
}
.product-presentation-ui .dropdowns-ui .title-ui button {
padding: 0
}
.product-presentation-ui .dropdowns-ui label {
margin-left: 0
}
.product-presentation-ui .dropdowns-ui input,
.product-presentation-ui .dropdowns-ui textarea {
width: 100%
}
.product-presentation-ui .select-background-ui {
margin-top: 0
}
.product-presentation-ui .required-fields-info-ui {
margin: 20px 0;
font-size: 12px
}
.product-presentation-ui .product-presentation-slider-ui {
display: none
}
.product-presentation-ui .product-presentation-slider-ui .slick-arrow {
transform: translateY(-50%);
font-size: 23px
}
.product-presentation-ui .product-presentation-slider-ui .slick-arrow.slick-next {
right: -27px
}
.product-presentation-ui .product-presentation-slider-ui .slick-arrow.slick-prev {
left: -27px
}
.product-presentation-ui .ti-angle-left:before,
.product-presentation-ui .ti-angle-right:before {
font-size: 23px
}
.product-presentation-ui .top-right-icons-ui {
float: right
}
.product-presentation-ui .top-right-icons-ui li {
display: inline-block
}
.product-presentation-ui .top-right-icons-ui i {
font-size: 22px
}
.product-presentation-ui .top-right-icons-ui .icon-text-ui {
font-size: .7em;
line-height: 1;
display: block
}
.product-presentation-ui .top-right-icons-ui .dropdowns-ui {
right: 3.5%
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .top-right-icons-ui .dropdowns-ui {
right: 10%
}
}
.product-presentation-ui .top-right-icons-ui .share-icons {
width: 100%;
margin: 30px 0;
display: grid;
justify-items: center
}
@media screen and (min-width: 340px) {
.product-presentation-ui .top-right-icons-ui .share-icons {
grid-template-columns: 33% 33% 33%
}
}
@media screen and (max-width: 339px) {
.product-presentation-ui .top-right-icons-ui .share-icons {
grid-template-columns: 50% 50%
}
}
.product-presentation-ui .top-right-icons-ui .share-icons a,
.product-presentation-ui .top-right-icons-ui .share-icons div {
margin: 0 0 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #232323;
transition:300ms;
text-align:center
}
.product-presentation-ui .top-right-icons-ui .share-icons a:hover i,
.product-presentation-ui .top-right-icons-ui .share-icons div:hover i {
color: #d68800
}
.product-presentation-ui .top-right-icons-ui .share-icons a:hover svg,
.product-presentation-ui .top-right-icons-ui .share-icons div:hover svg {
fill: #d68800
}
.product-presentation-ui .top-right-icons-ui .share-icons a:hover span,
.product-presentation-ui .top-right-icons-ui .share-icons div:hover span {
color: #d68800
}
.product-presentation-ui .top-right-icons-ui .share-icons a span,
.product-presentation-ui .top-right-icons-ui .share-icons div span {
transition: 300ms;
font-size: 15px
}
@media screen and (min-width: 769px) {
.product-presentation-ui .top-right-icons-ui .share-icons a,
.product-presentation-ui .top-right-icons-ui .share-icons div {
margin: 0 0 30px
}
}
@media screen and (max-width: 768px) {
.product-presentation-ui .top-right-icons-ui .share-icons a,
.product-presentation-ui .top-right-icons-ui .share-icons div {
margin: 0 0 20px
}
}
.product-presentation-ui .top-right-icons-ui .share-icons a i,
.product-presentation-ui .top-right-icons-ui .share-icons a svg,
.product-presentation-ui .top-right-icons-ui .share-icons div i,
.product-presentation-ui .top-right-icons-ui .share-icons div svg {
width: 25px;
height: 25px;
transition: 300ms
}
.product-presentation-ui .top-right-icons-ui .share-icons a svg,
.product-presentation-ui .top-right-icons-ui .share-icons div svg {
fill: #004d8a
}
.product-presentation-ui .top-right-icons-ui .share-icons a i,
.product-presentation-ui .top-right-icons-ui .share-icons div i {
color: #004d8a
}
.product-presentation-ui .top-right-icons-ui .share-icons .share-recommend-js:hover {
cursor: pointer
}
.product-presentation-ui .top-right-icons-ui .share-product-ui,
.product-presentation-ui .top-right-icons-ui .print-product-ui {
transition: background 300ms, color 300ms
}
.product-presentation-ui .top-right-icons-ui .share-product-ui .share-icon-ui,
.product-presentation-ui .top-right-icons-ui .share-product-ui .print-icon-ui,
.product-presentation-ui .top-right-icons-ui .print-product-ui .share-icon-ui,
.product-presentation-ui .top-right-icons-ui .print-product-ui .print-icon-ui {
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 20px;
width: 20px;
height: 20px;
fill: #f38c01;
cursor:inherit !important
}
.product-presentation-ui .top-right-icons-ui .share-product-ui:hover svg,
.product-presentation-ui .top-right-icons-ui .print-product-ui:hover svg {
fill: #d68800;
cursor:pointer
}
.product-presentation-ui .page-title-ui {
margin: 15px 0 30px;
font-size: 28px;
color: #232323;
line-height:1.2
}
.product-presentation-ui .page-title-ui.shorter-ui {
max-width: 71%
}
.product-presentation-ui .columns-container-ui {
margin-bottom: 55px
}
.product-presentation-ui .column-ui {
display: inline-block;
vertical-align: top
}
.product-presentation-ui .gallery-container-ui {
width: 35%;
position: relative;
margin-right: 1.6%
}
.product-presentation-ui .gallery-container-ui i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 200px;
color: #DDDDDD !important
}
.product-presentation-ui .gallery-container-ui i:hover {
color: #DDDDDD !important
}
.product-presentation-ui .gallery-container-ui i.ti-video-camera {
font-size: 100px
}
.product-presentation-ui .gallery-container-ui .product-code-ui {
position: absolute;
top: -22px
}
.product-presentation-ui .gallery-container-ui .slick-slide {
border: 1px solid rgba(0, 0, 0, 0)
}
.product-presentation-ui .gallery-container-ui .slick-arrow {
font-size: 18px;
transform: translateY(-9px)
}
.product-presentation-ui .gallery-container-ui .slick-arrow.slick-disabled {
display: none !important
}
.product-presentation-ui .gallery-container-ui .ti-angle-left:before,
.product-presentation-ui .gallery-container-ui .ti-angle-right:before {
font-size: 18px
}
.product-presentation-ui .gallery-container-ui .single-image-slider-ui {
display: none
}
.product-presentation-ui .gallery-container-ui .single-image-slider-ui .slick-current {
cursor: pointer
}
.product-presentation-ui .gallery-container-ui .single-image-slider-ui .slick-arrow.slick-next {
right: 0
}
.product-presentation-ui .gallery-container-ui .single-image-slider-ui .slick-arrow.slick-prev {
left: 0
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui {
display: none;
width: calc(100% - 36px);
margin: auto
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui .slick-arrow.slick-next {
right: -18px
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui .slick-arrow.slick-prev {
left: -18px
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui .slick-current {
border:1px solid #f38c01
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui img {
cursor: pointer
}
.product-presentation-ui .gallery-container-ui .multi-image-slider-ui .slick-track {
padding-bottom: 1px
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui .ti-angle-left:before,
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui .ti-angle-right:before,
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui .ti-close:before {
font-size: 50px
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui .slick-arrow {
font-size: 50px;
transform: translateY(-25px)
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui .slick-current {
cursor: default
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .single-image-slider-ui figure {
padding-top: 100vh
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .ti-close {
cursor: pointer !important;
font-size: 50px;
color: #004d8a !important;
transition:all 300ms ease
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .ti-close:hover {
color: #d68800 !important
}
.product-presentation-ui .attributes-container-ui {
width: 32%;
margin-right: 1.6%
}
.product-presentation-ui .attributes-container-ui.table-view-ui {
margin-top: 20px
}
.product-presentation-ui .attributes-container-ui li {
padding: 10px
}
.product-presentation-ui .attributes-container-ui li .name-ui {
display: inline-block;
width: calc(56% - 10px);
margin-right: 5px
}
.product-presentation-ui .attributes-container-ui li .value-ui {
display: inline-block;
width: 44%
}
.product-presentation-ui .attributes-container-ui .first-list-ui.table-view-ui {
width: 50%;
float: left
}
.product-presentation-ui .attributes-container-ui .second-list-ui {
margin-top: 30px
}
.product-presentation-ui .attributes-container-ui .second-list-ui li:nth-child(2n+1) {
background-color: #f8f8f8
}
.product-presentation-ui .attributes-container-ui .second-list-ui.table-view-ui {
margin-top: 0;
width: 50%;
float: right
}
.product-presentation-ui .add-to-cart-container-ui {
width: 29%;
position: relative;
float: right
}
.product-presentation-ui .add-to-cart-container-ui .flags-ui {
position: absolute;
top: -30px;
width: 100%;
text-align: right
}
.product-presentation-ui .add-to-cart-container-ui .flags-ui li {
margin-left: 2px
}
.product-presentation-ui .brutto-netto-ui {
font-size: 14px;
color: #232323;
text-align:right
}
.product-presentation-ui .cheaper-in-set-ui {
margin-top: 30px;
cursor: pointer
}
.product-presentation-ui .cheaper-in-set-ui i {
vertical-align: middle;
transform: rotate(90deg);
display: inline-block
}
.product-presentation-ui .installmentCalculator {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin: 30px 0 0
}
.product-presentation-ui .installmentCalculator--btn {
margin-top: 10px;
display: block;
cursor: pointer
}
@media screen and (min-width: 1280px) {
.product-presentation-ui .installmentCalculator--btn {
margin-right: 20px
}
}
@media screen and (max-width: 1279px) {
.product-presentation-ui .installmentCalculator--btn {
margin-left: 15px;
margin-right: 15px
}
}
.product-presentation-ui .installmentCalculator--btn img {
max-width: 165px;
max-height: 40px;
height: auto;
width: auto
}
.product-presentation-ui .suggested-price-container-ui {
width: 100%;
padding: 20px 40px !important;
background-color: #f6f6f6;
border:1px solid #DDDDDD
}
.product-presentation-ui .suggested-price-container-ui .suggested-ui {
font-size: 16px;
padding-bottom: 10px
}
.product-presentation-ui .suggested-price-container-ui .suggested-price-ui {
font-size: 20px
}
.product-presentation-ui .suggested-price-container-ui .suggested-previous-ui {
text-decoration: line-through
}
.product-presentation-ui .add-to-cart-border-container-ui {
border:1px solid #DDDDDD;
background-color:#f6f6f6;
padding:10px
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .add-to-cart-border-container-ui {
padding: 20px
}
}
.product-presentation-ui .add-to-cart-border-container-ui .ti-lock {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 50px;
cursor: auto
}
@media screen and (min-width: 1280px) {
.product-presentation-ui .add-to-cart-border-container-ui .ti-lock.ti-lock-checkdelivery {
font-size: 27px;
position: initial
}
}
@media screen and (max-width: 1279px) {
.product-presentation-ui .add-to-cart-border-container-ui .ti-lock.ti-lock-checkdelivery {
font-size: 20px;
position: initial
}
}
.product-presentation-ui .add-to-cart-border-container-ui .suggested-lock {
top: 20%
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .add-to-cart-border-container-ui .suggested-lock {
top: 25%
}
}
.product-presentation-ui .add-to-cart-border-container-ui .sign-in-to-see-prices-ui {
margin-left: 50px;
text-align: center
}
@media only screen and (min-width: 1600px) {
.product-presentation-ui .add-to-cart-border-container-ui .sign-in-to-see-prices-ui {
margin-left: 70px
}
}
.product-presentation-ui .add-to-cart-border-container-ui .availability-ui {
margin-bottom: 20px
}
.product-presentation-ui .add-to-cart-border-container-ui .availability-image-ui {
vertical-align: middle;
margin-left: 10px;
max-width: 40px
}
.product-presentation-ui .add-to-cart-border-container-ui .brutto-price-ui {
display: inline-block;
font-size: 20px;
text-align: right
}
@media only screen and (min-width: 1280px) {
.product-presentation-ui .add-to-cart-border-container-ui .brutto-price-ui {
float: right;
margin-left: 10px;
margin-bottom: 20px
}
}
.product-presentation-ui .add-to-cart-border-container-ui .netto-price-ui {
display: inline-block;
font-size: 26px;
color: #7fba00;
text-align:right
}
@media screen and (min-width: 1280px) {
.product-presentation-ui .add-to-cart-border-container-ui .netto-price-ui {
margin-left: 10px;
margin-bottom: 20px
}
}
.product-presentation-ui .add-to-cart-border-container-ui .lowest-price-container-ui {
display: flex;
align-items: baseline;
justify-content: flex-end
}
.product-presentation-ui .add-to-cart-border-container-ui .old-price-ui {
font-size: 13px;
text-align: right;
color: #232323
}
.product-presentation-ui .add-to-cart-border-container-ui .lowest-price-ui {
font-size: 13px;
margin-left: 10px;
color: #232323
}
@media only screen and (max-width: 1279px) {
.product-presentation-ui .add-to-cart-border-container-ui .lowest-price-ui {
font-size: 10px
}
}
.product-presentation-ui .add-to-cart-border-container-ui .unit-price-ui {
font-weight: 100;
margin-top: 20px;
display: inline-block
}
.product-presentation-ui .add-to-cart-border-container-ui .currency-ui {
font-size: 16px;
color: #232323;
padding:0;
border:none;
background-color:rgba(0, 0, 0, 0)
}
.product-presentation-ui .add-to-cart-border-container-ui .stock-ui {
margin-top: 40px;
font-size: 14px
}
.product-presentation-ui .add-to-cart-border-container-ui .stock-ui img {
margin-left: 15px;
vertical-align: middle
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui {
margin-top: 20px
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui .amount-stepper-ui {
margin-right: 10px;
vertical-align: middle;
width: 100%
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui .units-ui {
vertical-align: middle;
position: relative
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui .units-ui .unit-ratio-info-ui {
position: absolute;
top: -20px;
white-space: nowrap
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui .units-ui select {
height: 40px
}
.product-presentation-ui .add-to-cart-border-container-ui .quantity-ui .units-ui+.select-arrow-ui {
position: relative
}
.product-presentation-ui .add-to-cart-border-container-ui .attribute-editable-ui {
margin-top: 20px;
margin-right: 40px;
display: inline-block
}
.product-presentation-ui .add-to-cart-border-container-ui .add-to-sales-list-ui {
margin-top: 35px;
max-width: 100px;
line-height: 1.3;
padding: 0
}
.product-presentation-ui .add-to-cart-border-container-ui .add-to-sales-list-ui i {
font-size: 25px
}
.product-presentation-ui .add-to-cart-border-container-ui .add-to-sales-list-ui .icon-text-ui {
font-size: 12px;
text-align: center
}
.product-presentation-ui .add-to-cart-border-container-ui .dropdowns-ui {
right: 0
}
.product-presentation-ui .add-to-cart-border-container-ui .dropdowns-ui .amount-stepper-ui {
display: inline-block
}
.product-presentation-ui .add-to-cart-border-container-ui .dropdowns-ui input[name=quantity] {
width: 80px;
height: 40px;
margin-top: 0
}
.product-presentation-ui .add-to-cart-border-container-ui .dropdowns-ui .units-ui {
padding-left: 0
}
.product-presentation-ui .delivery-cost-ui {
margin-top: 20px
}
@media screen and (max-width: 1279px) {
.product-presentation-ui .delivery-cost-ui {
margin-bottom: 20px;
padding-left: 20px
}
}
.product-presentation-ui .right-column-ui {
width: 63%;
float: right
}
.product-presentation-ui .right-column-ui .attributes-container-ui,
.product-presentation-ui .right-column-ui .add-to-cart-container-ui {
width: 100%
}
.product-presentation-ui .right-column-ui .availability-ui {
margin-bottom: 0px;
float: right
}
.product-presentation-ui .right-column-ui .choose-variant-ui {
font-size: 18px
}
.product-presentation-ui .right-column-ui .attribute-button-ui {
background-color: #ffffff;
color: #232323;
border:1px solid #DDDDDD;
padding:10px;
transition:all 300ms ease
}
.product-presentation-ui .right-column-ui .attribute-button-ui:hover,
.product-presentation-ui .right-column-ui .attribute-button-ui.active-js {
border:1px solid #f38c01
}
.product-presentation-ui .right-column-ui .attribute-button-ui.active-js {
cursor: default
}
.product-presentation-ui .right-column-ui .attribute-button-ui.last-lvl-ui {
padding: 0
}
.product-presentation-ui .right-column-ui .attribute-button-ui.last-lvl-ui.unavailable-ui {
background-color: rgba(0, 0, 0, 0);
color: #8E8E8E
}
.product-presentation-ui .right-column-ui .attribute-button-ui.last-lvl-ui.unavailable-ui .netto-ui {
color: #8E8E8E
}
.product-presentation-ui .right-column-ui .table-ui {
display: block;
border: none;
margin-top: 20px;
width: 100%
}
.product-presentation-ui .right-column-ui .table-row-ui {
display: block;
cursor: pointer
}
.product-presentation-ui .right-column-ui .table-cell-ui {
display: inline-block;
margin-right: -4px;
width: 11%;
vertical-align: middle
}
@media only screen and (min-width: 1830px) {
.product-presentation-ui .right-column-ui .table-cell-ui {
width: 15%
}
}
.product-presentation-ui .right-column-ui .table-cell-ui--long {
overflow-wrap: break-word
}
.product-presentation-ui .right-column-ui .attribute-name-ui {
margin-top: 20px;
background-color: rgba(0, 0, 0, 0);
cursor: auto;
font-weight: 700
}
.product-presentation-ui .right-column-ui .attribute-name-ui>div {
font-weight: normal
}
.product-presentation-ui .right-column-ui .attribute-name-ui>div.name-column-ui {
font-weight: 700
}
.product-presentation-ui .right-column-ui .attributes-list-ui {
cursor: auto;
border:1px solid #DDDDDD
}
.product-presentation-ui .right-column-ui .attributes-list-ui:hover {
cursor: auto;
border:1px solid #DDDDDD
}
.product-presentation-ui .right-column-ui .name-column-ui.solo-price-ui {
width: 34%
}
.product-presentation-ui .right-column-ui .brutto-price-column-ui,
.product-presentation-ui .right-column-ui .netto-price-column-ui {
width: 16%
}
.product-presentation-ui .right-column-ui .brutto-price-column-ui.many-units-ui,
.product-presentation-ui .right-column-ui .netto-price-column-ui.many-units-ui {
width: 17%
}
.product-presentation-ui .right-column-ui .brutto-price-column-ui.no-stock-ui,
.product-presentation-ui .right-column-ui .netto-price-column-ui.no-stock-ui {
width: 21%
}
.product-presentation-ui .right-column-ui .brutto-price-column-ui.many-units-ui.no-stock-ui,
.product-presentation-ui .right-column-ui .netto-price-column-ui.many-units-ui.no-stock-ui {
width: 21%
}
.product-presentation-ui .right-column-ui .brutto-price-column-ui.many-units-ui {
width: 16%
}
.product-presentation-ui .right-column-ui .previous-with-units-ui {
min-height: 75px
}
.product-presentation-ui .right-column-ui .previous-with-units-ui .brutto-price-column-ui,
.product-presentation-ui .right-column-ui .previous-with-units-ui .netto-price-column-ui {
vertical-align: top
}
.product-presentation-ui .right-column-ui .previous-price-ui {
position: absolute;
font-size: 10px;
line-height: 10px;
color: #232323
}
.product-presentation-ui .right-column-ui .previous-price-ui .brutto-previous-lq,
.product-presentation-ui .right-column-ui .previous-price-ui .netto-previous-lq {
text-decoration: line-through
}
.product-presentation-ui .right-column-ui .previous-price-ui.suggested-retail-price-ui .brutto-previous-lq,
.product-presentation-ui .right-column-ui .previous-price-ui.suggested-retail-price-ui .netto-previous-lq {
text-decoration: none
}
.product-presentation-ui .right-column-ui .brutto-lowest-lq,
.product-presentation-ui .right-column-ui .netto-lowest-lq {
display: block;
width: 13em
}
@media screen and (max-width: 1279px) {
.product-presentation-ui .right-column-ui .brutto-lowest-lq,
.product-presentation-ui .right-column-ui .netto-lowest-lq {
position: absolute;
right: 0
}
}
.product-presentation-ui .right-column-ui .brutto-ui,
.product-presentation-ui .right-column-ui .netto-ui {
font-weight: 700
}
.product-presentation-ui .right-column-ui .netto-ui {
font-size: 21px;
color: #7fba00
}
.product-presentation-ui .right-column-ui .stock-column-ui {
width: 13%
}
.product-presentation-ui .right-column-ui .unit-column-ui {
width: 19%
}
.product-presentation-ui .right-column-ui .many-units-ui {
width: 18%
}
.product-presentation-ui .right-column-ui .many-units-ui .select-arrow-ui {
position: absolute;
margin-top: 7px
}
@media only screen and (min-width: 1830px) {
.product-presentation-ui .right-column-ui .many-units-ui {
width: 14%
}
.product-presentation-ui .right-column-ui .many-units-ui .select-background-ui {
margin-right: -13px
}
.product-presentation-ui .right-column-ui .many-units-ui .select-arrow-ui {
margin-left: -16px
}
}
.product-presentation-ui .right-column-ui .quantity-column-ui {
width: 19%
}
.product-presentation-ui .right-column-ui .quantity-column-ui .change-quantity-ui {
width: 30px;
height: 30px
}
.product-presentation-ui .right-column-ui .quantity-column-ui [name=quantity] {
width: 40px;
height: 30px
}
.product-presentation-ui .right-column-ui .options-column-ui {
width: 44px
}
.product-presentation-ui .right-column-ui .options-column-ui button {
padding: 0
}
.product-presentation-ui .right-column-ui .options-column-ui button.no-animation-lq {
transition: none
}
.product-presentation-ui .right-column-ui .options-column-ui button.cant-toggle-lq {
cursor: default;
color: #DDDDDD
}
.product-presentation-ui .right-column-ui .select-background-ui select {
padding: 3px 40px 3px 10px
}
.product-presentation-ui .right-column-ui .more-attributes-ui {
padding: 10px
}
.product-presentation-ui .right-column-ui .more-attributes-ui .attribute-editable-ui {
vertical-align: top;
margin: 0 10px 0 0;
width: 180px;
position: relative
}
.product-presentation-ui .right-column-ui .more-attributes-ui .attribute-editable-ui .select-background-ui,
.product-presentation-ui .right-column-ui .more-attributes-ui .attribute-editable-ui input {
width: 100%;
margin-top: 3px
}
.product-presentation-ui .right-column-ui .more-attributes-ui .attribute-editable-ui .select-arrow-ui {
position: absolute;
right: 13px;
top: 44px;
z-index: 1;
pointer-events: none
}
.product-presentation-ui .check-availability-in-shop-popup-container-ui {
max-height: 90vh
}
.product-presentation-ui .check-availability-in-shop-popup-container-ui .info-ui {
overflow: auto;
max-height: calc(90vh - 99px)
}
.product-presentation-ui .check-availability-in-shop-popup-container-ui .info-ui .select-background-ui {
max-width: 100%
}
.product-presentation-ui .shop-ui {
position: relative;
padding: 20px 40px 20px 20px;
background: #fff;
border:1px solid #DDDDDD;
border-bottom:none
}
.product-presentation-ui .shop-ui:last-child {
border-bottom:1px solid #DDDDDD
}
.product-presentation-ui .shop-ui .stock-exist-ui {
color: #7fba00
}
.product-presentation-ui .shop-ui>i {
position: absolute;
padding: 12px;
top: 0;
right: 0;
cursor: pointer !important
}
.product-presentation-ui .shop-ui .days-column-ui {
display: inline-block;
width: 70px;
margin-right: 5px
}
.product-presentation-ui .shop-ui .shop-contact-icon-ui {
margin-right: 59px
}
.product-presentation-ui .product-presentation-menu-container-ui {
position: relative;
margin-top: 100px;
margin-bottom: 55px;
height: 46px
}
.product-presentation-ui .product-presentation-menu-ui {
display: flex;
height: 46px;
background-color: #ffffff;
z-index:11
}
.product-presentation-ui .product-presentation-menu-ui li {
flex-grow: 1;
text-align: center;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:none;
padding:10px;
cursor:pointer
}
.product-presentation-ui .product-presentation-menu-ui li:last-child {
border-right:1px solid #DDDDDD
}
.product-presentation-ui .product-presentation-menu-ui li.active-js {
border-bottom:3px solid #f38c01
}
.product-presentation-ui .product-presentation-menu-ui li i {
margin-right: 5px
}
.product-presentation-ui .product-description-ui {
margin-bottom: 55px
}
.product-presentation-ui .product-attributes-ui {
margin-bottom: 55px
}
.product-presentation-ui .product-attributes-ui .attributes-column-ui {
width: 100%;
column-count: 2;
column-gap: 6%
}
.product-presentation-ui .product-attributes-ui li {
padding: 10px;
page-break-inside: avoid;
break-inside: avoid
}
.product-presentation-ui .product-attributes-ui li.odd-element {
background-color: #f8f8f8
}
.product-presentation-ui .product-attributes-ui li .name-ui {
display: inline-block;
vertical-align: top;
width: calc(45% - 10px);
margin-right: 5px
}
.product-presentation-ui .product-attributes-ui li .value-ui {
display: inline-block;
width: 55%
}
.product-presentation-ui .downloads-ui {
margin-bottom: 55px
}
.product-presentation-ui .downloads-ui i {
vertical-align: middle;
font-size: 20px
}
.product-presentation-ui .downloads-ui span {
vertical-align: middle
}
.product-presentation-ui .sets-ui {
margin-bottom: 55px
}
.product-presentation-ui .sets-ui .form-container-ui {
border:1px solid #DDDDDD;
padding:30px;
margin-bottom:20px
}
.product-presentation-ui .sets-ui .set-name-ui {
font-size: 18px;
color: #f38c01;
margin-bottom:10px
}
.product-presentation-ui .sets-ui .add-set-to-cart-ui {
position: relative
}
.product-presentation-ui .sets-ui .items-column-ui {
width: calc(100% - 250px);
float: left
}
.product-presentation-ui .sets-ui .items-column-ui.hidden-prices-ui {
width: 100%;
float: none
}
.product-presentation-ui .sets-ui .slick-slide {
padding: 20px 40px 0 0
}
.product-presentation-ui .sets-ui .flags-ui {
position: absolute;
top: 5px;
left: 5px;
font-family: Roboto, sans-serif
}
.product-presentation-ui .sets-ui .flags-ui span {
padding: 0 6px;
background-color: #f38c01;
color: #FFFFFF;
line-height:1.5em;
vertical-align:middle;
display:inline-block
}
.product-presentation-ui .sets-ui .flags-ui span.free-ui {
background-color: #ef5350
}
.product-presentation-ui .sets-ui .slick-active figure {
position: relative;
font-family: "themify";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.product-presentation-ui .sets-ui .slick-active figure:after {
content: "";
color: #232323;
font-size:13px;
position:absolute;
right:-20px;
top:50%;
transform:translate(50%, -50%)
}
.product-presentation-ui .sets-ui .slick-active:last-child figure:after {
content: ""
}
.product-presentation-ui .sets-ui .name-ui {
text-align: center;
font-size: 14px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px
}
.product-presentation-ui .sets-ui .prices-column-ui {
width: 200px;
float: right
}
.product-presentation-ui .sets-ui .prices-ui {
text-align: right
}
.product-presentation-ui .sets-ui .brutto-netto-ui {
margin-bottom: 20px
}
.product-presentation-ui .sets-ui .saved-money-ui {
color: #ef5350;
font-size: 20px
}
.product-presentation-ui .sets-ui .brutto-ui {
font-size: 24px
}
.product-presentation-ui .sets-ui .netto-ui {
color: #7fba00;
font-size:30px
}
.product-presentation-ui .sets-ui .add-to-cart-ui,
.product-presentation-ui .sets-ui .change-cart-arrows-ui {
position: absolute;
bottom: 0
}
.product-presentation-ui .sets-ui .add-to-cart-ui {
right: 0
}
.product-presentation-ui .sets-ui .one-cart-ui,
.product-presentation-ui .sets-ui .change-cart-arrows-ui {
right: 0
}
.product-presentation-ui .sets-ui .choose-cart-form-ui {
float: right;
width: 200px
}
.product-presentation-ui .sets-ui .set-attribute-ui {
margin-bottom: 20px;
position: relative
}
.product-presentation-ui .sets-ui .set-attribute-ui:last-child {
margin-bottom: 0
}
.product-presentation-ui .sets-ui .set-attribute-ui .select-arrow-ui {
position: absolute;
left: auto;
right: 12px;
top: 13px
}
.product-presentation-ui .sets-ui .set-attribute-name-ui {
font-size: 16px;
font-weight: 700;
display: inline-block;
max-width: calc(50% - 5px);
margin-top: 11px
}
.product-presentation-ui .sets-ui .set-attribute-value-ui {
float: right;
display: inline-block;
max-width: calc(50% - 5px)
}
.product-presentation-ui .sets-ui .set-attribute-value-ui select {
width: 100%
}
.product-presentation-ui .related-ui {
margin-bottom: 55px
}
.product-presentation-ui .suggested-products-ui {
width: calc(100% - 54px);
margin: auto
}
.product-presentation-ui .suggested-products-ui.slick-slider .slick-slide {
padding: 0 10px
}
.product-presentation-ui .units-in-table-ui {
height: 30px
}
@media screen and (min-width: 1280px) {
.narrow-footer-js {
width: calc(100% - 320px) !important;
margin-left: 320px
}
}
.customer-profile-ui {
text-align: left;
display: block
}
.customer-profile-ui .narrow-container-ui {
margin: auto;
padding: 0
}
.customer-profile-ui .category-column-ui {
top: 65px;
height: calc(100% - 65px);
overflow: auto;
display: flex;
flex-direction: column
}
.customer-profile-ui .category-column-ui.element-attached-lq {
height: 100%
}
.customer-profile-ui .category-column-ui .highlighted-ui {
color: #EF5350
}
.customer-profile-ui .category-column-ui .highlighted-ui:hover {
color: #FFFFFF
}
.customer-profile-ui .category-column-ui .highlighted-ui:hover i {
color: #FFFFFF
}
.customer-profile-ui .category-column-ui .highlighted-ui i {
color: #EF5350;
transition:all 300ms ease
}
.customer-profile-ui .with-column-ui {
width: calc(100% - 320px);
float: right;
padding: 30px;
min-height: 500px
}
.customer-profile-ui .orders-source-ui {
margin: -5px -5px 30px 0;
border:1px solid #f38c01;
color:#fff;
background-color: #f38c01;
transition:all 300ms ease
}
.customer-profile-ui .orders-source-ui.active-js,
.customer-profile-ui .orders-source-ui:hover {
color: #f38c01;
background-color:#fff
}
.customer-profile-ui .orders-source-ui:not(.active-js):hover {
color: #fff;
background-color: #d68800
}
.customer-profile-ui .column-name-ui {
font-size: 14px;
padding: 5px 10px;
border-bottom:1px solid #DDDDDD
}
.customer-profile-ui .row-ui {
font-size: 16px;
padding: 10px;
cursor: pointer;
transition: all 300ms ease
}
.customer-profile-ui .row-ui:hover {
position: relative;
z-index: 1;
box-shadow: 0 3px 12px 0 #c5c5c5
}
.customer-profile-ui .row-ui:nth-child(2n) {
background-color: #f8f8f8
}
.customer-profile-ui .column-ui {
display: inline-block;
margin-right: -4px
}
.customer-profile-ui .erp-orders-table-ui {
display: none;
padding-bottom: 30px
}
.customer-profile-ui .erp-orders-table-ui .column-ui {
width: 15%;
text-align: left
}
.customer-profile-ui .erp-orders-table-ui .state-column-ui {
width: 30%
}
.customer-profile-ui .erp-orders-table-ui .state-column-ui .executed-ui {
color: #7fba00
}
.customer-profile-ui .erp-orders-table-ui .state-column-ui .canceled-ui {
color: #ef5350
}
.customer-profile-ui .erp-orders-table-ui .state-column-ui .additional-status-ui {
color: #717171;
font-size: 12px
}
.customer-profile-ui .erp-orders-table-ui .number-column-ui {
width: 10%
}
.customer-profile-ui .erp-orders-table-ui .date-column-ui,
.customer-profile-ui .erp-orders-table-ui .brutto-column-ui,
.customer-profile-ui .erp-orders-table-ui .netto-column-ui {
width: 20%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui {
vertical-align: middle;
padding: 0 10px
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.id-column-ui {
width: 10%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.date-column-ui {
width: 15%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.state-column-ui {
width: 30%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.state-column-ui.ent-ui {
width: 25%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.email-column-ui {
width: 30%;
overflow-wrap: break-word
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.email-column-ui.ent-ui {
width: 20%
}
.customer-profile-ui .eshop-orders-table-ui .column-ui.price-column-ui {
width: 15%
}
.customer-profile-ui .invoices-table-ui {
display: none
}
.customer-profile-ui .invoices-table-ui .column-ui {
width: 12.5%;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
vertical-align: middle
}
.customer-profile-ui .invoices-table-ui .column-ui.number-column-ui,
.customer-profile-ui .invoices-table-ui .column-ui.warehouse-column-ui {
width: 25%
}
.customer-profile-ui .complaints-table-ui .column-ui {
width: 20%;
vertical-align: middle
}
.customer-profile-ui .inquiries-table-ui .column-ui {
width: 33%;
vertical-align: middle
}
.customer-profile-ui .to-download-table-ui a {
color: #232323
}
.customer-profile-ui .to-download-table-ui .column-ui {
width: 50%;
vertical-align: middle
}
.customer-profile-ui .netto-column-ui,
.customer-profile-ui .brutto-column-ui,
.customer-profile-ui .to-pay-column-ui {
text-align: right
}
.customer-profile-ui .pagination-container-ui {
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD
}
.customer-profile-ui .erp-data-js .pagination-ui {
font-size: 16px;
display: none
}
.customer-profile-ui .erp-data-js .pagination-ui input {
height: 40px;
text-align: center
}
.customer-profile-ui .delivery-addresses-container-ui {
padding-bottom: 50px
}
.customer-profile-ui .customer-details-tile-ui {
border:1px solid #DDDDDD;
width:calc(33% - 11px);
min-width:420px;
margin:20px 16px 0 0;
display:inline-block;
vertical-align:top;
position:relative
}
.customer-profile-ui .customer-details-tile-ui:nth-child(3n) {
margin-right: 0
}
.customer-profile-ui .customer-details-tile-ui.active-ui {
border:1px solid #f38c01
}
.customer-profile-ui .customer-details-tile-ui .content-ui {
padding: 20px;
width: calc(100% - 80px);
display: inline-block
}
.customer-profile-ui .customer-details-tile-ui .content-ui>div {
overflow: hidden;
text-overflow: ellipsis
}
.customer-profile-ui .customer-details-tile-ui .content-ui i {
cursor: auto
}
.customer-profile-ui .customer-details-tile-ui .content-ui i:hover {
color: #232323
}
.customer-profile-ui .customer-details-tile-ui .buttons-ui {
width: 80px;
height: 232px;
background-color: #f6f6f6;
border-left:1px solid #DDDDDD;
float:right;
font-size:20px
}
.customer-profile-ui .customer-details-tile-ui .buttons-ui .edit-ui,
.customer-profile-ui .customer-details-tile-ui .buttons-ui .delete-ui {
height: 50%;
text-align: center;
padding-top: 45px
}
.customer-profile-ui .customer-details-tile-ui .buttons-ui .delete-ui {
border-top:1px solid #DDDDDD
}
.customer-profile-ui .customer-details-tile-ui .buttons-ui .delete-ui .error-ui {
background-color: #f6f6f6;
position: absolute;
bottom: 20px
}
.customer-profile-ui .customer-details-tile-ui .buttons-ui button {
padding: 0
}
.customer-profile-ui .container-ui>.customer-details-tile-ui {
margin-bottom: 50px
}
.customer-profile-ui .edit-delivery-address-ui,
.customer-profile-ui .edit-customer-data-ui {
float: left;
padding: 20px;
width: 100%
}
.customer-profile-ui .edit-customer-data-ui {
float: none
}
.customer-profile-ui .edit-customer-data-ui .right-corner-ui {
top: 20px;
right: 20px;
font-size: 16px
}
.customer-profile-ui .dropdowns-ui {
display: block;
border-bottom: none;
z-index: 2
}
.customer-profile-ui .dropdowns-ui span {
padding-left: 0
}
.customer-profile-ui .dropdowns-ui .popup-title-ui {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px
}
.customer-profile-ui .dropdowns-ui .cancel-ui {
padding: 0
}
.customer-profile-ui .dropdowns-ui .cancel-ui i:hover {
color: #d68800
}
.customer-profile-ui .dropdowns-ui .form-js {
margin-top: 20px
}
.customer-profile-ui .dropdowns-ui label {
margin-left: 0
}
.customer-profile-ui .dropdowns-ui label:not(.checkbox-ui) {
height: 20px
}
.customer-profile-ui .dropdowns-ui label.channel-ui .label-ui {
margin-left: 30px
}
.customer-profile-ui .dropdowns-ui input {
width: 100%
}
.customer-profile-ui .dropdowns-ui .half-ui {
width: calc(50% - 10px)
}
.customer-profile-ui .dropdowns-ui .select-background-ui {
width: 100%
}
.customer-profile-ui .dropdowns-ui .required-fields-info-ui {
margin-top: 5px;
font-size: 12px
}
.customer-profile-ui .dropdowns-ui .popup-primary-button-ui {
min-width: 260px;
margin-top: 20px;
background-color: #f38c01
}
.customer-profile-ui .dropdowns-ui .popup-primary-button-ui:hover {
background-color: #d68800
}
.customer-profile-ui .dropdowns-ui .popup-primary-button-ui i:hover {
color: #fff
}
.customer-profile-ui .info-container-ui {
padding: 50px 0
}
.customer-profile-ui .info-container-ui button {
font-size: 16px
}
.customer-profile-ui .order-info-ui {
display: inline-block;
width: 50%
}
.customer-profile-ui .summary-info-ui {
display: inline-block;
width: 40%;
float: right
}
.customer-profile-ui .summary-info-ui button {
margin-top: 20px
}
.customer-profile-ui .order-status-ui {
font-size: 20px;
margin-bottom: 20px
}
.customer-profile-ui .order-status-ui.executed-ui,
.customer-profile-ui .order-status-ui .executed-ui {
color: #7fba00
}
.customer-profile-ui .order-status-ui.canceled-ui,
.customer-profile-ui .order-status-ui .canceled-ui {
color: #ef5350
}
.customer-profile-ui .order-status-ui .additional-status-ui {
color: #717171;
font-size: 16px
}
.customer-profile-ui .order-status-ui .form-js {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
font-size: 16px
}
.customer-profile-ui .order-status-ui .btn-gray-ui:hover {
border:1px solid #f38c01
}
.customer-profile-ui .order-info-row-ui {
margin-bottom: 20px
}
.customer-profile-ui .order-info-item-ui {
width: calc(33% - 21px);
display: inline-block;
margin-right: 20px;
vertical-align: top
}
.customer-profile-ui .order-info-item-ui .name-ui {
font-size: 14px;
color: #696666
}
.customer-profile-ui .order-info-item-ui .content-ui {
word-wrap: break-word
}
.customer-profile-ui .order-info-item-ui .content-ui input,
.customer-profile-ui .order-info-item-ui .content-ui .select-background-ui,
.customer-profile-ui .order-info-item-ui .content-ui select {
width: 100%;
height: 48px
}
.customer-profile-ui .order-info-item-ui .content-ui .select-background-ui {
margin-top: 0
}
.customer-profile-ui .remarks-ui {
background-color: #f8f8f8;
padding: 10px;
margin-top: 20px
}
.customer-profile-ui .remarks-ui .name-ui {
font-size: 14px;
color: #696666
}
.customer-profile-ui .order-summary-title-ui {
padding: 20px;
border:1px solid #DDDDDD;
font-weight:700
}
.customer-profile-ui .order-summary-title-ui .f-right-ui {
text-align: right
}
.customer-profile-ui .order-summary-title-ui .overall-price-ui {
color: #f38c01
}
.customer-profile-ui .order-summary-ui {
padding: 20px;
line-height: 1.5;
border:1px solid #DDDDDD;
border-top:none
}
.customer-profile-ui .order-summary-ui .f-right-ui {
text-align: right
}
.customer-profile-ui .order-summary-ui .border-bottom-ui {
padding-bottom: 20px;
margin-bottom: 20px
}
.customer-profile-ui .order-summary-ui .border-top-ui {
border-top:1px solid #DDDDDD;
margin-top:20px;
padding-top:20px
}
.customer-profile-ui .products-list-ui {
margin-bottom: 50px
}
.customer-profile-ui .products-list-ui .tfoot-ui .pagination-ui input {
width: 40px;
height: 40px;
text-align: center
}
.customer-profile-ui .products-list-ui .tfoot-ui .amount-stepper-column-ui {
padding: 0 10px
}
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .name-and-code-ui {
width: 25%
}
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .price-like-column-ui,
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .percent-column-ui,
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .amount-stepper-column-ui,
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .currency-column-ui,
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .options-column-ui,
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .number-column-ui {
width: 9%
}
.customer-profile-ui .products-list-ui.cart-ui:not(.profile-order-ui) .stepper-space-ui {
width: auto
}
.customer-profile-ui .profile-order-ui .table-header-ui,
.customer-profile-ui .profile-order-ui .table-header-ui>.flex-ui {
padding: 0
}
.customer-profile-ui .history-ui {
padding: 20px
}
.customer-profile-ui .history-ui .right-corner-ui {
top: 20px;
right: 20px;
font-size: 16px
}
.customer-profile-ui .history-ui .history-item-ui {
padding: 10px;
border:1px solid #DDDDDD;
border-top:none;
background-color: #ffffff
}
.customer-profile-ui .history-ui .history-item-ui:first-child {
border-top:1px solid #DDDDDD
}
.customer-profile-ui .history-ui .history-item-ui .left-ui {
display: inline-block;
width: 100px;
margin-right: 40px
}
.customer-profile-ui .history-ui .history-item-ui .right-ui {
display: inline-block;
width: calc(100% - 145px)
}
.customer-profile-ui .history-ui .history-item-ui .time-ui {
color: #717171
}
.customer-profile-ui .history-ui .pagination-ui {
margin: 20px 0 0
}
.customer-profile-ui .history-ui .pagination-ui input {
width: 45px
}
.customer-profile-menu-ui li {
font-size: 18px;
color: #f38c01;
background-color:#f0f0f0;
padding:20px;
border-bottom:1px solid #DDDDDD;
border-left:3px solid rgba(0, 0, 0, 0);
cursor:pointer;
transition:all 300ms ease
}
.customer-profile-menu-ui li.active-js {
background-color: #ffffff;
border-left:3px solid #f38c01
}
.customer-profile-menu-ui li:hover {
background-color: #f38c01;
color: #ffffff
}
.customer-profile-menu-ui li.clear-li-ui {
background-color: #fff;
border-bottom: none;
font-size: 15px
}
.customer-profile-menu-ui li.clear-li-ui:hover {
color: #232323;
cursor:initial
}
.customer-profile-menu-ui li.clear-li-ui.active-js {
border-left: 3px solid rgba(0, 0, 0, 0)
}
.customer-profile-menu-ui li.clear-li-ui .data-name-ui {
color: #232323;
font-size:14px;
display:block;
white-space:nowrap
}
.customer-profile-menu-ui li.clear-li-ui .data-box-ui:last-of-type {
margin-top: 15px
}
.customer-profile-menu-ui i {
margin-right: 5px
}
.customer-profile-header-menu-ui {
color: #FFFFFF;
background-color: #004d8a;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
height:65px;
font-size:18px
}
.customer-profile-header-menu-ui i,
.customer-profile-header-menu-ui a,
.customer-profile-header-menu-ui i+span {
color: #FFFFFF
}
.customer-profile-header-menu-ui a:hover,
.customer-profile-header-menu-ui button:hover {
color: #fff
}
.customer-profile-header-menu-ui a:hover i,
.customer-profile-header-menu-ui a:hover i+span,
.customer-profile-header-menu-ui button:hover i,
.customer-profile-header-menu-ui button:hover i+span {
color: #fff
}
.customer-profile-header-menu-ui ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-flex;
flex-wrap: wrap
}
.customer-profile-header-menu-ui ul li {
display: inline-block;
vertical-align: top;
text-align: center;
margin-left: -5px
}
.customer-profile-header-menu-ui ul li:first-child {
width: 320px;
margin-left: 0
}
.customer-profile-header-menu-ui ul li:first-child i {
margin-right: 20px;
font-size: 14px
}
.customer-profile-header-menu-ui ul li:first-child a {
display: block
}
.customer-profile-header-menu-ui ul li.active-ui {
min-width: 220px;
height: 75px;
border-top:3px solid #f38c01;
border-right:1px solid #f38c01;
border-left:1px solid #f38c01;
color: #232323;
background-color:#fff;
padding:24px 47px 20px;
margin:-11px 0 0 0px
}
.customer-profile-header-menu-ui ul li.active-ui.only-text-ui {
padding: 27px 20px 20px
}
.customer-profile-header-menu-ui ul li.active-ui.discount-name-ui {
max-width: calc(100% - 138px)
}
.customer-profile-header-menu-ui ul li>button,
.customer-profile-header-menu-ui ul li>a {
width: 100%;
padding: 23px;
line-height: 1;
display: inline-block;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0);
transition: all 300ms ease
}
.customer-profile-header-menu-ui ul li>button:hover,
.customer-profile-header-menu-ui ul li>a:hover {
background-color: #d68800
}
.customer-profile-header-menu-ui ul li>button.produce-offer-ui,
.customer-profile-header-menu-ui ul li>a.produce-offer-ui {
background-color: #7fba00;
padding:21px 21px 22px
}
.customer-profile-header-menu-ui ul li>button.produce-offer-ui:hover,
.customer-profile-header-menu-ui ul li>a.produce-offer-ui:hover {
background-color: #87ce0d
}
.customer-profile-header-menu-ui.deeper-lvl-ui ul li:first-child {
width: auto
}
.customer-profile-header-menu-ui .show-orders-from-range-ui {
vertical-align: middle;
margin-right: 45px
}
.customer-profile-header-menu-ui input[type=date] {
vertical-align: middle;
color: #f38c01;
float:right;
position:relative;
top:-8px
}
.customer-profile-header-menu-ui .back-to-shopping-ui {
vertical-align: top
}
.customer-profile-header-menu-ui .add-delivery-address-li-ui {
text-align: left
}
.customer-profile-header-menu-ui .add-delivery-address-open-button-ui {
padding: 23px;
color: #fff
}
.customer-profile-header-menu-ui .add-delivery-address-ui {
max-width: 500px;
min-width: 300px;
position: relative;
z-index: 52;
top: -64px;
color: #232323
}
.customer-profile-header-menu-ui .add-delivery-address-ui>div {
padding: 20px
}
.customer-profile-header-menu-ui .password-icon-ui {
position: absolute;
top: 12px;
right: 8px;
font-size: 20px;
background: rgba(0, 0, 0, 0);
border: none
}
.customer-profile-header-menu-ui .password-icon-ui i {
color: #004d8a
}
.confirm-in-cart-ui {
color: #F9A825
}
.confirm-in-cart-ui:hover {
color: #F57C00
}
.order-ui .add-note-in-cart-ui .ti-notepad {
font-size: 20px
}
.order-ui .changed-product-in-cart-ui {
border:1px solid #F9A825;
width:calc(100% + 2px)
}
.order-ui .changed-product-in-cart-ui+.changed-product-in-cart-ui {
border-top: none
}
.order-ui .form-to-confirm-in-cart-ui {
border:1px solid #F9A825
}
.order-ui .form-to-confirm-in-cart-ui .half-ui {
width: calc(50% - 10px)
}
.order-ui .form-to-confirm-in-cart-ui .half-ui:nth-child(2n+1) {
margin-right: 10px
}
.order-ui .add-note-ui {
border:1px solid #DDDDDD
}
.order-ui .add-note-ui:focus {
border:1px solid #F9A825
}
.half-ui .select-background-ui {
width: 100%;
margin-top: 0
}
.no-image-ui {
cursor: default
}
.quantity-error-ui {
color: #EF5350;
position:absolute;
left:10px;
bottom:-10px;
min-width:100%
}
@media only screen and (min-width: 1279px) {
.quantity-error-ui {
position: relative;
left: 0;
bottom: 0
}
}
.min-w-150-ui {
min-width: 150px
}
.ti-more-alt {
display: block;
transform: rotate(90deg)
}
.div-table-options-container-ui {
position: relative
}
.div-table-options-ui.opened-js {
position: absolute;
top: 9px;
right: 15px;
background: #ffffff;
box-shadow:6px 6px 10px 0px rgba(0, 0, 0, .2);
border:1px solid #DDDDDD
}
.div-table-options-ui.opened-js.erp-ui {
top: -9px
}
.div-table-options-list-ui {
position: absolute;
right: 15px;
top: 44px;
background: #ffffff;
border:1px solid #DDDDDD;
box-shadow:6px 6px 10px 0px rgba(0, 0, 0, .2)
}
.div-table-options-list-ui.erp-ui {
top: 26px
}
.div-table-options-list-ui:before {
content: "";
display: block;
position: absolute;
right: 0;
top: -1px;
width: 34px;
height: 1px;
background: #ffffff
}
.div-table-options-list-ui li {
padding: 10px;
border-bottom:1px solid #DDDDDD;
cursor:pointer;
color: #004d8a;
white-space:nowrap;
transition:all ease 300ms
}
.div-table-options-list-ui li:last-child {
border-bottom: none
}
.div-table-options-list-ui li:hover {
color: #d68800
}
.breadcrumbs-ui {
padding: 10px 0
}
.product-presentation-ui .breadcrumbs-ui {
padding-top: 15px
}
.sorting-options-ui .dropdown-trigger-ui {
padding-bottom: 0
}
.sorting-label-ui {
font-size: 18px
}
.icon-label-ui {
display: block;
font-size: 12px
}
.newsletter-form-ui>*:not(.input-with-icon-ui) {
margin-top: 10px
}
.newsletter-form-ui .checkbox-ui,
.newsletter-form-ui .error-ui {
text-align: left
}
.newsletter-form-ui .channel-ui {
margin: 5px 0 0 0;
font-size: 13px
}
.newsletter-form-ui .channel-ui .label-ui {
margin-left: 30px
}
.newsletter-form-ui [type=checkbox]:checked+.label-ui::before {
background: #ffffff;
color: #f0aa33
}
.statement-ui {
text-align: left;
font-size: 13px
}
.customer-profile-ui .statement-ui {
color: #696666;
margin-top: 10px
}
.order-ui .statement-ui {
font-size: .9rem
}
.login-consents-page-ui {
text-align: center;
margin-top: -112px
}
.login-consents-page-ui .login-consents-container-ui {
text-align: left;
display: inline-block;
min-width: 300px;
max-width: 500px;
border:1px solid #DDDDDD;
padding:20px
}
.login-consents-page-ui .login-consents-container-ui .form-js>div {
margin-bottom: 20px;
line-height: 1.3;
font-size: 13px
}
.login-consents-page-ui .login-consents-container-ui .form-js>div .channel-ui {
margin: 5px 0 0 20px
}
.login-consents-page-ui .login-consents-container-ui .required-fields-info-ui {
font-size: 13px
}
.login-consents-page-ui .rodo-text-ui {
padding-bottom: 20px;
border-bottom:1px solid #DDDDDD;
margin-bottom:20px
}
.consents-ui .to-accept-ui {
margin-top: 70px
}
.consents-ui .form-js {
border:1px solid #DDDDDD;
padding:20px;
margin-bottom:20px
}
.consents-ui button {
width: 130px;
margin-right: 10px
}
.consents-ui .btn-pure-ui {
border:1px solid #004d8a;
transition:all ease 300ms
}
.consents-ui .btn-pure-ui:hover {
border:1px solid #d68800
}
.consents-ui .tos-name-ui {
margin-bottom: 20px;
font-weight: 700
}
.consents-ui .channel-ui,
.consents-ui .date-container-ui {
margin-top: 10px;
font-size: 14px
}
.consents-ui .channel-ui .date-label-ui,
.consents-ui .channel-ui .date-ui {
font-size: 10px;
line-height: 1;
display: inline-block;
color: #696666
}
.consents-ui .channel-name-with-date-ui {
display: block;
line-height: 1
}
.consents-ui .withdraw-required-info-ui {
font-size: 14px
}
.disabled-channel-js {
opacity: .5
}
li.credit-limit-ui {
border-right: none;
width: auto
}
li.credit-limit-ui span:last-of-type {
font-weight: bold
}
li.credit-limit-ui .ti-dashboard {
font-size: 25px;
top: 6px;
margin: 0 15px 0 20px;
position: relative;
display: inline-block
}
li.credit-limit-ui .credit-left-ui {
color: #EF5350
}
.message-bar-ui.credit-limit-error-ui {
color: #ffffff;
font-weight:400
}
.message-bar-ui.credit-limit-error-ui.hidden-js {
display: inline-block !important;
visibility: visible !important
}
.discount-item-ui {
display: inline-block;
vertical-align: top;
width: calc(25% - 20px - 5px);
height: 72px;
min-width: 310px;
margin-right: 20px;
margin-bottom: 20px
}
@media only screen and (max-width: 1279px) {
.discount-item-ui {
margin-left: 20px
}
}
.discount-value-ui {
text-align: center;
background: #7fba00;
color: #FFFFFF;
display:inline-block;
vertical-align:top;
width:100px;
height:50px;
padding-top:12px;
margin-right:10px;
font-size:20px
}
.discount-value-ui.with-currency-ui {
line-height: 1.2;
padding-top: 4px
}
.discount-value-ui.clickable-ui {
cursor: pointer
}
.discount-value-ui .currency-ui {
font-size: 14px
}
.discount-info-ui {
display: inline-block;
vertical-align: middle;
width: calc(100% - 100px - 10px - 5px)
}
.discount-name-ui {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.discount-date-ui {
font-size: 14px;
color: #696666
}
.related-document-labels-ui,
.related-document-ui {
padding: 10px
}
.related-document-labels-ui .column-ui,
.related-document-ui .column-ui {
margin-right: 10px;
width: calc(20% - 10px);
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
vertical-align: middle
}
.related-document-labels-ui .document-number-column-ui,
.related-document-ui .document-number-column-ui {
width: calc(40% - 70px)
}
.related-document-labels-ui .document-currency-column-ui,
.related-document-ui .document-currency-column-ui {
width: 50px
}
.related-document-labels-ui {
font-weight: 700;
font-size: 14px;
padding: 0 10px;
border: 1px solid rgba(0, 0, 0, 0)
}
.related-document-labels-ui .column-ui+.column-ui {
margin-left: -4px
}
.related-document-ui {
background: #ffffff;
border:1px solid #DDDDDD;
border-bottom:none
}
.related-document-ui:last-child {
border-bottom:1px solid #DDDDDD
}
.related-document-ui .netto-price-ui {
color: #7fba00
}
.thxpage-slider-ui {
margin: 20px 0
}
.slick-slide .thxpage-slider-figure-ui {
position: relative;
text-align: right;
margin: 0
}
.slick-slide .thxpage-slider-figure-ui:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100% - 6px);
display: inline-block;
background: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 40%, rgba(248, 248, 248, 0) 70%, rgba(248, 248, 248, 0) 100%)
}
.slick-slide .thxpage-slider-figure-ui img {
display: inline-block;
width: 60%
}
.slick-slide .thxpage-slider-figure-ui .thxpage-slider-figcaption-ui {
text-align: left;
z-index: 1;
position: absolute;
top: 20px;
left: 20px;
bottom: 20px;
right: calc(60% + 20px)
}
.slick-slide .thxpage-slider-figure-ui .thxpage-slider-heading-ui {
border-left: none;
padding: 0;
font-weight: 700
}
.slick-slide .thxpage-slider-figure-ui .thxpage-slider-text-ui {
color: #696666
}
.slick-slide .thxpage-slider-figure-ui .btn-ui {
display: inline-block;
width: 300px;
padding: 10px;
margin-top: 20px;
text-align: center;
background-color: #7fba00;
color: #FFFFFF
}
.slick-slide .thxpage-slider-figure-ui .btn-ui:hover {
background-color: #87ce0d;
color: #FFFFFF
}
@media only screen and (min-width: 1921px) {
.list-view-js .product-item-ui {
margin-bottom: 30px;
padding-bottom: 130px
}
.category-img-ui {
margin-bottom: 30px
}
.list-view-js .product-item-ui .product-name-ui,
.grid-view-js .product-item-ui .product-name-ui {
font-size: 1.3rem
}
.lower-text-ui {
font-size: 14px
}
.bigger-text-ui {
font-size: 16px
}
.grid-view-js .add-to-cart-ui {
width: 160px
}
.product-presentation-ui .breadcrumbs-ui {
padding: 25px 0
}
.product-presentation-ui .top-right-icons-ui .icon-text-ui {
font-size: .8em
}
.product-presentation-ui .top-right-icons-ui i {
font-size: 24px
}
.product-presentation-ui .sets-ui .name-ui {
font-size: 1.17em
}
.ribbon-ui {
padding: 0 10px;
font-size: 16px
}
.cart-ui .image-container-ui,
.cart-ui .image-link-ui {
width: 100px;
height: 75px
}
.cart-ui .product-name-ui {
font-size: 18px
}
.cart-ui .product-code-ui {
font-size: 1rem
}
.cart-ui .product-info-ui {
width: calc(100% - 100px)
}
.product-table-in-wishlist-ui .product-item-ui .name-and-code-ui {
width: calc(80% - 60px - 100px - 10px - 175px - 110px - 50px)
}
.customer-profile-ui .row-ui {
padding: 15px 10px
}
.customer-profile-ui .edit-delivery-address-ui,
.customer-profile-ui .edit-customer-data-ui {
max-width: none
}
.register-form-next-step-ui .register-step-change-ui {
padding: 10px
}
.register-form-next-step-ui .first-step-ui:after {
border-top: 17px solid rgba(0, 0, 0, 0);
border-bottom: 17px solid rgba(0, 0, 0, 0);
border-left: 20px solid #f6f6f6;
right: -20px
}
.register-form-next-step-ui .first-step-ui.active-step-ui:after {
border-left:20px solid #004d8a
}
label:not(.checkbox-ui):not(.radio-ui) {
font-size: 14px;
}
.register-container-ui label:not(.checkbox-ui):not(.radio-ui),
.login-container-ui label:not(.checkbox-ui):not(.radio-ui) {
margin-top: 10px
}
}
@media only screen and (min-width: 1280px) {
.mobile-ui,
.categories-mobile-ui,
.header-middle-section-ui .customer-profile-ui.mobile-ui,
.categories-adv-search-mobile-ui,
.advanced-search-ui .advanced-search-button-ui i,
.sorting-label-ui .mobile-ui,
.filter-mobile-ui,
.close-filters-mobile-ui,
.new-products-slider-ui {
display: none !important
}
}
@media only screen and (max-width: 680px) {
.main-header-ui .header-categories-ui .manufacturer-container-ui li.credit-limit-ui {
color: #232323 !important;
position:absolute;
left:54px;
top:78px
}
.main-header-ui .header-categories-ui .manufacturer-container-ui li.credit-limit-ui .ti-dashboard {
display: none;
visibility: hidden
}
}
@media only screen and (max-width: 420px) {
.main-header-ui .header-categories-ui .manufacturer-container-ui li.credit-limit-ui {
width: 100%;
left: 0;
text-align: center
}
}
#file {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui) {
cursor: pointer;
min-height: 66px;
font-size: 16px;
height: auto;
width: auto;
margin-top: 0;
text-align: center
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover {
background: #d68800;
color: #ffffff
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover i {
color: #ffffff
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui) {
color: #FFFFFF
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover {
background: #87ce0d;
color: #FFFFFF
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover i {
color: #FFFFFF
}
.customer-profile-header-menu-ui .after-copying-to-cart-popup-ui {
color: #232323
}
.customer-profile-header-menu-ui .after-copying-to-cart-popup-ui i:hover {
color: #d68800
}
.customer-profile-header-menu-ui .after-copying-to-cart-popup-ui .product-added-to-cart-ui i+span {
color: #232323
}
.archival-product-info-ui {
position: absolute;
top: -40px;
right: 0;
text-transform: uppercase;
color: #f38c01;
font-style:italic
}
.customer-profile-ui .waybills-ui {
position: relative;
padding-top: 0;
top: -30px
}
.customer-profile-ui .waybills-ui .remarks-ui {
width: 50%
}
.customer-profile-ui .waybills-ui .related-document-labels-ui .column-ui+.column-ui {
margin-left: 0
}
.customer-profile-ui .waybills-ui .column-ui {
width: calc(50% - 12px);
margin-left: -1px
}
.eshop-order-ui .related-document-labels-ui .column-ui+.column-ui {
margin-left: 0
}
.eshop-order-ui .related-document-labels-ui .document-number-column-ui,
.eshop-order-ui .related-document-ui .document-number-column-ui {
width: 90px
}
.eshop-order-ui .related-document-labels-ui .document-date-column-ui,
.eshop-order-ui .related-document-ui .document-date-column-ui {
width: 140px
}
.eshop-order-ui .related-document-labels-ui .document-netto-column-ui,
.eshop-order-ui .related-document-ui .document-netto-column-ui {
width: calc(100% - 269px)
}
.waybills-btn-ui {
left: 60%;
position: absolute;
top: -20px
}
.two-columns-thx-ui {
width: calc(50% - 3px);
display: inline-block;
vertical-align: top;
padding: 40px 100px
}
.online-payment-error-ui {
background: #f2f6f9;
text-align: center;
padding: 100px
}
.online-payment-error-bold-text-ui,
.online-payment-error-text-ui {
margin: 30px auto;
width: 300px
}
.online-payment-error-bold-text-ui {
font-size: 20px;
font-weight: 700;
width: 240px
}
.restore-payment-button-ui {
font-size: 18px;
padding: 20px;
width: 300px
}
.message-ui {
padding-right: 26px;
margin-bottom: 10px
}
.close-cookie-btn {
cursor: pointer;
font-size: 12px;
padding: 10px 15px;
text-transform: uppercase;
margin: 10px 10px 5px 0
}
.close-cookie-btn-necessary {
border:1px solid #f0aa33 !important;
background:#f8f8f8 !important;
color: #f0aa33 !important
}
.close-cookie-btn-necessary:hover {
border:1px solid #d68800 !important;
color: #d68800 !important
}
.close-cookie-btn-settings {
color: #f0aa33 !important;
background:#f8f8f8 !important
}
.close-cookie-btn-settings:hover {
color: #d68800 !important
}
.cookieContainer {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: rgba(1, 1, 1, .75)
}
.cookieContainer-popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60vw;
max-width: 1024px;
max-height: 600px;
background-color: #f8f8f8;
z-index: 999;
box-shadow: 0 4px 10px 2px rgba(0, 0, 0, .12)
}
.cookieContainer-popupHeader {
font-size: 1.4rem;
line-height: 1.78;
padding: 20px 32px 16px;
background-color: #fff
}
.cookieContainer-popupOptions {
padding: 14px 32px 0;
overflow-y: scroll;
max-height: 420px
}
.cookieContainer-popupOptions p {
font-size: .8rem;
margin: 0
}
.cookieContainer-popupOptions-firstP {
margin: 10px 0
}
.cookieContainer-popupOptions-firstP a {
color: #004d8a
}
.cookieContainer-popupOptions-firstP a:hover {
color: #d68800
}
.cookieContainer-popupOptions-container {
border-top: 1px solid #d0d0d1;
margin: 10px 0
}
.cookieContainer-popupOptions-containerHeader {
display: flex;
justify-content: space-between;
margin: 7px 0 10px
}
.cookieContainer-popupOptions-containerHeader div {
position: relative
}
.cookieContainer-popupOptions-containerHeader div .cookieOption {
position: absolute;
right: 0;
top: 1px;
transition: all .3s ease-in-out;
cursor: pointer;
display: inline-block;
width: 40px;
height: 23px;
border-radius: 20px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption::after {
content: "";
transition: all .3s ease-in-out;
content: "";
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
top: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive {
background-color: #dbdce0
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive::after {
left: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active {
background-color: #000
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active::after {
left: 21px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive {
background-color: #443e3e;
cursor: auto
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive::after {
left: 21px;
background-color: #cacbd0
}
.cookieContainer-popupBtn {
display: flex;
align-items: flex-end;
height: 75px;
background-color: #fff;
padding: 0 32px 10px 32px
}
@media only screen and (max-width: 1200px) {
.cookieContainer-popup {
width: 80vw
}
}
@media only screen and (max-height: 800px) {
.cookieContainer-popup {
top: 0%;
height: 100vh;
max-height: fit-content;
transform: translate(-50%, 0%)
}
}
@media only screen and (max-height: 600px) {
.cookieContainer-popupOptions {
max-height: 60vh
}
}
.order-ui .payment-channels-ui {
padding: 0;
margin: 0 30px 15px 0;
width: calc(100% - 30px);
display: flex;
flex-wrap: wrap
}
.order-ui .payment-channels-ui .message-bar-ui {
width: 100%;
margin: 0
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui) {
width: calc(16.6666666667% - 30px);
min-width: 100px;
height: auto;
margin: 15px;
padding: 10px 0;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0)
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui).active-js {
border:1px solid #f38c01
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui) [type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui) [type=radio]+img {
cursor: pointer;
max-width: 100px;
max-height: 50px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui) .img-container-ui {
position: relative;
height: 50px
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui) .channel-name-ui {
text-align: center
}
.order-ui .in-external-payment-ui {
padding-bottom: 0;
margin: 20px 0
}
.blocked-IE-ui {
position: fixed;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
line-height: 1.5;
padding: 40px
}
.blocked-IE-title-ui {
font-size: 30px
}
.blocked-IE-container-ui {
display: inline-block;
margin-top: 40px;
padding: 20px;
border:1px solid #DDDDDD
}
.blocked-IE-info-ui {
font-size: 20px
}
.blocked-IE-list-ui {
margin: 20px 0 0
}
.blocked-IE-browser-ui {
display: inline-block;
margin: 20px
}
.blocked-IE-browser-ui a {
color: #ffffff
}
.blocked-IE-browser-ui a:hover {
color: #ffffff
}
.blog-post-content-ui ul {
list-style-type: disc;
padding-inline-start: 40px
}
.change-sign-up-type-container-ui {
text-align: center
}
.change-sign-up-type-ui {
display: inline-block;
padding: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
color: #717171
}
.change-sign-up-type-ui.active-ui {
color: #004d8a
}
.first-step-sign-up-arrow-container-ui {
text-align: left
}
.first-step-sign-up-arrow-ui {
color: #004d8a;
cursor:pointer !important;
margin-left:18px
}
.customer-profile-ui .attachements-ui {
padding: 10px 10px 0 10px
}
.customer-profile-ui .attachements-ui .file-container-ui {
background: #ffffff;
border:1px solid #DDDDDD;
border-radius:20px;
margin:0 10px 10px 0;
padding:5px 15px 10px;
display:inline-block
}
.customer-profile-ui .attachements-ui .file-container-ui .icon-ui {
font-size: 20px;
vertical-align: middle
}
.see-more-info-url-ui {
padding: 17px;
text-align: center
}
.unit-ratio-info-ui {
font-size: 10px;
color: #232323
}
.ta-right-ui {
text-align: right
}
.cross-selling-ui {
padding: 40px 0
}
.cross-selling-ui .minibox-product-container-ui {
padding: 10px
}
.cross-selling-ui .minibox-product-ui {
margin: 0;
width: 100%;
height: 350px
}
@media screen and (min-width: 1280px) {
.cross-selling-ui .minibox-product-ui {
min-height: 400px
}
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui {
text-align: right;
padding-left: 10px;
border-left:1px solid #DDDDDD
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .supervisor-img-ui {
display: inline-block;
height: 40px;
width: 40px;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .supervisor-img-ui.ti-user {
color: #004d8a;
font-size:35px
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .infos-ui {
display: inline-block;
vertical-align: middle
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .info-ui {
color: #004d8a;
font-size:.7em;
line-height:1;
text-align:left;
margin:8px 0 5px
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .info-ui:first-child {
margin-top: 0;
cursor: pointer
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui .phone-ui {
color: #8E8E8E
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui a:hover {
background: inherit;
color: #004d8a
}
.purchase-orders-ui .supervisor-ui {
text-align: center
}
.purchase-orders-ui .supervisor-ui .supervisor-img-ui {
display: inline-block;
height: 40px;
width: 40px;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%
}
.purchase-orders-ui .supervisor-ui .supervisor-img-ui.ti-user {
color: #004d8a;
font-size:35px
}
.purchase-orders-ui .supervisor-ui .infos-ui {
display: inline-block;
vertical-align: middle
}
.purchase-orders-ui .supervisor-ui .infos-ui .no-on-mobile-ui,
.purchase-orders-ui .supervisor-ui .infos-ui .mobile-ui {
font-size: 14px !important
}
.purchase-orders-ui .supervisor-ui .info-ui {
color: #004d8a;
font-size:.7em;
line-height:1;
text-align:left;
margin:8px 0 5px;
overflow:visible
}
.purchase-orders-ui .supervisor-ui .info-ui:first-child {
margin-top: 0;
cursor: pointer
}
.purchase-orders-ui .supervisor-ui .phone-ui {
color: #8E8E8E
}
.purchase-orders-ui .supervisor-ui a:hover {
background: inherit;
color: #004d8a
}
.social-media-ui {
padding: 24px 0;
margin: 0 50px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, .6)
}
.social-media-ui a {
margin: 0 10px;
display: inline-block
}
.social-media-ui a.link-to-sm-page-ui {
margin: 0
}
.social-media-ui a.link-to-sm-page-ui img {
display: inline-block;
margin: 0 10px
}
.social-media-page-ui {
padding: 50px
}
.social-media-page-ui .social-media-item-ui {
width: calc(33% - 100px);
display: inline-block;
margin: 50px;
vertical-align: top
}
.social-media-page-ui .title-ui {
padding-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
margin-bottom: 30px
}
.social-media-page-ui img {
max-height: 40px;
max-width: 40px;
margin-right: 50px;
vertical-align: middle
}
.social-media-page-ui span {
color: #ddd;
font-size: 25px;
vertical-align: middle
}
.social-media-page-ui a {
display: block;
margin: 0 50px 20px
}
.add-attachement-in-complaint-label-ui {
cursor: pointer;
font-size: 16px !important;
color: #f38c01 !important
}
.add-attachement-in-complaint-label-ui:hover {
color: #d68800 !important
}
.add-attachement-in-complaint-label-ui .ti-clip {
font-size: 16px
}
.input-file-container-ui {
position: relative
}
.input-file-container-ui .add-attachement-in-complaint-ui {
height: auto;
padding-right: 25px
}
.input-file-container-ui .clear-file-input-ui {
position: absolute;
top: 15px;
left: calc(60% - 25px);
cursor: pointer !important
}
.input-file-container-ui .clear-file-input-ui.contact-file-ui {
left: auto;
right: 15px
}
.input-file-container-ui--attachement {
width: fit-content !important;
border-radius: 20px;
border:1px solid #DDDDDD;
padding:5px 15px 10px;
margin:10px 0;
display:flex;
align-items:center
}
.input-file-container-ui--attachement .clear-file-input-ui {
position: unset;
top: unset;
left: unset;
margin-left: 5px
}
.custom-input-file-container-ui {
background: #ffffff;
border:1px solid #DDDDDD;
border-radius:20px;
margin:10px 0;
padding:5px 15px 10px;
width:fit-content
}
.custom-input-file-container-ui label:not(.checkbox-ui):not(.radio-ui) {
width: auto;
height: auto;
margin: 0
}
.custom-input-file-container-ui label:not(.checkbox-ui):not(.radio-ui) .custom-input-file-ui {
display: inline-block;
cursor: pointer
}
.custom-input-file-container-ui label:not(.checkbox-ui):not(.radio-ui) .custom-input-file-ui .icon-ui {
font-size: 20px;
vertical-align: middle;
padding-right: 2px
}
.custom-input-file-container-ui label:not(.checkbox-ui):not(.radio-ui) .add-attachement-in-complaint-ui {
position: fixed;
left: -999999px;
top: -999999px
}
.custom-input-file-container-ui .remove-attachement-in-order-ui {
vertical-align: middle;
margin-left: 10px;
cursor: pointer !important
}
.cart-bar-ui li.delete-cart-ui:not(.active-ui) {
float: right;
border-right: none;
margin-right: 0;
cursor: pointer;
transition: all ease 300ms
}
.cart-bar-ui li.delete-cart-ui:not(.active-ui):hover {
background: #87ce0d !important
}
.cart-bar-ui.editing-order-ui li.delete-cart-ui:not(.active-ui):hover {
background: #d68800 !important
}
.delete-cart-confirmation-ui .message-popup-ui {
transform: none;
top: calc(50% - 74px)
}
.delete-cart-confirmation-ui .message-popup-ui .product-added-to-cart-ui {
color: #232323;
padding:0
}
.delete-cart-confirmation-ui .message-popup-ui .product-added-to-cart-ui+.info-ui {
padding: 10px;
text-align: center
}
.delete-cart-confirmation-ui .info-text-ui {
color: #232323
}
.delete-cart-confirmation-ui button {
width: 200px
}
.reviews-ui {
position: relative;
margin-bottom: 55px
}
.reviews-ui .reviews-column-ui {
width: 47%;
float: left
}
.reviews-ui .reviews-column-ui:nth-child(2) {
margin-right: 6%
}
.reviews-ui .reviews-rating-ui {
text-align: center
}
.reviews-ui .reviews-rating-ui img {
padding: 5px;
margin: 10px 0 30px
}
.reviews-ui .rating-ui {
font-size: 30px
}
.reviews-ui .rating-count-ui {
font-size: 12px
}
.reviews-ui .choose-rating-ui,
.reviews-ui .review-rating-ui {
width: 25px;
cursor: pointer;
float: left;
padding: 5px;
margin-top: 10px
}
.reviews-ui .choose-rating-ui:first-child,
.reviews-ui .review-rating-ui:first-child {
padding-left: 0;
width: 20px
}
.reviews-ui .review-rating-ui {
margin-top: 0;
cursor: default
}
.reviews-ui textarea,
.reviews-ui input {
width: 100%
}
.reviews-ui textarea {
min-height: 150px;
resize: vertical
}
.reviews-ui .form-button-ui {
min-width: 180px;
margin-top: 20px
}
.reviews-ui .no-reviews-ui {
text-align: center;
position: absolute;
top: calc(50% - 70px);
right: 0
}
.reviews-ui .no-reviews-title-ui {
font-size: 30px
}
.reviews-ui .no-reviews-info-ui {
font-size: 20px;
color: #696666;
margin: 20px 0 30px
}
.reviews-ui .no-reviews-rating-ui {
padding: 5px
}
.reviews-ui .reviews-list-ui {
padding-right: 20px;
max-height: 558px;
overflow: auto;
scrollbar-color: #8e8e8e rgba(0, 0, 0, 0);
scrollbar-width: thin
}
.reviews-ui .reviews-list-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.reviews-ui .reviews-list-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px #ddd
}
.reviews-ui .reviews-list-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.reviews-ui .reviews-list-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.reviews-ui .review-ui {
color: #696666;
padding: 20px 5px;
border-bottom:1px solid #DDDDDD
}
.reviews-ui .review-ui:last-child {
border-bottom: none
}
.reviews-ui .review-author-ui {
font-size: 20px;
font-weight: 700;
color: #232323
}
.reviews-ui .verified-purchase-ui {
font-size: 12px;
font-weight: 400
}
.reviews-ui .reviewed-product-name-ui {
font-size: 13px;
font-weight: 700;
margin: 10px 0;
display: inline-block
}
.reviews-ui .review-date-ui {
font-size: 12px;
float: right;
margin-top: 10px
}
.reviews-ui .review-content-ui {
font-size: 13px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.reviews-ui .review-content-ui.more-review-ui {
-webkit-line-clamp: unset
}
.reviews-ui .toggle-more-review-ui {
padding: 0;
margin-top: 10px
}
.reviews-ui .download-more-reviews-container-ui {
margin-top: 20px;
text-align: center
}
.update-reminder-date-ui {
width: 160px
}
.blog-ui>h2 {
height: 112px
}
.blog-text-content-ui {
height: 144px
}
.top-banner-ui {
display: block;
padding: 10px;
text-align: center;
background: #004D8A;
color: #FFFFFF
}
.top-banner-ui:hover {
color: #FFFFFF
}
.filtered-category-group-ui {
margin: 20px
}
.filtered-category-group-ui a {
display: block;
position: relative
}
.filtered-category-group-ui .parent-ui {
color: #696666
}
.filtered-category-group-ui .node-ui {
padding-left: 20px
}
.filtered-category-group-ui .count-ui {
position: absolute;
right: 0
}
.main-navigation-bar-ui {
background: #ffffff
}
.main-navigation-bar-ui .manufacturer-container-ui {
border-top: none;
border-bottom: none
}
.main-navigation-bar-ui .manufacturer-container-ui li {
margin-right: -1px;
border-bottom:1px solid #DDDDDD
}
.main-navigation-bar-ui .manufacturer-container-ui .categories-option-ui {
border-top:1px solid #DDDDDD
}
.main-navigation-bar-ui .manufacturer-container-ui .categories-opened-ui {
vertical-align: bottom;
float: none;
display: inline-block;
margin-right: -5px;
border-top:1px solid #DDDDDD;
margin-bottom:0px;
height:68px
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui {
width: calc(100% - 320px);
vertical-align: bottom;
background: #f6f6f6;
float:none;
display:inline-block;
border-left:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
border-bottom:none;
border-right:none
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul {
display: flex;
flex-wrap: wrap
}
.manufacturers-container-ui {
text-align: center
}
.manufacturers-container-ui .manufacturers-breadcrumbs-ui {
text-align: left
}
.manufacturers-container-ui .manufacturers-ui {
text-align: left
}
.manufacturers-container-ui .manufacturer-ui {
width: calc(25% - 64px);
margin-right: 60px;
margin-bottom: 60px;
display: inline-block
}
.manufacturers-container-ui .manufacturer-ui i {
margin-left: 5px
}
.manufacturers-container-ui .show-more-manufacturers-ui {
margin: 40px auto;
width: 300px
}
.product-presentation-ui .add-buttons-container-ui.with-add-to-wishlist-ui.with-add-to-inquiry-ui.in-simple-product-ui {
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 1280px) {
.product-presentation-ui .add-buttons-container-ui.with-add-to-wishlist-ui.with-add-to-inquiry-ui.in-simple-product-ui {
width: 100%
}
}
.product-presentation-ui .add-buttons-container-ui.with-add-to-wishlist-ui.with-add-to-inquiry-ui.in-simple-product-ui .add-to-cart-ui {
order: 1
}
.product-presentation-ui .add-buttons-container-ui.with-add-to-wishlist-ui.with-add-to-inquiry-ui.in-simple-product-ui .buttons-separator-ui {
display: block;
order: 2
}
.move-to-comparison-ui {
height: 80px;
padding: 20px 13%;
margin-top: 2px;
width: 99.5vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #f6f6f6;
display: flex
}
@media(max-width: 1600px) {
.move-to-comparison-ui {
width: 99.3vw;
padding: 20px 5%
}
}
.move-to-comparison-ui i {
padding-right: 15px
}
.move-to-comparison-ui .compare-items-ui .comparison-item-icon-ui {
margin-right: 20px;
width: 30px;
height: 30px;
margin-top: 5px
}
.comparison-item-icon-ui {
width: 40px;
height: 40px;
margin-right: 30px;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.6.3-web/svgs/regular/box.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.6.3-web/svgs/regular/box.svg) no-repeat 50% 50%;
background-color: #000;
display: inline-block
}
.comparison-item-icon-ui:last-child {
margin-right: 0
}
.comparison-item-icon-ui.available-ui {
background-color: #d2d2d2
}
.compare-ui {
padding: 10px 0 10px 0;
display: block;
width: 300px;
text-align: center;
margin-left: 40px
}
.product-added-to-compare-ui {
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 50px 80px 0 40px;
background: #ffffff
}
.product-added-to-compare-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px
}
.product-added-to-compare-ui+.info-ui {
padding: 25px
}
.product-added-to-compare-ui+.info-ui.compare-info-ui {
text-align: center
}
.product-added-to-compare-ui+.info-ui .compare-button-ui a {
margin-left: auto;
margin-right: auto
}
.product-added-to-compare-ui+.info-ui .items-ui {
width: 260px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 30px 0
}
.too-much-items-compare-ui {
padding: 30px
}
.comparer-header-ui .header-ui {
height: 70px
}
.delete-from-comparison-ui {
color: #7fba01;
float: left
}
.delete-from-comparison-ui i {
padding-right: 5px
}
.add-to-comparison-ui {
float: left
}
.add-to-comparison-ui i {
padding-right: 5px
}
.breadcrumbs-in-comparison-ui {
width: 100%
}
.compare-title-ui {
padding: 25px 0;
margin: 15px 0 30px;
font-size: 28px;
color: #232323;
line-height:1.2
}
.comparer-ui {
margin-bottom: 30px
}
.comparer-ui .column-ui {
margin-left: 35px
}
.comparer-ui .column-ui.property-ui {
margin-left: 0
}
.comparer-ui .row-ui {
display: flex
}
.comparer-ui .row-ui .products-ui {
display: flex;
width: 80%
}
.comparer-ui .row-ui .products-ui:last-child {
margin-right: 0
}
.comparer-ui .row-ui .products-ui .column-ui {
width: 25%
}
.comparer-ui .row-ui .products-ui .column-ui.stars-ui .rating-count-ui {
position: relative;
top: -2px
}
.comparer-ui .row-ui .products-ui .column-ui.stars-ui img {
width: 15px;
height: 15px
}
.comparer-ui .row-ui .products-ui.three-products-ui .column-ui {
width: 33%
}
.comparer-ui .row-ui .products-ui.two-products-ui .column-ui {
width: 50%
}
.comparer-ui .property-ui {
min-width: 20%
}
.comparer-ui .product-compare-info-ui {
margin-bottom: 30px
}
.comparer-ui .product-compare-info-ui .remove-ui {
cursor: pointer;
padding: 0 0 16px 0;
color: #004b88;
float: right
}
.comparer-ui .product-compare-info-ui .img-ui {
clear: both;
height: 250px;
width: 100%;
text-align: center
}
.comparer-ui .product-compare-info-ui .img-ui .no-image-compare-ui {
padding-top: 70px
}
.comparer-ui .product-compare-info-ui .img-ui img:not([src="css/img/alo.gif"]) {
width: 100% !important;
height: 200px !important;
object-fit: contain !important
}
.comparer-ui .product-compare-info-ui .prod-name-ui {
color: #004b88;
font-size: 18px;
overflow: hidden;
height: 30px;
text-overflow: ellipsis;
white-space: nowrap
}
.comparer-ui .product-compare-info-ui .prod-price-ui {
display: flex;
margin-top: 10px
}
.comparer-ui .product-compare-info-ui .prod-price-ui .compare-price-ui {
font-size: 22px;
margin: 0
}
.comparer-ui .product-compare-info-ui .prod-price-ui .compare-price-ui.value-ui {
margin-right: 7px
}
.comparer-ui .product-compare-info-ui .prod-price-ui .compare-brutto-ui {
font-size: 12px;
line-height: 2.5em;
margin-left: 15px
}
.comparer-ui .product-compare-info-ui .add-to-cart-compare-ui {
width: 100%;
display: block
}
.comparer-ui .product-compare-info-ui .add-to-cart-compare-ui a,
.comparer-ui .product-compare-info-ui .add-to-cart-compare-ui button {
text-align: center;
width: 100%;
padding: 10px;
min-height: auto;
margin-top: 20px
}
.comparer-ui .name-of-property {
font-size: 14px;
font-weight: 600;
background-color: #fff !important;
padding: 7px;
padding-left: 0;
margin-top: 10px
}
.comparer-ui section.compare-section-ui .row-ui:nth-child(odd) {
background-color: #f8f8f8
}
.comparer-ui .attr-name-ui {
font-size: 14px;
padding: 7px
}
.comparer-ui .attr-value-ui {
font-size: 14px;
width: 330px;
padding: 7px;
margin-right: 35px
}
.comparer-header-ui .sticky-lq {
position: fixed;
z-index: 10;
width: 100%;
top: 0;
border-bottom:1px solid #DDDDDD
}
.produce-offer-ui {
min-width: 300px;
background-color: #7fba00
}
.produce-offer-ui:hover {
background-color: #87ce0d
}
.order-address-data-tab-ui {
width: 50%;
line-height: 1;
margin-top: 28px;
padding: 10px;
border:1px solid #DDDDDD;
border-bottom:none;
text-align:center;
background: #DDDDDD;
cursor:pointer
}
.order-address-data-tab-ui.left-ui {
float: left
}
.order-address-data-tab-ui.right-ui {
float: right
}
.order-address-data-tab-ui.active-js {
font-weight: 700;
background: #fff;
cursor: default
}
.order-address-data-tab-ui.not-authenticated-ui {
line-height: 1.5em;
margin-top: 0
}
.lookbook-ui .newest-ui {
position: relative;
background: #f6f6f6;
display:block
}
.lookbook-ui .newest-ui img {
float: right;
max-width: 50%
}
.lookbook-ui .newest-ui .name-container-ui {
position: absolute;
top: 50%;
left: 50px;
font-size: 30px;
width: calc(50% - 100px)
}
.lookbook-ui .newest-ui .name-ui {
color: #232323;
line-height:1.2
}
.lookbook-ui .newest-ui .see-ui {
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 20px
}
.lookbook-ui .newest-ui:hover img {
filter: opacity(0.7)
}
.lookbook-ui .more-container-ui {
width: calc((100% - 80px)/3);
float: right
}
.lookbook-ui .more-container-ui:after {
content: "";
display: block;
border-bottom:1px solid #DDDDDD;
margin-top:43px;
z-index:0
}
.lookbook-ui .more-container-ui .text-ui {
padding: 30px 10px;
color: #696666;
z-index: 1;
margin-right: 50px;
background: #ffffff
}
.lookbook-ui .other-lookbook-ui {
display: inline-block;
width: calc((100% - 80px)/3);
margin: 0 35px 40px 0
}
.lookbook-ui .other-lookbook-ui:nth-child(3n) {
margin-right: 0
}
.lookbook-ui .other-lookbook-ui img {
display: block;
width: 100%
}
.lookbook-ui .other-lookbook-ui .name-ui {
background: #f6f6f6;
padding:20px;
color: #232323
}
.lookbook-ui .other-lookbook-ui:hover img {
filter: opacity(0.7)
}
.lookbook-ui .slider-container-ui {
margin-top: 50px;
position: relative
}
.lookbook-ui .slider-navigation-ui {
position: absolute;
right: 0;
width: 40%;
padding-left: 50px;
z-index: 1
}
.lookbook-ui .lookbook-text-ui {
font-size: 100px;
color: #f6f6f6;
font-weight:700;
line-height:1;
margin-bottom:100px
}
.lookbook-ui .title-ui {
font-size: 49px;
line-height: 1.2
}
.lookbook-ui .lookbook-slider-ui {
width: 60%;
display: inline-block
}
.lookbook-ui .arrows-ui {
width: 500px;
margin-top: 100px;
margin-left: -100px;
padding: 50px;
text-align: center;
border:3px solid #f6f6f6
}
.lookbook-ui .arrows-ui .slick-arrow {
position: static;
font-size: 20px;
transform: none
}
.lookbook-ui .arrows-ui .slick-arrow.slick-disabled {
cursor: default
}
.lookbook-ui .pager-ui {
margin: 0 20px
}
.lookbook-ui .products-container-ui {
background: #f6f6f6;
width:calc(100vw - 17px);
margin-left:calc(-3.5% - 5px);
padding:70px 3.5%;
margin-top:-50px
}
.lookbook-ui .products-ui {
float: right;
display: inline-block;
width: calc(100% - 200px);
margin-left: 133px;
vertical-align: top;
margin-top: -125px;
z-index: 1;
position: relative
}
.lookbook-ui .lookbook-product-ui {
display: inline-block;
width: calc((100% - 150px)/4);
height: 400px;
vertical-align: middle;
margin-right: 50px;
text-align: center
}
.lookbook-ui .lookbook-product-ui:nth-child(4n) {
margin-right: 0
}
.lookbook-ui .lookbook-product-ui:nth-child(n+5) {
margin-top: 50px
}
.lookbook-ui .lookbook-product-ui .lookbook-product-bg-ui {
margin-top: 25px;
height: 350px;
padding: 20px;
background: rgba(255, 255, 255, .8);
position: relative;
transition: all ease 300ms
}
.lookbook-ui .lookbook-product-ui .lookbook-product-bg-ui:hover {
height: 400px;
margin-top: 0
}
.lookbook-ui .lookbook-product-ui img {
position: absolute;
left: 50%;
top: calc(50% - 35px);
transform: translate(-50%, -50%);
max-height: calc(100% - 105px);
max-width: calc(100% - 40px)
}
.lookbook-ui .lookbook-product-ui .product-name-ui {
text-align: left;
color: #232323;
font-weight:700;
position:absolute;
bottom:40px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:calc(100% - 40px)
}
.lookbook-ui .lookbook-product-ui .product-price-ui {
text-align: left;
color: #232323;
position:absolute;
bottom:15px
}
.validation-password-lq i {
border:1px solid #EF5350;
border-radius:50%;
font-size:6px;
padding:3px
}
.validation-password-lq i::before {
content: ""
}
.validation-password-lq i.passed-validation-icon-ui {
border:1px solid #81C784;
background-color: #81C784;
color:#fff
}
.validation-password-lq i.passed-validation-icon-ui::before {
content: ""
}
.passed-validation-ui {
color: #81C784
}
.header-technical-break-ui {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px
}
.header-technical-break-ui .change-lang-form-ui {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 999;
padding: 15px
}
.header-technical-break-ui img {
max-width: 200px;
max-height: 80px
}
.header-technical-break-ui .name-ui {
font-size: 25px
}
.header-technical-break-ui .lang-and-currency-ui {
position: relative
}
.technical-break-ui {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%
}
.technical-break-ui img {
width: 45%;
vertical-align: middle
}
.technical-break-ui .content-ui {
display: inline-block;
width: 50%;
font-size: 18px;
font-weight: 600;
text-align: center;
vertical-align: middle
}
.technical-break-ui .bold-text-ui {
font-size: 36px;
line-height: 36px
}
.technical-break-ui .light-text-ui {
margin-top: 30px
}
.copyright-technical-break-ui {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center
}
.producer-list-ui a {
margin: 50px;
font-size: 20px;
letter-spacing: 1px;
max-width: 200px;
min-height: 60px;
width: 20%;
display: inline-block;
text-align: center;
line-height: 100px;
color: #d68800 !important;
vertical-align:middle
}
.producer-list-ui a:hover {
color: #004d8a !important
}
.producer-list-ui img {
-webkit-transition: .2s -webkit-filter linear;
-moz-transition: .2s -moz-filter linear;
-moz-transition: .2s filter linear;
-ms-transition: .2s -ms-filter linear;
-o-transition: .2s -o-filter linear;
transition: .2s filter linear, .2s -webkit-filter linear;
transition: box-shadow 300ms;
filter: grayscale(60%);
background: rgba(0, 0, 0, 0);
margin: auto;
max-height: 160px;
height: auto;
vertical-align: middle
}
.producer-list-ui img:hover {
filter: none;
-webkit-transition: .2s -webkit-filter linear;
-moz-transition: .2s -moz-filter linear;
-moz-transition: .2s filter linear;
-ms-transition: .2s -ms-filter linear;
-o-transition: .2s -o-filter linear;
transition: .2s filter linear, .2s -webkit-filter linear
}
.hidden-prices-message-ui {
text-align: center
}
.your-account-ui .form-js {
margin: 0
}
.your-account-ui .change-email-ui {
padding-left: 0
}
.your-account-ui .promises-message-ui .message-bar-ui {
margin: 0
}
.message-bar-ui.no-margin-ui {
margin: 0
}
.undercategory-links-ui {
display: flex;
flex-wrap: wrap
}
.undercategory-links-ui a {
width: calc(20% - 16px);
border:1px solid #DDDDDD;
margin:0 20px 20px 0;
padding:20px;
text-align:center
}
.undercategory-links-ui a:nth-child(5n) {
margin-right: 0
}
.undercategory-links-ui .category-name-ui {
font-weight: 700;
margin-bottom: 20px;
color: #232323
}
.undercategory-links-ui img {
max-width: 100%;
max-height: 200px
}
.graph-desc-category-down-ui {
display: flex;
flex-flow: column
}
.graph-desc-category-down-ui .category-section-ui {
order: 1
}
.category-section-ui .expand-data-js {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
border:1px solid #DDDDDD;
padding:20px;
background:rgba(0, 0, 0, 0);
color: #232323
}
.category-section-ui .expand-data-js.expandable-ui {
cursor: pointer
}
.category-section-ui .expand-data-js.expanded-js h1 {
overflow: visible;
white-space: normal;
text-overflow: clip
}
.category-section-ui .expand-data-js h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.category-section-ui h1 {
font-size: 20px;
color: #232323
}
.category-section-ui.left-ui .category-img-ui .category-container-ui .category-container-bg-ui {
max-width: none
}
.category-section-ui.left-ui .category-img-lq {
display: flex;
border:1px solid #DDDDDD;
height:auto !important
}
.category-section-ui.left-ui .img-container-ui {
min-width: 200px;
max-width: 200px;
padding: 20px
}
.category-section-ui.left-ui img {
max-height: 100%
}
.category-section-ui.left-ui .category-container-ui {
position: static
}
.category-section-ui.left-ui .category-description-ui {
height: auto !important
}
.filters-up-ui {
flex-wrap: wrap
}
.filters-up-ui .toggle-filters-button-ui+.active-sorting-option-ui {
transition: all ease 300ms
}
.filters-up-ui .sorting-options-ui .toggle-filters-button-ui {
padding-bottom: 10px
}
.filters-up-ui .sorting-options-ui .toggle-filters-button-ui.with-quantity-ui {
padding-bottom: 0
}
.filters-up-ui .sorting-options-ui .toggle-filters-button-ui.expanded-js {
background-color: #f0aa33;
color: #FFFFFF
}
.filters-up-ui .sorting-options-ui .toggle-filters-button-ui.expanded-js+.active-sorting-option-ui {
background-color: #f0aa33;
color: #FFFFFF
}
.filters-up-ui .product-filters-ui>ul {
display: flex;
flex-wrap: wrap
}
.filters-up-ui .product-filters-ui>ul li {
width: calc(20% - 16px);
border:1px solid #DDDDDD;
margin:0 20px 20px 0
}
.filters-up-ui .product-filters-ui>ul li:nth-child(5n) {
margin-right: 0
}
.filters-up-ui .product-filters-ui>ul .price-filter-ui {
padding: 20px
}
.filters-up-ui .product-filters-ui>ul .filter-drop-ui {
padding: 10px 20px;
border-bottom:1px solid #DDDDDD
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui {
padding: 10px 20px;
overflow: auto
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0)
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui.three-ui {
max-height: 140px
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui.five-ui {
max-height: 220px
}
.filters-up-ui .product-filters-ui>ul .filter-value-list-ui.eight-ui {
max-height: 340px
}
.change-set-element-product-ui {
display: inline-block;
cursor: pointer
}
.change-set-element-product-ui figure {
padding: 0;
width: 200px;
height: 200px
}
.check-deligoo-availability-ui {
padding: 15px;
margin-left: -5px
}
.order-ui .comfortable-delivery-section-container-ui .deligoo-popup-ui .box-ui {
border-top: none !important
}
.deligoo-success-icon-ui {
font-size: 25px;
color: #81C784;
margin-left:10px
}
.deligoo-error-icon-ui {
font-size: 25px;
color: #EF5350;
margin-left:10px
}
.deligoo-popup-ui input[name=zipCode] {
max-width: 150px
}
.no-js-ui {
padding: 10px;
background-color: #ef5350;
color: #fff;
text-align: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999999
}
.no-js-hidden-ui {
height: 44px;
padding: 10px;
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999999
}
.no-js-ui:hover {
display: none
}
.no-js-hidden-ui:hover+.no-js-ui {
display: none
}
.open-check-deliveries-popup-ui {
padding: 0
}
.open-check-deliveries-popup-ui i {
font-size: 16px;
margin-right: 5px
}
.message-popup-background-ui .check-deliveries-popup-container-ui {
max-width: 60vw
}
.message-popup-background-ui .check-deliveries-popup-container-ui .close-ui {
z-index: 99999
}
.purchase-orders-ui {
max-height: 80vh;
height: 100%;
overflow: auto
}
.purchase-orders-ui .row-ui {
display: flex;
align-items: center;
text-align: center;
border:1px solid #DDDDDD;
border-top:none;
font-size:12px
}
.purchase-orders-ui .row-ui:nth-child(2n) {
background-color: #fff
}
.purchase-orders-ui .table-names-ui {
border-top:1px solid #DDDDDD;
font-size:16px;
font-weight:700;
background: #f38c01;
color:#fff
}
.purchase-orders-ui .left-ui {
width: 25%;
padding: 20px
}
.purchase-orders-ui .right-ui {
width: 75%;
padding: 20px
}
.blog-home-ui {
margin-bottom: 50px;
height: auto
}
.blog-home-ui .latest-blog-post-heading {
margin-top: 6px;
margin-bottom: 2px;
color: #004d8a;
font-size:inherit;
max-height:3em;
overflow:hidden
}
.blog-home-ui .blog-home-news-ui {
height: 145px
}
.blog-home-ui .read-more-ui {
display: block;
margin-top: 20px;
margin-bottom: 10px
}
.blog-posts-slider-ui.extended-ui .blog-home-ui {
border: none
}
@media only screen and (min-width: 1280px) {
.blog-posts-slider-ui.extended-ui .blog-home-ui {
width: calc(33% - 55px);
border: none;
margin: 40px 80px 0 0
}
.blog-posts-slider-ui.extended-ui .blog-home-ui .product-caption-ui {
height: auto
}
.blog-posts-slider-ui.extended-ui .blog-home-ui .blog-publication-date-ui {
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2
}
.blog-posts-slider-ui.extended-ui .blog-home-ui .latest-blog-post-heading {
font-weight: 700
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child {
width: 100%;
margin: 0;
padding-bottom: 0
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .blog-home-news-ui {
width: 45%;
height: 213px;
margin-right: 4%;
float: left
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .product-caption-ui {
width: 50%;
float: left;
max-height: 212px;
overflow: hidden
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .blog-tags-ui {
width: 50%;
float: left
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .latest-blog-post-heading {
font-size: 22px;
max-height: 81px;
line-height: 27px
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .blog-publication-date-ui {
height: auto;
font-size: 16px
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:first-child .read-more-ui {
float: left
}
.blog-posts-slider-ui.extended-ui .blog-home-ui:last-child {
margin-right: 0
}
}
.blog-container-ui {
margin-bottom: 70px
}
.blog-img-ui {
text-align: center;
display: block;
margin: auto;
height: 300px;
max-height: 100%;
max-width: 100%
}
.blog-ui {
width: 49%;
margin-top: 50px;
padding-right: 40px;
position: relative;
min-height: 600px
}
.blog-ui .blog-read-more-ui {
float: right
}
.blog-ui img {
width: auto;
margin: auto;
max-height: 100%
}
.blog-post-content-ui {
font-size: 16px;
font-family: Roboto,sans-serif;
font-weight:normal
}
.blog-text-content-ui {
float: left;
font-size: 16px;
color: #232323;
text-align:justify;
width:100%
}
.blog-post-container-ui {
margin-top: 50px !important;
margin-bottom: 100px
}
.blog-post-container-ui .blog-post-img-container-ui {
text-align: center
}
.blog-post-container-ui .blog-post-img-container-ui img {
margin: auto;
max-height: 100%;
width: auto
}
.blog-article-sidebar-container-ui {
float: right;
width: 27%;
min-height: 400px;
text-align: center
}
.blog-article-sidebar-container-ui p,
.blog-article-sidebar-container-ui span,
.blog-article-sidebar-container-ui h2,
.blog-article-sidebar-container-ui .tags-container-ui {
text-align: left
}
.blog-article-sidebar-container-ui .all-articles-link-ui {
font-size: 1.2rem
}
.blog-article-sidebar-container-ui img {
max-height: 170px
}
.blog-article-sidebar-container-ui i {
padding-right: 6px
}
.blog-article-sidebar-container-ui .latest-blog-post-container-ui {
margin-bottom: 50px;
margin-top: 20px
}
.blog-article-sidebar-container-ui .latest-blog-post-heading-ui {
margin-top: 0px;
margin-bottom: 2px
}
.blog-article-sidebar-container-ui .border-line-ui {
border-bottom:1px solid #DDDDDD;
width:100%;
text-align:center;
margin:auto;
margin-top:35px;
margin-bottom:35px
}
.blog-post-article-ui {
float: left;
width: 70%
}
.blog-header-ui {
display: flex;
justify-content: space-between;
width: 100%
}
.blog-header-ui h2 {
margin-top: 10px;
word-break: break-word
}
.blog-header-ui .blog-share-ui {
margin-top: 19px;
margin-left: 50px;
display: flex;
justify-content: flex-end;
height: fit-content;
align-items: center
}
.blog-header-ui .blog-share-ui a {
margin-left: 10px;
display: block;
width: 1.2rem;
height: 1.2rem
}
.blog-tags-all-ui {
width: 100%;
padding: 17px;
margin-top: 40px
}
.blog-tags-all-ui ol {
padding: 0px;
margin: 0px
}
.blog-tags-ui ol>li {
display: inline-table;
height: 30px;
position: relative;
padding: 0px;
margin: 4px 25px 4px 0px;
text-align: center;
border:1px solid #DDDDDD
}
.blog-tags-ui ol>li>div {
position: relative;
line-height: 30px;
min-width: 70px
}
.blog-tags-ui ol {
display: inline;
width: 33%;
padding: 0px;
margin: 0px;
position: relative
}
.blog-tags-ui ol>li>div:after,
.blog-tags-ui ol>li>div:before {
content: "";
display: inline-block;
border-width: 16px;
border-style: solid;
width: 0px;
height: 0px;
left: 100%;
top: -1px;
position: absolute;
z-index: 1
}
.blog-tags-ui ol>li>div:after,
.blog-tags-ui ol>div:before {
border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #DDDDDD
}
.blog-tags-ui ol>li>div:before {
border-width: 14px;
display: block;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #tagColor;
z-index: 2;
top: 1px
}
.blog-tags-ui ol li a {
padding: 0px 10px 0px 10px;
font-size: 14px
}
.blog-publication-date-ui {
font-size: 14px;
color: #232323;
margin-top:0px;
margin-bottom:2px
}
@keyframes fade-in {
0% {
visibility: hidden;
opacity: 0
}
1% {
visibility: visible;
opacity: 0
}
100% {
visibility: visible;
opacity: 1
}
}
.fade-in-ui,
.fade-in-lq {
animation: fade-in 800ms
}
@keyframes fade-out {
0% {
visibility: visible;
opacity: 1
}
1% {
visibility: visible;
opacity: 0
}
100% {
visibility: hidden;
opacity: 0
}
}
.fade-out-ui,
.fade-out-lq {
animation: fade-out 800ms
}
.reminder-required-fields-ui {
font-size: 12px;
text-align: left;
font-family: Roboto, sans-serif;
line-height:1.667;
margin:0px 0px 0px 18px;
color: #232323;
margin-bottom:20px
}
.cookie-notice-ui {
position: fixed;
background: #f8f8f8;
left: 0px;
right: 0px;
z-index: 100;
width: 100%
}
.cookie-notice-ui .ti-close {
right: 10px;
position: absolute;
padding: 10px;
top: 10px;
cursor: pointer !important
}
.sizeChart-popup {
min-width: 300px;
max-width: 600px;
max-height: 80vh
}
.sizeChart-popup .sizeChart-info {
overflow: auto;
max-height: calc(80vh - 99px)
}
.sizeChart-popup .sizeChart-info .sizeChart-info-bannerHeading {
text-transform: uppercase;
margin-top: 50px
}
.sizeChart-popup .sizeChart-info .sizeChart-info-bannerItemContainer:first-child .sizeChart-info-bannerHeading {
text-transform: uppercase;
margin-top: 0px
}
.sizeChart-popup .sizeChart-info .sizeChart-info-imgContainer {
display: block
}
.sizeChart-popup .sizeChart-info .sizeChart-info-imgContainer--image {
max-width: 100%;
height: auto
}
.sizeChart-popup .sizeChart-info .sizeChart-info-imgContainer--image.table,
.sizeChart-popup .sizeChart-info .sizeChart-info-imgContainer--image.contour {
margin: auto;
display: block
}
@media only screen and (max-width: 1279px) {
.sizeChart-popup {
max-height: 100vh;
height: 100vh;
max-width: 100% !important
}
.sizeChart-popup .sizeChart-info {
max-height: calc(100vh - 99px);
height: calc(100vh - 99px)
}
}
.after-adding-to-cart-popup-ui {
width: calc(100% - 20vw - 20px);
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
max-width: 600px;
padding: 0
}
.after-adding-to-cart-popup-ui button {
font-size: 16px
}
.after-adding-to-cart-popup-ui button .cart-icon {
color: #FFFFFF;
font-size:30px;
margin-right:5px
}
.after-adding-to-cart-popup-ui .close-ui {
padding: 0;
top: 20px;
right: 20px
}
.after-adding-to-cart-popup-ui .title-ui {
font-size: 18px;
font-weight: 500
}
.delete-employee-btn-ui {
height: 47px;
position: absolute
}
.files-to-download-close-icon-ui {
margin-right: 10px;
color: #232323;
font-size:16px;
cursor:pointer;
float:right;
margin-top:3px
}
.with-animation-on-hover-ui {
transition: box-shadow 300ms
}
.with-animation-on-hover-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5
}
.with-animation-on-hover-ui:hover .btn-ghost-ui {
background: #f38c01;
color:#fff
}
.minibox-product-ui {
float: left;
width: calc(25% - 10px);
height: 380px;
border:1px solid #DDDDDD;
padding:10px;
margin:5px
}
.minibox-product-ui .product-name-ui {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical
}
.minibox-product-ui .product-name-ui:not(.product-name-homepage-ui) {
-webkit-line-clamp: 2
}
.minibox-product-ui .product-name-ui.product-name-homepage-ui {
-webkit-line-clamp: 1;
word-break: break-all
}
.minibox-product-ui .product-name-ui.product-name-homepage-ui+div .price-ui {
display: inline-block
}
.minibox-product-ui .product-caption-ui {
height: 135px
}
.minibox-product-ui .product-caption-ui .lowest-price-ui {
font-size: 12px
}
.minibox-product-ui .image-container-ui {
height: 225px
}
.minibox-product-ui .price-container-ui {
display: inline-block;
width: calc(50% - 5px)
}
.minibox-product-ui .price-container-ui.f-right-ui {
text-align: right
}
.minibox-product-ui .price-container-ui.f-right-ui .old-price-ui {
font-size: 12px
}
@media screen and (min-width: 1280px) {
.minibox-product-ui .price-container-homepage-ui {
display: block;
width: 100%
}
}
@media screen and (min-width: 1280px) {
.minibox-product-ui .f-right-ui.price-container-homepage-ui {
float: unset !important;
text-align: unset !important
}
}
.minibox-product-ui .price-ui {
font-size: 1.2rem;
display: block
}
.minibox-product-ui .price-label-ui {
font-size: .9rem;
color: #232323
}
.minibox-product-ui .price-label-ui:hover {
color: #232323
}
.minibox-product-ui .product-flags-ui {
position: absolute;
z-index: 1
}
.minibox-product-ui.blog-home-ui {
height: auto;
max-height: 408px
}
.minibox-product-ui.blog-home-ui.compact-presentation {
max-height: 450px;
height: 450px
}
.minibox-product-ui.blog-home-ui .blog-tags-ui {
white-space: nowrap;
overflow: hidden
}
.loader-ui {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top:.2rem solid #f38c01;
border-right:.2rem solid #f38c01;
border-bottom:.2rem solid #f38c01;
border-left:.2rem solid #fff;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation:load8 1.1s infinite linear;
animation:load8 1.1s infinite linear
}
.loader-ui,
.loader-ui::after {
border-radius: 50%;
width: 5rem;
height: 5rem
}
.loader-ui.big-ui,
.loader-ui.big-ui::after {
width: 10rem;
height: 10rem
}
.loader-ui.loading-cart-ui {
margin: 30px auto
}
@keyframes load8 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.contact-validation-error-text-ui {
text-align: left;
color: #EF5350;
margin-left:25px
}
.register-login-validation-error-text-ui {
text-align: left;
color: #EF5350;
margin-left:18px;
font-size:14px
}
.half-ui .register-login-validation-error-text-ui {
margin-left: 0
}
.error-ui p {
color: #EF5350
}
.small-input-error-ui {
display: table;
text-align: left;
color: #EF5350;
font-size:14px;
margin-left:3px
}
.required-ui {
color: #EF5350 !important;
text-align:left;
padding-left:0 !important
}
.pointer-events-none-ui {
pointer-events: none
}
.purchase-history-table-row-ui {
display: flex;
font-size: 14px;
padding: 10px
}
.purchase-history-table-row-ui:nth-child(2n) {
background: #fff
}
.purchase-history-table-header-ui {
background: #fff;
border:1px solid #DDDDDD
}
.purchase-history-list-ui {
border:1px solid #DDDDDD;
border-top:none;
background:#f8f8f8
}
.purchase-history-table-cell-ui {
width: 25%
}
.purchase-history-table-cell-ui:nth-child(3),
.purchase-history-table-cell-ui:nth-child(4) {
text-align: right
}
.reviews-rating-ui-print {
display: none
}
.show-sign-in-popup-js {
cursor: pointer !important
}
.thresholds-container-ui {
max-width: 200px
}
.login-text-ui {
text-align: right
}
@media screen and (min-width: 1600px) {
.product-presentation-ui .right-column-ui .name-column-ui {
width: 19%
}
.product-presentation-ui .right-column-ui .unit-column-ui {
width: 15%
}
}
@media print {
.header-ui-mail-ui,
.register-ui,
.login-ui,
.lang-and-currency-ui,
.header-ui .last-ui,
.input-field-search-ui,
.client-area-ui,
.header-categories-ui,
.top-right-icons-ui,
.multi-image-slider-ui,
.table-cell-ui .mobile-ui,
.quantity-column-ui,
.options-column-ui,
.more-attributes-ui .ti-close,
.quantity-ui,
.add-to-wishlist-ui,
.add-to-inquiry-ui,
.add-to-cart-ui,
.cheaper-in-set-ui,
.product-presentation-menu-container-ui,
.reviews-ui,
.social-media-ui,
.links-ui li:not(.copyright-ui),
.go-to-top-ui,
.top-banner-ui,
.border-bottom-ui,
.related-ui,
.suggested-products-ui,
.related-ui *,
.product-presentation-breadcrumbs-ui *,
.choose-variant-ui,
.availability-ui,
.copyright-ui,
.print-hidden {
display: none !important
}
.slick-active {
max-width: 33vw !important
}
.header-ui,
.header-nav-ui {
padding: 0
}
.header-nav-ui {
height: auto !important
}
.logo-ui img {
margin: 0 !important
}
.table-cell-ui {
width: 20% !important
}
button.ti-angle-right,
button.ti-angle-left {
display: none !important
}
.copyright-ui {
position: fixed !important;
bottom: 0 !important
}
.product-presentation-ui .right-column-ui .table-cell-ui {
width: auto !important
}
.table-row-ui {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important
}
.reviews-rating-ui-print {
display: flex;
gap: 15px
}
.print-left-side {
margin-top: 35px
}
.reviews-rating-ui-print {
display: flex;
gap: 15px
}
.reviews-rating-ui-print div img {
height: 10px
}
.rating-count-ui {
font-size: 10px
}
}