/* inputs */
/* ???? */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* small cart */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.header-categories-ui .categories-opened-ui {
background: ;
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;
}
input[name=phoneNo] {
max-width: 170px;
}
.half-ui input[name=phoneNo], .register-step-ui input[name=phoneNo] {
max-width: none;
}
.not-clickable-ui:hover {
color: inherit;
cursor: default;
}
label:not(.checkbox-ui):not(.radio-ui) {
color: #717171;
font-size: 13px;
height: 20px;
font-family: "Roboto", sans-serif;
text-align: left;
width: 100%;
margin-top: 5px;
}
.register-container-ui, .login-container-ui {
scrollbar-color: #8E8E8E transparent;
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 transparent;
}
.register-container-ui::-webkit-scrollbar-thumb, .login-container-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.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: ;
border: 1px solid ;
color: ;
cursor: pointer;
transition: all 300ms ease;
}
.choose-cart-table-view-ui div:not(.active-js):hover {
background-color: ;
border: 1px solid ;
}
.choose-cart-table-view-ui .active-js {
border: 1px solid #DDDDDD;
}
.free-delivery-from-ui {
font-size: 14px;
color: ;
}
.arrow-column-ui {
width: 35px;
}
.arrow-column-ui i {
color: ;
cursor: pointer !important;
transition: all 300ms ease;
}
.arrow-column-ui i:hover {
color: ;
}
.loading-cart-in-progress-ui {
margin-top: 30px;
text-align: center;
}
.error-bg-ui {
background-color: #EF5350;
color: ;
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 transparent;
border-bottom: 12px solid transparent;
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: transparent #EF5350 transparent transparent;
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: ;
}
.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: 0.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;
background-color: #e9e9e9 !important;
}
.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;
}
.two-options-ui .notify-about-availability-button-ui {
width: 100px;
}
.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: ;
}
.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;
}
.close-gallery-ui {
position: fixed;
top: 40px;
right: 40px;
}
.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, 0.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: transparent !important;
}
.select-background-ui {
display: inline-block;
background: transparent;
margin-top: 3px;
margin-right: -5px;
width: 100%;
}
.select-background-ui select {
height: 46px;
width: 100%;
background-color: transparent;
cursor: pointer;
position: relative;
z-index: 1;
padding: 7px 34px 7px 10px;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
}
.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: 0.9rem;
}
.header-attribute-cart-ui {
width: calc(50% - 10px);
display: inline-block;
vertical-align: top;
}
.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:  !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;
}
.product-presentation-ui .expandable-lq [name=attributeEditable]:not(.validation-error-ui), .product-presentation-ui .expandable-lq [name=attributePolyvalent]:not(.validation-error-ui) {
margin-bottom: 24px;
}
.product-presentation-ui .expandable-lq .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;
}
.add-to-cart-ui {
display: inline-block;
margin-top: 40px;
background-color: ;
color: ;
min-height: 58px;
min-width: 146px;
}
.add-to-cart-ui:hover {
background-color: ;
color: ;
}
.add-to-cart-ui.change-ui {
padding: 15px 14px;
text-align: center;
}
.add-to-cart-ui.change-ui:hover {
background-color: ;
color: ;
}
.add-to-cart-ui i {
font-size: 32px;
margin-right: 15px;
vertical-align: middle;
}
.add-to-cart-ui i:hover {
color: ;
}
.add-to-cart-ui.editing-order-ui {
background: ;
color: ;
}
.add-to-cart-ui.editing-order-ui:hover {
background: ;
}
.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: ;
border: 1px solid ;
vertical-align: bottom;
padding: 16px 16px 11px;
margin-left: -5px;
}
.change-cart-arrows-ui:hover {
background-color: ;
color: ;
}
.change-cart-arrows-ui i {
font-size: 20px;
}
.change-cart-arrows-ui i:hover {
color: ;
}
.choose-cart-form-ui {
width: 199px;
background-color: #d1e5a5;
color: ;
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 ;
border-right: 1px solid ;
border-bottom: 1px solid ;
cursor: pointer;
transition: all 300ms ease;
}
.choose-cart-form-ui li:hover {
background-color: ;
border-left: 1px solid ;
border-right: 1px solid ;
border-bottom: 1px solid ;
color: ;
}
.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: ;
color: ;
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:  !important;
}
.header-cart-box-ui:hover .counter-bg-ui {
background-color: ;
}
.product-table-in-wishlist-ui {
padding-top: 60px;
margin: 20px 0;
font-size: 0.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;
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;
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;
}
.product-table-in-wishlist-ui .right-content-ui {
width: calc(20% + 175px + 110px + 50px);
}
.product-table-in-wishlist-ui .price-column-ui {
width: 110px;
margin-right: 50px;
text-align: right;
}
.product-table-in-wishlist-ui .notify-date-column-ui {
width: 175px;
position: relative;
z-index: 2;
font-size: 14px;
}
.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: ;
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 transparent;
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 transparent;
}
.open-complaint-form-container-ui .add-complaint-form-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.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: ;
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: ;
}
.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, 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: ;
color: ;
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: ;
}
.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 .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: 0.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 .page-title-ui {
margin: 15px 0 30px;
font-size: 28px;
color: ;
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 transparent;
}
.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 ;
}
.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 .ti-close {
cursor: pointer !important;
font-size: 50px;
color:  !important;
transition: all 300ms ease;
}
.product-presentation-ui .gallery-container-ui .gallery-opened-ui .ti-close:hover {
color:  !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: ;
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 .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: 40px;
}
}
.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;
margin-right: 11%;
font-size: 24px;
text-align: right;
}
.product-presentation-ui .add-to-cart-border-container-ui .netto-price-ui {
display: inline-block;
font-size: 32px;
color: ;
text-align: right;
}
.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: ;
}
.product-presentation-ui .add-to-cart-border-container-ui .lowest-price-ui {
font-size: 13px;
margin-left: 10px;
color: ;
}
.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: ;
padding: 0;
border: none;
background-color: transparent;
}
.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: 25px;
vertical-align: middle;
}
.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 .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: ;
color: ;
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 ;
}
.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: transparent;
color: ;
}
.product-presentation-ui .right-column-ui .attribute-button-ui.last-lvl-ui.unavailable-ui .netto-ui {
color: ;
}
.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: transparent;
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: 65px;
}
.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: ;
}
.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-ui, .product-presentation-ui .right-column-ui .netto-ui {
font-weight: 700;
}
.product-presentation-ui .right-column-ui .netto-ui {
font-size: 21px;
color: ;
}
.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: ;
}
.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: ;
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 ;
}
.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;
width: calc(56% - 10px);
margin-right: 5px;
}
.product-presentation-ui .product-attributes-ui li .value-ui {
display: inline-block;
width: 44%;
}
.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: ;
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: ;
color: ;
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: "\e61a";
color: ;
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: ;
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 .units-in-table-ui {
height: 30px;
}
.narrow-footer-js {
width: calc(100% - 320px);
float: right;
}
.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;
}
.customer-profile-ui .category-column-ui.element-attached-lq {
height: 100%;
}
.customer-profile-ui .with-column-ui {
width: calc(100% - 320px);
float: right;
padding-top: 30px;
}
.customer-profile-ui .orders-source-ui {
margin: -5px -5px 30px 0;
border: 1px solid ;
color: #fff;
background-color: ;
transition: all 300ms ease;
}
.customer-profile-ui .orders-source-ui.active-js, .customer-profile-ui .orders-source-ui:hover {
color: ;
background-color: #fff;
}
.customer-profile-ui .orders-source-ui:not(.active-js):hover {
color: #fff;
background-color: ;
}
.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: ;
}
.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 ;
}
.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: ;
}
.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: ;
}
.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: ;
}
.customer-profile-ui .dropdowns-ui .popup-primary-button-ui:hover {
background-color: ;
}
.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 ;
}
.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: ;
}
.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: ;
}
.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: ;
background-color: #f0f0f0;
padding: 20px;
border-bottom: 1px solid #DDDDDD;
border-left: 3px solid transparent;
cursor: pointer;
transition: all 300ms ease;
}
.customer-profile-menu-ui li.active-js {
background-color: ;
border-left: 3px solid ;
}
.customer-profile-menu-ui li:hover {
background-color: ;
color: ;
}
.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: ;
cursor: initial;
}
.customer-profile-menu-ui li.clear-li-ui.active-js {
border-left: 3px solid transparent;
}
.customer-profile-menu-ui li.clear-li-ui .data-name-ui {
color: ;
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: ;
background-color: ;
border-top: 1px solid ;
border-bottom: 1px solid ;
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: ;
}
.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;
}
.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 ;
border-right: 1px solid ;
border-left: 1px solid ;
color: ;
background-color: #fff;
padding: 24px 47px 20px;
margin: -11px 0 0 -6px;
}
.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: transparent;
transition: all 300ms ease;
}
.customer-profile-header-menu-ui ul li > button:hover, .customer-profile-header-menu-ui ul li > a:hover {
background-color: ;
}
.customer-profile-header-menu-ui ul li > button.produce-offer-ui, .customer-profile-header-menu-ui ul li > a.produce-offer-ui {
background-color: ;
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: ;
}
.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: ;
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: ;
}
.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: transparent;
border: none;
}
.customer-profile-header-menu-ui .password-icon-ui i {
color: ;
}
.confirm-in-cart-ui {
color: #F9A825;
}
.confirm-in-cart-ui:hover {
color: ;
}
.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: ;
box-shadow: 6px 6px 10px 0px rgba(0, 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: ;
border: 1px solid #DDDDDD;
box-shadow: 6px 6px 10px 0px rgba(0, 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: ;
}
.div-table-options-list-ui li {
padding: 10px;
border-bottom: 1px solid #DDDDDD;
cursor: pointer;
color: ;
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: ;
}
.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: ;
color: ;
}
.statement-ui {
text-align: left;
font-size: 13px;
}
.customer-profile-ui .statement-ui {
color: #696666;
margin-top: 10px;
}
.order-ui .statement-ui {
font-size: 0.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 ;
transition: all ease 300ms;
}
.consents-ui .btn-pure-ui:hover {
border: 1px solid ;
}
.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: 0.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: ;
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: ;
color: ;
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 transparent;
}
.related-document-labels-ui .column-ui + .column-ui {
margin-left: -4px;
}
.related-document-ui {
background: ;
border: 1px solid #DDDDDD;
border-bottom: none;
}
.related-document-ui:last-child {
border-bottom: 1px solid #DDDDDD;
}
.related-document-ui .netto-price-ui {
color: ;
}
.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: ;
color: ;
}
.slick-slide .thxpage-slider-figure-ui .btn-ui:hover {
background-color: ;
color: ;
}
@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: 0.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 transparent;
border-bottom: 17px solid transparent;
border-left: 20px solid #F6F6F6;
right: -20px;
}
.register-form-next-step-ui .first-step-ui.active-step-ui:after {
border-left: 20px solid ;
}
label:not(.checkbox-ui):not(.radio-ui) {
font-size: 14px;
height: 24px;
}
.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:  !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: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui) {
cursor: pointer;
min-height: 66px;
transition: all ease 300ms;
font-size: 16px;
height: auto;
width: auto;
margin-top: 0;
text-align: center;
transition: all ease 300ms;
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover {
background: ;
color: ;
}
.import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover i {
color: ;
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui) {
color: ;
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover {
background: ;
color: ;
}
.cart-ui .import-cart-ui:not(.checkbox-ui):not(.radio-ui):hover i {
color: ;
}
.customer-profile-header-menu-ui .after-copying-to-cart-popup-ui {
color: ;
}
.customer-profile-header-menu-ui .after-copying-to-cart-popup-ui i:hover {
color: ;
}
.archival-product-info-ui {
position: absolute;
top: -40px;
right: 0;
text-transform: uppercase;
color: ;
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;
}
.close-cookie-btn {
cursor: pointer;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 400;
padding: 9px 12px;
margin: 30px 0 5px 0;
color: rgb(255, 255, 255);
background: rgb(97, 162, 41);
}
.close-cookie-btn:hover {
background: rgb(78, 130, 33);
}
.close-cookie-btn-settings {
background: rgb(86, 176, 242);
margin-left: 5px;
}
.close-cookie-btn-settings:hover {
background: rgb(69, 141, 194);
}
.cookie-container {
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
}
.cookie-container__popup {
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
width: 60vw;
max-width: 645px;
background-color: rgb(255, 255, 255);
z-index: 999;
box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.12);
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
color: #000;
border-radius: 0.2rem;
padding: 20px;
overflow-y: auto;
max-height: 95vh;
}
.cookie-container__popup::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.cookie-container__popup::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.5);
outline: none;
border-radius: 2px;
}
.cookie-container__popup::-webkit-scrollbar-thumb:hover {
background-color: #8E8E8E;
}
.cookie-container__popup-closer {
position: absolute;
top: 7px;
right: 12px;
font-size: 30px;
line-height: 30px;
cursor: pointer;
}
.cookie-container__popup-header {
font-size: 16px;
margin: 10px 0;
background-color: #fff;
}
.cookie-container__popup-text-toggle {
font-size: 12px;
margin: 12px 0 16px;
cursor: pointer;
color: #212529;
width: fit-content;
}
.cookie-container__popup-options {
overflow-y: auto;
}
.cookie-container__popup-options-container {
margin-top: 5px;
}
.cookie-container__popup-options-text {
padding: 10px 20px 5px;
}
.cookie-container__popup-options p {
margin: 0;
}
.cookie-container__popup-options-first-paragraph {
margin: 10px 0;
}
.cookie-container__popup-options-first-paragraph a {
color: ;
}
.cookie-container__popup-options-first-paragraph a:hover {
color: ;
}
.cookie-container__popup-options-header {
display: flex;
justify-content: space-between;
background: #f2f2f2;
padding: 12px 15px;
border-radius: 5px;
cursor: pointer;
}
.cookie-container__popup-options-header-title {
font-size: 14px;
font-weight: 400;
}
.cookie-container__popup-options-header-text {
font-size: 12px;
text-align: right;
}
.cookie-container__popup-options-header-icon {
display: inline-block;
margin-right: 4px;
transition: transform 0.3s ease-out;
}
.cookie-container__popup-options-header-icon::before {
font-size: 10px;
color: #4a6e78;
}
.cookie-container__popup-options-header-icon--rotate {
transform: rotate(90deg);
}
.cookie-container__popup-options-header-btn {
position: relative;
display: flex;
align-items: center;
}
.cookie-container__popup-options-header-btn .cookie-option {
position: relative;
right: 0;
top: 1px;
transition: all 0.3s ease-in-out;
cursor: pointer;
display: inline-block;
width: 40px;
height: 23px;
border-radius: 20px;
}
.cookie-container__popup-options-header-btn .cookie-option::after {
content: "";
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
top: 4px;
}
.cookie-container__popup-options-header-btn .cookie-option-inactive {
background-color: #dbdce0;
}
.cookie-container__popup-options-header-btn .cookie-option-inactive::after {
left: 4px;
}
.cookie-container__popup-options-header-btn .cookie-option-active {
background-color: #61a229;
}
.cookie-container__popup-options-header-btn .cookie-option-active::after {
left: 21px;
}
.cookie-container__popup-options-header-btn .cookie-option-still-active {
background-color: #61a229;
cursor: auto;
}
.cookie-container__popup-options-header-btn .cookie-option-still-active::after {
left: 21px;
background-color: #cacbd0;
}
.cookie-container__popup-options-header-btn .cookie-option-text {
font-size: 12px;
margin-right: 10px;
}
.cookie-container__popup-btn {
display: flex;
align-items: flex-end;
justify-content: flex-end;
background-color: #fff;
}
.cookie-container__popup-btn .close-cookie-btn {
margin-top: 20px;
font-size: 14px;
padding: 10px 15px;
}
@media only screen and (max-width: 1200px) {
.cookie-container__popup {
width: 80vw;
}
}
@media only screen and (max-width: 650px) {
.cookie-container__popup {
width: calc(100% - 16px);
max-width: 500px;
}
}
.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 transparent;
}
.payment-channel-ui:not(.checkbox-ui):not(.radio-ui).active-js {
border: 1px solid ;
}
.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: ;
}
.blocked-IE-browser-ui a:hover {
color: ;
}
.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: ;
}
.change-sign-up-type-ui.active-ui {
color: ;
}
.first-step-sign-up-arrow-container-ui {
text-align: left;
}
.first-step-sign-up-arrow-ui {
color: ;
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: ;
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: ;
}
.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;
height: 350px;
width: 100%;
}
.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: ;
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: ;
font-size: 0.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: ;
}
.product-presentation-ui .top-right-icons-ui li.supervisor-ui a:hover {
background: inherit;
color: ;
}
.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: ;
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: ;
font-size: 0.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: ;
}
.purchase-orders-ui .supervisor-ui a:hover {
background: inherit;
color: ;
}
.social-media-ui {
padding: 24px 0;
margin: 0 50px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.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:  !important;
}
.add-attachement-in-complaint-label-ui:hover {
color:  !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: ;
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:  !important;
}
.cart-bar-ui.editing-order-ui li.delete-cart-ui:not(.active-ui):hover {
background:  !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: ;
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: ;
}
.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 transparent;
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, 0.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: ;
}
.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: ;
color: ;
}
.top-banner-ui:hover {
color: ;
}
.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: ;
}
@media screen and (max-width: 767px) {
.main-navigation-bar-ui {
display: none;
}
}
.main-navigation-bar-ui .manufacturer-container-ui {
border-top: none;
border-bottom: none;
}
@media screen and (max-width: 767px) {
.main-navigation-bar-ui .manufacturer-container-ui {
background-color: #fff;
height: calc(100vh - 66px);
padding-top: 16px;
max-width: calc(100% - 1px);
overflow-y: scroll;
}
}
.main-navigation-bar-ui .manufacturer-container-ui li {
margin-right: -1px;
}
.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: ;
float: none;
display: inline-block;
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-bottom: none;
border-right: none;
padding-top: 6px;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui {
background: #fff;
border-color: #fff;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul {
flex-direction: column;
background: #fff;
border-color: #fff;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li {
min-height: unset;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a {
display: block !important;
height: 50px;
margin-bottom: 4px;
position: relative;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a img:not(.icons) {
max-width: unset;
height: 50px;
object-fit: fill;
width: -webkit-fill-available;
border-radius: 10px;
}
}
@media screen and (max-width: 767px) and (max-width: 381px) {
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a img:not(.icons) {
width: auto;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a .icons {
position: absolute;
z-index: 1;
display: block;
top: 56%;
transform: translateY(-50%);
left: 22px;
max-width: 50px;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a .icons.icons-r {
left: 34px;
}
.main-navigation-bar-ui .manufacturer-container-ui .main-navigation-bar-links-ui ul li a span {
position: absolute;
z-index: 1;
display: block;
text-transform: uppercase;
font-size: 17px;
font-weight: 700;
color: #fff;
left: 25%;
top: 56%;
transform: translateY(-50%);
}
}
.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;
}
.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(../_cdn/static.comarchesklep.pl/files/fonts/fontawesome-pro-5.6.3-web/svgs/regular/box.svg) no-repeat 50% 50%;
mask: url(../_cdn/static.comarchesklep.pl/files/fonts/fontawesome-pro-5.6.3-web/svgs/regular/box.svg) no-repeat 50% 50%;
background-color: black;
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: ;
}
.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: ;
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: white !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: ;
}
.produce-offer-ui:hover {
background-color: ;
}
.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: ;
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: ;
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: ;
}
.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: ;
padding: 20px;
color: ;
}
.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: ;
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 ;
}
.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: ;
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, 0.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: ;
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: ;
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: "\e622";
}
.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: "\e64c";
}
.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:  !important;
vertical-align: middle;
}
.producer-list-ui a:hover {
color:  !important;
}
.producer-list-ui img {
-webkit-transition: 0.2s -webkit-filter linear;
-moz-transition: 0.2s -moz-filter linear;
-moz-transition: 0.2s filter linear;
-ms-transition: 0.2s -ms-filter linear;
-o-transition: 0.2s -o-filter linear;
transition: 0.2s filter linear, 0.2s -webkit-filter linear;
transition: box-shadow 300ms;
filter: grayscale(60%);
background: transparent;
margin: auto;
max-height: 160px;
height: auto;
vertical-align: middle;
}
.producer-list-ui img:hover {
filter: none;
-webkit-transition: 0.2s -webkit-filter linear;
-moz-transition: 0.2s -moz-filter linear;
-moz-transition: 0.2s filter linear;
-ms-transition: 0.2s -ms-filter linear;
-o-transition: 0.2s -o-filter linear;
transition: 0.2s filter linear, 0.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: ;
}
.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: transparent;
color: ;
}
.category-section-ui .expand-data-js.expandable-ui {
cursor: pointer;
}
.category-section-ui h1 {
font-size: 20px;
color: ;
}
.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: ;
color: ;
}
.filters-up-ui .sorting-options-ui .toggle-filters-button-ui.expanded-js + .active-sorting-option-ui {
background-color: ;
color: ;
}
.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 transparent;
}
.filters-up-ui .product-filters-ui > ul .filter-value-list-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.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: transparent;
color: transparent;
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: ;
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: ;
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: ;
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: 18px;
}
.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-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; /* equal to the list item's height */
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: transparent transparent transparent #DDDDDD;
}
.blog-tags-ui ol > li > div:before {
border-width: 14px;
display: block;
border-color: transparent transparent transparent #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: ;
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: ;
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;
}
.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 .ti-shopping-cart {
color: ;
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: ;
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: ;
color: #FFF;
}
/* ---- MINIBOXES ---- */
.minibox-product-ui {
float: left;
width: calc(25% - 10px);
height: 345px;
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: 115px;
}
.minibox-product-ui .image-container-ui {
height: 210px;
}
.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, .minibox-product-ui .price-container-ui.f-right-ui .lowest-price-ui {
font-size: 12px;
}
.minibox-product-ui .price-container-ui.f-right-ui .lowest-price-ui {
order: 1;
}
@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: 0.9rem;
color: ;
}
.minibox-product-ui .price-label-ui:hover {
color: ;
}
.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;
}
/* ---- WAITING LAZY CIRCLE ---- */
.loader-ui {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.2rem solid ;
border-right: 0.2rem solid ;
border-bottom: 0.2rem solid ;
border-left: 0.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;
}
@media only screen and (max-width: 1450px) {
.search-ui {
width: 259px;
}
}
@media screen and (min-width: 1451px) and (max-width: 1570px) {
.search-ui {
width: 430px;
}
}
@media screen and (min-width: 1571px) {
.search-ui {
width: 550px;
}
}
.pointer-events-none-ui {
pointer-events: none;
}
@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 {
display: none !important;
}
.header-ui, .header-nav-ui {
padding: 0;
}
.header-nav-ui {
height: auto !important;
}
.logo-ui img {
margin: 0 !important;
}
.product-presentation-breadcrumbs-ui, .column-ui, .product-code-ui, .product-attributes-ui, .related-ui, .sets-ui {
width: 100% !important;
display: block !important;
float: none !important;
position: static !important;
page-break-inside: avoid;
}
.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;
}
}
a {
color: #c50102;
}
a:hover {
color: #7e63d4;
}
.category-img-ui {
margin-bottom: 20px;
}
.section-name-ui {
border: none;
background-color: #009ee1;
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 10px 30px;
text-align: center;
line-height: 1.2;
}
.section-name-ui.special-ui {
background-color: #ca072c;
font-size: 35px;
}
.square-product-ui {
background-color: #fff;
display: flex;
flex: 0 0 calc(33.3333333333% - 28px);
flex-direction: column;
padding: 20px;
border-radius: 20px;
}
.square-product-ui .name-container-ui {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 1 auto;
}
.square-product-ui .name-ui {
font-size: 16px;
font-weight: 700;
color: #4F5A90;
text-transform: uppercase;
line-height: normal;
letter-spacing: 0.48px;
margin-bottom: 10px;
}
.square-product-ui .description-ui {
font-size: 13px;
font-weight: 600;
color: #005EAD;
margin-bottom: 20px;
}
.square-product-ui .description-ui:has(h2) {
order: 3;
margin-top: 20px;
font-size: 11px;
}
.square-product-ui .description-ui:has(h2) h2 {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.39px;
color: #A91938 !important;
margin-bottom: 12px;
border: none;
padding: 0;
display: flex;
}
.square-product-ui .description-ui:has(h2) h2::before {
content: "";
background-image: url("img/menu/icons/warning.png");
width: 24px;
height: 24px;
margin-right: 5px;
}
.square-product-ui .mobile-description-ui {
display: none;
}
.square-product-ui .ribbon-ui {
display: inline-block;
padding: 3px 7px;
font-size: 10px;
font-weight: 600;
line-height: normal;
white-space: nowrap;
border-radius: 8px;
margin-right: 10px;
}
.square-product-ui .price-and-quantity-container-ui {
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.square-product-ui .price-ui {
display: inline-block;
color: #A91938;
font-size: 22px;
font-weight: 700;
}
.square-product-ui .amount-stepper-ui {
display: inline-block;
vertical-align: middle;
position: relative;
}
.square-product-ui .change-quantity-ui, .square-product-ui [name=quantity] {
width: 31px;
height: 31px;
border: none;
background: #F6F4F5;
}
.square-product-ui .change-quantity-ui:focus-visible, .square-product-ui [name=quantity]:focus-visible {
position: relative;
}
.square-product-ui .change-quantity-ui {
display: flex;
justify-content: center;
align-items: center;
}
.square-product-ui .change-quantity-ui.decrement-ui {
border-radius: 8px 0 0 8px;
}
.square-product-ui .change-quantity-ui.increment-ui {
border-radius: 0 8px 8px 0;
}
.square-product-ui [name=quantity] {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.42px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.square-product-ui .attribute-container-ui {
color: #767676;
font-size: 11px;
font-weight: 500;
}
.square-product-ui .success-ui {
text-align: center;
padding: 20px 10px 0;
color: #81C784;
}
.square-product-ui .success-ui a {
color: #81C784;
}
.square-product-ui .validation-container-ui {
position: absolute;
width: 300px;
top: 18px;
right: 0;
}
.square-product-ui .validation-container-ui .error-ui {
text-align: right;
padding: 20px 0 0 10px;
}
.square-product-ui .error-ui {
text-align: center;
padding: 20px 10px 0;
color: #EF5350;
}
.square-product-ui .error-ui a {
color: #EF5350;
}
.square-product-ui .add-to-cart-container-ui {
text-align: center;
}
.square-product-ui .add-to-cart-ui {
width: 93px;
color: #fff;
background-color: #A91938;
padding: 5px 10px;
border-radius: 8px;
font-size: 14px;
font-weight: 700;
line-height: 21px !important;
letter-spacing: 0.42px;
text-transform: uppercase;
margin: 0;
min-width: auto;
min-height: auto;
cursor: pointer;
}
.square-product-ui .add-to-cart-ui:hover {
opacity: 0.8;
}
.rectangle-product-ui {
width: 100%;
display: flex;
background-color: #FFF;
border-radius: 20px;
}
.rectangle-product-ui .product-img-ui {
height: 100%;
display: flex;
align-items: stretch;
}
.rectangle-product-ui img {
max-width: 364px;
object-fit: cover;
border-radius: 20px;
}
.rectangle-product-ui img[src="css/img/alo.gif"] {
max-height: 100%;
object-fit: none;
}
.rectangle-product-ui .content-container-ui {
width: calc(100% - 364px);
padding: 50px 40px;
display: flex;
flex-direction: column;
}
.rectangle-product-ui .name-ui {
display: inline-block;
color: #4F5A90;
font-size: 18px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
text-transform: uppercase;
margin-bottom: 10px;
}
.rectangle-product-ui .description-ui {
font-size: 14px;
font-weight: 600;
line-height: normal;
text-align: left;
color: #005EAD;
margin-bottom: 10px;
}
.rectangle-product-ui .description-ui:has(h2) {
font-size: 11px;
}
.rectangle-product-ui .description-ui:has(h2) h2 {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.39px;
color: #A91938 !important;
margin-bottom: 12px;
border: none;
padding: 0;
display: flex;
align-items: center;
}
.rectangle-product-ui .description-ui:has(h2) h2::before {
content: "";
background-image: url("img/menu/icons/warning.png");
width: 24px;
height: 24px;
margin-right: 5px;
}
.rectangle-product-ui .ribbon-ui {
display: inline-block;
border-radius: 8px;
padding: 3px 7px;
font-size: 10px;
font-weight: 600;
line-height: normal;
white-space: nowrap;
letter-spacing: 0.3px;
}
.rectangle-product-ui .adding-container-ui {
margin: 50px 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.rectangle-product-ui .price-ui {
color: #A91938;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.66px;
margin-right: 30px;
}
.rectangle-product-ui .amount-stepper-ui {
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 30px;
}
.rectangle-product-ui .change-quantity-ui, .rectangle-product-ui [name=quantity] {
width: 31px;
height: 31px;
border: none;
background: #F6F4F5;
}
.rectangle-product-ui .change-quantity-ui:focus-visible, .rectangle-product-ui [name=quantity]:focus-visible {
position: relative;
}
.rectangle-product-ui .change-quantity-ui {
display: flex;
justify-content: center;
align-items: center;
}
.rectangle-product-ui .change-quantity-ui.decrement-ui {
border-radius: 8px 0 0 8px;
}
.rectangle-product-ui .change-quantity-ui.increment-ui {
border-radius: 0 8px 8px 0;
}
.rectangle-product-ui [name=quantity] {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.42px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.rectangle-product-ui .add-to-cart-ui {
color: #fff;
background-color: #A91938;
text-transform: uppercase;
border-radius: 8px;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.42px;
padding: 8px 20px;
margin: 0;
min-width: auto;
min-height: auto;
cursor: pointer;
}
.rectangle-product-ui .add-to-cart-ui:hover {
opacity: 0.8;
}
.rectangle-product-ui .attribute-container-ui {
color: #767676;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.33px;
}
.info-container-ui {
max-width: 1140px;
display: flex;
justify-content: space-between;
margin: 50px auto;
gap: 30px;
font-size: 14px;
font-weight: 300;
}
.info-container-ui > div {
width: 50%;
}
.join-us-ui {
background-color: #F6F4F5;
display: flex;
gap: 30px;
flex-direction: column;
text-align: center;
padding-bottom: 20px;
}
.join-us-ui__title {
color: #005EAD;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.join-us-ui__image {
position: relative;
}
.join-us-ui__social {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 24px 130px;
}
.join-us-ui a {
width: 80px;
height: 80px;
fill: #005EAD;
transition: 0.3s all ease;
}
.join-us-ui a:hover {
fill: #0075D7;
}
.order-ui {
margin: 0;
padding: 20px 20px 0;
background: #F6F4F5;
}
.collection-point-map-ui iframe {
border-radius: 4px;
}
.maps-container-js .message-popup-ui {
background-color: #F7F6F1;
}
.maps-container-js .close-ui {
padding: 10px;
z-index: 9999;
display: block;
}
.maps-container-js .close-ui .ti-close {
display: block;
}
.cart-container-ui {
margin-bottom: 50px;
}
.cart-container-ui--grid {
display: grid;
grid-template-columns: repeat(3, 33.3333333333%);
grid-template-rows: auto 1fr auto auto;
}
.cart-container-ui .message-bar-ui {
width: 100%;
border-radius: 20px;
}
.cart-container-ui .cart-subtitle {
color: #484848;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.cart-container-ui .cart-subtitle.delivery {
padding-bottom: 10px !important;
}
.cart-container-ui [type=checkbox] + .label-ui {
display: inline-block;
position: relative;
cursor: pointer;
}
.cart-container-ui [type=checkbox] + .label-ui:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
.cart-container-ui [type=checkbox] + .label-ui::before {
content: url("/css/img/check.png");
padding: 3px;
width: 15px;
height: 15px;
border-radius: 8px;
background: ;
color: ;
border: 1px solid #DDDDDD;
cursor: pointer;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: background 400ms, color 400ms;
}
.cart-container-ui [type=checkbox] + .label-ui.color-checkbox-ui {
line-height: 1;
}
.cart-container-ui [type=checkbox] + .label-ui.color-checkbox-ui::before {
background: inherit;
color: #fff;
margin: 0;
}
.cart-container-ui [type=checkbox] + .label-ui.color-checkbox-ui.white-ui::before {
color: #000;
}
.cart-container-ui [type=checkbox]:checked + .label-ui::before {
background: ;
}
.cart-container-ui [type=checkbox]:checked + .label-ui.color-checkbox-ui::before {
background: inherit;
}
.cart-container-ui [type=checkbox]:checked + .label-ui.inverse-ui::before {
background: ;
color: ;
}
.cart-container-ui [type=checkbox]:disabled + .label-ui {
opacity: 0.5;
cursor: default;
}
.cart-container-ui [type=checkbox]:disabled + .label-ui::before {
cursor: default;
}
.cart-container-ui .input-wrapper-ui {
position: relative;
}
.cart-container-ui .input-wrapper-ui.half-ui {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
.cart-container-ui .input-wrapper-ui.half-ui:last-child {
margin: 0 0 0 10px;
}
.cart-container-ui .input-wrapper-ui .error-ui {
width: 100%;
}
.cart-container-ui .radio-ui {
background: #FFF;
display: flex;
width: 100%;
cursor: default;
padding: 20px;
justify-content: flex-start;
align-items: center;
border: none;
}
.cart-container-ui .radio-ui .content-container-ui {
width: 100%;
}
.cart-container-ui .radio-ui .name-container-ui {
display: flex;
justify-content: space-between;
}
.cart-container-ui .radio-ui .name-ui {
font-size: 16px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
word-break: break-word;
}
.cart-container-ui .radio-ui .description-ui {
color: #868686;
font-size: 13px;
font-weight: 400;
line-height: normal;
}
.cart-container-ui .radio-ui .price-ui {
color: #A91938;
font-size: 16px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
min-width: 90px;
text-align: end;
}
.cart-container-ui .radio-ui:hover {
background-color: #FFF;
}
.cart-container-ui [type=radio] + .label-ui {
display: inline-block;
position: relative;
cursor: pointer;
}
.cart-container-ui [type=radio] + .label-ui:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
.cart-container-ui [type=radio] + .label-ui::before {
border: 1px solid #444;
background-color: #fff;
font-size: 46px;
width: 17px;
height: 17px;
line-height: 8px;
margin: 10px 10px 10px 0;
}
.cart-container-ui .cart-section-title-ui {
color: #005EAD;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
}
.cart-container-ui .left-cart-section-ui {
display: flex;
flex-direction: column;
padding-right: 20px;
gap: 20px;
}
@media screen and (min-width: 992px) {
.cart-container-ui .left-cart-section-ui {
grid-column: 1/3;
grid-row: 1;
}
}
.cart-container-ui .left-cart-section-ui .cart-products-ui {
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui {
background: #FFF;
display: flex;
width: 100%;
padding: 20px;
justify-content: space-between;
align-items: center;
gap: inherit;
border-radius: 20px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .delete-cart-product-ui {
order: 6;
width: 24px;
height: 24px;
font-size: 12px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .delete-cart-product-ui button {
padding: 0;
fill: #868686;
color: #000;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .delete-cart-product-ui button:hover {
fill: #005EAD;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui {
display: flex;
width: 370px;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui {
width: 110px;
position: relative;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .amount-stepper-ui {
width: inherit;
flex-wrap: nowrap;
position: relative;
gap: 1px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .amount-stepper-ui .validation-container-ui {
position: absolute;
top: 45px;
left: 0;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui input[name=quantity] {
border: none;
background: #F6F4F5;
height: 31px;
min-width: 31px !important;
padding: 5px 10px;
}
@media screen and (min-width: 992px) {
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui input[name=quantity] {
width: auto;
}
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .change-quantity-ui {
height: 44px;
color: #484848;
background: #F6F4F5;
width: 31px;
height: 31px;
font-weight: 400;
padding: 5px;
font-size: 14px;
user-select: none;
border: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .change-quantity-ui:hover {
background-color: #005EAD;
color: #ffffff;
opacity: 0.8;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .change-quantity-ui.decrement-ui {
border-radius: 8px 0 0 8px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-quantity-container-ui .change-quantity-ui.increment-ui {
border-radius: 0 8px 8px 0;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-price-ui {
min-width: 100px;
width: 20%;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.48px;
color: #c50102;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-prices-with-quantity-ui .cart-product-value-ui {
width: 130px;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
color: #c50102;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui {
flex: 1 1 100%;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui .name-ui {
font-size: 16px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
word-break: break-word;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui .description-ui {
font-size: 13px;
font-weight: 400;
line-height: normal;
color: #868686;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui .wishes-ui {
margin-top: 5px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui .wishes-ui img {
max-height: 35px;
}
.cart-container-ui .left-cart-section-ui .cart-products-ui .cart-product-ui .cart-product-name-container-ui .wishes-ui button {
width: auto;
vertical-align: top;
}
.cart-container-ui .your-data-container-ui {
display: flex;
flex-direction: column;
padding-right: 20px;
gap: 20px;
width: 100%;
}
@media screen and (min-width: 992px) {
.cart-container-ui .your-data-container-ui {
grid-column: 1/3;
grid-row: 2;
}
}
.cart-container-ui .your-data-container-ui.only-electronic-ui {
width: 100%;
padding: 0;
}
@media screen and (min-width: 992px) {
.cart-container-ui .your-data-container-ui.only-electronic-ui {
grid-column: 1/3;
}
}
@media screen and (max-width: 991px) {
.cart-container-ui .your-data-container-ui.only-electronic-with-recommended-ui {
width: 100%;
padding: 0;
}
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui {
background: #FFF;
padding: 20px;
border-radius: 20px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .select-background-ui {
background: #FFFFFF;
width: calc(50% - 10px);
border-radius: 8px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .select-background-ui select {
padding: 5px 10px;
height: 31px;
border: 1px solid #d2d6da;
border-radius: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .select-background-ui select:focus {
border: 1px solid #D30326;
box-shadow: 0 0 0 2px #D30326;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui div {
padding-bottom: 20px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group {
display: flex;
padding-bottom: 20px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group .input-wrapper-ui {
padding: 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group:last-of-type {
padding: 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui.half-ui,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group.half-ui {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui.half-ui:last-child,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group.half-ui:last-child {
margin: 0 0 0 10px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui input,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group input {
padding: 5px 10px;
background: #FFFFFF;
border: 1px solid #d2d6da;
width: 100%;
color: #495057;
font-size: 14px;
font-weight: 400;
border-radius: 8px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui input:focus,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group input:focus {
border: 1px solid #D30326;
box-shadow: 0 0 0 2px #D30326;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui textarea,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group textarea {
padding: 5px 10px;
height: 83px;
background: #FFFFFF;
width: 100%;
resize: none;
color: #495057;
border: 1px solid #d2d6da;
font-size: 14px;
font-weight: 400;
border-radius: 8px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui textarea:focus,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group textarea:focus {
border: 1px solid #D30326;
box-shadow: 0 0 0 2px #D30326;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui textarea > span,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group textarea > span {
opacity: 1;
position: absolute;
color: #9b9b9b;
left: 10px;
top: 3px;
line-height: 1;
transition: all ease 300ms;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui .error-ui,
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .input-wrapper-ui-group .error-ui {
padding: 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui {
display: flex;
margin: 10px 0 20px !important;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change {
margin: 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change [type=radio] {
position: absolute;
display: none !important;
z-index: -1;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change [type=radio]:checked + .trader-label {
color: #005EAD;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change [type=radio]:checked + .trader-label::after {
background-color: #005EAD;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change [type=radio]:disabled + .trader-label {
opacity: 0.5;
cursor: default;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change .trader-label {
position: relative;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: flex;
justify-content: center;
padding: 5px 20px;
border-bottom: 1px solid #868686;
cursor: pointer;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change .trader-label::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: transparent;
transition: background-color 0.3s;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .address-container-ui .trader-wrapper-ui .trader-change .trader-label:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .invoice-checkbox-container-ui {
padding: 20px 0 0;
width: fit-content;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .invoice-checkbox-container-ui .checkbox-ui {
padding: 0;
}
.cart-container-ui .your-data-container-ui .your-data-content-container-ui .invoice-checkbox-container-ui .checkbox-ui .label-ui {
display: flex;
}
.cart-container-ui .your-data-container-ui .delivery-method-container-ui {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.cart-container-ui .your-data-container-ui .delivery-method-container-ui .radio-ui {
border-radius: 20px;
}
.cart-container-ui .right-cart-section-ui {
background: #FFF;
margin-left: 20px;
display: flex;
height: fit-content;
gap: 40px;
padding: 20px;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
border-radius: 20px;
}
@media screen and (min-width: 992px) {
.cart-container-ui .right-cart-section-ui {
grid-column: 3;
grid-row: 1/3;
}
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .radio-ui {
padding: 0;
border: none;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui [type=radio] + .label-ui::before {
margin: 10px 0;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui {
cursor: pointer;
padding-top: 10px !important;
align-items: flex-start;
border-radius: 20px;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .label-ui::before {
margin-right: 0;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui:hover {
background: #F3F3F3;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-name-ui {
padding: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
display: flex;
justify-content: flex-start;
align-items: center;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-name-ui img {
max-height: 30px;
margin-right: 4px;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-description-ui {
color: #868686;
padding: 0 0 10px 10px;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channels-list-ui {
padding: 5px 0 0 10px;
display: flex;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 340px) {
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channels-list-ui {
justify-content: space-around;
}
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-ui {
width: 31%;
min-width: 90px;
min-height: 90px;
cursor: pointer;
border: 1px solid #DDDDDD;
border-radius: 20px;
padding: 0 10px;
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
justify-content: flex-start;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-ui:not(.no-hover-ui):hover {
border: 2px solid #005EAD;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-ui.payment-box-channel-active-ui {
border: 2px solid #005EAD !important;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #FFF;
width: 80%;
max-width: 1200px;
height: 80%;
overflow-y: auto;
overflow-x: hidden;
padding: 30px 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: transform 0.3s ease-out;
border-radius: 20px;
}
@media screen and (max-height: 500px) {
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui {
height: 90%;
}
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channels-list-ui {
justify-content: flex-start;
row-gap: 20px;
column-gap: 30px;
overflow-y: auto;
padding: 0;
padding-bottom: 10px;
column-gap: 15px;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channels-list-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channels-list-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.5);
outline: none;
border-radius: 2px;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channels-list-ui::-webkit-scrollbar-thumb:hover {
background-color: #8E8E8E;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channel-ui {
width: 15% !important;
margin: 0;
}
@media screen and (max-width: 768px) {
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channel-ui {
width: 40% !important;
}
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channel-popup-btn-ui {
align-self: flex-end;
margin-top: 20px;
color: #FFF;
background: #A91938;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
cursor: pointer;
border-radius: 8px;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channel-popup-btn-ui:hover {
background-color: #c50102;
opacity: 0.8;
}
.cart-container-ui .right-cart-section-ui .cart-payment-section-ui .cart-payment-item-ui .content-container-ui .payment-box-channel-popup-box-ui .payment-box-channel-popup-box-header-ui .ti-close {
display: block;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui {
display: flex;
align-items: self-end;
width: 100%;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .error-ui {
order: 1;
font-size: 13px;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .error-ui.validation-info-js {
position: absolute;
top: 30px;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .input-wrapper-ui {
width: 50%;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .input-wrapper-ui input {
font-family: "Poppins", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: none;
background: #FFFFFF;
padding: 5px 10px;
border-radius: 8px;
border: 1px solid #d2d6da;
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .input-wrapper-ui input:focus {
border: 1px solid #D30326;
box-shadow: 0 0 0 2px #D30326;
}
@media screen and (max-width: 768px) {
.cart-container-ui .right-cart-section-ui .coupon-container-ui .input-wrapper-ui {
width: 70%;
}
}
.cart-container-ui .right-cart-section-ui .coupon-container-ui .add-coupon-ui {
background: #484848;
color: #FFF;
padding: 9px 10px;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
border-radius: 8px;
}
.cart-container-ui .right-cart-section-ui .summary-section-ui {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.cart-container-ui .right-cart-section-ui .summary-section-ui .summary-row-ui {
width: 100%;
display: flex;
justify-content: space-between;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
margin-bottom: 10px;
color: #868686;
}
.cart-container-ui .right-cart-section-ui .summary-section-ui .summary-row-ui:last-child {
margin: 0;
}
.cart-container-ui .right-cart-section-ui .summary-section-ui .summary-row-ui:last-child > div:nth-child(2) {
color: #A91938;
font-weight: 700;
}
.cart-container-ui .right-cart-section-ui .summary-section-ui .summary-row-ui > div:nth-child(2) {
font-weight: 500;
color: #484848;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
width: 100%;
gap: 15px;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui .checkbox-ui {
padding: 0;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui .checkbox-ui .label-ui {
color: #868686;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui .checkbox-ui .label-ui a {
color: #005EAD;
text-decoration-line: underline;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui .order-button-ui {
display: flex;
height: 31px;
padding: 5px 10px;
margin-top: 25px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
background: #A91938;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
color: #fff;
border-radius: 8px;
}
.cart-container-ui .right-cart-section-ui .tos-form-ui .order-button-ui:hover {
background-color: #c50102;
opacity: 0.8;
}
.input-wrapper-ui {
position: relative;
}
.input-wrapper-ui.half-ui {
width: calc(50% - 10px);
margin: 0 10px 0 0;
}
.input-wrapper-ui.half-ui:last-child {
margin: 0 0 0 10px;
}
.input-wrapper-ui > span {
opacity: 1;
display: inline-block;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
color: #222222;
line-height: 1;
transition: all ease 300ms;
}
.input-wrapper-ui input {
font-size: 14px;
width: 100%;
}
.input-wrapper-ui .error-ui {
width: 100%;
}
[type=radio] + .label-ui::before {
border: 1px solid #444;
background-color: #fff;
font-size: 46px;
width: 17px;
height: 17px;
line-height: 8px;
margin: 10px 20px 10px 10px;
}
[type=radio]:checked + .label-ui::before {
border: 1px solid #0060ac;
color: #0060ac;
background-color: #fff;
}
.radio-ui {
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.radio-ui:not(.radio-more-content-ui) {
display: flex;
align-items: center;
}
.radio-ui.radio-more-content-ui {
display: block;
}
.radio-ui:hover {
background-color: #f8f9fa;
}
.radio-ui .radio-main-content-ui {
display: flex;
align-items: center;
}
.radio-ui .radio-additional-content-ui {
margin-top: 5px;
padding-left: 10px;
font-size: 14px;
}
.radio-ui .radio-additional-content-ui .change-point-header-ui {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
}
.radio-ui .radio-additional-content-ui .change-point-header-ui p {
margin: 0;
}
.radio-ui .radio-additional-content-ui .change-point-header-ui .change-point-ui {
font-size: 12px;
padding: 0;
transition: all 0.3s ease-out;
}
.radio-ui .radio-additional-content-ui .change-point-header-ui .change-point-ui i {
margin-right: 3px;
}
.radio-ui .radio-additional-content-ui .change-point-header-ui .change-point-ui:hover {
color: #c50102;
}
.radio-ui .radio-additional-content-ui .choose-collection-point-button-ui {
font-size: 12px;
background-color: #c50102;
color: #fff;
}
.radio-ui .radio-additional-content-ui .choose-collection-point-button-ui:hover {
opacity: 0.8;
}
.radio-ui .radio-additional-content-ui .map-container-in-order-ui {
margin-bottom: 5px;
}
.radio-ui .content-container-ui {
width: 100%;
}
.radio-ui .name-container-ui {
display: flex;
justify-content: space-between;
}
.radio-ui .name-ui {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
.radio-ui .description-ui {
font-size: 12px;
font-weight: 300;
line-height: 1.5;
}
.radio-ui .price-ui {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
[type=checkbox] + .label-ui {
font-size: 14px;
font-weight: 300;
}
[type=checkbox] + .label-ui::before {
border-radius: 3px;
border: 1px solid #444;
font-size: 9px;
width: 11px;
height: 11px;
color: #fff;
}
[type=checkbox]:checked + .label-ui::before {
border: 1px solid #0060ac;
background-color: #0060ac;
}
.many-wishes-menu-row-js {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.many-wishes-menu-row-js > * {
width: 33%;
}
.many-wishes-menu-row-js i {
display: none;
}
.many-wishes-menu-row-js .saved-js {
position: relative;
}
.many-wishes-menu-row-js .saved-js i {
display: block;
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
color: #81C784;
}
.card-img-ui {
width: calc(50% - 23px);
display: inline-block;
margin: 10px;
border: 1px solid #fff;
cursor: pointer;
}
.card-img-ui.selected-card-ui {
border: 1px solid #7e63d4;
}
.wish-expandable-container-ui {
border: 1px solid rgba(0, 0, 0, 0.125);
border-bottom: none;
}
.wish-expandable-container-ui:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.wish-name-ui {
text-align: left;
padding: 20px;
background-color: rgba(0, 0, 0, 0.03);
color: #7e63d4;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
}
.wish-name-ui:hover {
text-decoration: underline;
}
.wish-name-ui.expanded-js {
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.wish-text-container-ui {
margin: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
.wish-text-container-ui button {
border-color: #dfdfdf;
color: #6c7f92;
background-color: #fff;
width: auto;
}
.wish-text-container-ui button:hover {
border-color: #7e63d4;
color: #fff;
background-color: #7e63d4;
}
.wish-text-ui {
font-size: 14px;
font-weight: 300;
line-height: 1.5;
padding: 20px;
}
.cart-recommended {
grid-column: 1/4 !important;
position: relative;
padding: 0 60px;
width: 100%;
}
.cart-recommended__prev, .cart-recommended__next {
position: absolute;
z-index: 90;
top: 165px;
width: 2rem;
height: 2rem;
background: #ccc;
border-radius: 50%;
opacity: 0.7;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.cart-recommended__prev svg, .cart-recommended__next svg {
width: 1.2rem;
height: 1.2rem;
fill: #000;
transition: 0.3s ease-in-out all;
}
.cart-recommended__prev:hover, .cart-recommended__next:hover {
background: #ccc;
opacity: 1;
}
.cart-recommended__prev:focus-visible, .cart-recommended__next:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
.cart-recommended__prev {
left: 20px;
}
.cart-recommended__prev svg {
transform: scaleX(-1);
}
.cart-recommended__next {
right: 20px;
}
.cart-recommended__swiper {
overflow: hidden;
}
.cart-recommended__swiper .swiper-slide {
margin-right: 40px;
}
.cart-recommended__swiper .square-product-ui {
display: flex !important;
height: 100%;
gap: 20px;
}
.cart-recommended__swiper .square-product-ui .standard-inputs-js {
display: none;
}
.cart-recommended__swiper .square-product-ui .name-container-ui {
gap: 20px;
}
.cart-recommended__swiper .square-product-ui .name-container-ui .name-ui {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.cart-recommended__swiper .square-product-ui .name-container-ui .description-ui {
color: #868686;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
height: 63px;
}
.cart-recommended__swiper .square-product-ui .name-container-ui .product-flags-ui {
min-height: 50px;
}
.cart-recommended__swiper .square-product-ui .name-container-ui .product-flags-ui .ribbon-ui {
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.3px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui {
padding: 0;
gap: 20px;
order: 10;
flex-wrap: wrap;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .price-label-ui {
font-size: 10px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .price-ui {
font-size: 20px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .quantity-label-ui {
font-size: 12px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .change-quantity-ui, .cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui [name=quantity] {
width: 30px;
height: 30px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui [name=quantity] {
font-size: 12px;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .add-to-cart-container-ui {
flex-basis: 100%;
}
.cart-recommended__swiper .square-product-ui .price-and-quantity-container-ui .add-to-cart-container-ui .add-to-cart-ui {
padding: 5px 10px;
width: 100%;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
}
.cart-recommended__swiper .square-product-ui .attribute-container-ui {
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.33px;
}
.cart-recommended-title-ui {
color: #005EAD;
border: none;
grid-column: 1/4;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
text-align: center;
margin: 20px 0 10px;
}
@media screen and (max-width: 1279px) {
.cart-recommended-title-ui {
display: flex;
order: 2;
text-align: left !important;
font-size: 16px !important;
padding-left: 20px;
}
}
.cart-recommended-section-ui {
grid-column: 1/4;
grid-row: 3/4;
padding-top: 15px;
}
@media screen and (max-width: 991px) {
.cart-recommended-section-ui {
display: none !important;
}
}
.cart-recommended-section-ui.with-delivery.cart-recommended-section-ui--wider {
grid-column: 1/4;
}
@media screen and (min-width: 1640px) {
.cart-recommended-section-ui.with-delivery.cart-recommended-section-ui--wider {
grid-column: 2/4;
}
}
.cart-recommended-section-ui--wider {
grid-column: 1/4 !important;
}
.cart-recommended-section-ui .cart-recommended-ui {
width: 100%;
margin: 20px auto;
opacity: 1;
}
@media screen and (min-width: 1279px) and (max-width: 1479px) {
.cart-recommended-section-ui .cart-recommended-ui {
width: 80%;
}
}
@media screen and (min-width: 1480px) {
.cart-recommended-section-ui .cart-recommended-ui--bigger {
width: 85%;
}
}
@media screen and (min-width: 1680px) {
.cart-recommended-section-ui .cart-recommended-ui--bigger {
width: 90%;
}
}
.cart-recommended-section-ui .cart-recommended-ui .slick-track {
display: flex !important;
}
.cart-recommended-section-ui .cart-recommended-ui .slick-track .slick-slide {
height: auto;
}
.cart-recommended-section-ui .cart-recommended-ui .slick-track .slick-slide > div {
height: 100%;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui {
display: flex !important;
width: 80% !important;
max-width: 321px;
margin: 0 auto;
height: 100%;
gap: 20px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .standard-inputs-js {
display: none;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .name-container-ui {
gap: 20px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .name-container-ui .name-ui {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .name-container-ui .description-ui {
color: #868686;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
height: 63px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .name-container-ui .ribbon-ui {
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.3px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui {
padding: 0;
gap: 20px;
order: 10;
flex-wrap: wrap;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .price-label-ui {
font-size: 10px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .price-ui {
font-size: 20px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .quantity-label-ui {
font-size: 12px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .change-quantity-ui, .cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui [name=quantity] {
width: 30px;
height: 30px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui [name=quantity] {
font-size: 12px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .add-to-cart-container-ui {
flex-basis: 100%;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .price-and-quantity-container-ui .add-to-cart-container-ui .add-to-cart-ui {
padding: 5px 10px;
width: 100%;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
}
.cart-recommended-section-ui .cart-recommended-ui .square-product-ui .attribute-container-ui {
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.33px;
}
.cart-recommended-section-ui .cart-recommended-ui .slick-arrow {
font-size: 36px;
}
.cart-recommended-section-ui .cart-recommended-ui .slick-dots li {
width: 15px;
height: 15px;
border-radius: 50%;
}
.cart-recommended-section-ui .cart-recommended-ui .slick-dots .slick-active {
background: #c50102;
}
@media screen and (min-width: 1279px) {
.cart-recommended-mobile-section-ui, .cart-recommended-mobile-title-ui, .cart-recommended-mobile-ui {
display: none !important;
}
}
.temporary-container-for-products-ui .square-product-ui {
padding: 0;
}
.temporary-container-for-products-ui .square-product-ui .price-and-quantity-container-ui {
padding: 0;
}
.temporary-container-for-products-ui .square-product-ui > *:not(.price-and-quantity-container-ui), .temporary-container-for-products-ui .square-product-ui .price-and-quantity-container-ui > *:not(.add-to-cart-container-ui), .temporary-container-for-products-ui .square-product-ui .add-to-cart-container-ui > *:not(.popup-ui) {
display: none !important;
}
.site-map {
background: #F6F4F5;
display: flex;
gap: 40px;
flex-direction: column;
text-align: center;
padding: 20px;
min-height: 230px;
}
.site-map__title {
color: #005EAD;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.site-map__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 24px;
}
.site-map__list a {
width: fit-content;
color: #005EAD;
transition: 0.3s all ease;
}
.site-map__list a:hover {
color: #0075D7;
}
.payment-box-channels-list-ui {
padding: 5px 0 0 10px;
display: flex;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 340px) {
.payment-box-channels-list-ui {
justify-content: space-around;
}
}
.payment-box-channel-ui {
width: 31%;
min-width: 90px;
min-height: 90px;
cursor: pointer;
border: 1px solid #DDDDDD;
padding: 0 10px;
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
aspect-ratio: 1/1;
justify-content: flex-start;
}
.payment-box-channel-ui:not(.no-hover-ui):hover {
border: 2px solid #005EAD;
}
.payment-box-channel-wide-ui {
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: flex-start;
min-height: 90px;
height: auto;
}
.payment-box-channel-wide-ui .payment-box-channel-img-container-ui {
width: auto;
max-width: 30%;
justify-content: flex-start;
height: 100%;
}
.payment-box-channel-wide-ui .payment-box-channel-name-wrapper-ui {
width: 55%;
}
.payment-box-channel-wide-ui .payment-box-channel-name-wrapper-ui .payment-box-channel-name-wrapper-row-ui {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 12px;
}
.payment-box-channel-wide-ui .payment-box-channel-name-wrapper-ui .payment-box-channel-name-wrapper-row-ui img {
max-width: 24px;
max-height: 24px;
margin-left: 5px;
}
.payment-box-channel-wide-ui .payment-box-channel-name-wrapper-ui .payment-box-channel-name-wrapper-row-ui:first-child {
font-size: 14px;
font-weight: 600;
}
.payment-box-channel-wide-ui .payment-box-channel-info-ui {
font-size: 16px;
}
.payment-box-channel-tooltip-box-ui {
position: relative;
}
.payment-box-channel-tooltip-ui {
display: none;
width: max-content;
position: absolute;
bottom: -30px;
right: 0;
background-color: #FFF;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
padding: 4px 6px;
border-radius: 4px;
}
.payment-box-channel-active-ui {
border: 2px solid #005EAD;
}
.payment-box-channel-img-container-ui {
height: 60%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.payment-box-channel-img-container-ui img {
max-height: 80%;
}
.payment-box-channel-name-ui {
color: #484848;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
overflow: hidden;
height: 21px;
text-align: center;
}
.payment-box-channel-popup-box-bg-ui {
cursor: default;
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10vw;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100000;
background-color: transparent;
opacity: 0;
transition: background-color 0.15s linear, opacity 0.15s linear;
}
.payment-box-channel-popup-box-bg-ui--fade {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.3s linear, opacity 0.15s linear;
}
.payment-box-channel-popup-box-bg-ui--fade .payment-box-channel-popup-box-ui {
transform: translate(0, 0);
transition: transform 0.3s ease-out;
}
.payment-box-channel-popup-box-header-ui {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.payment-box-channel-popup-box-header-ui p {
font-weight: 500;
}
.payment-box-channel-popup-box-header-ui i {
font-weight: 600;
cursor: pointer !important;
}
.payment-box-channel-popup-btn-ui {
align-self: flex-end;
margin-top: 20px;
background-color: #c50102;
color: #FFF;
padding: 12px 30px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.order-details-container-ui {
font-family: "Poppins", sans-serif;
font-size: 14px !important;
line-height: 1.5;
font-weight: 400 !important;
margin: 0 auto !important;
display: block !important;
}
.order-details-container-ui .restore-payment-btn-ui {
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #fff;
padding: 6px 12px;
background: #c50102;
border: 1px solid #c50102;
border-radius: 8px;
font-size: 14px !important;
}
.order-details-container-ui .restore-payment-btn-ui:hover {
color: #fff;
background: #c50102;
border-color: #c50102;
opacity: 0.8;
}
.order-details-container-ui__main-btn {
height: 35px;
width: 100%;
margin: 20px 0;
background: #A91938;
border: 1px solid #A91938;
border-radius: 8px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 6px 12px;
position: relative;
cursor: pointer;
user-select: none;
}
@media screen and (max-width: 768px) {
.order-details-container-ui__main-btn {
margin: 20px 20px 0;
}
}
.order-details-container-ui__main-btn:hover {
background: #c50102;
border-color: #c50102;
opacity: 0.8;
}
.order-details-container-ui__main-btn-spinner::after {
content: "";
display: none;
position: absolute;
top: calc(50% - 7px);
right: 3%;
width: 13px;
height: 13px;
border: 2px solid transparent;
border-radius: 50%;
}
.order-details-container-ui__main-btn-spinner-active::after {
display: block;
border-color: #fff #fff #fff transparent;
}
.order-details-container-ui__list-item {
background: #FFF;
display: flex;
align-items: flex-start;
padding: 20px;
word-break: break-word;
flex-wrap: wrap;
margin-bottom: 5px;
border-radius: 20px;
}
@media screen and (max-width: 768px) {
.order-details-container-ui__list-item {
justify-content: space-between;
}
}
.order-details-container-ui__list-item-title {
width: 65%;
padding: 0 5px;
}
@media screen and (min-width: 576px) {
.order-details-container-ui__list-item-title {
width: 45%;
}
}
.order-details-container-ui__list-item-name {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.order-details-container-ui__list-item-color {
display: inline-block;
border-radius: 8px;
width: 25px;
height: 25px;
}
.order-details-container-ui__list-item-color--price {
margin-bottom: 8px;
}
.order-details-container-ui__list-item-desc {
color: #b8b8b8;
font-size: 12px;
}
.order-details-container-ui__list-item-secondary-desc {
color: #005EAD;
font-size: 12px;
font-weight: 500;
margin-top: 4px;
}
@media screen and (max-width: 768px) {
.order-details-container-ui__list-item-secondary-desc {
font-size: 11px;
line-height: 1.3;
}
}
.order-details-container-ui__list-item-price {
width: 35%;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
color: #c50102;
padding: 0 5px;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media screen and (min-width: 768px) {
.order-details-container-ui__list-item-price {
width: 30%;
text-align: left;
}
}
.order-details-container-ui__list-item-code {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
background-image: linear-gradient(#fff, #fff);
color-scheme: only light;
padding: 20px;
}
@media screen and (min-width: 768px) {
.order-details-container-ui__list-item-code {
justify-content: end;
width: fit-content;
margin-left: auto;
margin-right: 0;
}
}
.order-details-container-ui__list-item-qrcode {
padding: 10px 0;
max-width: 200px;
cursor: pointer;
opacity: 1;
}
.order-details-container-ui__list-item-qrcode--hide {
opacity: 0;
}
@media screen and (min-width: 576px) {
.order-details-container-ui__list-item-qrcode {
max-width: 150px;
}
}
@media screen and (min-width: 768px) {
.order-details-container-ui__list-item-qrcode {
max-width: 100px;
}
}
.order-details-container-ui__list-item-qrcode img, .order-details-container-ui__list-item-qrcode canvas {
max-width: 200px;
}
@media screen and (min-width: 576px) {
.order-details-container-ui__list-item-qrcode img, .order-details-container-ui__list-item-qrcode canvas {
max-width: 150px;
}
}
@media screen and (min-width: 768px) {
.order-details-container-ui__list-item-qrcode img, .order-details-container-ui__list-item-qrcode canvas {
max-width: 100px;
}
}
.order-details-container-ui__list-item-qrcode:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
.order-details-container-ui__list-item-qrcode * {
pointer-events: none;
}
.order-details-container-ui > div {
width: auto !important;
}
@media screen and (max-width: 991px) {
.order-details-container-ui > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media print {
.order-details-container-ui__tickets {
display: none;
}
}
.order-details-container-ui__tickets-img {
height: 0;
overflow: hidden;
padding: 0 !important;
}
@media print {
.order-details-container-ui__tickets-img {
display: block;
height: auto;
overflow: auto;
}
}
.order-details-container-ui__ticket {
width: 100%;
position: relative;
}
.order-details-container-ui__ticket-img {
width: 100%;
min-height: 330px;
}
.order-details-container-ui__ticket-order {
font-size: 14px;
font-weight: 600;
position: absolute;
top: 134px;
left: 265px;
}
@media print {
.order-details-container-ui__ticket-order {
top: 105px;
left: 210px;
}
}
.order-details-container-ui__ticket-desc {
position: absolute;
top: 222px;
left: 30px;
width: 150px;
font-size: 10px;
line-height: 10px;
font-weight: 500;
word-break: break-word;
}
@media print {
.order-details-container-ui__ticket-desc {
top: 180px;
left: 30px;
font-size: 8px;
}
}
.order-details-container-ui__ticket-price {
position: absolute;
top: 210px;
left: 200px;
font-size: 18px;
font-weight: 600;
}
@media print {
.order-details-container-ui__ticket-price {
font-size: 16px;
top: 165px;
left: 160px;
}
}
.order-details-container-ui__ticket-code {
position: absolute;
top: 153px;
right: 26px;
z-index: 1;
}
@media print {
.order-details-container-ui__ticket-code {
top: 100px;
}
.order-details-container-ui__ticket-code svg {
height: 120px;
}
.order-details-container-ui__ticket-code img {
width: 182px;
}
}
.order-details-container-ui__ticket-code svg {
transform: scale(0.88) !important;
}
.order-details-container-ui__ticket-code img {
width: 182px;
}
.order-details-container-ui__pagination {
display: flex;
justify-content: center;
}
.order-details-container-ui__pagination-item {
display: flex;
justify-content: center;
align-items: center;
min-width: 27px;
padding: 2px 8px;
margin: 4px;
border: 1px solid rgba(0, 0, 0, 0.125);
cursor: pointer;
}
.order-details-container-ui__pagination-item:hover {
background: #c50102;
opacity: 0.8;
color: #fff;
}
.order-details-container-ui__pagination-item--selected {
border-color: #c50102;
}
.order-details-fixed-buttons-ui {
position: fixed;
z-index: 55;
right: 20px;
bottom: 20px;
}
@media screen and (min-width: 768px) {
.order-details-fixed-buttons-ui {
right: 40px;
bottom: 40px;
}
}
.order-details-fixed-btn-ui {
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
padding: 15px 10px;
background: #c50102;
border: 1px solid #c50102;
color: #fff;
border-radius: 15px;
cursor: pointer;
}
.order-details-fixed-btn-ui:hover {
background: #c50102;
border: 1px solid #c50102;
opacity: 0.8;
color: #fff;
}
.order-details-fixed-btn-ui i {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.order-details-fixed-btn-ui i {
font-size: 22px;
}
}
.order-details-fixed-btn-ui span {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.order-details-fixed-btn-ui span {
font-size: 18px;
}
}
.rotation::after {
-webkit-animation: rotating 1.15s cubic-bezier(0.1, 0.84, 0.44, 1) infinite;
animation: rotating 1.15s cubic-bezier(0.1, 0.84, 0.44, 1) infinite;
}
.qr-code-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100000;
width: 100vw;
height: 100vh;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.95);
transition: opacity 0.2s linear;
}
.qr-code-popup--fade {
opacity: 1;
}
.qr-code-popup img, .qr-code-popup canvas {
display: block !important;
max-width: 500px;
width: 80vw;
}
.qr-code-popup .ti-close {
display: block;
position: absolute;
top: 0;
right: 24px;
color: #b8b8b8;
margin: 0;
}
@media print {
.thank-you-page-ui__header, .thank-you-page-ui__content {
display: none;
}
}