* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
outline: none
}
input,
label,
select,
button,
textarea {
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
select,
option {
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
html {
position: relative;
min-height: 100%;
font-size: 16px
}
.narrow-container-ui {
width: 100%
}
input[type="checkbox"] {
accent-color: {
{
settings.primaryColor
}
}
;
}
body {
margin: 0;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
background: {
{
settings.bgColor
}
}
;
font-weight:400;
overflow-y:scroll;
line-height:1.5em
}
body.with-editing-order-message-ui {
margin-top: 55px
}
body .docket {
position: absolute;
margin-top: 30px;
color: #717171;
font-size: 13px
}
@media screen and (max-width: 1280px) {
body .docket {
margin-top: 20px;
font-size: 11px;
line-height: 1.5
}
}
img {
max-width: 100%
}
i:hover {
cursor: pointer
}
[class^=ti-],
[class*=" ti-"] {
font-weight: {
{
settings.iconStyle
}
}
!important
}
.ti-close {
color: {
{
settings.iconColors
}
}
!important
}
.ti-close :hover {
cursor: pointer
}
.cancel-ui i {
font-size: 16px !important
}
header a {
color: white;
text-decoration: none
}
.breadcrumbs-js a {
color: black;
}
.breadcrumbs-js a:hover {
color: orange;
}
mark {
background: #fdd835
}
header a:hover {
color: white
}
.ulCLassFilterList {
padding-bottom: 60px
}
button,
input[type=checkbox] {
cursor: pointer;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none
}
h1:first-child,
h2:first-child,
h3:first-child {
margin-top: 0
}
input {
padding: 10px
}
input[type=number] {
-moz-appearance: textfield;
padding: 0 10px
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input {
background: {
{
settings.inputsBgColor
}
}
;
border:1px solid {
{
settings.lightBorderColor
}
}
;
font-size:1rem;
vertical-align:bottom
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
display: none
}
:invalid,
:-moz-submit-invalid,
:-moz-ui-invalid {
box-shadow: none
}
.requirements-label-ui {
font-size: small
}
.f-left-ui {
display: block;
float: left
}
.f-left-ui-abs {
position: absolute
}
.f-right-ui {
display: block;
float: right
}
.clear-after-ui::after,
.div-table-row-ui::after {
display: block;
clear: both;
content: ""
}
.flex-ui,
.image-container-ui {
display: -ms-flexbox;
display: flex
}
.inline-flex-ui {
display: -ms-inline-flexbox;
display: inline-flex
}
.flex-ui .f-left-ui,
.inline-flex-ui .f-left-ui {
margin-right: auto
}
.flex-ui .f-right-ui,
.inline-flex-ui .f-right-ui {
margin-left: auto
}
.flex-ui.vertically-centered-ui,
.inline-flex-ui.vertically-centered-ui {
-ms-align-items: center;
align-items: center
}
.image-container-ui img {
display: block;
margin: auto;
max-height: 100%
}
.image-container-ui {
position: relative
}
.image-container-ui i,
.image-container-ui .no-image-ui {
margin: auto;
font-size: 150px
}
.image-container-ui img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.no-image-ui {
margin: auto;
font-size: 5rem;
color: {
{
settings.lightBorderColor
}
}
}
.reset-filters-ui-right {
float: right;
margin-right: 10px;
opacity: 1
}
.btn-ui:hover i,
button:hover i,
.btn-solid-ui:hover i {
color: inherit
}
.btn-pure-ui,
.input-pure-ui,
.close-ui {
border: none;
background: rgba(0, 0, 0, 0);
color: {
{
settings.primaryColor
}
}
}
.btn-pure-ui:hover,
.input-pure-ui:hover,
.close-ui:hover {
background: rgba(0, 0, 0, 0);
color: {
{
settings.hoverOverButton
}
}
}
.btn-pure-ui {
cursor: pointer
}
.btn-outline-ui,
.btn-ghost-ui {
background: rgba(0, 0, 0, 0);
color: {
{
settings.primaryColor
}
}
;
border:1px solid {
{
settings.primaryColor
}
}
;
transition:background 300ms,
color 300ms
}
.btn-outline-ui:hover,
.btn-ghost-ui:hover {
background: {
{
settings.primaryColor
}
}
;
color:#fff
}
.btn-active-ui,
.btn-active-js {
border:1px solid {
{
settings.primaryColor
}
}
}
.dropdown-arrow-ui {
transform: rotate(360);
transition: transform 800ms;
display: inline-block
}
.close-dropdown-lq .dropdown-arrow-ui {
transform: rotate(180deg)
}
.hidden-js {
display: none !important
}
.inline-block-ui {
display: inline-block;
vertical-align: top
}
.scroll-container-lq {
overflow-y: auto;
overflow-x: hidden
}
.pointer-ui {
cursor: pointer
}
.attached-lq {
position: absolute;
left: 0;
right: 0
}
.centered-ui {
text-align: center
}
.text-right-ui {
text-align: right
}
.w25-ui {
width: 25%
}
.w30-ui {
width: 30%
}
.w100-ui {
width: 100%
}
.mb10-ui {
margin-bottom: 10px
}
.grey-ui {
background-color: #ccc
}
.home-page-icon-ui {
font-size: 18px;
color: {
{
settings.primaryColorFont
}
}
}
[readonly] {
opacity: .5
}
.checkbox-ui,
.radio-ui {
display: block;
cursor: pointer
}
.checkbox-ui [type=checkbox],
.radio-ui [type=radio] {
position: absolute;
visibility: hidden;
z-index: -1
}
.input-with-icon-ui {
display: inline-block;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
flex-wrap: wrap;
vertical-align: bottom
}
.input-with-icon-ui button,
.input-with-icon-ui i,
.input-with-icon-ui .btn-ui,
.input-with-icon-ui .icon-ui {
position: absolute;
right: 0;
top: 7px;
color: {
{
settings.primaryColor
}
}
;
background:rgba(0, 0, 0, 0);
border:none;
font-size:1.15em
}
.input-with-icon-ui input {
width: 100%;
padding-right: 15px
}
.input-with-icon-ui .error-ui {
order: 10
}
[type=checkbox]+.label-ui,
[type=radio]+.label-ui {
display: inline-block;
position: relative;
cursor: pointer
}
[type=checkbox]+.label-ui::before,
[type=radio]+.label-ui::before {
content: "";
display: inline-block;
font-size: .8rem;
text-align: center;
margin-right: 10px;
width: 1.5em;
height: 1.5em;
background: {
{
settings.inputsBgColor
}
}
;
color: {
{
settings.inputsBgColor
}
}
;
border:1px solid {
{
settings.lightBorderColor
}
}
;
cursor:pointer;
font-family:"themify";
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
}
[type=checkbox]+.label-ui.color-checkbox-ui,
[type=radio]+.label-ui.color-checkbox-ui {
line-height: 1
}
[type=checkbox]+.label-ui.color-checkbox-ui::before,
[type=radio]+.label-ui.color-checkbox-ui::before {
background: inherit;
color: #fff;
margin: 0
}
[type=checkbox]+.label-ui.color-checkbox-ui.white-ui::before,
[type=radio]+.label-ui.color-checkbox-ui.white-ui::before {
color: #000
}
[type=checkbox]:checked+.label-ui::before,
[type=radio]:checked+.label-ui::before {
background: {
{
settings.secondaryColor
}
}
}
[type=checkbox]:checked+.label-ui.color-checkbox-ui::before,
[type=radio]:checked+.label-ui.color-checkbox-ui::before {
background: inherit
}
[type=checkbox]:checked+.label-ui.inverse-ui::before,
[type=radio]:checked+.label-ui.inverse-ui::before {
background: {
{
settings.inputsBgColor
}
}
;
color: {
{
settings.secondaryColor
}
}
}
[type=checkbox]:disabled+.label-ui,
[type=radio]:disabled+.label-ui {
opacity: .5;
cursor: default
}
[type=checkbox]:disabled+.label-ui::before,
[type=radio]:disabled+.label-ui::before {
cursor: default
}
.color-checkbox-ui {
margin: 0 20px 20px 0;
display: inline-block
}
.color-checkbox-ui [type=checkbox]+.label-ui {
line-height: 1
}
.color-checkbox-ui [type=checkbox]+.label-ui::before {
background: inherit;
color: inherit;
margin: 0
}
.color-checkbox-ui [type=checkbox]:checked+.label-ui::before {
background: inherit;
color: #fff
}
.color-checkbox-ui [type=checkbox]:checked+.label-ui.white-ui::before {
color: #000
}
[type=radio]+.label-ui::before {
content: " \2022 ";
border-radius: 1.5em;
background: {
{
settings.lightBorderColor
}
}
;
color:rgba(0, 0, 0, 0);
font-size:30px;
width:.7em;
height:.7em;
line-height:.55em
}
[type=radio]:checked+.label-ui::before {
background: {
{
settings.lighterColor
}
}
;
color: {
{
settings.inputsBgColor
}
}
}
.margin-auto-ui {
margin: auto
}
input::-ms-clear {
display: none
}
.clear-ui {
clear: both
}
select,
textarea {
border:1px solid {
{
settings.lightBorderColor
}
}
;
background: {
{
settings.inputsBgColor
}
}
;
padding:10px;
font-size:1rem
}
h4:first-child {
margin-top: 0
}
.block-ui {
display: block
}
.golden-big-ui {
width: 62%
}
.golden-small-ui {
width: 38%
}
.half-ui {
width: 50%
}
.half-ui.with-arrow-ui {
position: relative
}
.half-ui.with-arrow-ui .select-arrow-ui {
top: 44px !important;
right: 13px !important
}
.half-ui-with-space-ui {
width: calc(50% - 15px);
margin-right: 15px
}
.right-corner-ui {
position: absolute;
right: 0;
top: 0
}
.expanded-ui.dropdown-arrow-ui,
.expanded-ui .dropdown-arrow-ui,
.expanded-js.dropdown-arrow-ui,
.expanded-js .dropdown-arrow-ui {
transform: rotate(180deg)
}
.dropdown-ui {
padding: 10px
}
.dropdown-ui .dropdown-arrow-ui {
width: 1em;
text-align: center;
display: inline-block;
float: right;
line-height: 1.5em
}
.dropdown-ui .dropdown-label-ui {
width: calc(100% - 1em);
display: inline-block;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.slick-track {
margin: 0
}
.active-left-ui {
border-left:4px solid {
{
settings.primaryColor
}
}
}
.active-top-ui {
border-top:4px solid {
{
settings.primaryColor
}
}
}
.dropdown-title-ui {
margin-top: 0;
font-size: 16px;
text-align: left
}
.dropdown-title-ui i {
margin-right: 5px
}
.basic-dropdown-ui {
position: relative
}
.basic-dropdown-ui .dropdown-trigger-ui {
padding: 7px 14px
}
.basic-dropdown-ui .dropdown-trigger-ui .close-ui {
display: none
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq {
position: relative;
z-index: 105
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq .sorting-label-ui {
visibility: hidden;
z-index: -105
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq .close-ui {
display: block
}
.basic-dropdown-ui .dropdown-container-ui {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 2px 4px 0 #ddd;
background: {
{
settings.bgColor
}
}
;
padding:20px;
font-size:1rem;
z-index:100;
max-width:100vw
}
.basic-dropdown-ui .dropdown-container-ui.to-right-ui {
left: auto;
right: 0
}
.basic-dropdown-ui li {
line-height: 2em;
white-space: nowrap
}
.basic-dropdown-ui li:not(.active-left-ui) {
cursor: pointer
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui {
padding: 0
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui .dropdown-title-ui {
padding: 20px 20px 0 20px
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui li {
padding: 0 20px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
}
.active-sorting-option-ui {
font-size: small;
text-align: right;
line-height: 1rem;
padding: 0 14px
}
.sorting-options-icon-ui {
margin-right: 10px
}
.slided-right-lq,
slided-right-ui {
transform: translateX(-100%)
}
.slided-position-right-lq,
slided-position-right-ui {
left: -110%
}
.hidden-besides-left-lq {
transform: translateX(-110%) !important
}
.flex-wrap-ui {
flex-wrap: wrap
}
.space-between-ui {
-ms-justify-content: space-between;
justify-content: space-between
}
.table-ui {
display: table
}
.table-row-ui {
display: table-row
}
.table-cell-ui {
display: table-cell
}
.table-cell-ui .unit-ratio-info-ui {
line-height: 1;
margin-top: -6px
}
table,
.table-ui,
.div-table-ui,
.quick-shopping-view-js .pagination-page-ui {
border:1px solid {
{
settings.lightBorderColor
}
}
}
thead,
.table-header-ui {
background: #f6f6f6;
height: 60px
}
thead td,
.table-header-ui {
border-bottom: 1px solid #c6c6c6
}
tr:nth-child(odd),
.table-row-ui:nth-child(odd),
.quick-shopping-view-js .product-item-ui:nth-child(odd),
.div-table-row-ui:nth-child(odd) {
background: #f8f8f8
}
tr tr,
tr .table-row-ui,
tr .quick-shopping-view-js .product-item-ui,
tr .div-table-row-ui,
.table-row-ui tr,
.table-row-ui .table-row-ui,
.table-row-ui .quick-shopping-view-js .product-item-ui,
.table-row-ui .div-table-row-ui,
.quick-shopping-view-js .product-item-ui tr,
.quick-shopping-view-js .product-item-ui .table-row-ui,
.quick-shopping-view-js .product-item-ui .quick-shopping-view-js .product-item-ui,
.quick-shopping-view-js .product-item-ui .div-table-row-ui,
.div-table-row-ui tr,
.div-table-row-ui .table-row-ui,
.div-table-row-ui .quick-shopping-view-js .product-item-ui,
.div-table-row-ui .div-table-row-ui {
background: inherit
}
a.table-row-ui:hover,
.quick-shopping-view-js a.product-item-ui:hover {
background: #cfd6da
}
td,
th,
.table-cell-ui,
.table-header-ui>*,
.quick-shopping-view-js .product-item-ui>* {
padding: 10px
}
.tfoot-ui {
border-top: 1px solid #c6c6c6;
padding: 9px 0
}
.tfoot-ui,
.tfoot-ui .container-ui,
.tfoot-ui .narrow-container-ui {
height: 60px
}
.tfoot-ui .pagination-ui {
margin: 0
}
tfoot>* {
border-top: 1px solid #c6c6c6;
height: 60px
}
button[disabled],
button[disabled]:hover,
.btn-ui[disabled],
.btn-ui[disabled]:hover,
[type=submit][disabled],
[type=submit][disabled]:hover {
background: #dad5d5;
border: 1px solid #eee;
color: #eee;
cursor: default;
cursor: initial
}
button.btn-gray-ui:not(:hover),
.btn-ui.btn-gray-ui:not(:hover),
[type=submit].btn-gray-ui:not(:hover) {
background: #f0f0f0;
border:1px solid {
{
settings.lightBorderColor
}
}
;
color: {
{
settings.primaryColorFont
}
}
}
button.btn-gray-ui:hover,
.btn-ui.btn-gray-ui:hover,
[type=submit].btn-gray-ui:hover {
border: 1px solid rgba(0, 0, 0, 0)
}
button.btn-gray-ui.in-popup-ui,
.btn-ui.btn-gray-ui.in-popup-ui,
[type=submit].btn-gray-ui.in-popup-ui {
min-width: 260px;
margin-top: 20px
}
button.btn-warn-ui,
.btn-ui.btn-warn-ui,
[type=submit].btn-warn-ui {
background: {
{
settings.warningColor
}
}
;
border:1px solid {
{
settings.warningColor
}
}
}
button.btn-warn-ui:hover,
.btn-ui.btn-warn-ui:hover,
[type=submit].btn-warn-ui:hover {
background: {
{
settings.warningColorHover
}
}
;
border:1px solid {
{
settings.warningColorHover
}
}
}
.message-bar-ui {
color: {
{
settings.alertsTextColor
}
}
;
padding:15px;
margin-bottom:20px;
font-weight:500;
position:relative
}
.message-bar-ui,
.message-bar-ui.info-bar-ui {
background: {
{
settings.infoColor
}
}
;
text-shadow:1px 1px rgba(255, 255, 255, .2)
}
.message-bar-ui.danger-bar-ui,
.message-bar-ui.error-bar-ui {
background: {
{
settings.errorColor
}
}
;
font-weight:600
}
.message-bar-ui.warning-bar-ui {
background: {
{
settings.warningColor
}
}
;
text-align:center
}
.message-bar-ui.success-bar-ui {
background: {
{
settings.successColor
}
}
}
.message-text-ui {
padding: 15px;
margin-bottom: 20px;
font-weight: 500
}
.message-text-ui,
.message-text-ui.info-ui {
color: {
{
settings.alertsTextColor
}
}
}
.message-text-ui.danger-ui,
.message-text-ui.error-ui {
color: {
{
settings.errorColor
}
}
;
font-weight:600
}
.message-text-ui.warning-ui {
color: {
{
settings.warningColor
}
}
}
.message-text-ui.success-ui {
color: {
{
settings.successColor
}
}
}
.message-bar-ui,
.message-text-ui {
font-size: 18px
}
.message-bar-ui i,
.message-text-ui i {
font-size: 27px;
vertical-align: middle;
margin-right: 5px
}
.message-bar-ui button,
.message-text-ui button {
margin-left: 40px;
font-size: 18px;
line-height: 30px
}
.message-bar-ui button i,
.message-text-ui button i {
font-size: 18px
}
.message-bar-ui.points-ui {
font-size: 1rem
}
.message-bar-ui.points-ui i {
font-size: 1.5rem
}
.message-bar-ui .message-bar-title-ui {
font-size: 18px
}
.message-bar-ui .message-bar-content-ui {
font-size: 16px
}
.message-bar-ui .message-bar-content-ui .product-name-ui {
margin-right: 10px
}
.editing-order-message-bar-ui {
background: {
{
settings.primaryColor
}
}
;
color: {
{
settings.lightestColorFont
}
}
;
padding:0
}
.editing-order-message-bar-ui.during-ui {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
height: 55px;
line-height: 55px;
padding: 0;
margin: 0
}
.editing-order-message-bar-ui.during-ui a,
.editing-order-message-bar-ui.during-ui button {
color: inherit;
padding: 17px;
vertical-align: top
}
.editing-order-message-bar-ui.during-ui a i,
.editing-order-message-bar-ui.during-ui button i {
font-size: inherit;
color: inherit
}
.during-ajax-modal-ui,
.during-ajax-modal-js {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: {
{
settings.bgColor
}
}
;
display:flex;
opacity:.9;
z-index:1000
}
.during-ajax-modal-ui .loader-ui,
.during-ajax-modal-js .loader-ui {
margin: auto
}
.close-ui {
position: absolute;
right: 0;
top: 0;
padding: 20px;
z-index: 1;
line-height: 1
}
.close-ui i {
font-size: 16px !important;
margin: 0 !important;
pointer-events: none
}
.full-ui {
width: 100%
}
.expandable-js,
.expandable-ui {
height: 0;
overflow: hidden;
transition: height 800ms
}
.expandable-js.expanded-js,
.expandable-ui.expanded-js {
height: auto
}
.expandable-js.no-animation-lq,
.expandable-ui.no-animation-lq {
transition: none
}
.div-table-cell-ui {
float: left;
padding: 10px;
min-height: 1px
}
.minibox-product-ui,
.product-list-ui {
position: relative
}
.minibox-product-ui .product-link-ui,
.product-list-ui .product-link-ui {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1
}
.h300-ui {
height: 300px
}
.mh300-ui {
min-height: 300px
}
.mt10-ui {
margin-top: 10px
}
.attached-ui {
position: absolute;
left: 0;
right: 0;
top: 0
}
.flip-horizontally-ui {
transform: scaleX(-1);
display: inline-block
}
.confirmation-popup-ui {
font-size: 16px
}
.confirmation-popup-ui .message-popup-ui {
padding: 0
}
.confirmation-popup-ui .message-popup-ui .close-ui {
right: 0
}
.confirmation-popup-ui .message-popup-ui .question-ui {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background: {
{
settings.bgColor
}
}
;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.confirmation-popup-ui .message-popup-ui .question-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px
}
.confirmation-popup-ui .message-popup-ui .question-ui+.info-ui {
padding: 35px 40px 40px
}
.page-container-ui {
position: relative
}
.category-column-ui {
width: 320px;
float: left;
box-shadow: 2.5px 5px 5px rgba(0, 0, 0, .2);
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 100
}
.main-content-ui {
width: 100%;
position: relative;
min-height: calc(100vh - 183px)
}
.main-content-ui.with-column-ui {
min-height: calc(100vh - 183px)
}
.breadcrumbs-ui li {
margin: 36px 0px 36px 0px;
font-size: 14px;
font-family: Roboto, sans-serif;
color:#717171;
display:inline-block;
vertical-align:top
}
.breadcrumbs-ui li:last-child {
margin-bottom: 0
}
.breadcrumbs-ui li a {
text-decoration: none
}
.breadcrumbs-ui li:after {
content: "/";
display: inline-block;
margin: 0 10px;
vertical-align: top;
font-size: 10px
}
.breadcrumbs-ui li:last-child:after {
display: none
}
.message-popup-ui {
position: fixed;
background: #FBFBFB;
width:calc(100% - 20px);
margin:0 auto;
z-index:999;
padding:20px
}
.message-popup-ui.top-ui {
top: 0;
z-index: 999
}
.message-popup-ui.bottom-ui {
bottom: 0;
z-index: 999
}
.message-popup-ui .product-added-to-cart-ui {
font-size: 18px;
font-weight: 500;
padding: 40px 80px 40px 40px;
background: #ffffff;
border-bottom:1px solid #DDDDDD
}
.message-popup-ui .product-added-to-cart-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px
}
.message-popup-ui .product-added-to-cart-ui+.info-ui {
padding: 35px 40px 40px
}
.message-popup-ui .product-added-to-cart-ui+.info-ui .units-ui.select-background-ui {
margin-top: 10px;
margin-left: 0 !important
}
.message-popup-ui .go-to-cart-ui {
background: #7fba00;
color: #FFFFFF
}
.message-popup-ui .go-to-cart-ui:hover {
background-color: #87ce0d;
color: #FFFFFF
}
.message-popup-ui .close-ui {
position: absolute;
right: 10px
}
.message-popup-background-ui {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10vw;
background-color: rgba(0, 0, 0, .5);
z-index: 1000
}
.message-popup-background-ui:not(.hidden-js)+.message-popup-background-ui:not(.unsuccessfull-post-message-js) {
display: none
}
.message-popup-background-ui .message-popup-ui {
width: calc(100% - 10vw - 20px);
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
max-width: 800px;
z-index: 999
}
.message-popup-background-ui .message-popup-ui.with-iframe-ui {
max-width: 870px
}
.message-popup-background-ui .many-units-ui .select-arrow-ui {
position: absolute;
margin-top: 12px
}
@media screen and (min-width: 1280px) {
.message-popup-background-ui .many-units-ui .select-arrow-ui {
margin-top: 9px
}
}
.cookie-message-opener-ui {
position: fixed;
bottom: 100px;
left: 20px;
width: 50px;
height: 50px;
z-index: 999;
background: #f38c01;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
box-shadow:2px 2px 8px rgba(0, 0, 0, .7);
cursor:pointer;
transition:transform .3s linear,
box-shadow .3s linear
}
.cookie-message-opener-ui:hover {
transform: rotate(-90deg) scale(1.02);
box-shadow: -2px 2px 8px rgba(0, 0, 0, .7)
}
.cookie-message-opener-ui .cookie-message-opener-icon-ui {
width: 70%;
height: 70%;
fill: #ffffff
}
.ta-center-ui {
text-align: center
}
.show-ui {
display: block
}
.hide-ui {
display: none
}
.validation-login-ui {
margin-left: 15px
}
.new-price-ui {
font-size: 20px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
color: {
{
settings.lowerPriceAndCart
}
}
;
line-height:1.2
}
.old-price-ui {
text-decoration: line-through;
font-size: 16px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
color:#717171
}
.old-price-ui.suggested-retail-price-ui {
text-decoration: none
}
.old-price-ui.suggested-retail-price-ui i {
position: relative;
z-index: 1
}
.lowest-price-ui {
z-index: 1;
position: relative
}
.container-shop-closed-ui {
margin-top: 30px
}
.container-shop-closed-ui .lang-and-currency-ui {
margin: 0px
}
.container-shop-closed-ui .lang-and-currency-ui .flags-div-ui span {
display: -webkit-inline-box
}
.container-shop-closed-ui .shop-closed-language-container-ui {
display: inline;
float: right;
height: 0px
}
.container-shop-closed-ui .register-or-login-flags-ui {
margin-right: 48px
}
.container-shop-closed-ui .shop-closed-current-language-ui,
.container-shop-closed-ui .choosen-flag-background-ui {
pointer-events: none;
cursor: default !important
}
.container-shop-closed-ui .shop-closed-current-language-ui:hover,
.container-shop-closed-ui .choosen-flag-background-ui:hover {
cursor: default !important
}
.user-icon-ui {
font-size: 30px;
color: {
{
settings.smallCartIconsColor
}
}
;
text-align:center
}
.user-icon-ui+p {
color: {
{
settings.smallCartFontColor
}
}
}
.customer-currency-carts-ui {
font-size: 19px;
margin-top: 14px
}
.cart-amount-ui {
font-size: 24px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
color: {
{
settings.smallCartCartFontColor
}
}
;
bottom:0;
margin-bottom:15px
}
.cart-amount-ui.smaller-ui {
font-size: 22px
}
.carts-ui {
text-align: right;
font-size: 40px;
color: {
{
settings.smallCartCartIconColor
}
}
}
.cart-quantity-ui {
float: right;
margin: 65px -50px 10px 0px;
color: {
{
settings.lowerPriceAndCart
}
}
;
line-height:1.2
}
.login-container-ui,
.register-container-ui {
display: block;
margin-left: 275px;
z-index: 999;
width: 335px;
border:1px solid {
{
settings.lightBorderColor
}
}
;
border-top:none;
background:#fff;
top:-6px;
position:absolute;
min-height:235px;
max-height:calc(100vh - 228px);
overflow:auto
}
.login-container-ui .usr-logged-in-ui,
.register-container-ui .usr-logged-in-ui {
text-align: center;
margin-top: 60px;
margin-bottom: 60px
}
.login-container-ui .sign-in-required-ui,
.register-container-ui .sign-in-required-ui {
margin-top: 50px
}
.login-container-ui .register-required-fields-info-ui,
.register-container-ui .register-required-fields-info-ui {
font-size: 12px;
line-height: 1.667;
width: 90%;
text-align: left
}
.login-container-ui .reminder-required-fields-ui,
.register-container-ui .reminder-required-fields-ui {
margin-top: 30px
}
.login-container-ui .first-step-register-ui,
.register-container-ui .first-step-register-ui {
margin-left: 18px;
margin-top: 10px
}
.login-container-ui p,
.register-container-ui p {
text-align: left;
font-size: 14px;
margin-left: 18px;
margin-right: 18px;
color: {
{
settings.primaryColorFont
}
}
;
margin-bottom:2px
}
.login-container-ui label,
.register-container-ui label {
margin-left: 18px
}
.login-container-ui .terms-acceptance-info-ui,
.register-container-ui .terms-acceptance-info-ui {
vertical-align: middle;
font-size: 14px;
text-align: left;
margin: 10px 18px 0
}
.login-container-ui .terms-acceptance-info-ui>*:not(.register-required-fields-info-ui),
.register-container-ui .terms-acceptance-info-ui>*:not(.register-required-fields-info-ui) {
margin-top: 10px
}
.login-container-ui .terms-acceptance-info-ui input,
.register-container-ui .terms-acceptance-info-ui input {
vertical-align: middle
}
.login-container-ui .terms-acceptance-info-ui .checkbox-ui,
.register-container-ui .terms-acceptance-info-ui .checkbox-ui {
font-size: 13px
}
.login-container-ui .please-login-or-register-ui,
.register-container-ui .please-login-or-register-ui {
margin: 26px 0;
text-align: center;
font-size: 16px
}
.login-container-ui .please-login-or-register-ui span,
.register-container-ui .please-login-or-register-ui span {
margin-left: 13px
}
.login-container-ui .password-icon-ui,
.register-container-ui .password-icon-ui {
position: absolute;
width: 50px;
right: 8px;
font-size: 20px;
padding: 12px 15px;
background: rgba(0, 0, 0, 0);
border: none;
color: {
{
settings.iconColors
}
}
}
.login-container-ui .login-password-container-ui,
.register-container-ui .login-password-container-ui {
position: relative
}
.login-container-ui .button-ui,
.register-container-ui .button-ui {
width: 301px;
background: {
{
settings.btnSolidBgColor
}
}
;
color: {
{
settings.btnSolidTextColor
}
}
;
font-size:16px;
margin-top:50px;
margin-bottom:30px;
border:none
}
.login-container-ui .button-ui:hover,
.register-container-ui .button-ui:hover {
background: {
{
settings.hoverOverButton
}
}
;
color: {
{
settings.btnSolidHoverTextColor
}
}
}
.login-container-ui input[type=text],
.login-container-ui input[type=email],
.login-container-ui input[type=password],
.login-container-ui input[type=tel],
.register-container-ui input[type=text],
.register-container-ui input[type=email],
.register-container-ui input[type=password],
.register-container-ui input[type=tel] {
padding-left: 8px;
font-size: 16px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
margin:22px 0px 22px 0px;
margin:auto;
height:46px;
width:calc(100% - 28px);
background: {
{
settings.lightestColor
}
}
}
.login-container-ui .pass-wrapper .show-pass.visible::before,
.register-container-ui .pass-wrapper .show-pass.visible::before {
content: ""
}
.login-container-ui .small-input-ui,
.register-container-ui .small-input-ui {
width: 45%;
display: inline-block;
vertical-align: top
}
.login-container-ui .small-input-ui label,
.register-container-ui .small-input-ui label {
margin-left: 2px
}
.login-container-ui input[name=streetNo],
.login-container-ui input[name=zipCode],
.login-container-ui input[name=city],
.login-container-ui input[name=unitNo],
.register-container-ui input[name=streetNo],
.register-container-ui input[name=zipCode],
.register-container-ui input[name=city],
.register-container-ui input[name=unitNo] {
width: 98%;
height: 50px
}
.login-container-ui select,
.register-container-ui select {
border:1px solid {
{
settings.lightBorderColor
}
}
;
float:left;
height:50px;
display:inline-block
}
.login-container-ui input[name=tin],
.register-container-ui input[name=tin] {
width: 41%
}
.login-container-ui input[name=tin].no-vateu-ui,
.register-container-ui input[name=tin].no-vateu-ui {
width: 300px
}
.login-container-ui select[name=vateu],
.register-container-ui select[name=vateu] {
width: 45%
}
.login-container-ui select[name=countryCode],
.register-container-ui select[name=countryCode] {
border:1px solid {
{
settings.lightBorderColor
}
}
}
.login-container-ui .select-background-ui,
.register-container-ui .select-background-ui {
width: 90%;
margin-top: 0;
margin-left: -13px;
vertical-align: middle
}
.login-container-ui .half-ui,
.register-container-ui .half-ui {
vertical-align: middle;
float: left;
width: calc(50% - 14px - 10px);
margin-left: 4%
}
.login-container-ui .half-ui:nth-child(2n),
.register-container-ui .half-ui:nth-child(2n) {
margin-left: 0;
margin-right: 16px;
float: right
}
.login-container-ui .half-ui .select-background-ui,
.login-container-ui .half-ui select,
.login-container-ui .half-ui input,
.register-container-ui .half-ui .select-background-ui,
.register-container-ui .half-ui select,
.register-container-ui .half-ui input {
width: 100%
}
.login-container-ui .successfull-post-message-ui,
.register-container-ui .successfull-post-message-ui {
min-height: 120px
}
.login-container-ui .login-button-ui,
.register-container-ui .login-button-ui {
margin-top: 0;
margin-bottom: 20px
}
.login-container-ui .checkbox-ui,
.register-container-ui .checkbox-ui {
margin-left: 0
}
.login-container-ui .checkbox-ui.channel-ui .label-ui,
.register-container-ui .checkbox-ui.channel-ui .label-ui {
margin-left: 30px
}
.login-button-drop-ui span,
.register-button-drop-ui span {
margin-left: 13px
}
.loginForm-ui {
width: 100%;
font-size: 16px;
margin-bottom: 20px
}
.loginForm-ui .login-form__socialButtons__title-ui {
display: inline-block;
width: 100%;
text-align: center
}
.loginForm-ui .socialLoginButtons-ui {
display: flex;
width: 100%;
align-content: center;
flex-wrap: wrap;
flex-direction: column
}
.loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui {
display: flex;
background: #fff;
color: #3c4043;
width: 250px;
height: 40px;
border: 1px solid #dadce0;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-top: 18px;
cursor: pointer
}
.loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbLoginIcon-ui {
background: #fff;
display: inline-block;
vertical-align: middle;
width: 21px;
height: 21px
}
.loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbButtonText-ui {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
font-size: 14px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
font-weight:500
}
.loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui:hover {
background-color: #f9faff;
border: 1px solid #dbe1ee;
transition: 0, 5s
}
.loginForm-ui .socialLoginButtons-ui .GLoginForm-ui {
display: flex;
justify-content: center;
align-items: center;
margin-top: 18px
}
.register-button-next-step-ui,
.register-button-sign-up-ui {
margin-top: 20px;
margin-bottom: 20px;
width: 299px
}
.register-form-next-step-ui {
width: 90%;
margin: auto
}
.register-form-next-step-ui .register-step-change-ui {
position: relative;
left: -2px;
width: 50%;
display: inline-block;
margin-right: -5px;
padding: 5px;
text-align: center;
font-size: 14px;
color: {
{
settings.primaryColorFont
}
}
;
background-color:#f6f6f6;
transition:all 300ms ease
}
.register-form-next-step-ui .register-step-change-ui:hover {
cursor: pointer;
color: {
{
settings.lightestColorFont
}
}
;
background-color: {
{
settings.iconColors
}
}
}
.register-form-next-step-ui .active-step-ui {
background-color: {
{
settings.iconColors
}
}
;
color: {
{
settings.lightestColorFont
}
}
}
.register-form-next-step-ui .first-step-ui {
z-index: 1
}
.register-form-next-step-ui .first-step-ui:after {
content: "";
position: absolute;
border-top: 12px solid rgba(0, 0, 0, 0);
border-bottom: 12px solid rgba(0, 0, 0, 0);
border-left: 16px solid #f6f6f6;
right: -16px;
top: 0;
transition: all 300ms ease
}
.register-form-next-step-ui .first-step-ui:hover:after {
cursor: pointer;
border-left:16px solid {
{
settings.iconColors
}
}
}
.register-form-next-step-ui .first-step-ui.active-step-ui:after {
cursor: pointer;
border-left:16px solid {
{
settings.iconColors
}
}
}
.register-form-next-step-ui .second-step-ui {
padding-left: 16px
}
.second-step-validation-ui {
pointer-events: none
}
.reminder-container-ui {
min-height: auto
}
.reminder-container-ui .button-ui {
margin-top: 20px;
margin-bottom: 20px
}
.reminder-container-ui .new-password-mail-reset-ui {
text-align: center
}
.reminder-container-ui .reminder-required-fields-ui {
font-size: 12px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
line-height:1.667;
margin:0px 0px 0px 18px;
color: {
{
settings.middleColorFont
}
}
;
margin-top:20px
}
.required-fields-ui {
margin-bottom: 20px
}
.login-password-reminder-ui {
font-size: 14px;
float: right;
margin-right: 15px;
color: {
{
settings.iconColors
}
}
}
.login-back-ui {
width: 276px
}
.login-button-drop-ui {
width: 335px
}
.manufacturer-container-ui {
font-size: 16px;
line-height: 63px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.manufacturer-container-ui i {
color: {
{
settings.iconColorGreyBar
}
}
}
.manufacturer-container-ui::after {
content: "";
display: block;
clear: both
}
.manufacturer-container-ui li {
text-align: center;
display: block;
float: left;
min-width: 267px;
color: {
{
settings.fontColorGreyBar
}
}
;
border-right:1px solid {
{
settings.lightBorderColor
}
}
;
min-height:66px;
position:relative;
margin-right:-1px
}
.manufacturer-container-ui li::after {
content: "";
display: block;
clear: both
}
.manufacturer-container-ui li label:not(.checkbox-ui):not(.radio-ui) {
color: {
{
settings.fontColorGreyBar
}
}
}
.manufacturer-container-ui .page-label-ui,
.manufacturer-container-ui .drop-btn-terms-ui {
display: block
}
.manufacturer-container-ui .page-label-ui,
.manufacturer-container-ui .drop-btn-terms-ui,
.manufacturer-container-ui li>a,
.manufacturer-container-ui li>button {
padding: 0 15px
}
.manufacturer-container-ui li a,
.manufacturer-container-ui li>button {
min-height: inherit;
display: block;
text-decoration: none;
color: {
{
settings.fontColorGreyBar
}
}
;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.manufacturer-container-ui li a:visited,
.manufacturer-container-ui li a:active,
.manufacturer-container-ui li>button:visited,
.manufacturer-container-ui li>button:active {
text-decoration: none;
color: {
{
settings.fontColorGreyBar
}
}
;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.manufacturer-container-ui li>button {
width: 100%;
background: none
}
.manufacturer-container-ui>li a:hover,
.manufacturer-container-ui>li>button:hover {
background: {
{
settings.menuBackgroundColorHover
}
}
;
color: {
{
settings.lightestColorFont
}
}
}
.manufacturer-container-ui>li a:hover a,
.manufacturer-container-ui>li a:hover .drop-btn-terms-ui,
.manufacturer-container-ui>li a:hover i,
.manufacturer-container-ui>li>button:hover a,
.manufacturer-container-ui>li>button:hover .drop-btn-terms-ui,
.manufacturer-container-ui>li>button:hover i {
color: {
{
settings.lightestColorFont
}
}
}
.manufacturer-container-ui>li.cart-ui a {
color: {
{
settings.lowerPriceAndCartFont
}
}
}
.manufacturer-container-ui>li.cart-ui a:hover {
background: {
{
settings.cartButtonHover
}
}
;
color: {
{
settings.cartButtonHoverFont
}
}
}
.manufacturer-container-ui li>button.toggle-cart-type-ui {
color: #fff;
background: {
{
settings.lowerPriceAndCart
}
}
}
.manufacturer-container-ui li>button.toggle-cart-type-ui:hover {
background: {
{
settings.cartButtonHover
}
}
}
.manufacturer-container-ui li>button.toggle-cart-type-ui.disabled-ui {
background: #8e8e8e;
cursor: not-allowed
}
.manufacturer-container-ui .dropdowns-ui {
line-height: 1.5em;
position: absolute;
left: 0;
top: 0
}
.manufacturer-container-ui>li .highlighted-ui,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) {
background: {
{
settings.navigationBarHighlightedBackgroundColor
}
}
!important;
color: {
{
settings.navigationBarHighlightedFontColor
}
}
!important
}
.manufacturer-container-ui>li .highlighted-ui i,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) i {
background: {
{
settings.navigationBarHighlightedBackgroundColor
}
}
!important;
color: {
{
settings.navigationBarHighlightedFontColor
}
}
!important
}
.manufacturer-container-ui>li .highlighted-ui:hover,
.manufacturer-container-ui>li .highlighted-ui:hover span,
.manufacturer-container-ui>li .highlighted-ui:hover i,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i {
background: {
{
settings.navigationBarHighlightedBackgroundHoverColor
}
}
!important;
color: {
{
settings.navigationBarHighlightedFontHoverColor
}
}
!important
}
.manufacturer-container-ui>li .highlighted-ui:hover i,
.manufacturer-container-ui>li .highlighted-ui:hover span i,
.manufacturer-container-ui>li .highlighted-ui:hover i i,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span i,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i i {
background: {
{
settings.navigationBarHighlightedBackgroundHoverColor
}
}
!important;
color: {
{
settings.navigationBarHighlightedFontHoverColor
}
}
!important
}
.manufacturer-container-ui>li .highlighted-ui:hover span,
.manufacturer-container-ui>li .highlighted-ui:hover span span,
.manufacturer-container-ui>li .highlighted-ui:hover i span,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span span,
.manufacturer-container-ui>li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i span {
background: {
{
settings.navigationBarHighlightedBackgroundHoverColor
}
}
!important;
color: {
{
settings.navigationBarHighlightedFontHoverColor
}
}
!important
}
.active-bar-ui {
background: #fff;
color: #fff;
margin-top: -15px !important;
padding: 9px 45px 0 45px !important;
border:1px solid {
{
settings.lightBorderColor
}
}
;
border-bottom:none;
border-top:5px solid {
{
settings.primaryColor
}
}
;
height:80px
}
.active-bar-ui:hover {
background: #fff
}
.active-bar-ui:hover i {
background: #fff;
color: {
{
settings.fontColorGreyBar
}
}
}
.active-bar-ui:hover a {
color: {
{
settings.fontColorGreyBar
}
}
}
.active-bar-ui:after {
content: "";
display: block;
height: 6px;
background: inherit;
margin-right: -45px;
margin-left: -45px
}
.successfull-post-message-ui {
color: {
{
settings.primaryColorFont
}
}
}
.successfull-post-message-ui .message-container-ui {
text-align: center;
padding: 40px !important;
line-height: 20px;
font-size: 18px;
font-weight: 500;
margin: auto;
background-color: {
{
settings.bgColor
}
}
;
display:flex;
align-items:center;
justify-content:center
}
.successfull-post-message-ui .message-container-ui i {
font-size: 30px !important
}
.successfull-post-message-ui .message-container-ui p {
color: {
{
settings.primaryColorFont
}
}
;
font-size:18px
}
.successfull-post-message-ui .message-container-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px
}
.successfull-post-message-ui .message-container-ui .ti-alert {
color: {
{
settings.errorColor
}
}
;
font-size:30px;
margin-right:10px
}
.successfull-post-message-ui .message-container-ui+.info-ui {
font-size: 16px !important;
padding: 35px 40px 40px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.formsBgColor
}
}
;
text-align:left !important
}
.pagination-ui li {
display: inline-block
}
section.home-ui ul {
text-align: center
}
section.home-ui ul li {
display: inline-block;
vertical-align: middle;
margin-right: 10px
}
section.products-ui .dropdown-ui {
cursor: pointer
}
section.products-ui .dropdown-ui li:hover {
text-decoration: underline
}
section.contact-ui .map-ui {
height: 300px
}
.search-advanced-ui {
padding-left: 5px;
font-family: Roboto,sans-serif;
font-size:16px
}
.ribbon-ui {
font-size: small;
color: #FFFFFF;
display:inline-block;
padding:0 6px;
background: #f38c01
}
.ribbon-ui.Promotion-ui,
.ribbon-ui.free-ui {
background: #EF5350
}
.ribbon-ui.BestRated-ui {
background: #9575CD
}
.ribbon-ui.NewProduct-ui {
background: #81C784
}
.ribbon-ui.RecommendedProduct-ui {
background: #FFB74D
}
.ribbon-ui.PromotionalProduct-ui {
background: #9E9E9E
}
.ribbon-ui.VendorRecomendation-ui {
background: #64B5F6
}
.ribbon-ui.GreatPrice-ui {
background: #A1887F
}
.ribbon-ui.GreatQuality-ui {
background: #4DB6AC
}
.ribbon-ui.Sale-ui {
background: #F06292
}
.ribbon-ui.Reward-ui {
background: #FF7043
}
.price-ui {
color: #7fba00;
font-weight:500
}
.seach-by-type-and-area-container {
display: inline-block;
width: 590px
}
.advanced-search-title-ui {
font-size: 16px;
font-weight: bold
}
.advanced-search-title-ui:before {
content: "";
height: 50px;
width: 5px;
background: #f38c01;
display:inline-block;
vertical-align:middle;
margin-right:10px
}
.advanced-search-ui {
padding-bottom: 50px;
vertical-align: initial;
font-family: Roboto, sans-serif
}
.advanced-search-ui .select-arrow-ui {
width: 0px;
position: relative;
left: -32px;
display: inline-block;
vertical-align: middle;
margin-left: 0px;
pointer-events: none
}
.advanced-search-ui p {
font-size: 14px
}
.advanced-search-ui input[type=search] {
display: block;
width: 60%;
height: 40px
}
.advanced-search-ui-price-ui {
text-align: center;
margin-top: 50px;
font-weight: bold;
background: #fbfbfb;
padding: 20px 0px 20px 0px
}
.advanced-search-ui-price-ui span {
margin-left: 5px;
text-align: left
}
.advanced-search-ui .checkbox-ui {
display: inline-block;
margin-right: 15px
}
.advanced-search-ui .last-searches-ui {
float: right;
color: {
{
settings.iconColors
}
}
}
.advanced-search-ui .last-searches-ui i {
padding-right: 10px
}
.advanced-search-ui .filter-opts-ui {
margin-top: 70px;
display: inline-block;
width: 24%;
vertical-align: top
}
.advanced-search-ui .filter-opts-ui .checkbox-ui {
display: inline-block;
line-height: 2.5em;
margin: -2px 0px 4px 0px
}
.advanced-search-ui .filter-opts-ui .formal-regulations-ui ul {
margin-left: 0px
}
.advanced-search-ui .filter-opts-ui input[type=radio] {
display: none
}
.advanced-search-ui .filter-opts-ui input[type=radio]+.label-ui::before {
vertical-align: middle
}
.advanced-search-ui input[type=search] {
display: inline-block;
height: 62px;
vertical-align: middle
}
.advanced-search-ui input[type=text],
.advanced-search-ui input[type=number] {
-moz-appearance: textfield;
width: 68px;
height: 35px;
border:1px solid {
{
settings.lightBorderColor
}
}
}
.advanced-search-ui select {
-webkit-appearance: none;
-moz-appearance: none;
width: 21%;
height: 62px;
display: inline-block;
border:1px solid {
{
settings.lightBorderColor
}
}
;
padding-left:5px;
margin-left:-5px
}
.advanced-search-ui select:hover {
cursor: pointer
}
.advanced-search-ui .advanced-search-button-ui {
display: inline-block;
margin: 20px 0px 30px 0px;
width: 18%;
background: {
{
settings.btnSolidBgColor
}
}
;
border-top:1px solid {
{
settings.btnSolidBgColor
}
}
;
color: {
{
settings.btnSolidTextColor
}
}
;
height:62px;
font-size:16px;
vertical-align:sub;
margin-left:-9px;
font-size:18px
}
.advanced-search-ui .advanced-search-button-ui:hover {
background: {
{
settings.hoverOverButton
}
}
;
border-top:1px solid {
{
settings.hoverOverButton
}
}
;
color: {
{
settings.btnSolidHoverTextColor
}
}
}
.advanced-search-ui .control-group-ui {
display: inline-block;
width: 200px;
height: 210px;
margin: 10px;
padding: 30px;
text-align: left;
vertical-align: top;
background: {
{
settings.lightBorderColor
}
}
;
box-shadow:0 1px 2px rgba(0, 0, 0, .1)
}
.advanced-search-ui .control-ui {
position: relative;
padding-left: 15px
}
.advanced-search-ui .control-ui input {
opacity: 0
}
.advanced-search-ui .control-indicator-ui {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: {
{
settings.lightBorderColor
}
}
}
.advanced-search-ui .control-radio-ui .control-indicator-ui {
border-radius: 50%
}
.advanced-search-ui .control-ui:hover input~.control-indicator-ui,
.advanced-search-ui .control-ui input:focus~.control-indicator-ui {
background: {
{
settings.lightBorderColor
}
}
}
.advanced-search-ui .control-ui input:checked~.control-indicator-ui {
background: {
{
settings.lowerPriceAndCart
}
}
}
.advanced-search-ui .control-ui:hover input:not([disabled]):checked~.control-indicator-ui,
.advanced-search-ui .control-ui input:checked:focus~.control-indicator-ui {
background: {
{
settings.lowerPriceAndCart
}
}
}
.advanced-search-ui .control-ui input:disabled~.control-indicator-ui {
pointer-events: none;
opacity: .6;
background: {
{
settings.lowerPriceAndCart
}
}
}
.advanced-search-ui .control-indicator-ui:after {
position: absolute;
display: none;
content: ""
}
.advanced-search-ui .control-ui input:checked~.control-indicator-ui:after {
display: block
}
.advanced-search-ui .control-checkbox-ui .control-indicator-ui:after {
top: 4px;
left: 8px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border:solid {
{
settings.inputsBgColor
}
}
;
border-width:0 2px 2px 0
}
.advanced-search-ui .control-radio-ui .control-indicator-ui:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: {
{
settings.inputsBgColor
}
}
}
.contact-page-section-ui {
min-height: 500px;
padding-top: 30px
}
.formal-regulations-ui {
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
padding-left:21px;
font-size:16px;
line-height:1.5;
color: {
{
settings.primaryColorFont
}
}
;
min-height:500px;
padding-bottom:30px
}
.formal-regulations-ui a {
color: {
{
settings.iconColors
}
}
}
.formal-regulations-ui a:hover {
color: #d68800
}
.formal-regulations-ui p:not(.formal-content-line-ui) {
margin: 8px 0 8px 0;
word-break: break-word
}
.formal-regulations-ui h1 {
display: inline-flex;
vertical-align: super
}
.formal-regulations-ui ul {
list-style-type: disc;
padding-inline-start: 40px
}
.formal-regulations-ui ul li {
line-height: 1.6
}
.formal-content-line-ui {
display: inline-flex
}
.formal-content-line-ui:before {
content: "";
height: 30px;
width: 2px;
background: {
{
settings.primaryColor
}
}
;
display:inline-block;
vertical-align:middle;
margin-right:10px
}
.formal-content-title-ui {
font-size: 18px;
color: {
{
settings.primaryColorFont
}
}
;
line-height:1.2
}
.formal-content-container-ui {
color: {
{
settings.primaryColorFont
}
}
}
.formal-content-container-ui a {
color: {
{
settings.iconColors
}
}
}
.formal-content-ui {
color: {
{
settings.primaryColorFont
}
}
}
.date-of-publication-ui {
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
font-size:16px;
color:#717171;
line-height:1.2
}
.regulations-sizeTable.sizeTable .heading {
text-transform: uppercase;
margin-top: 50px !important;
word-break: break-word;
font-size: 18px
}
.regulations-sizeTable.sizeTable .heading-bottom {
font-size: 16px;
margin-top: 40px !important
}
.regulations-sizeTable.sizeTable .text {
word-break: break-word;
margin-bottom: 20px !important;
font-size: 15px
}
.regulations-sizeTable.sizeTable .text-bottom {
font-size: 13px
}
.regulations-sizeTable.sizeTable .table {
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
width: 100%
}
.regulations-sizeTable.sizeTable .table-firstRow td {
background-color: #b0b0b0
}
.regulations-sizeTable.sizeTable .table tr:not(.table-firstRow) td.table-firstCol {
background-color: #dadada
}
.regulations-sizeTable.sizeTable .table tr:not(.table-firstRow) td:not(.table-firstCol) {
background-color: #fff
}
.regulations-sizeTable.sizeTable .table td {
border: 1px solid #000;
text-align: center;
line-height: 20px;
height: 40px;
width: auto;
padding: 0 10px;
color: #000;
font-size: 16px
}
@media screen and (min-width: 370px) {
.regulations-sizeTable.sizeTable .table td {
min-width: 80px
}
}
.regulations-sizeTable img {
display: block;
margin: 30px auto 60px;
height: auto;
width: auto;
max-width: 80%
}
.shop-address-contact-page-ui {
width: 46%;
margin-left: 75px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
font-size:16px;
float:left;
color: {
{
settings.primaryColorFont
}
}
}
.shop-address-contact-page-ui .additional-info-ui {
font-size: 16px;
color: {
{
settings.primaryColorFont
}
}
;
line-height:1.5;
margin-left:19px
}
.shop-address-contact-page-ui i {
font-size: 24px;
margin-left: -30px;
vertical-align: middle
}
.shop-address-contact-page-ui i+span {
vertical-align: middle
}
.shop-address-contact-page-ui-phone-and-mail-container {
display: inline-table;
float: right;
margin-left: 100px;
margin-right: 30px
}
.shop-address-contact-page-ui-phone-and-mail-container .contact-page-phone-mail-ui {
margin-left: 0px
}
.shop-address-contact-page-ui h2 {
margin-top: 60px;
border-left:2px solid {
{
settings.primaryColor
}
}
!important;
font-weight:normal;
line-height:1.3
}
.shop-address-contact-page-ui a {
color: {
{
settings.iconColors
}
}
}
.shop-address-contact-page-ui a:hover {
color: {
{
settings.iconColorsHover
}
}
}
.shop-address-contact-page-ui p {
margin-left: 21px
}
.shop-address-contact-page-ui .contact-mail-ui {
margin-top: 20px
}
.shop-address-and-contact-ui {
margin-top: 40px;
display: inline-flex
}
.contact-page-company-name-ui {
margin-left: -6px;
font-size: 24px;
margin-top: 60px;
color: {
{
settings.primaryColorFont
}
}
;
line-height:1.2
}
.close-contact-form-icon-ui {
float: right;
font-size: 18px;
position: absolute;
right: 36px;
top: 22px
}
.close-contact-form-icon-ui:hover {
cursor: pointer
}
.map-container-ui {
width: 45%;
float: right
}
.map-container-ui .map {
height: 820px;
width: 95%;
float: right
}
.toggle-files-to-download-ui {
display: none;
z-index: 999;
background-color: #fff;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .11);
left: 774px;
top: 24px;
width: 300px;
position: absolute;
border-bottom: 1px solid #ddd
}
.toggle-files-to-download-ui span {
font-size: 16px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
color:rgba(66, 66, 66, .749);
margin-left:15px
}
.toggle-files-to-download-ui ul li {
width: 100%;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 16px
}
.toggle-files-to-download-ui ul li a {
color: {
{
settings.iconColors
}
}
!important;
text-decoration:none
}
.toggle-files-to-download-ui ul li i {
color: {
{
settings.iconColors
}
}
;
font-size:16px;
padding-left:10px;
padding-right:5px
}
.toggle-files-to-download-ui ul li:hover a,
.toggle-files-to-download-ui ul li:hover i {
color: {
{
settings.iconColorsHover
}
}
!important;
background:none
}
.contact-ui {
width: 630px
}
.contact-ui .dropdown-title-ui {
padding: 20px;
opacity: 1;
margin: 0;
font-weight: 500;
font-size: 18px;
color: {
{
settings.primaryColorFont
}
}
}
.contact-ui .form-ui {
padding: 0 20px 20px
}
.files-to-download-ui {
width: 300px
}
.files-to-download-ui .close-ui {
padding: 0;
top: 25px;
right: 21px
}
.files-to-download-ui .dropdown-title-ui {
padding: 21px;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
color: {
{
settings.primaryColorFont
}
}
}
.dropdowns-ui {
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.formsBgColor
}
}
;
box-shadow:0px 8px 10px 0px rgba(0, 0, 0, .2);
-moz-box-shadow:0px 8px 10px 0px rgba(0, 0, 0, .2);
z-index:1;
text-align:left;
font-size:1rem;
max-width:520px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
}
.dropdowns-ui .files-ui {
width: 300px
}
.dropdowns-ui .files-ui ul li {
color: {
{
settings.primaryColorFont
}
}
;
margin-left:0px;
background-color: {
{
settings.bgColor
}
}
}
.dropdowns-ui .files-ui ul li:hover {
background: none
}
.dropdowns-ui span {
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.dropdowns-ui ul li {
width: 100%;
border: none;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
text-align:left;
font-size:16px
}
.dropdowns-ui ul li a {
color: {
{
settings.iconColors
}
}
!important;
text-decoration:none
}
.dropdowns-ui ul li i {
color: {
{
settings.iconColors
}
}
;
font-size:16px;
padding-left:10px;
padding-right:5px
}
.dropdowns-ui ul li:hover a,
.dropdowns-ui ul li:hover i {
color: {
{
settings.iconColorsHover
}
}
!important;
background:none
}
.dropdowns-ui input {
font-size: 16px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
height:46px;
width:100%;
display:block;
border:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.lightestColor
}
}
;
margin-top:3px
}
.dropdowns-ui textarea {
font-size: 16px;
height: 46px;
width: 100%;
display: block;
margin: auto;
border:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.lightestColor
}
}
;
height:145px;
margin-top:3px;
padding:10px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.dropdowns-ui label {
margin-top: 10px;
font-size: 13px;
color: #717171;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.dropdowns-ui label:not(.checkbox-ui) {
height: 20px
}
.dropdowns-ui .close-cart-form-icon-ui {
float: right;
font-size: 16px;
right: 0;
top: 0;
padding: 20px;
line-height: 1;
z-index: 1;
text-align: right
}
.dropdowns-ui .close-cart-form-icon-ui i {
padding: 0 !important
}
.dropdowns-ui .button-container-ui {
padding-top: 20px
}
.dropdowns-ui .button-container-ui button {
width: 100%;
margin-right: -4px;
font-size: 18px
}
.dropdowns-ui .button-container-ui button:hover {
background: {
{
settings.hoverOverButton
}
}
}
.dropdowns-ui .button-container-ui .cart-order-ui {
background: {
{
settings.lowerPriceAndCart
}
}
;
width:100%
}
.dropdowns-ui .button-container-ui .cart-order-ui:hover {
background: {
{
settings.cartButtonHover
}
}
}
.dropdowns-ui .button-container-ui i {
margin-right: 10px
}
.send-contact-form-button-ui {
background-color: {
{
settings.primaryColor
}
}
;
font-size:16px;
min-width:260px;
margin-top:20px;
color: {
{
settings.btnSolidTextColor
}
}
;
border:none
}
.send-contact-form-button-ui i {
color: {
{
settings.btnSolidTextColor
}
}
;
padding-right:9px
}
.send-contact-form-button-ui:hover {
background: {
{
settings.hoverOverButton
}
}
}
.contact-form-required-fields-ui {
font-size: 12px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
line-height:1.667;
margin:0;
color: {
{
settings.middleColorFont
}
}
;
margin-top:20px
}
.add-attachement-label-ui-contact {
width: fit-content !important;
font-size: 16px !important;
line-height: 1;
color: {
{
settings.iconColors
}
}
!important;
vertical-align:middle;
margin:0;
cursor:pointer;
transition:all ease 200ms
}
.add-attachement-label-ui-contact:hover {
color: {
{
settings.iconColorsHover
}
}
!important
}
.add-attachement-label-ui-contact i {
font-size: 20px;
vertical-align: bottom;
color: {
{
settings.iconColors
}
}
}
.connectSocialsAccount-ui {
width: 93%;
margin: auto;
margin-bottom: 50px
}
.connectSocialsAccount-ui .CustomerContentSection-ui {
margin-top: 50px;
display: flex;
flex-direction: column
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButton-ui {
display: inline-flex !important;
box-shadow: 0px 1px 1px 1px #d3d3d3;
justify-content: center;
align-items: center;
width: calc(33% - 11px);
min-width: 420px;
height: auto;
color: #232323;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
display: block;
margin-bottom: 20px;
padding: 17px;
text-align: center;
cursor: pointer;
letter-spacing: 1px
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButtonGoogle-ui {
background-color: #fff
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButtonFacebook-ui {
background-color: #fff
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButton-ui:hover {
box-shadow: 0 0 4px #4285f4;
transition: 1s
}
.connectSocialsAccount-ui .CustomerContentSection-ui .GFbLinkIcon-ui {
margin-right: 10px;
width: 32px;
height: 32px
}
@media screen and (min-width: 1280px) {
.no-on-desktop-ui {
display: none !important
}
}
.isInCartPopup {
position: fixed;
min-height: 40px;
width: auto;
padding: 10px 20px;
background-color: {
{
settings.bgColor
}
}
;
border:1px solid {
{
settings.primaryColorFont
}
}
;
z-index:100;
box-shadow:2px 2px 3px 0 #b0b0b0;
color: {
{
settings.primaryColorFont
}
}
;
font-size:15px;
line-height:40px
}
.isInCartPopup span {
color: {
{
settings.iconColors
}
}
}
.isInCartPopup.isInCart--variants-js {
margin-top: 5px;
position: absolute
}
@media screen and (min-width: 1280px) {
.isInCartPopup.isInCart--variants-js {
min-width: 270px
}
}
@media screen and (max-width: 1279px) {
.isInCartPopup.isInCart--variants-js {
left: 50%;
transform: translate(-50%, 0)
}
}
.svgIcon-inCart {
fill: green;
width: 20px;
height: 20px;
cursor: pointer;
display: inline-flex;
vertical-align: middle;
margin-right: 5px
}
.svgIcon-inCart--PL {
position: absolute;
left: 5px;
top: 50%;
transform: translate(0, -50%)
}
.brutto-price-ui {
display: flex
}
.brutto-netto-ui {
margin-left: 10px
}
.brutto-netto-price-ui {
display: flex;
justify-content: space-between;
margin: 10px 0px;
flex-direction: column
}
.recommended-products-ui {
margin: 20px 0
}
.recommended-products-ui .recommended-products-title-ui {
padding: 4px 12px;
font-size: 1.1rem
}
.recommended-products-ui .message-popup-ui {
padding: 0
}
.recommended-products-list-ui {
width: 95%;
margin: 0 auto;
display: flex
}
.recommended-products-list-ui .ti-angle-left::before,
.recommended-products-list-ui .ti-angle-right::before {
font-size: 2rem !important
}
.recommended-products-list-ui .slick-slide {
margin: 0 10px
}
.recommended-products-list-ui .recommended-product-link-ui .minibox-product-ui {
width: 100%
}
.recommended-products-list-ui .minibox-product-ui {
float: none !important;
position: relative;
margin: 0 5px;
overflow: hidden;
max-width: 300px;
height: 345px;
color: initial
}
.recommended-products-list-ui .minibox-product-ui:hover .minibox-product-add-to-cart-ui {
bottom: 0
}
.recommended-products-list-ui .minibox-product-ui .product-flags-ui {
left: 5px;
right: 5px
}
.recommended-products-list-ui .minibox-product-ui .product-flags-ui--discount span {
display: block;
width: fit-content;
margin: 3px 0
}
.recommended-products-list-ui .minibox-product-ui .image-container-ui {
width: auto;
float: none;
height: 190px
}
.recommended-products-list-ui .minibox-product-ui .image-container-ui .no-image-ui {
font-size: 150px
}
.recommended-products-list-ui .minibox-product-ui .product-name-ui {
-webkit-line-clamp: 1 !important
}
.recommended-products-list-ui .minibox-product-ui .price-ui,
.recommended-products-list-ui .minibox-product-ui .brutto-price-ui {
color: {
{
settings.lowerPriceAndCart
}
}
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui {
position: absolute;
bottom: -70px;
left: 0;
right: 0;
z-index: 1;
width: 100%;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
transition: bottom .3s linear;
background: {
{
settings.bgColor
}
}
;
box-shadow:0 1px 10px {
{
settings.lightBorderColor
}
}
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui {
margin-top: 0;
width: 100%;
min-height: auto
}
@media screen and (min-width: 1280px) {
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui {
padding: 5px
}
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .add-to-cart-label-ui {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .lower-text-ui {
display: flex;
align-items: center;
font-size: 13px
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .button-with-name {
margin-left: 5px
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .button-with-name .cart-name-lq {
margin-left: 5px
}
.header-ui {
padding-left: 50px;
padding-right: 50px;
background: #fbfbfb;
font-size: 14px;
height: 41px;
padding-top: 6px
}
.header-ui i {
font-size: 18px;
color: {
{
settings.iconColors
}
}
;
margin-right:5px;
color:inherit
}
.header-ui ul li {
display: inline-block;
position: relative
}
.header-ui ul li>a>*,
.header-ui ul li>button>*,
.header-ui ul li>.header-option-label-ui>*,
.header-ui ul li>.form-js:not(.dropdowns-ui) button>* {
vertical-align: middle
}
.header-ui ul li:not(.last-ui) {
margin-right: 30px
}
.header-ui ul li .dropdowns-ui {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 999;
padding: 15px
}
.header-ui ul li .dropdowns-ui.change-employee-company-ui {
padding: 0
}
.header-ui ul li .dropdowns-ui.supervisor-ui {
left: 0;
right: auto;
width: 450px;
padding: 20px
}
.header-ui ul li .dropdowns-ui.supervisor-ui .dropdown-title-ui {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui {
padding: 10px;
border:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.bgColor
}
}
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui {
width: 100px;
margin-right: 10px;
display: inline-block;
vertical-align: top
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui.i-ui {
padding-top: 10px
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui i {
color: {
{
settings.lightBorderColor
}
}
;
font-size:76px;
border:1px solid {
{
settings.lightBorderColor
}
}
;
padding:10px
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .info-ui {
width: 270px;
line-height: 2;
display: inline-block;
vertical-align: top
}
.header-ui ul li .header-item-label-ui {
padding: 0
}
.header-ui ul li .dropdown-icon-ui {
font-size: small;
margin-right: 0
}
.header-ui .flags-div-ui,
.header-ui .currency-div-ui {
margin: 30px 0
}
.header-ui .header-supervisor-ui>button {
color: {
{
settings.iconColors
}
}
;
transition:all 300ms ease
}
.header-ui .header-supervisor-ui>button:hover,
.header-ui .header-supervisor-ui>button span:hover {
color: {
{
settings.iconColorsHover
}
}
}
.header-ui .label-ui {
font-size: 10px;
line-height: 1
}
.header-ui .current-company-short-name-ui {
display: inline-block;
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px
}
@media only screen and (min-width: 1320px) {
.header-ui .current-company-short-name-ui {
width: 200px
}
}
@media only screen and (min-width: 1430px) {
.header-ui .current-company-short-name-ui {
width: 300px
}
}
@media only screen and (min-width: 1500px) {
.header-ui .current-company-short-name-ui {
width: 370px
}
}
.header-categories-icon-ui {
margin-right: 5px;
vertical-align: middle;
font-size: 24px;
color: {
{
settings.middleColorFont
}
}
;
line-height:1;
text-align:left
}
.header-categories-ui {
background: {
{
settings.menuBackgroundColor
}
}
}
.header-middle-section-ui .customer-profile-ui {
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block
}
.header-middle-section-ui .customer-profile-ui p {
font-size: 14px
}
.header-middle-section-ui .customer-profile-ui:hover i,
.header-middle-section-ui .customer-profile-ui:hover p {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i {
color: {
{
settings.iconColors
}
}
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i:hover {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i,
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i:hover {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .empty-cart-notice-ui {
color: {
{
settings.primaryColorFont
}
}
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .wishlist-icon-ui .counter-bg-ui {
background-color: {
{
settings.smallCartCounterBgColorHover
}
}
}
.header-middle-section-ui .customer-profile-ui a {
color: {
{
settings.iconColors
}
}
;
text-decoration:none
}
.header-middle-section-ui .customer-profile-ui i {
text-align: center;
display: inline-block;
padding-top: 5px
}
.header-middle-section-ui .customer-profile-ui.active-ui {
height: 123px;
background: {
{
settings.smallCartActiveBgColor
}
}
;
border:1px solid {
{
settings.smallCartActiveBorderColor
}
}
;
border-bottom:1px solid {
{
settings.mainBarBgColor
}
}
;
padding:0 20px;
margin-top:0;
vertical-align:top;
padding-top:15px;
cursor:default;
z-index:1;
position:relative
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover {
background: {
{
settings.smallCartActiveBgColorHover
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover a,
.header-middle-section-ui .customer-profile-ui.active-ui:hover,
.header-middle-section-ui .customer-profile-ui.active-ui:hover p {
color: {
{
settings.smallCartActiveFontColorHover
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover i {
color: {
{
settings.smallCartActiveIconsColorHover
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui a,
.header-middle-section-ui .customer-profile-ui.active-ui,
.header-middle-section-ui .customer-profile-ui.active-ui p {
color: {
{
settings.smallCartActiveFontColor
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui i {
color: {
{
settings.smallCartActiveIconsColor
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i {
color: {
{
settings.iconColors
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i:hover {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i,
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i:hover {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui {
color: {
{
settings.primaryColorFont
}
}
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui i:hover {
color: #d2d2d2
}
.header-middle-section-ui .inquiry-icon-container-ui {
position: relative;
cursor: pointer;
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block
}
.header-middle-section-ui .inquiry-icon-container-ui>p {
font-size: 14px;
color: {
{
settings.iconColors
}
}
}
.header-middle-section-ui .inquiry-icon-container-ui:hover>i,
.header-middle-section-ui .inquiry-icon-container-ui:hover>p {
color: {
{
settings.iconColorsHover
}
}
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-bg-ui {
position: absolute;
left: 33px;
background-color: {
{
settings.smallCartCounterBgColor
}
}
;
color: {
{
settings.smallCartCounterFontColor
}
}
;
font-size:12px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
text-align:center;
border-radius:50%;
width:20px;
height:20px
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-ui {
vertical-align: middle;
line-height: 1.5
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui,
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-ui {
color: {
{
settings.smallCartCounterFontColorHover
}
}
!important
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui {
background-color: {
{
settings.smallCartCounterBgColorHover
}
}
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui .counter-bg-ui {
left: 52px
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui:hover {
background-color: {
{
settings.iconColorsHover
}
}
}
.phone-ui .header-mail-ui {
float: left;
font-size: 18px;
line-height: 1.2;
margin-left: 22px;
margin-top: 11px
}
.phone-no-ui .mail-address-ui {
font-size: 14px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
color:#717171;
opacity:.8;
line-height:1.2;
text-align:left;
margin-left:12px;
margin-right:35px;
text-decoration:none
}
.change-lang-form-ui,
.change-currency-form-ui {
width: 265px
}
.flags-dropdown-ui,
.currency-dropdown-ui {
min-width: 34px;
line-height: 1em;
display: inline-block;
border:1px solid {
{
settings.lightBorderColor
}
}
;
padding:7px;
background-color: {
{
settings.bgColor
}
}
;
cursor:pointer
}
.flags-dropdown-ui:hover:not(.selected),
.currency-dropdown-ui:hover:not(.selected) {
background: {
{
settings.hoverOverButton
}
}
;
color: {
{
settings.btnSolidHoverTextColor
}
}
}
.flags-dropdown-ui.selected,
.flags-dropdown-ui.selected:hover,
.currency-dropdown-ui.selected,
.currency-dropdown-ui.selected:hover {
border:1px solid {
{
settings.primaryColor
}
}
;
color:inherit;
background-color: {
{
settings.bgColor
}
}
;
cursor:default
}
.shop-closed-current-language-ui {
border:1px solid {
{
settings.primaryColor
}
}
}
.register-or-login-flags-ui {
right: 48px
}
.logout {
float: right !important;
color: {
{
settings.primaryColorFont
}
}
;
margin-left:500px
}
.current-client-currency-ui {
border:1px solid {
{
settings.primaryColor
}
}
}
.header-nav-ui {
padding-left: 50px;
padding-right: 50px;
height: 142px
}
.header-nav-ui.closed-ui {
height: 180px
}
.header-nav-ui .logo-ui a {
display: block
}
.header-nav-ui .logo-ui img {
height: auto;
width: auto;
max-width: 200px;
max-height: 80px;
background: {
{
settings.colorBackgroundLogo
}
}
}
.header-nav-ui nav>* {
margin-right: 10px;
display: inline-block
}
.header-nav-ui .sign-out-ui {
cursor: pointer
}
.client-area-ui {
float: right;
margin: 20px 15px 0px 20px;
position: relative
}
.unregistered-user-header-ui {
float: right;
margin-top: 35px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.unregistered-user-header-ui i:hover {
cursor: default
}
.unregistered-user-ui li {
text-align: center
}
.logged-user-only-text-ui {
font-size: 20px;
color: {
{
settings.middleColorFont
}
}
;
line-height:1.2;
text-align:right;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.login-or-register-text-ui {
text-align: right
}
.login-or-register-text-ui span {
margin-right: 20px
}
.please-register-link-ui,
.please-login-link-ui {
margin: 0px 10px 0px 10px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.change-employee-company-ui {
width: 251px;
min-height: 172px;
color: {
{
settings.primaryColorFont
}
}
}
.change-employee-company-ui .dropdown-title-ui {
padding: 15px;
margin-bottom: 0
}
.change-employee-company-ui #idSelectP p {
padding: 10px 0px 10px 15px;
margin: 0;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.bgColor
}
}
}
.change-employee-company-ui #idSelectP p:hover {
cursor: pointer
}
.change-employee-company-ui #idSelectP p:first-child {
border-top:1px solid {
{
settings.lightBorderColor
}
}
}
.change-employee-company-ui .default-company-ui {
border-left:3px solid {
{
settings.iconColors
}
}
;
pointer-events:none
}
.change-employee-company-ui .change-employee-company-list-ui {
max-height: 500px;
overflow-y: auto
}
.change-employee-company-ui .change-employee-company-list-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.change-employee-company-ui .change-employee-company-list-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0)
}
.change-employee-company-ui .change-employee-company-list-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.change-employee-company-ui .change-employee-company-list-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.change-employee-company-ui .change-employee-company-search-ui input {
border-left: none;
border-right: none;
padding: 10px 16px;
opacity: .6
}
.change-cart-ui {
width: 390px;
top: -1px;
right: -1px;
position: absolute;
border-width: 1px;
background-color: white;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .11);
z-index: 999;
float: left;
min-height: 150px;
z-index: 999;
padding: 0
}
.change-cart-ui .cart-change-icon-ui {
margin-right: 8px
}
.change-cart-ui .add-cart-ui {
color: {
{
settings.iconColors
}
}
;
font-weight:bold
}
.change-cart-ui .add-cart-ui:hover {
color: {
{
settings.hoverOverButton
}
}
;
cursor:pointer
}
.change-cart-ui .cart-change-popup-ui {
padding: 15px;
margin: 0;
font-size: 16px;
color: {
{
settings.iconColors
}
}
}
.change-cart-ui .cart-change-popup-ui:hover {
cursor: pointer
}
.change-cart-ui .listed-cart-ui:first-child {
border-top:1px solid {
{
settings.lightBorderColor
}
}
}
.change-cart-ui .listed-cart-ui {
padding: 10px 0px 10px 15px;
margin: 0;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
background-color: {
{
settings.bgColor
}
}
}
.change-cart-ui .listed-cart-ui:hover {
cursor: pointer
}
.change-cart-ui .selected-cart-ui {
border-left:3px solid {
{
settings.iconColors
}
}
;
pointer-events:none
}
.change-cart-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 56px
}
.change-cart-ui .empty-cart-notice-ui.with-change-ui {
margin: 16px 0 20px
}
.change-cart-ui .empty-cart-notice-ui i {
font-size: 40px;
padding: 0;
color: #d2d2d2;
margin-right: 10px
}
.change-cart-ui .price-ui {
color: {
{
settings.lowerPriceAndCart
}
}
;
font-size:18px;
margin-top:1px
}
.change-cart-ui .quantity-ui {
font-size: 14px
}
.change-cart-ui .total-items-ui {
font-size: 18px
}
.change-cart-ui.no-products-in-cart-ui {
background-color: {
{
settings.bgColor
}
}
}
.change-cart-ui.change-inquiry-ui {
top: -21px
}
.no-products-in-wishlist-ui {
width: 390px;
top: -1px;
right: -1px;
position: absolute;
border-width: 1px;
background-color: {
{
settings.bgColor
}
}
;
box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .11);
z-index:999;
float:left;
min-height:150px;
z-index:999;
padding:0
}
.no-products-in-wishlist-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 50px
}
.close-cart-form-icon-ui {
float: right;
font-size: 18px;
position: absolute;
right: 36px;
top: 5px
}
.close-cart-form-icon-ui :hover {
cursor: pointer
}
.carts-containers-ui {
margin: auto;
width: 90%;
border:1px solid {
{
settings.lightBorderColor
}
}
;
margin-top:40px;
margin-bottom:20px;
background-color: {
{
settings.bgColor
}
}
}
.carts-containers-ui p,
.carts-containers-ui span {
margin: 11px 11px 0px 11px
}
.carts-containers-ui .quantity-ui {
position: relative;
height: 18px
}
.carts-containers-ui .quantity-ui>span {
margin: 0;
position: absolute;
bottom: 0
}
.carts-containers-ui .price-ui {
right: 0
}
.carts-containers-ui .price-ui span:last-child {
font-size: 14px;
color: {
{
settings.primaryColorFont
}
}
;
padding-left:7px;
margin:0
}
.carts-containers-ui .icon-ui {
color: {
{
settings.iconColors
}
}
;
margin-right:0;
cursor:pointer
}
.carts-containers-ui .cart-name-ui {
font-size: 16px;
color: {
{
settings.iconColors
}
}
;
display:inline-block;
width:calc(100% - 48px);
margin-left:5px;
margin-top:16px
}
.carts-containers-ui .cart-name-input-ui {
display: inline-block;
width: calc(100% - 47px);
height: 30px;
margin: 10px 10px 0 5px
}
.carts-containers-ui .cart-name-to-replace-ui {
margin: 0
}
.cart-ui-summary {
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
width:90%;
margin:auto;
margin-top:50px
}
.cart-ui-summary span {
float: right
}
.button-container-ui {
padding-top: 20px
}
.button-container-ui button {
width: 50%;
margin-right: -4px;
font-size: 18px
}
.button-container-ui button:hover {
background: {
{
settings.hoverOverButton
}
}
}
.button-container-ui .cart-delete-ui {
background: {
{
settings.secondaryColor
}
}
}
.button-container-ui .cart-change-ui {
background: {
{
settings.lowerPriceAndCart
}
}
}
.button-container-ui i {
margin-right: 10px
}
.header-shopping-cart-ui {
position: relative;
float: right
}
.header-shopping-cart-ui .header-cart-box-ui {
width: 180px;
height: 101px;
border:1px solid {
{
settings.smallCartBorderColor
}
}
;
text-align:right;
padding:30px 15px 15px;
background-color: {
{
settings.smallCartBgColor
}
}
}
.header-shopping-cart-ui .header-cart-box-ui:hover {
cursor: pointer;
border:1px solid {
{
settings.smallCartBorderColorHover
}
}
}
.header-shopping-cart-ui .header-cart-box-ui:hover i {
color: {
{
settings.smallCartCartIconColorHover
}
}
}
.header-shopping-cart-ui .header-cart-box-ui:hover>span {
color: {
{
settings.smallCartCartFontColorHover
}
}
}
.header-shopping-cart-ui .current-cart-name-ui {
color: {
{
settings.smallCartCartFontColor
}
}
;
font-size:14px;
position:absolute;
top:5px;
left:10px;
right:10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:left
}
.header-shopping-cart-ui.active-ui {
background: {
{
settings.smallCartActiveCartBgColor
}
}
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui {
height: 123px;
background: {
{
settings.smallCartActiveCartBgColor
}
}
;
border:1px solid {
{
settings.smallCartActiveCartBorderColor
}
}
;
border-bottom:1px solid {
{
settings.mainCartBarBgColor
}
}
;
transition:all 300ms ease
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui:hover {
background: {
{
settings.smallCartActiveCartBgColorHover
}
}
;
border:1px solid {
{
settings.smallCartActiveCartBorderColorHover
}
}
}
.header-shopping-cart-ui.active-ui .current-cart-name-ui,
.header-shopping-cart-ui.active-ui .cart-amount-ui,
.header-shopping-cart-ui.active-ui .customer-currency-carts-ui {
color: {
{
settings.smallCartActiveCartFontColor
}
}
}
.header-shopping-cart-ui.active-ui .cart-icon {
color: {
{
settings.smallCartActiveCartIconsColor
}
}
}
.header-shopping-cart-ui.active-ui:hover .current-cart-name-ui,
.header-shopping-cart-ui.active-ui:hover .cart-amount-ui,
.header-shopping-cart-ui.active-ui:hover .customer-currency-carts-ui {
color: {
{
settings.smallCartActiveCartFontColorHover
}
}
}
.header-shopping-cart-ui.active-ui:hover .cart-icon {
color: {
{
settings.smallCartActiveCartIconsColorHover
}
}
}
.header-shopping-cart-ui.editing-order-ui.active-ui,
.header-shopping-cart-ui.inquiry-header-ui.active-ui {
background: {
{
settings.smallCartActiveBgColor
}
}
;
border:1px solid {
{
settings.smallCartActiveBorderColor
}
}
;
border-bottom:none
}
.header-shopping-cart-ui.editing-order-ui.active-ui .user-icon-ui,
.header-shopping-cart-ui.inquiry-header-ui.active-ui .user-icon-ui {
color: {
{
settings.smallCartActiveIconsColor
}
}
}
.header-shopping-cart-ui.editing-order-ui.active-ui>p,
.header-shopping-cart-ui.inquiry-header-ui.active-ui>p {
color: {
{
settings.smallCartActiveFontColor
}
}
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover .user-icon-ui,
.header-shopping-cart-ui.inquiry-header-ui.active-ui:hover .user-icon-ui {
color: {
{
settings.smallCartActiveIconsColorHover
}
}
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover>p,
.header-shopping-cart-ui.inquiry-header-ui.active-ui:hover>p {
color: {
{
settings.smallCartActiveFontColorHover
}
}
}
.header-shopping-cart-ui.inquiry-icon-container-ui.active-ui {
padding: 20px 20px 16px;
margin-top: 0;
float: none
}
.text-ui {
text-align: right;
position: relative;
float: right
}
.search-ui {
padding: 0px 18px 0px 0px;
max-width: 550px;
height: 61px;
text-decoration: none;
border:1px solid {
{
settings.lightBorderColor
}
}
;
opacity:.6;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
.search-ui[placeholder] {
padding-left: 20px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif
}
@media only screen and (max-width: 1439px) {
.search-ui {
width: 285px
}
}
.input-field-search-ui {
position: relative;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
background: {
{
settings.lightestColor
}
}
;
margin-top:20px
}
.search-btn-ui {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
padding: 12px 15px;
color: inherit;
background: rgba(0, 0, 0, 0);
border: none;
color: {
{
settings.btnSolidBgColor
}
}
}
.quick-cart-container-ui {
margin-left: 102px;
margin-right: 50px;
text-align: center;
margin-top: 15px
}
.shopping-list-ui {
margin: 0px 35px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block
}
.shopping-list-ui p {
font-size: 14px
}
.shopping-list-ui:hover i,
.shopping-list-ui:hover p {
color: {
{
settings.iconColorsHover
}
}
}
.quick-cart-container-ui a {
color: {
{
settings.iconColors
}
}
;
text-decoration:none
}
.quick-cart-container-ui i {
text-align: center;
display: inline-block;
padding-top: 5px
}
.shopping-list-ui a {
color: {
{
settings.iconColors
}
}
;
text-decoration:none
}
.shopping-list-ui i {
text-align: center;
display: inline-block;
padding-top: 5px
}
.autocomplete-ui {
position: absolute;
z-index: 1000;
width: 100%;
padding: 0.5rem;
border-radius: 1rem;
background-color: white;
color: black;
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .2)
}
@media only screen and (max-width: 1279px) {
.autocomplete-ui {
max-width: 550px;
left: 50%;
transform: translateX(calc(-50% - 25px));
text-align: left
}
}
@media only screen and (max-width: 680px) {
.autocomplete-ui {
left: auto;
transform: none
}
}
.autocomplete-ui .product-ui {
display: block;
padding: 10px;
border-radius: 0.5rem;
background: #ffffff;
border-bottom:none;
font-size:16px;
color: #232323;
transition:all ease 300ms
}
.autocomplete-ui .product-ui:last-child {
border-bottom:1px solid #DDDDDD !important;
}
.autocomplete-ui .product-ui>div {
display: inline-block;
vertical-align: top;
margin-right: 10px
}
.autocomplete-ui .product-ui>div:last-child {
width: 100px;
margin-right: 0;
text-align: right;
color:black;
}
.autocomplete-ui .product-ui .img-ui {
width: 50px;
height: 50px;
position: relative
}
.autocomplete-ui .product-ui img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.autocomplete-ui .product-ui .names-ui {
width: calc(100% - 50px - 100px - 20px)
}
.autocomplete-ui .product-ui .name-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #f38c01 !important;
transition:all ease 300ms;
}
.autocomplete-ui .product-ui .code-ui {
font-size: 12px;
color: #8E8E8E;
transition:all ease 300ms
}
.autocomplete-ui .product-ui:hover {
background: #d68800;
color: #FFFFFF;
}
.autocomplete-ui .product-ui:hover .name-ui,
.autocomplete-ui .product-ui:hover .code-ui {
color: #FFFFFF !important;
}
.flag-ui {
position: relative;
background-color: #ffffff;
background-image:url(../css/img/flags.png);
display:inline-block;
width:31px;
height:19px;
padding:7px;
vertical-align:text-top !important
}
.flag-be-ui {
background-position: -2px -5px
}
.flag-bg-ui {
background-position: -2px -27px
}
.flag-cs-ui {
background-position: -2px -52px
}
.flag-da-ui {
background-position: -2px -76px
}
.flag-de-ui {
background-position: -2px -101px
}
.flag-el-ui {
background-position: -2px -125px
}
.flag-en-ui {
background-position: -2px -150px
}
.flag-es-ui {
background-position: -2px -174px
}
.flag-et-ui {
background-position: -2px -199px
}
.flag-fi-ui {
background-position: -2px -224px
}
.flag-fr-ui {
background-position: -2px -248px
}
.flag-hr-ui {
background-position: -2px -273px
}
.flag-hu-ui {
background-position: -2px -298px
}
.flag-is-ui {
background-position: -2px -322px
}
.flag-it-ui {
background-position: -2px -347px
}
.flag-ja-ui {
background-position: -2px -371px
}
.flag-ka-ui {
background-position: -2px -396px
}
.flag-lt-ui {
background-position: -2px -421px
}
.flag-lv-ui {
background-position: -2px -445px
}
.flag-mk-ui {
background-position: -2px -470px
}
.flag-nl-ui {
background-position: -2px -495px
}
.flag-no-ui {
background-position: -2px -519px
}
.flag-pl-ui {
background-position: -2px -544px
}
.flag-pt-ui {
background-position: -2px -568px
}
.flag-ro-ui {
background-position: -2px -593px
}
.flag-ru-ui {
background-position: -2px -617px
}
.flag-sk-ui {
background-position: -2px -642px
}
.flag-sl-ui {
background-position: -2px -667px
}
.flag-sq-ui {
background-position: -2px -691px
}
.flag-sr-ui {
background-position: -2px -716px
}
.flag-sv-ui {
background-position: -2px -740px
}
.flag-tr-ui {
background-position: -2px -765px
}
.flag-uk-ui {
background-position: -2px -790px
}
.tooltip-ui {
position: relative;
display: inline-block
}
.tooltip-ui .tooltip-icon-ui {
font-size: .8rem;
width: 1.5em;
line-height: 1.5em;
display: inline-block;
text-align: center;
border-radius: 1em;
cursor: pointer;
background: {
{
settings.primaryColor
}
}
;
color:#fff;
vertical-align:middle
}
.tooltip-ui .tooltip-text-ui {
position: absolute;
top: calc(100% + 10px);
right: -16px;
width: 280px;
max-width: 100vw;
padding: 10px 15px;
border:1px solid {
{
settings.primaryColor
}
}
;
font-size:smaller;
line-height:1.5em;
background:#fff;
color: {
{
settings.primaryColorFont
}
}
;
display:none;
box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .11);
z-index:100
}
.tooltip-ui .tooltip-text-ui::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) {
{
settings.primaryColor
}
}
rgba(0, 0, 0, 0);
position:absolute;
top:-10px;
right:14px
}
.tooltip-ui .tooltip-text-ui p:first-child {
margin-top: 0
}
.tooltip-ui .tooltip-text-ui p:last-child {
margin-bottom: 0
}
.tooltip-ui:hover .tooltip-text-ui {
display: block
}
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -18px;
position: absolute
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -11px
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
left: -17px
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
top: 17px
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui::before {
right: auto
}
.amount-stepper-ui {
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
flex-wrap: wrap
}
.amount-stepper-ui .validation-info-js {
clear: both;
width: 100%
}
.amount-stepper-ui::after {
clear: both;
content: "";
display: block
}
.amount-stepper-column-ui:not(.f-left-ui-abs),
.stepper-and-adding-ui:not(.f-left-ui-abs) {
position: relative
}
.amount-stepper-column-ui .error-ui,
.stepper-and-adding-ui .error-ui {
position: absolute;
bottom: -19px;
left: auto;
right: 0;
width: auto;
min-width: 100%;
white-space: nowrap;
text-align: left;
padding-right: 15px
}
.amount-stepper-ui .unit-name-ui,
.amount-stepper-column-ui .unit-name-ui {
padding-left: 12px
}
.amount-stepper-column-ui .unit-name-ui {
display: inline-block;
width: 90px
}
.change-quantity-ui,
[name=quantity] {
text-align: center;
}
.change-quantity-ui {
background: #f6f6f6;
color: {
{
settings.primaryColorFont
}
}
}
.change-quantity-ui:hover {
background: {
{
settings.primaryColor
}
}
}
.decrement-ui {
border-right: none
}
.increment-ui {
border-left: none
}
.stepper-space-ui {
width: 160px;
text-align: center;
display: block;
float: left
}
.pagination-ui {
margin: 25px 0px
}
.pagination-ui .change-quantity-ui {
width: auto
}
.pagination-ui .change-quantity-ui {
padding: 0 20px
}
.pagination-ui .page-amount-ui {
display: block;
float: left;
padding: 7px 5px
}
.pagination-ui input {
width: 45px
}
.pagination-ui>*:not(:first-child) {
margin-left: 10px
}
.lazyslider-container-ui .slider-ui,
.lazyslider-container-ui .slider-lq,
.lazyslider-container-lq .slider-ui,
.lazyslider-container-lq .slider-lq {
visibility: hidden
}
.slider-ui.wide-ui .slick-prev {
left: 0
}
.slider-ui.wide-ui .slick-next {
right: 0
}
.slider-ui:not(.wide-ui) {
width: calc(100% - 7rem);
margin: auto
}
.slider-ui.dots-inside-ui .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0
}
.slider-container-ui {
margin: 0;
position: relative
}
.slider-caption-ui {
position: absolute;
top: 30%;
left: 10%;
color: {
{
settings.bgColor
}
}
;
width:80%
}
.slick-slider,
.slick-slide {
outline: none
}
.slick-arrow {
font-size: 3.5rem;
text-shadow: 0px 0px 5px #fff;
position: absolute;
top: 50%;
transform: translateY(-0.5em);
left: -3.5rem;
z-index: 10;
padding: 0
}
.slick-arrow.slick-next {
right: -3.5rem;
left: auto
}
.slick-dots {
margin-top: 10px;
text-align: center
}
.slick-dots li {
background: #fff;
border:1px solid {
{
settings.lightBorderColor
}
}
;
width:110px;
height:7px;
display:inline-block;
margin:5px;
transition:800ms border,
800ms background
}
.slick-dots li:hover {
cursor: pointer
}
.slick-dots .slick-active,
.slick-dots li:hover {
background: {
{
settings.primaryColor
}
}
;
border-color: {
{
settings.primaryColor
}
}
}
.homepage-slider-ui img {
width: 100%
}
.homepage-slider-heading-ui {
line-height: 1.5;
font-size: 1.5rem;
font-weight: 400;
padding: 0;
border: none
}
@media screen and (min-width: 1280px) {
.homepage-slider-heading-ui {
font-size: 60px
}
}
.homepage-slider-text {
font-size: 1.1rem;
line-height: 1.5em;
padding-right: 20px;
margin-top: 0
}
@media screen and (min-width: 1280px) {
.homepage-slider-text {
font-size: 35px
}
}
.products-grid-ui .minibox-product-ui {
width: calc(100% - 10px)
}
.products-grid-ui .minibox-product-ui.larger-ui {
width: calc(50% - 10px);
height: 770px
}
.products-grid-ui .minibox-product-ui.larger-ui .image-container-ui {
height: 615px
}
.products-grid-ui .grid-page-ui {
width: 100%
}
.products-grid-ui .grid-page-ui::after {
clear: both;
display: block;
content: ""
}
.products-grid-ui .shorter-grid-column-ui {
width: 25%;
float: left
}
.header-categories-ui .categories-label-ui,
.category-column-ui .categories-label-ui {
background: {
{
settings.menuBackgroundColor
}
}
;
line-height:63px;
height:calc(63px + 2px);
text-align:center;
padding:0;
width:320px
}
.header-categories-ui .category-links-ui:not(.current-ui) .category-label-ui:hover,
.header-categories-ui .prev-level-ui:hover,
.header-categories-ui .categories-label-ui:hover,
.category-column-ui .category-links-ui:not(.current-ui) .category-label-ui:hover,
.category-column-ui .prev-level-ui:hover,
.category-column-ui .categories-label-ui:hover {
background: {
{
settings.primaryColor
}
}
;
color:#fff
}
.header-categories-ui .categories-opened-ui .categories-label-ui,
.category-column-ui .categories-opened-ui .categories-label-ui {
background-color: {
{
settings.bgColor
}
}
}
.header-categories-ui .categories-opened-ui .categories-label-ui:hover,
.category-column-ui .categories-opened-ui .categories-label-ui:hover {
background: {
{
settings.primaryColor
}
}
;
color:#fff
}
.category-column-ui {
height: 100%;
max-height: 100vh;
transition: height 800ms;
background: {
{
settings.bgColor
}
}
;
overflow:hidden
}
.category-column-ui.categories-hidden-js {
height: 0
}
.category-column-ui.no-on-desktop-adv-search-ui {
display: none
}
.category-column-ui.with-filters-ui {
background: #f6f6f6
}
.category-column-ui .categories-and-filters-container-ui {
height: 100vh;
transition: height 800ms;
scrollbar-color: #8e8e8e rgba(0, 0, 0, 0);
scrollbar-width: thin;
overflow-y: auto;
overflow-x: hidden
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0)
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, .5);
outline: none;
border-radius: 2px
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb:hover {
background-color: #8e8e8e
}
.category-column-ui.with-filters-ui .categories-and-filters-container-ui {
height: calc(100vh - 228px)
}
.category-column-ui.with-filters-ui.element-attached-lq .categories-and-filters-container-ui {
height: calc(100vh - 45px)
}
.category-column-ui .hidden-level-lq {
display: none
}
.category-column-ui .header-categories-icon-ui {
color: inherit;
padding: 0
}
.category-column-ui .category-content-ui {
position: relative;
width: 100%;
transition: height 800ms;
background-color: {
{
settings.bgColor
}
}
}
.category-column-ui .category-content-ui.big-ui .has-nodes-js a,
.category-column-ui .category-content-ui.big-ui .prev-level-label-ui,
.category-column-ui .category-content-ui.big-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 60px)
}
.category-column-ui .category-content-ui.big-ui .category-label-ui {
font-size: 16px;
padding-left: 20px
}
.category-column-ui .category-content-ui.big-ui .category-arrow:not(.prev-level-ui),
.category-column-ui .category-content-ui.big-ui .prev-level-ui i {
width: 60px
}
.category-column-ui .category-content-ui.big-ui .category-label-ui,
.category-column-ui .category-content-ui.big-ui .category-arrow {
min-height: 55px
}
.category-column-ui .category-content-ui.medium-ui .has-nodes-js a,
.category-column-ui .category-content-ui.medium-ui .prev-level-label-ui,
.category-column-ui .category-content-ui.medium-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 47px)
}
.category-column-ui .category-content-ui.medium-ui .category-label-ui {
font-size: 14px;
padding-left: 15px
}
.category-column-ui .category-content-ui.medium-ui .category-arrow:not(.prev-level-ui),
.category-column-ui .category-content-ui.medium-ui .prev-level-ui i {
width: 47px
}
.category-column-ui .category-content-ui.medium-ui .category-label-ui,
.category-column-ui .category-content-ui.medium-ui .category-arrow {
min-height: 44px
}
.category-column-ui .category-content-ui.small-ui .has-nodes-js a,
.category-column-ui .category-content-ui.small-ui .prev-level-label-ui,
.category-column-ui .category-content-ui.small-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 34px)
}
.category-column-ui .category-content-ui.small-ui .category-label-ui {
font-size: 12px;
padding-left: 10px
}
.category-column-ui .category-content-ui.small-ui .category-arrow:not(.prev-level-ui),
.category-column-ui .category-content-ui.small-ui .prev-level-ui i {
width: 34px
}
.category-column-ui .category-content-ui.small-ui .category-label-ui,
.category-column-ui .category-content-ui.small-ui .category-arrow {
min-height: 34px
}
.category-column-ui .category-links-ui {
display: block;
clear: both;
position: relative;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.category-column-ui .category-arrow:not(.prev-level-ui) {
background: #f6f6f6
}
.category-column-ui .category-label-ui,
.category-column-ui .category-arrow {
min-height: 55px;
padding: 0;
float: left;
width: 100%;
overflow: hidden
}
.category-column-ui .category-amount-ui {
display: inline-block;
padding: 5px
}
.category-column-ui .category-label-ui,
.category-column-ui .prev-level-ui,
.category-column-ui .categories-label-ui {
background: {
{
settings.menuBackgroundColor
}
}
;
color:#272727;
transition:color 300ms,
background 300ms
}
.category-column-ui .prev-level-ui {
background-color: {
{
settings.bgColor
}
}
}
.category-column-ui .category-label-ui {
background: {
{
settings.bgColor
}
}
;
padding-left:20px;
padding-right:10px
}
.category-column-ui .next-level-ui,
.category-column-ui .first-level-ui {
background: #f6f6f6;
color: #272727;
transition: color 300ms, background 300ms
}
.category-column-ui .next-level-ui:hover,
.category-column-ui .first-level-ui:hover {
background: {
{
settings.primaryColor
}
}
;
color:#fff
}
.category-column-ui .category-arrow:not(.prev-level-ui),
.category-column-ui .prev-level-ui i {
width: 60px;
font-size: larger;
display: inline-block;
line-height: 1.5em
}
.category-column-ui .prev-level-label-ui,
.category-column-ui .prev-level-js i,
.category-column-ui .first-level-js i {
opacity: .7;
font-size: small
}
.category-column-ui .prev-level-label-ui {
text-align: left;
display: inline-block
}
.category-column-ui .has-nodes-js a,
.category-column-ui .prev-level-label-ui,
.category-column-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 60px)
}
.category-column-ui .current-ui {
border-left:7px solid {
{
settings.primaryColor
}
}
}
.category-column-ui .current-ui::before {
content: "";
width: 15px;
height: 55px;
position: absolute;
top: 0;
right: -15px;
left: auto;
background: {
{
settings.bgColor
}
}
}
.category-column-ui .sliding-categories-ui {
position: absolute;
top: 0;
left: 0;
right: 0;
transition: height 800ms
}
.homepage-ui {
display: flex;
flex-direction: column
}
@media screen and (min-width: 1280px) {
.homepage-ui .blog-news-ui,
.homepage-ui .container-ui {
margin: 2rem auto
}
}
@media only screen and (min-width: 769px) {
.homepage-ui section.homepage-small-slider-ui,
.homepage-ui section.manufacturers-slider-ui {
margin: 2rem 0
}
}
@media only screen and (max-width: 768px) {
.homepage-ui section.homepage-small-slider-ui,
.homepage-ui section.manufacturers-slider-ui {
margin: 30px 0
}
}
.homepage-ui section.homepage-small-slider-ui .slider-container-ui,
.homepage-ui section.manufacturers-slider-ui .slider-container-ui {
padding: 0 25px;
float: left;
text-align: center
}
.homepage-ui section.homepage-small-slider-ui .slider-container-ui img,
.homepage-ui section.manufacturers-slider-ui .slider-container-ui img {
display: inline-block
}
.homepage-ui section.homepage-small-slider-ui .homepage-small-slider-lq .slider-container-ui,
.homepage-ui section.manufacturers-slider-ui .homepage-small-slider-lq .slider-container-ui {
float: none
}
.homepage-ui section.homepage-small-slider-ui .homepage-small-slider-lq .slider-container-ui img,
.homepage-ui section.manufacturers-slider-ui .homepage-small-slider-lq .slider-container-ui img {
height: 42px
}
.homepage-ui section.homepage-small-slider-ui .caption-ui,
.homepage-ui section.manufacturers-slider-ui .caption-ui {
margin-top: 20px
}
.homepage-ui section.homepage-small-slider-ui .slider-heading-ui,
.homepage-ui section.manufacturers-slider-ui .slider-heading-ui {
font-weight: 700;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.homepage-ui section.homepage-small-slider-ui .slider-text-ui,
.homepage-ui section.manufacturers-slider-ui .slider-text-ui {
font-size: 12px;
color: {
{
settings.bgColorFont
}
}
;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.homepage-ui section.manufacturers-slider-ui .slick-track {
display: flex;
align-items: center
}
.newsletter-ui {
background: {
{
settings.newsletterBgColor
}
}
;
color: {
{
settings.newsletterFont
}
}
;
text-align:center;
padding:30px
}
.newsletter-ui .input-with-icon-ui {
margin-bottom: 18px;
width: 280px;
max-width: 100%
}
.newsletter-ui .input-with-icon-ui input {
padding-right: 40px
}
.newsletter-ui .label-ui:last-child {
margin-bottom: 0
}
.newsletter-ui .checkbox-ui label,
.newsletter-ui .checkbox-ui .label-ui {
color: {
{
settings.newsletterFont
}
}
!important;
font-size:13px
}
.newsletter-ui .checkbox-ui label a,
.newsletter-ui .checkbox-ui .label-ui a {
color: inherit;
opacity: .7
}
.newsletter-ui .successfull-post-message-ui .message-container-ui {
color: {
{
settings.primaryColorFont
}
}
}
.newsletter-header-ui {
font-size: 1.5rem
}
.blog-link-ui {
color: {
{
settings.primaryColorFont
}
}
}
.product-list-ui {
position: relative
}
.product-list-ui .add-to-cart-ui {
margin-top: 0
}
.product-list-ui .choose-cart-form-ui {
position: absolute;
top: 100%;
right: 0;
z-index: 5;
line-height: 1.5em
}
.product-list-ui .product-link-ui {
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0);
transition: box-shadow 300ms
}
.product-list-ui .product-link-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5
}
@media screen and (min-width: 1280px) {
.product-list-ui.quick-shopping-view-js .suggested-price-products-list-ui.suggested-no-auth-ui {
float: left;
width: 20% !important
}
}
.product-list-ui .suggested-price-products-list-ui {
position: absolute;
right: 20px;
padding: 10px 20px;
top: 25%
}
@media only screen and (min-width: 1280px) {
.product-list-ui .suggested-price-products-list-ui {
top: 0%
}
}
@media only screen and (min-width: 1280px) {
.product-list-ui .suggested-price-products-list-ui:not(.suggested-no-auth-ui) {
right: -140px
}
}
@media screen and (max-width: 1279px) {
.product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui {
text-align: right
}
}
.product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui .suggested-ui,
.product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui .suggested-price-ui {
font-size: 14px !important
}
.product-list-ui .suggested-price-products-list-ui .suggested-ui {
font-size: 16px
}
.product-list-ui .suggested-price-products-list-ui .suggested-price-ui {
font-size: 20px
}
.product-list-ui .suggested-price-products-list-ui .suggested-previous-ui {
text-decoration: line-through
}
.product-list-ui .stepper-and-adding-ui:not(.has-attributes-link) {
opacity: .999;
z-index: 2
}
.product-list-ui .has-attributes-link {
position: relative
}
.products-navigation-ui {
margin: 10px 0;
padding-bottom: 10px;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.products-navigation-ui .breadcrumbs-container-ui {
max-width: calc(100% - 320px)
}
.products-navigation-ui.filters-up-ui .breadcrumbs-container-ui {
max-width: calc(100% - 460px)
}
.products-navigation-ui .breadcrumbs-ui li {
margin: 0
}
.products-navigation-ui .sorting-views-container-ui {
font-size: 1.3rem
}
.products-navigation-ui .sorting-views-container-ui .sorting-views-container-ui button {
padding-top: 10px
}
.products-navigation-ui .change-view-ui {
padding-top: 10px;
background: #f8f8f8;
box-shadow: 0 0 1px #a5a5a5;
margin-left: 10px;
transition: border 300ms
}
.products-navigation-ui .change-view-ui:not(.btn-active-js) {
border: 1px solid rgba(0, 0, 0, 0)
}
.products-header-ui {
display: none;
z-index: 10;
top: 0;
border:1px solid {
{
settings.lightBorderColor
}
}
;
position:absolute;
left:0;
right:0
}
.products-header-ui>* {
display: block;
float: left;
height: 60px;
line-height: 60px;
padding-top: 0;
padding-bottom: 0
}
.products-header-ui .stepper-and-adding-ui {
padding: 0
}
.products-header-ui .stepper-and-adding-ui>div {
width: 100%
}
.products-header-ui .add-to-cart-ui {
padding: 0 10px;
float: left;
width: 100%
}
.products-header-ui .add-to-cart-ui .add-to-cart-label-ui {
display: block
}
.products-header-ui .add-to-cart-ui .bigger-text-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.products-header-ui .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 50px
}
.products-header-ui .choose-cart-form-ui {
width: 100%
}
.products-header-ui .change-cart-arrows-ui {
line-height: 1.5em;
height: 60px;
width: 60px;
float: right
}
.product-item-ui .price-ui,
.products-header-ui .price-ui {
font-size: inherit
}
.product-item-ui {
position: relative;
display: block;
color: {
{
settings.primaryColorFont
}
}
;
cursor:pointer;
transition:box-shadow 300ms,
background 300ms;
box-shadow:0 3px 12px 0 rgba(0, 0, 0, 0)
}
.product-item-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5
}
.product-item-ui .product-name-ui {
color: {
{
settings.iconColors
}
}
;
margin-bottom:0;
font-size:inherit
}
.product-item-ui .unit-name-ui {
font-size: inherit
}
.product-item-ui .product-code-ui {
color: {
{
settings.primaryColorFont
}
}
}
.product-item-ui .image-container-ui {
display: -ms-inline-flexbox;
display: inline-flex;
width: 260px
}
.product-item-ui .price-ui,
.product-item-ui .old-price-ui {
margin: 0
}
.product-item-ui .price-ui {
font-size: larger
}
.product-item-ui .old-price-ui {
font-size: smaller;
margin-bottom: 3px
}
.product-item-ui .old-price-ui .lowest-price-ui {
text-decoration: none;
display: inline-block;
margin-left: 10px;
font-size: 12px
}
.product-item-ui .stock-level-ui img {
z-index: 1;
position: relative
}
.product-item-ui .stock-text-ui {
display: block;
line-height: 1em
}
.product-item-ui .stock-label-ui {
margin-right: 10px;
font-size: small
}
.product-item-ui .stepper-and-adding-ui {
padding: 0
}
.product-item-ui .stepper-and-adding-ui .add-to-cart-form-container-ui {
display: inline-block
}
.product-item-ui .btn-ui,
.product-item-ui button {
position: relative;
z-index: 2
}
.choose-variant-icon-ui {
font-size: 2rem;
padding-right: 15px
}
.quick-shopping-view-js .open360 {
display: none
}
.quick-shopping-view-js .message-bar-ui {
padding-top: 60px;
position: relative
}
.quick-shopping-view-js .message-bar-ui .close-ui {
top: 60px;
color: {
{
settings.alertsTextColor
}
}
}
.quick-shopping-view-js .message-bar-ui[class*=hidden-js] {
display: block !important;
height: 0;
padding-bottom: 0;
z-index: -1;
visibility: hidden
}
.quick-shopping-view-js .message-bar-title-ui {
font-weight: 500;
font-size: 1.2em
}
.quick-shopping-view-js .product-name-ui {
margin-bottom: 0;
font-size: 16px;
font-weight: 500
}
.quick-shopping-view-js .product-validation-message-ui {
margin-top: 0
}
.quick-shopping-view-js .pagination-page-ui {
width: 100%;
font-size: .9rem;
padding-top: 60px
}
.quick-shopping-view-js .pagination-page-ui::after {
display: block;
clear: both;
float: none;
content: ""
}
.quick-shopping-view-js .products-header-ui>*:not(.image-container-ui):not(.product-link-ui):not(.name-and-code-ui),
.quick-shopping-view-js .product-item-ui>*:not(.image-container-ui):not(.product-link-ui):not(.name-and-code-ui) {
vertical-align: middle;
width: 20%
}
.quick-shopping-view-js .products-header-ui .name-and-code-ui,
.quick-shopping-view-js .product-item-ui .name-and-code-ui {
width: 40%;
vertical-align: middle
}
.quick-shopping-view-js .products-header-ui .name-and-code-ui.without-stock,
.quick-shopping-view-js .product-item-ui .name-and-code-ui.without-stock {
width: 60%
}
.quick-shopping-view-js.prices-hidden-ui::after {
display: block;
clear: both;
float: none;
content: ""
}
.quick-shopping-view-js.prices-hidden-ui .products-header-ui>*:not(.product-link-ui, .suggested-no-auth-ui),
.quick-shopping-view-js.prices-hidden-ui .product-item-ui>*:not(.product-link-ui, .suggested-no-auth-ui) {
float: left;
width: 50% !important
}
.quick-shopping-view-js .products-header-ui {
display: block
}
.quick-shopping-view-js .products-header-ui .multiplicity-info-js {
display: none
}
.quick-shopping-view-js .product-item-ui {
display: -ms-flexbox;
display: flex;
align-items: center
}
.quick-shopping-view-js .product-item-ui.with-multiplicity-ui {
padding: 20px 0
}
.quick-shopping-view-js .product-item-ui::after {
display: block;
clear: both;
float: none;
content: ""
}
.quick-shopping-view-js .product-item-ui>* {
float: left;
align-self: center
}
.quick-shopping-view-js .product-item-ui .choose-variant-ui {
position: relative;
z-index: 2
}
.quick-shopping-view-js .element-attached-lq.products-header-ui>*:not(.image-container-ui) {
display: block;
display: -ms-flexbox;
display: flex;
align-items: center;
float: left;
height: 60px
}
.quick-shopping-view-js .element-attached-lq.products-header-ui>*:not(.image-container-ui).price-column-ui {
display: inline-block
}
@media only screen and (max-width: 1279px) {
.quick-shopping-view-js .element-attached-lq.products-header-ui>.price-column-ui:not(.image-container-ui) {
display: none
}
}
.quick-shopping-view-js .image-container-ui,
.quick-shopping-view-js .product-desc-ui,
.quick-shopping-view-js .price-label-ui {
display: none
}
.quick-shopping-view-js .product-code-ui {
font-size: 14px;
max-width: 100%
}
.quick-shopping-view-js .product-code-ui .code-ui.show-attributes-on-products-page-ui {
display: none
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui .code-ui {
display: inline-block
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui:not(.show-all-attributes-on-quick-view-ui) .last-quick-view-attribute-ui~span {
display: none
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui:not(.show-all-attributes-on-quick-view-ui) .last-quick-view-attribute-ui span {
display: none
}
.quick-shopping-view-js .product-code-ui,
.quick-shopping-view-js .product-flags-ui {
display: inline-block;
float: left
}
.quick-shopping-view-js .product-flags-ui {
padding-left: 10px
}
.quick-shopping-view-js .product-item-ui .add-to-cart-ui,
.quick-shopping-view-js .product-item-ui .change-cart-arrows-ui,
.quick-shopping-view-js .product-item-ui .choose-cart-form-ui {
display: none
}
.quick-shopping-view-js .stock-label-ui {
display: none
}
.quick-shopping-view-js .price-column-ui {
text-align: right;
padding-right: 5%
}
@media screen and (max-width: 1279px) {
.quick-shopping-view-js .price-column-ui {
max-width: 400px !important
}
}
.quick-shopping-view-js .expandable-mechanism-container-ui,
.quick-shopping-view-js .final-price-column-ui,
.quick-shopping-view-js .product-attributes-listed-in-grid-view-ui,
.quick-shopping-view-js .thresholds-label-ui {
display: none !important
}
.quick-shopping-view-js .multiplicity-info-js {
position: static
}
.list-view-js .product-item-ui::after,
.grid-view-js .product-item-ui::after {
content: "";
display: block;
clear: both
}
.list-view-js .product-item-ui .product-name-ui,
.grid-view-js .product-item-ui .product-name-ui {
font-size: 18px;
font-weight: 500
}
.list-view-js .product-item-ui .product-code-ui,
.grid-view-js .product-item-ui .product-code-ui {
font-size: 14px
}
.list-view-js .product-item-ui .product-code-ui .product-attributes-listed-ui,
.grid-view-js .product-item-ui .product-code-ui .product-attributes-listed-ui {
display: none
}
.list-view-js .stock-label-ui,
.list-view-js .price-label-ui,
.grid-view-js .stock-label-ui,
.grid-view-js .price-label-ui {
color: #7b7878
}
.list-view-js .product-flags-ui,
.grid-view-js .product-flags-ui {
position: absolute;
left: 5px;
top: 5px;
width: 260px
}
.list-view-js .name-and-code-ui,
.grid-view-js .name-and-code-ui {
width: calc(100% - 200px);
float: left
}
.list-view-js .product-code-ui,
.grid-view-js .product-code-ui {
margin: 12px 0px 20px 0;
display: block;
font-weight: 500
}
.list-view-js .price-column-ui,
.grid-view-js .price-column-ui {
width: 200px;
float: right;
font-size: 1.3rem;
padding-top: 15px;
padding-right: 15px;
text-align: right
}
.list-view-js .unit-name-ui,
.grid-view-js .unit-name-ui {
width: 140px
}
.list-view-js .stock-level-ui,
.grid-view-js .stock-level-ui {
position: absolute;
bottom: 0;
right: 515px;
bottom: 15px
}
.list-view-js .stock-level-ui>*,
.grid-view-js .stock-level-ui>* {
vertical-align: middle
}
.list-view-js.prices-hidden-ui .stock-level-ui,
.grid-view-js.prices-hidden-ui .stock-level-ui {
right: 0;
bottom: 0;
padding: 15px
}
.list-view-js .product-desc-ui,
.grid-view-js .product-desc-ui {
line-height: 1.5em;
max-height: calc(3*1.5em);
overflow: hidden
}
.list-view-js .stepper-and-adding-ui .error-ui,
.grid-view-js .stepper-and-adding-ui .error-ui {
top: -20px;
bottom: auto
}
.list-view-js .product-item-ui {
border:1px solid {
{
settings.lightBorderColor
}
}
;
margin-bottom:10px;
padding-left:calc(260px + 40px);
min-height:150px
}
@media screen and (min-width: 1280px) {
.list-view-js .product-item-higher-ui {
min-height: 170px
}
.list-view-js .product-item-higher-ui .price-column-ui .price-ui {
margin-top: 33px !important
}
.list-view-js .product-item-higher-ui .final-price-column-ui {
top: 98px
}
}
.list-view-js .open360 {
position: absolute;
left: 0;
right: unset;
z-index: 1
}
@media screen and (min-width: 1280px) {
.list-view-js .open360 {
top: 50px
}
}
@media screen and (max-width: 1279px) {
.list-view-js .open360 {
top: 30px
}
}
.list-view-js .name-and-code-ui {
padding-top: 20px;
width: calc(100% - 20px)
}
.list-view-js .product-name-ui {
color: {
{
settings.primaryColorFont
}
}
}
.list-view-js .product-code-ui {
color: #7b7878;
height: 24px
}
.list-view-js .image-container-ui {
position: absolute;
top: 20px;
left: 20px;
height: 110px;
width: 260px
}
.list-view-js .image-container-ui i,
.list-view-js .image-container-ui .no-image-ui {
font-size: 100px
}
.list-view-js .product-flags-ui {
top: -22px;
left: -21px
}
.list-view-js .expand-data-ui {
padding: 0
}
.list-view-js .product-desc-ui,
.list-view-js .product-attributes-listed-in-grid-view-ui {
display: none
}
.list-view-js .expandable-ui .product-desc-ui {
display: inline-block;
width: calc(100% - 380px);
max-height: none;
margin: 50px 50px 20px 0;
vertical-align: top;
color: #7b7878
}
.list-view-js .expandable-ui .product-desc-ui.with-attributes-ui {
width: calc(100% - 760px)
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui {
display: inline-block;
width: 326px;
vertical-align: top;
margin: 50px 50px 20px 0
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .clear-after-ui {
margin-bottom: 10px
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .f-left-ui {
width: 125px;
color: #7b7878
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .f-right-ui {
width: 161px
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui:not(.show-all-attributes-on-list-view-ui) .clear-after-ui.last-list-view-attribute-ui~.clear-after-ui {
display: none
}
.list-view-js .expandable-ui .attributes-ui {
display: inline-block;
width: 325px;
vertical-align: top;
margin: 50px 0 20px
}
.list-view-js .expandable-ui .attributes-ui .clear-after-ui {
margin-bottom: 10px
}
.list-view-js .expandable-ui .attributes-ui .f-left-ui {
width: 125px;
color: #7b7878
}
.list-view-js .expandable-ui .attributes-ui .f-right-ui {
width: 158px
}
.list-view-js .expandable-ui .attributes-ui img {
vertical-align: middle;
max-height: 25px
}
.list-view-js .stepper-and-adding-ui {
position: absolute;
top: 20px;
right: 20px;
height: 110px
}
.list-view-js .stepper-and-adding-ui .error-ui {
top: 38px;
padding-right: 0
}
.list-view-js .stepper-and-adding-ui .error-ui.multiplicity-info-js {
top: 46px
}
.list-view-js .add-to-cart-ui {
padding: 5px 10px;
max-width: 146px;
min-height: auto;
margin-top: 76px
}
.list-view-js .add-to-cart-ui i {
font-size: 20px;
margin-right: 5px
}
.list-view-js .add-to-cart-ui .add-to-cart-label-ui {
display: block
}
.list-view-js .add-to-cart-ui .lower-text-ui {
font-size: 14px
}
.list-view-js .add-to-cart-ui .bigger-text-ui {
margin-left: 5px;
text-transform: lowercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.list-view-js .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 30px
}
.list-view-js .editing-order-ui .lower-text-ui,
.list-view-js .editing-order-ui .bigger-text-ui {
font-size: 12px
}
.list-view-js .choose-variant-ui {
position: absolute;
right: 0;
width: 158px;
bottom: 0;
padding: 5px 0;
z-index: 2
}
.list-view-js .choose-variant-ui span {
font-size: 12px
}
.list-view-js .choose-variant-icon-ui {
font-size: 24px;
padding-right: 10px
}
.list-view-js .btn-ui {
position: absolute;
right: 0;
bottom: 0;
width: 158px;
font-size: 14px;
text-align: center
}
.list-view-js .final-price-column-ui {
display: inline-block;
position: absolute;
width: 125px;
right: 220px;
top: 78px
}
.list-view-js .final-price-column-ui .price-ui {
margin-top: 10px;
color: {
{
settings.primaryColorFont
}
}
;
font-weight:700
}
.list-view-js .amount-stepper-ui {
position: absolute;
right: 190px;
display: inline-block;
width: 160px;
bottom: 0
}
.list-view-js .unit-name-ui {
color: #7b7878;
font-size: smaller;
position: absolute;
bottom: 40px;
right: 222px
}
.list-view-js .price-column-ui {
display: inline-block;
position: absolute;
width: 125px;
right: 600px;
top: 100px;
font-size: 1rem;
padding: 0;
text-align: left
}
.list-view-js .price-column-ui.with-thresholds-ui {
top: 54px;
font-size: 12px
}
.list-view-js .price-column-ui .price-ui {
font-size: larger;
font-weight: 700;
margin-top: 13px
}
.list-view-js .price-column-ui .price-label-ui {
position: absolute;
top: -23px;
left: 0
}
.list-view-js .price-column-ui .price-label-ui.omnibus {
top: -60px
}
.list-view-js .price-column-ui .old-price-ui {
position: absolute;
top: -44px;
white-space: nowrap
}
.list-view-js .price-column-ui .old-price-ui .lowest-price-ui {
margin-left: 0px;
width: 150px;
white-space: pre-wrap;
position: absolute;
top: 21px;
left: 0px;
line-height: 18px
}
.list-view-js .stock-level-ui {
display: none
}
.list-view-js .multiplicity-info-js {
position: absolute;
right: 380px;
width: 100%;
bottom: 35px;
text-align: right
}
@media only screen and (min-width: 1280px)and (max-width: 1599px) {
.list-view-js .product-item-ui {
padding-left: 200px
}
.list-view-js .product-item-ui .product-code-ui {
margin-top: 0
}
.list-view-js .image-container-ui {
width: 160px
}
.list-view-js .price-column-ui {
right: 565px
}
.list-view-js .price-column-ui.with-thresholds-ui {
top: 72px
}
.list-view-js .final-price-column-ui {
right: 210px
}
.list-view-js .amount-stepper-ui {
right: 175px
}
.list-view-js .unit-name-ui {
right: 208px
}
.list-view-js .expandable-mechanism-container-ui {
margin: 70px 0px 20px -180px
}
.list-view-js .expandable-ui .product-desc-ui {
width: calc(100% - 340px);
margin: 20px 20px 0 0
}
.list-view-js .expandable-ui .attributes-ui {
margin: 20px 0 0 0;
width: 315px
}
.list-view-js .expandable-ui .attributes-ui .f-right-ui {
width: 156px
}
.list-view-js .multiplicity-info-js {
right: 350px
}
}
.grid-view-js .product-item-ui {
width: 50%;
float: left;
height: 470px;
padding: 30px
}
.grid-view-js .product-item-ui:nth-child(even) {
padding-right: 30px
}
.grid-view-js .product-item-ui:nth-child(odd) {
padding-left: 30px;
border-left:1px solid {
{
settings.lightBorderColor
}
}
}
.grid-view-js .product-item-ui:not(:nth-last-child(-n+2)) {
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.grid-view-js .product-item-ui .product-name-ui {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.grid-view-js .product-item-ui .open360 {
position: absolute;
right: 30px;
top: 175px;
left: unset;
z-index: 1
}
.grid-view-js .image-container-ui {
width: 100%;
height: 306px
}
.grid-view-js .image-container-ui img {
margin-left: 0
}
.grid-view-js .name-and-code-ui {
width: calc(100% - 200px)
}
.grid-view-js .product-desc-ui {
display: none
}
.grid-view-js .price-column-ui {
position: absolute;
top: 30px;
right: 30px;
padding: 0
}
.grid-view-js .price-column-ui.smaller-on-grid-view-ui {
font-size: 16px
}
.grid-view-js .stepper-and-adding-ui {
text-align: right;
position: absolute;
padding: 0;
right: 30px;
bottom: 30px
}
.grid-view-js .choose-variant-ui {
position: relative;
z-index: 2;
font-size: 14px
}
.grid-view-js .amount-stepper-ui {
justify-content: flex-end;
display: flex
}
.grid-view-js .stock-level-ui {
right: 30px;
bottom: 200px
}
.grid-view-js .unit-name-ui {
width: 100%;
padding: 12px 0
}
.grid-view-js .stepper-and-adding-ui .error-ui {
padding-right: 0;
top: -85px;
max-width: 100%;
line-height: 1;
text-align: right;
white-space: normal
}
.grid-view-js .expandable-mechanism-container-ui,
.grid-view-js .final-price-column-ui {
display: none
}
.grid-view-js .product-attributes-listed-in-grid-view-ui {
height: 0;
overflow: hidden;
position: absolute;
top: 99%;
background: {
{
settings.bgColor
}
}
;
left:0;
right:0;
z-index:3;
padding:0 30px;
transition:all ease 300ms
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .clear-after-ui {
margin-bottom: 10px
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .f-left-ui {
width: 150px;
color: #7b7878
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .f-right-ui {
width: calc(100% - 150px)
}
.grid-view-js .product-attributes-listed-in-grid-view-ui:not(.show-all-attributes-on-grid-view-ui) .clear-after-ui.last-grid-view-attribute-ui~.clear-after-ui {
display: none
}
.grid-view-js .product-attributes-listed-in-grid-view-ui:hover,
.grid-view-js .product-item-ui:hover .product-attributes-listed-in-grid-view-ui {
height: auto;
padding: 0 30px 20px;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
box-shadow:0 14px 12px 0 #c5c5c5
}
.grid-view-js .add-to-cart-ui {
max-width: 190px
}
.grid-view-js .add-to-cart-ui .add-to-cart-label-ui {
display: block
}
.grid-view-js .add-to-cart-ui .bigger-text-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.grid-view-js .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 53px
}
.grid-view-js .stepper-and-adding-ui .multiplicity-info-js {
position: absolute;
top: -18px;
padding-right: 0;
line-height: 1;
text-align: right;
min-width: 100%
}
.product-filters-ui {
width: 100%;
padding-top: 30px
}
.product-filters-ui .price-filter-ui {
padding: 0 20px 20px 20px
}
.product-filters-ui .price-filter-ui>* {
vertical-align: middle
}
.product-filters-ui .price-filter-ui .price-label-ui {
padding-bottom: 10px
}
.product-filters-ui .price-filter-ui .price-error-ui {
color: {
{
settings.errorColor
}
}
;
font-size:12px;
width:100%;
margin:10px auto
}
.product-filters-ui .filter-item-ui {
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.product-filters-ui .filter-drop-ui {
width: 100%;
text-align: left;
padding: 10px 20px;
color: {
{
settings.primaryColorFont
}
}
}
.product-filters-ui .filter-value-list-ui {
padding: 0 20px 0 20px;
overflow: hidden
}
.product-filters-ui .filter-value-list-ui+.filter-value-list-ui {
transition: height 800ms
}
.product-filters-ui .filter-drop-ui,
.product-filters-ui .expandable-ui {
background: rgba(0, 0, 0, 0);
transition: height 800ms, background 800ms
}
.product-filters-ui .expanded-js {
background: #fff
}
.product-filters-ui .label-ui {
line-height: 2.5em
}
.product-filters-ui .show-more-ui {
font-size: .9rem;
float: right
}
.product-filters-ui .btnContainer {
display: flex;
flex-direction: column;
gap: 10px;
position: fixed;
bottom: -45px;
background-color: #f6f6f6
}
.product-filters-ui .btnContainer * {
height: 45px;
width: 320px
}
.product-filters-ui .price-range-ui input {
max-width: 28%
}
.selected-filters-ui {
margin-bottom: 20px
}
.selected-filter-item-ui {
display: inline-block;
border:1px solid {
{
settings.lightBorderColor
}
}
;
padding:7px 14px;
background:#f8f8f8;
color: {
{
settings.primaryColorFont
}
}
;
margin-bottom:10px
}
.selected-filter-item-ui .filter-delete-ui {
margin-right: 7px
}
.selected-filter-item-ui.search-phrase-item-ui:hover {
background: #fff59d;
color: {
{
settings.primaryColorFont
}
}
}
.search-phrase-mark-ui,
.search-phrase-item-ui {
background: #fdd835
}
.add-variants-to-cart-from-products-list-popup-background-ui {
cursor: pointer;
z-index: 149
}
.add-variants-to-cart-from-products-list-popup-background-ui .message-popup-ui {
width: auto;
max-width: 80vw;
cursor: default
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-editable-ui {
width: 100%
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-button-ui {
background-color: {
{
settings.bgColor
}
}
;
color: {
{
settings.primaryColorFont
}
}
;
border:1px solid {
{
settings.lightBorderColor
}
}
;
padding:10px;
transition:all 300ms ease
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-button-ui:not(.last-lvl-ui):hover,
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-button-ui:not(.last-lvl-ui).active-js {
border:1px solid {
{
settings.primaryColor
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-button-ui.active-js {
cursor: default
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-button-ui.last-lvl-ui {
padding: 0;
cursor: default;
overflow-x: hidden
}
.add-variants-to-cart-from-products-list-popup-background-ui .table-ui {
display: block;
border: none;
margin-top: 20px;
width: 100%;
max-height: 50vh;
overflow-y: auto
}
.add-variants-to-cart-from-products-list-popup-background-ui .table-row-ui {
display: block;
cursor: pointer
}
.add-variants-to-cart-from-products-list-popup-background-ui .table-cell-ui {
display: inline-block;
margin-right: -4px;
width: 11%;
vertical-align: middle
}
@media only screen and (min-width: 1830px) {
.add-variants-to-cart-from-products-list-popup-background-ui .table-cell-ui {
width: 15%
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .table-cell-ui--long {
overflow-wrap: break-word
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-name-ui {
margin-top: 20px;
background-color: rgba(0, 0, 0, 0);
cursor: auto;
font-weight: 700
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-name-ui>div {
font-weight: normal
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-name-ui>div.name-column-ui {
font-weight: 700
}
.add-variants-to-cart-from-products-list-popup-background-ui .attributes-list-ui {
cursor: auto;
border:1px solid {
{
settings.lightBorderColor
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .attributes-list-ui:hover {
cursor: auto;
border:1px solid {
{
settings.lightBorderColor
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .name-column-ui.solo-price-ui {
width: 34%
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-price-column-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-price-column-ui {
width: 17%
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-price-column-ui.many-units-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-price-column-ui.many-units-ui {
width: 17%
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-price-column-ui.no-stock-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-price-column-ui.no-stock-ui {
width: 24%
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-price-column-ui.many-units-ui.no-stock-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-price-column-ui.many-units-ui.no-stock-ui {
width: 21%
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-price-column-ui.many-units-ui {
width: 16%
}
.add-variants-to-cart-from-products-list-popup-background-ui .previous-price-ui {
position: static;
font-size: 10px;
line-height: 10px;
color: {
{
settings.primaryColorFont
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .previous-price-ui .brutto-previous-lq,
.add-variants-to-cart-from-products-list-popup-background-ui .previous-price-ui .netto-previous-lq {
text-decoration: line-through
}
.add-variants-to-cart-from-products-list-popup-background-ui .previous-price-ui.suggested-retail-price-ui .brutto-previous-lq,
.add-variants-to-cart-from-products-list-popup-background-ui .previous-price-ui.suggested-retail-price-ui .netto-previous-lq {
text-decoration: none
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-ui {
font-weight: 700
}
.add-variants-to-cart-from-products-list-popup-background-ui .netto-ui {
font-size: 21px;
color: {
{
settings.lowerPriceAndCart
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .stock-column-ui {
width: 13%
}
.add-variants-to-cart-from-products-list-popup-background-ui .unit-column-ui {
width: 13%
}
.add-variants-to-cart-from-products-list-popup-background-ui .many-units-ui {
width: 18%
}
@media only screen and (min-width: 1830px) {
.add-variants-to-cart-from-products-list-popup-background-ui .many-units-ui {
width: 14%
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .quantity-column-ui {
width: 19%
}
.add-variants-to-cart-from-products-list-popup-background-ui .quantity-column-ui .change-quantity-ui {
width: 30px;
height: 30px
}
.add-variants-to-cart-from-products-list-popup-background-ui .quantity-column-ui [name=quantity] {
width: 40px;
height: 30px
}
.add-variants-to-cart-from-products-list-popup-background-ui .options-column-ui {
width: 44px
}
.add-variants-to-cart-from-products-list-popup-background-ui .options-column-ui button {
padding: 0
}
.add-variants-to-cart-from-products-list-popup-background-ui .options-column-ui button.no-animation-lq {
transition: none
}
.add-variants-to-cart-from-products-list-popup-background-ui .options-column-ui button.cant-toggle-lq {
cursor: default;
color: {
{
settings.lightBorderColor
}
}
}
.add-variants-to-cart-from-products-list-popup-background-ui .select-background-ui select {
padding: 3px 40px 3px 10px
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-editable-ui {
margin-top: 20px;
margin-right: 40px;
display: inline-block
}
.add-variants-to-cart-from-products-list-popup-background-ui .attribute-editable-ui+.in-simple-product-ui .add-to-cart-ui {
margin-top: 0
}
.add-variants-to-cart-from-products-list-popup-background-ui .more-attributes-ui {
padding: 0 10px 10px
}
.add-variants-to-cart-from-products-list-popup-background-ui .more-attributes-ui .attribute-editable-ui {
vertical-align: top;
margin: 0 10px 0 0;
width: 180px;
position: relative
}
.add-variants-to-cart-from-products-list-popup-background-ui .more-attributes-ui .attribute-editable-ui .select-background-ui,
.add-variants-to-cart-from-products-list-popup-background-ui .more-attributes-ui .attribute-editable-ui input {
width: 100%;
margin-top: 3px
}
.add-variants-to-cart-from-products-list-popup-background-ui .more-attributes-ui .attribute-editable-ui .select-arrow-ui {
position: absolute;
right: 13px;
top: 44px;
z-index: 1;
pointer-events: none
}
.add-variants-to-cart-from-products-list-popup-background-ui .units-in-table-ui {
height: 30px
}
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-lowest-lq,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-lowest-lq {
display: block;
width: 13em
}
@media screen and (max-width: 1279px) {
.add-variants-to-cart-from-products-list-popup-background-ui .brutto-lowest-lq,
.add-variants-to-cart-from-products-list-popup-background-ui .netto-lowest-lq {
position: absolute;
right: 0
}
}
.categories-map-ui a {
color: {
{
settings.primaryColorFont
}
}
;
line-height:2em
}
.categories-map-ui .level-1-ui {
width: 25%;
padding: 0 25px 35px 25px
}
.categories-map-ui .image-container-ui {
height: 165px
}
.categories-map-ui .image-container-ui i,
.categories-map-ui .image-container-ui .no-image-ui {
font-size: 5rem
}
.categories-map-ui .f-left-ui {
margin-right: 0
}
.cart-bar-ui {
background: {
{
settings.mainCartBarBgColor
}
}
;
color: {
{
settings.mainCartBarFontColor
}
}
;
border:1px solid {
{
settings.mainCartBarBorderColor
}
}
}
.cart-bar-ui .manufacturer-container-ui {
border: none
}
.cart-bar-ui li {
vertical-align: top;
line-height: 63px;
cursor: default;
cursor: initial
}
.cart-bar-ui li:not(.active-ui):hover,
.cart-bar-ui li i {
background: none !important
}
.cart-bar-ui a {
transition: background 300ms
}
.cart-bar-ui a:hover {
background: {
{
settings.cartButtonHover
}
}
;
color:#fff !important
}
.cart-bar-ui .active-ui,
.cart-bar-ui .active-ui:hover {
background: #fff;
color: {
{
settings.primaryColorFont
}
}
;
margin-top:-15px;
height:calc(17px + 63px);
padding:12px 45px 0 45px;
border-left:1px solid {
{
settings.lightBorderColor
}
}
}
.cart-bar-ui .active-ui::after,
.cart-bar-ui .active-ui:hover::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 6px;
background: inherit
}
.cart-bar-ui .active-top-ui {
border-top:4px solid {
{
settings.lowerPriceAndCart
}
}
}
.cart-bar-ui.editing-order-ui {
background: {
{
settings.mainBarBgColor
}
}
;
color: {
{
settings.mainBarFontColor
}
}
;
border:1px solid {
{
settings.mainBarBorderColor
}
}
}
.cart-bar-ui.editing-order-ui a:hover,
.cart-bar-ui.editing-order-ui .manufacturer-container-ui>li.cart-ui a:hover {
background: {
{
settings.hoverOverButton
}
}
}
.cart-bar-ui.editing-order-ui .active-top-ui {
border-top:4px solid {
{
settings.primaryColor
}
}
}
.messages-container-ui .successfull-post-message-ui {
height: auto;
line-height: 1.5em;
padding: 0;
margin: 0
}
.cart-ui .image-container-ui,
.cart-ui .image-link-ui {
width: 50px;
height: 50px;
float: left
}
.cart-ui .image-container-ui i,
.cart-ui .image-link-ui i {
font-size: 40px;
color: {
{
settings.lightBorderColor
}
}
!important
}
.cart-ui .image-container-ui i:hover,
.cart-ui .image-link-ui i:hover {
color: {
{
settings.lightBorderColor
}
}
!important
}
.cart-ui .product-info-ui {
float: right;
width: calc(100% - 50px);
padding-left: 10px;
color: {
{
settings.primaryColorFont
}
}
}
.cart-ui .product-info-ui.no-image-ui {
width: 100%;
padding-left: 0;
font-size: 16px
}
.cart-ui .product-name-ui {
color: {
{
settings.iconColors
}
}
;
font-size:16px;
font-weight:500
}
.cart-ui .div-table-ui {
position: relative;
padding-top: 60px;
font-size: .9rem
}
.cart-ui .table-header-ui {
top: 0;
border-bottom: 1px solid #c6c6c6;
z-index: 50
}
.cart-ui .table-header-ui>* {
border: none;
height: 60px;
padding: 0
}
.cart-ui .product-code-ui {
font-size: .8rem;
display: block
}
.cart-ui .remove-product-ui,
.cart-ui .options-column-ui {
width: 60px
}
.cart-ui .number-column-ui {
width: 40px
}
.cart-ui .price-like-column-ui {
width: 95px;
text-align: right
}
.cart-ui .value-ui {
font-size: 16px;
font-weight: 500
}
.cart-ui .summary-value-ui {
font-size: 18px;
font-weight: 500
}
.cart-ui .product-desc-ui {
font-size: 12px
}
.cart-ui .percent-column-ui {
width: 75px
}
.cart-ui .amount-stepper-column-ui {
width: 270px;
position: relative
}
.cart-ui .amount-stepper-column-ui--aggregator {
width: 100px
}
.cart-ui .amount-stepper-column-ui--aggregator .unit-name-ui {
width: auto
}
.cart-ui.profile-order-ui .amount-stepper-column-ui {
width: 102px
}
.cart-ui.profile-order-ui .amount-stepper-column-ui.editing-ui {
width: 270px
}
.cart-ui.profile-order-ui .amount-stepper-column-ui .unit-name-ui {
width: auto
}
.cart-ui .amount-stepper-ui .error-ui {
position: absolute;
bottom: -10px;
left: 10px
}
.cart-ui .amount-stepper-ui .error-ui.with-unit-ratio-info-ui {
bottom: -3px
}
.cart-ui .amount-stepper-ui .error-ui.multiplicity-info-js {
position: static
}
.cart-ui .amount-stepper-ui .successfull-post-message-js {
height: auto;
line-height: 1.5em;
text-align: left;
color: {
{
settings.errorColor
}
}
}
.cart-ui .currency-column-ui {
width: 80px
}
.cart-ui .name-and-code-ui {
flex-grow: 10
}
.cart-ui .coupon-ui {
background: none;
padding: 15px 0;
max-width: 100%
}
.cart-ui .coupon-ui .loyalty-ui {
margin-bottom: 20px
}
.cart-ui .coupon-ui .btn-ui,
.cart-ui .coupon-ui button {
height: 45px
}
.cart-ui .coupon-ui .inputs-wrapper-ui {
width: calc(100% - 150px)
}
.cart-ui .coupon-ui .add-coupon-ui {
width: 150px;
height: 46px
}
.cart-ui .coupon-ui .add-coupon-ui.with-email-ui {
margin-top: 27px;
margin-bottom: 24px
}
.cart-ui .coupon-ui span {
padding: 10px 10px 10px 0;
width: 120px;
font-size: inherit;
vertical-align: middle
}
.cart-ui .coupon-ui .message-container-ui {
width: 100%
}
.cart-ui .coupon-ui input.no-email-ui {
width: calc(100% - 120px)
}
.cart-ui .coupon-ui [readonly] {
background: none;
color: inherit
}
.cart-ui .coupon-ui .error-ui {
padding: 0 !important;
margin: 0 !important;
margin-bottom: 10px !important;
color: {
{
settings.errorColor
}
}
}
.cart-ui .coupon-ui .error-ui:not(.validation-info-js) {
background: {
{
settings.infoColor
}
}
;
font-weight:500;
margin-bottom:20px;
padding:5px 15px;
margin:0 20px 20px 20px
}
.cart-ui .country-ui {
padding: 15px 0
}
.cart-ui .country-ui>* {
vertical-align: middle
}
.cart-ui .country-ui [class*=half] {
padding-right: 15px
}
.cart-ui .summary-section-ui {
position: relative
}
.cart-ui .summary-section-ui .f-right-ui {
text-align: right
}
.cart-ui .tfoot-ui .products-summary-ui {
margin-right: auto
}
.cart-ui .total-amount-ui {
font-weight: 600;
font-size: 1.3rem
}
.cart-ui .changed-ui .change-quantity-ui,
.cart-ui .changed-ui [name=quantity] {
border-color: {
{
settings.warningColor
}
}
}
.cart-ui .changed-ui:not(.deleted-ui) .stepper-space-ui {
color: {
{
settings.warningColor
}
}
;
font-weight:600
}
.cart-ui .deleted-ui .div-table-cell-ui:not(.options-column-ui) {
opacity: .35
}
.cart-ui .removed-icon-ui {
padding: 15px
}
.cart-ui .recalculate-cell-ui,
.cart-ui .recalculate-ui {
height: 100%;
background: {
{
settings.warningColor
}
}
;
font-size:1rem
}
.cart-ui .comfortable-cart-section-title-ui {
text-align: left;
display: block;
width: 100%
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-cart-section-title-ui {
padding: 15px 10%
}
}
.cart-ui .comfortable-cart-section-title-ui .counter-bg-ui {
display: inline-block;
background-color: {
{
settings.smallCartCounterBgColor
}
}
;
color: {
{
settings.smallCartCounterFontColor
}
}
;
font-size:12px;
font-family: {
{
settings.fontFamily
}
}
,
sans-serif;
text-align:center;
border-radius:50%;
width:20px;
height:20px
}
.cart-ui .comfortable-cart-section-title-ui .counter-ui {
vertical-align: middle;
line-height: 1.5
}
.cart-ui .comfortable-cart-section-title-ui .title-ui {
vertical-align: middle;
color: {
{
settings.iconColorsHover
}
}
;
font-size:12px;
font-weight:700;
letter-spacing:2px;
margin-left:10px
}
.cart-ui .comfortable-country-ui {
display: inline-block;
width: calc((100% - 130px)/3);
margin-right: 50px;
margin-left: 15px;
padding: 0
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-country-ui {
width: calc((80% - 200px)/3);
margin-right: 100px;
margin-left: 10%
}
}
.cart-ui .comfortable-country-ui .choose-country-in-cart-ui {
width: 100%;
padding: 0;
position: relative
}
.cart-ui .comfortable-country-ui .select-background-ui {
width: 100%
}
.cart-ui .comfortable-customer-data-title-ui {
order: -1;
width: calc(100vw - 17px);
margin-left: calc(-1*(15px + (100vw - 130px)/3 + 49px));
padding: 15px
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-customer-data-title-ui {
padding: 15px 10vw;
margin-left: calc(-1*(10vw + (80vw - 200px)/3 + 98px))
}
}
.comfortable-loyalty-and-coupon-container-ui {
margin: 0 auto;
width: calc(100% - 30px)
}
@media only screen and (min-width: 1600px) {
.comfortable-loyalty-and-coupon-container-ui {
width: 80%
}
}
.comfortable-coupon-container-ui {
float: right;
width: calc((100% - 100px)/3)
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui {
width: calc((100% - 200px)/3)
}
}
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 100px)/3*2 + 50px)
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 200px)/3*2 + 100px)
}
}
.cart-ui .coupon-ui .comfortable-coupon-container-ui .error-ui:not(.validation-info-js) {
background-color: {
{
settings.bgColor
}
}
}
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 15px
}
@media only screen and (min-width: 1600px) {
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 10%
}
}
.comfortable-delivery-section-container-ui {
width: calc((100% - 130px)/3*2 + 50px);
display: inline-block;
vertical-align: top
}
@media only screen and (min-width: 1600px) {
.comfortable-delivery-section-container-ui {
width: calc((80% - 200px)/3*2 + 100px)
}
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui {
border: none;
margin: 0;
padding: 4px 0 14px;
text-align: left;
width: auto;
background: {
{
settings.bgColor
}
}
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.left-ui {
margin-right: 20px
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.right-ui {
float: left
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.active-js {
border-bottom:2px solid {
{
settings.lighterColor
}
}
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.more-addresses-ui {
margin-top: 28px
}
.comfortable-delivery-section-container-ui .box-ui {
border: none;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
margin-top:-1px;
padding:20px 0
}
.comfortable-delivery-section-container-ui .installmentCalculator {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
margin: 10px 0 20px
}
@media screen and (min-width: 1280px) {
.comfortable-delivery-section-container-ui .installmentCalculator {
flex-direction: row-reverse
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
margin-left: 20px;
margin-right: 0
}
}
@media screen and (max-width: 1279px) {
.comfortable-delivery-section-container-ui .installmentCalculator {
flex-direction: row
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
margin-left: 0;
margin-right: 20px
}
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
display: block;
cursor: pointer
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn img {
display: block;
margin-bottom: 15px;
max-width: 180px;
max-height: 40px;
height: auto;
width: auto
}
.comfortable-customer-data-section-ui {
order: 1;
width: calc(100vw - 17px);
margin-left: calc(-1*(15px + (100vw - 130px)/3 + 49px))
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui {
margin-left: calc(-1*(10vw + (80vw - 200px)/3 + 98px))
}
}
.comfortable-customer-data-section-ui .delivery-address-ui {
display: inline-block;
width: calc((100% - 130px)/3);
margin-right: 54px;
margin-left: 15px
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .delivery-address-ui {
width: calc((80% - 200px)/3);
margin-right: 104px;
margin-left: 10%
}
}
.comfortable-customer-data-section-ui .delivery-address-ui .other-address-ui {
padding-top: 2px !important
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
float: left;
width: calc((100% - 130px)/3)
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
width: calc((80% - 200px)/3)
}
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui>.radio-ui {
margin-bottom: 10px !important
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui .other-address-ui {
margin-top: -66px !important
}
.comfortable-customer-data-section-ui .invoice-address-ui {
float: none;
width: 100%
}
.comfortable-summary-ui {
display: flex;
flex-wrap: wrap
}
.order-ui {
margin-top: 25px
}
.order-ui p {
margin: 0 0 4px 0
}
.order-ui label,
.order-ui small,
.order-ui .right-corner-ui {
font-size: .9rem
}
.order-ui .narrow-container-ui {
margin: auto;
padding: 0
}
.order-ui .narrow-container-ui.with-online-payment-error-ui {
margin-top: 50px
}
.order-ui .note-ui {
margin-top: 20px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
padding:15px
}
.order-ui .note-ui .half-ui {
padding: 10px;
float: left
}
.order-ui .note-ui .half-ui:first-child {
border-right:1px solid {
{
settings.lightBorderColor
}
}
}
.order-ui .note-ui button {
padding: 0;
line-height: 1
}
.order-ui .note-ui .note-in-order-ui {
margin-top: 20px;
position: relative
}
.order-ui .note-ui .note-in-order-ui .edit-ui {
margin-left: 15px;
vertical-align: baseline
}
.order-ui .note-ui .label-note-in-cart-ui {
color: #696666;
cursor: default
}
.order-ui .note-ui .form-to-confirm-in-cart-ui {
resize: none
}
.order-ui .note-ui .confirm-in-cart-ui {
top: -20px
}
.order-ui .note-ui .file-container-ui {
background: {
{
settings.bgColor
}
}
;
border:1px solid {
{
settings.lightBorderColor
}
}
;
border-radius:20px;
margin:0 10px 10px 0;
padding:5px 15px 10px;
display:inline-block
}
.order-ui .note-ui .file-container-ui:first-child {
margin-top: 20px
}
.order-ui .note-ui .file-container-ui .icon-ui {
font-size: 20px;
vertical-align: middle
}
.order-ui .note-ui .file-container-ui .remove-attachement-in-order-ui {
vertical-align: middle;
margin-left: 10px;
cursor: pointer !important
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) {
width: auto;
font-size: 16px;
line-height: 1;
vertical-align: middle;
margin: 0;
color: {
{
settings.iconColors
}
}
;
cursor:pointer;
transition:all ease 200ms
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui):hover {
color: {
{
settings.iconColorsHover
}
}
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) .ti-clip {
font-size: 24px;
line-height: 1;
vertical-align: middle
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) .max-ui {
color: #696666;
font-size: 12px
}
@media only screen and (max-width: 1279px) {
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) {
font-size: 14px;
vertical-align: baseline
}
}
.order-ui .cart-option-ui {
position: relative;
margin-bottom: 15px
}
.order-ui .cart-option-ui.f-left-ui,
.order-ui .cart-option-ui.f-right-ui {
padding-right: 15px
}
.order-ui .cart-option-ui select,
.order-ui .cart-option-ui textarea,
.order-ui .cart-option-ui input:not([type=radio]):not([type=checkbox]) {
width: 100%
}
.order-ui .cart-option-ui .right-corner-ui,
.order-ui .cart-option-ui .right-corner-ui button,
.order-ui .cart-option-ui .right-corner-ui .btn-pure-ui {
padding-top: 0
}
.order-ui .cart-option-ui.comfortable-delivery-container-ui {
width: calc(50% - 25px);
padding: 0;
margin-right: 46px
}
@media only screen and (min-width: 1600px) {
.order-ui .cart-option-ui.comfortable-delivery-container-ui {
width: calc(50% - 50px);
margin-right: 100px
}
}
.order-ui .cart-option-ui.comfortable-payment-container-ui {
width: calc(50% - 25px);
padding: 0;
margin-right: 0
}
@media only screen and (min-width: 1600px) {
.order-ui .cart-option-ui.comfortable-payment-container-ui {
width: calc(50% - 50px)
}
}
.order-ui .comfortable-customer-data-section-ui .delivery-address-ui,
.order-ui .comfortable-customer-data-section-ui .invoice-address-ui {
padding: 0
}
.order-ui select {
font-weight: 500
}
.order-ui .expandable-js:not(.expanded-js) .right-corner-ui {
display: none
}
.order-ui .options-section-ui {
padding-bottom: 15px
}
.order-ui .options-section-ui .select-arrow-ui {
position: absolute;
right: 13px;
top: 44px;
z-index: 1;
pointer-events: none
}
.order-ui .options-section-ui .select-arrow-ui.with-tooltip-ui {
top: 67px
}
.order-ui .options-section-ui:not(.comfortable-ui) {
background: #f8f8f8
}
.order-ui .options-section-ui:not(.comfortable-ui) .select-arrow-ui {
right: 44px;
top: 84px
}
.order-ui .options-section-ui:not(.comfortable-ui) .select-arrow-ui.with-tooltip-ui {
top: 107px
}
.order-ui .options-section-ui:not(.comfortable-ui) .choose-country-span-ui {
position: relative
}
.order-ui .options-section-ui:not(.comfortable-ui) .choose-country-span-ui .select-arrow-ui {
right: 5px;
top: 3px
}
.order-ui .options-section-ui.inquiry-section-ui {
padding-top: 50px
}
.order-ui .options-section-ui.inquiry-section-ui .left-column-ui input {
width: 50%
}
.order-ui .options-section-ui.inquiry-section-ui .note-ui {
padding: 0;
margin-top: 0;
border: none
}
@media only screen and (max-width: 1279px) {
.order-ui .options-section-ui.inquiry-section-ui input {
width: 100%
}
.order-ui .options-section-ui.inquiry-section-ui .right-column-ui {
padding: 20px
}
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui {
background: {
{
settings.bgColor
}
}
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .left-column-ui,
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui {
margin-bottom: 20px
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .left-column-ui input,
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .order-button-ui {
width: 300px
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui textarea {
width: 50%
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui .comfortable-note-in-inquiry-ui textarea {
width: 100%
}
.order-ui .box-ui {
background: #fff;
padding: 15px;
border:1px solid {
{
settings.lightBorderColor
}
}
}
.order-ui .border-bottom-ui {
padding-bottom: 15px;
margin-bottom: 15px
}
.order-ui .address-ui .message-bar-ui i {
font-size: inherit
}
.order-ui .address-ui label {
display: block
}
.order-ui .address-ui i {
vertical-align: middle;
margin-right: 7px
}
.order-ui .order-button-ui {
width: 100%;
height: 50px;
font-size: 1.2rem
}
.order-ui .order-button-ui.editing-order-ui {
margin-top: 20px;
margin-bottom: 20px
}
.order-ui .tos-form-ui {
padding: 15px 0
}
.order-ui .checkbox-ui {
padding-bottom: 10px
}
.order-ui .checkbox-ui.channel-ui .label-ui {
margin-left: 30px
}
.order-ui .error-ui {
display: block
}
.order-ui .collection-points-ui li:hover {
background: {
{
settings.primaryColor
}
}
;
color:#fff
}
.order-ui .collection-points-ui .grey-ui {
border-color: {
{
settings.primaryColor
}
}
;
font-weight:500
}
.order-ui .points-list-ui {
max-height: 385px;
overflow-y: auto
}
.order-ui .address-option-ui {
padding-left: 55px;
position: relative;
border: none;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
}
.order-ui .address-option-ui:last-child {
border-bottom: none
}
.order-ui .address-option-ui .radio-ui {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.order-ui .address-option-ui .radio-ui .label-ui {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-0.5em)
}
.order-ui .address-option-ui.lack-of-phone-ui {
background: rgba(0, 0, 0, 0);
opacity: .5
}
.order-ui .addresses-list-ui {
overflow-x: auto;
max-height: 411px
}
.order-ui .choose-collection-point-lq::before {
content: " \2022 ";
display: inline-block;
text-align: center;
margin-right: 15px;
border:1px solid {
{
settings.lightBorderColor
}
}
;
cursor:pointer;
font-family:"themify";
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
vertical-align:middle;
border-radius:1.5em;
background: {
{
settings.lightBorderColor
}
}
;
color:rgba(0, 0, 0, 0);
font-size:30px;
width:.7em;
height:.7em;
line-height:.55em;
transition:background 400ms,
color 400ms
}
.order-ui .choose-collection-point-lq.grey-ui::before {
background: {
{
settings.lighterColor
}
}
;
color: {
{
settings.inputsBgColor
}
}
}
.order-ui .loyalty-ui {
margin-bottom: 20px
}
.order-ui .comfortable-note-ui {
width: calc((100% - 130px)/3);
margin: 0 50px 0 15px;
padding: 0;
border: none
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-note-ui {
width: calc((80% - 200px)/3);
margin: 0 100px 0 10%
}
}
.order-ui .comfortable-note-in-inquiry-ui {
display: inline-block;
width: calc((100% - 130px)/3);
margin: 0 50px 0 0;
padding: 0;
border: none;
vertical-align: top
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-note-in-inquiry-ui {
width: calc((100% - 200px)/3);
margin: 0 100px 0 0
}
}
@media only screen and (max-width: 1279px) {
.order-ui .comfortable-note-in-inquiry-ui {
width: 100%
}
}
.order-ui .comfortable-tos-ui {
width: calc((100% - 130px)/3);
margin: 0 50px 0 0;
padding: 0;
text-align: justify
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-tos-ui {
width: calc((80% - 200px)/3);
margin: 0 100px 0 0
}
}
.order-ui .comfortable-tos-in-inquiry-ui {
display: inline-block;
width: calc((100% - 130px)/3);
margin: 0 50px 0 0;
padding: 0;
text-align: justify;
vertical-align: top
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-tos-in-inquiry-ui {
width: calc((100% - 200px)/3);
margin: 0 100px 0 0
}
}
@media only screen and (max-width: 1279px) {
.order-ui .comfortable-tos-in-inquiry-ui {
width: 100%
}
}
.order-ui .comfortable-summary-wrapper-ui {
order: 1;
width: calc((100% - 130px)/3)
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-summary-wrapper-ui {
width: calc((80% - 200px)/3)
}
}
.order-ui .comfortable-summary-wrapper-ui .order-summary-ui {
padding: 0;
border: none
}
.order-ui .comfortable-summary-wrapper-ui .order-summary-ui+.box-ui {
padding: 15px 0;
border: none;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
margin-top:15px
}
.order-ui .comfortable-summary-wrapper-ui .summary-with-btn-ui .box-ui {
padding: 15px 0;
border: none;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
margin-top:15px
}
.order-ui .comfortable-delivery-section-container-ui .form-to-confirm-in-cart-ui {
border: none
}
.order-ui .comfortable-delivery-section-container-ui .box-ui {
border: none;
border-top:1px solid {
{
settings.lightBorderColor
}
}
!important;
margin-top:-1px;
padding:20px 0
}
.order-ui .comfortable-delivery-section-container-ui .box-ui.choose-collection-point-lq {
padding: 20px
}
.order-ui .comfortable-delivery-section-container-ui .address-option-ui {
padding-left: 55px
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui {
margin-top: 10px
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui img {
max-width: 100px;
display: inline-block;
vertical-align: middle
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui .channel-name-ui {
display: inline-block;
margin: 0 10px
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui i {
display: inline-block;
font-size: 14px;
cursor: pointer !important
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui {
padding: 20px;
font-weight: 700;
position: static;
transform: none;
text-align: center
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .box-ui {
border-top: none !important;
margin: 0
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .payment-channel-ui:not(.checkbox-ui):not(.radio-ui) [type=radio]+img {
max-width: 78px
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .channel-name-ui {
line-height: 1.3;
font-weight: 400
}
.thank-you-ui .order-info-ui {
background: #f8f8f8;
padding: 15px
}
.thank-you-ui .order-info-ui .box-ui {
background: none;
border: none;
padding: 0
}
.thank-you-ui .order-info-ui .f-right-ui {
text-align: right;
font-weight: bold
}
.thank-you-ui .details-wrapper-ui {
max-width: 500px
}
.thank-you-ui .details-wrapper-ui.add-inquiry-details-wrapper-ui {
width: 500px
}
@media screen and (max-width: 1599px) {
.thank-you-ui>.mb10-ui {
padding: 0 15px
}
}
.comfortable-payment-channels-popup-background-ui {
overflow: auto;
padding: 4vw
}
.order-ui .not-authenticated-in-order-container-ui {
margin-top: 30px;
padding: 40px 50px;
text-align: center
}
.order-ui .not-authenticated-in-order-container-ui .loginForm-ui {
margin-bottom: 0px
}
.order-ui .not-authenticated-in-order-container-ui .loginForm-ui .login-form__socialButtons__title-ui {
margin-top: 18px
}
.order-ui .not-authenticated-in-order-container-ui .loginForm-ui .socialLoginButtons-ui .GLoginForm-ui {
justify-content: initial
}
.order-ui .not-authenticated-in-order-container-ui .big-text-ui {
font-size: 18px;
font-weight: 700
}
.order-ui .not-authenticated-in-order-container-ui .small-text-ui {
font-size: 14px;
margin-top: 10px;
margin-bottom: 30px
}
.order-ui .not-authenticated-in-order-container-ui a {
display: inline-block;
width: calc(50% - 13px);
font-weight: 700
}
.order-ui .not-authenticated-in-order-container-ui .btn-outline-ui {
margin-left: 20px;
padding: 9px
}
.order-ui .not-authenticated-in-order-container-ui .without-sign-up-ui {
margin-top: 30px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
padding-top:30px
}
.order-ui .not-authenticated-in-order-container-ui .open-order-delivery-data-popup-background-ui {
font-weight: 700;
margin-top: 20px
}
.order-ui .not-authenticated-in-order-container-ui .order-delivery-data-popup-background-ui,
.order-ui .not-authenticated-in-order-container-ui .comfortable-payment-channels-popup-background-ui {
overflow: auto;
padding: 4vw
}
.order-ui .not-authenticated-in-order-container-ui .order-delivery-data-popup-ui {
padding: 30px;
text-align: left;
position: relative;
top: auto;
transform: none;
max-width: 800px
}
.order-ui .not-authenticated-in-order-container-ui .ti-close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer !important
}
.order-ui .not-authenticated-in-order-container-ui .radio-container-ui {
margin-top: 50px
}
.order-ui .not-authenticated-in-order-container-ui .radio-ui {
display: inline-block;
margin-right: 20px
}
.order-ui .not-authenticated-in-order-container-ui .label-ui {
vertical-align: middle;
height: 23px
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui {
margin-top: 40px
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui .half-ui {
width: calc(50% - 10px)
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui .half-ui+.half-ui {
margin-left: 20px
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui input {
width: 100%
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui input[name=phoneNo] {
max-width: none
}
.order-ui .not-authenticated-in-order-container-ui .form-title-ui {
color: #717171;
padding-bottom: 10px;
border-bottom:1px solid {
{
settings.lightBorderColor
}
}
;
margin-bottom:30px
}
.order-ui .not-authenticated-in-order-container-ui .form-title-ui.not-authenticated-ui {
margin-top: -10px;
margin-bottom: 27px;
padding: 0
}
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui,
.order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
display: inline-block;
width: calc(50% - 28px);
vertical-align: top
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui,
.order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
width: 100%;
margin-right: 0
}
}
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui {
margin-right: 50px
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
margin-top: 50px
}
.order-ui .not-authenticated-in-order-container-ui .order-address-data-tab-ui {
display: flex;
align-items: center;
text-align: center;
height: 69px
}
}
.order-ui .not-authenticated-in-order-container-ui .save-delivery-data-popup-ui {
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 30px;
width: 300px
}
.order-ui .not-authenticated-in-order-container-ui .want-to-get-invoice-ui {
margin-top: 63px
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: calc(100% - 30px);
margin: 0 auto 20px;
padding: 0;
order: -1;
text-align: left
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: 80%
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: calc(100% - 40px)
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
display: inline-block;
width: calc((100% - 100px)/3);
margin-right: 50px
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
width: calc((100% - 200px)/3);
margin-right: 100px
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
width: 100%
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui a {
text-align: center
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui .loginForm-ui {
margin-bottom: 0px
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui .loginForm-ui .login-form__socialButtons__title-ui {
margin-top: 18px
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
display: inline-block;
width: calc((100% - 100px)/3);
vertical-align: top;
border: none;
margin-top: 0;
padding-top: 0
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
width: calc((100% - 200px)/3)
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
width: 100%;
margin-top: 30px;
border-top:1px solid {
{
settings.lightBorderColor
}
}
;
padding-top:30px
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui .open-order-delivery-data-popup-background-ui {
text-align: center;
width: calc(50% - 13px);
margin: 0
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .small-text-ui {
color: #696666;
height: 48px
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui {
border: none;
padding: 8px 0 10px;
width: auto;
background: {
{
settings.bgColor
}
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.left-ui {
margin-right: 20px
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.right-ui {
float: left
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.active-js {
border-bottom:2px solid {
{
settings.lighterColor
}
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.more-addresses-ui {
margin-top: 28px
}