/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
:root {
--form-control-color: #333;
--form-background: white;
--form-control-disabled: #959495;
}
input[type="checkbox"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
appearance: none;
margin: 0;
font: inherit;
color: currentColor;
width: max(15px, 1.2em);
vertical-align: top;
display: inline-block;
height: max(14px, 1.15em);
max-width: max(15px, 1.2em);
max-height: max(14px, 1.15em);
border: 0.1em solid currentColor;
border-radius: 0.15em;
transform: translateY(-0.075em);
place-content: center;
}
input[type="checkbox"]::before {
content: "";
width: 0.65em;
height: 0.65em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em white;
/* Windows High Contrast Mode */
background-color: CanvasText;
display: grid;
margin: 0 auto;
margin-top: max(2px, 0.15em);
}
input[type="checkbox"]:checked::before {
transform: scale(1);
}
input[type="checkbox"]:not(:checked) {
background-color: white;
}
input[type="checkbox"]:checked {
background-color: #0060df;
}
input[type="checkbox"]:disabled {
--form-control-color: var(--form-control-disabled);
color: var(--form-control-disabled);
cursor: not-allowed;
}
/*
* Copyright © Oxif GmbH All rights reserved.
* See COPYING.txt for license details.
*/
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form-discount .g-recaptcha {
margin-top: 50px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.login-container .g-recaptcha,
.form-login .g-recaptcha,
.form-edit-account .g-recaptcha {
margin-bottom: 10px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.required-captcha.checkbox {
position: absolute;
display: block;
visibility: visible;
overflow: hidden;
opacity: 0;
width: 1px;
height: 1px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.block.newsletter .field-recaptcha .field .control:before {
content: none;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.review-form .field-recaptcha {
margin-bottom: 10px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form.send.friend .g-recaptcha {
margin-top: 40px;
}
.block-minicart .block-content > .actions .smart-buttons {
margin-top: 15px;
}
.pay-later-message {
margin-top: 10px;
}
.smart-buttons > div > div {
vertical-align: bottom;
}
.apple-pay {
margin-top: 14px;
}
.cart-summary .apple-pay {
margin-top: 11px;
}
.google-pay {
margin-top: 14px;
}
.google-pay button {
background-origin: content-box;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border: 0;
}
.cart-summary .google-pay {
margin-bottom: 14px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.product-info-stock-sku .configurable-variation-qty {
display: none;
}
/* prettier-ignore */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.not-animated {
opacity: 0;
}
/**
* Bounce Keyframes Animation
*/
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
/**
* Flas Keyframes Animation
*/
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/**
* Pulse Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
/**
* RubberBand Keyframes Animation
*/
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
/**
* Shake Keyframes Animation
*/
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
/**
* Swing Keyframes Animation
*/
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
/**
* Tada Keyframes Animation
*/
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/**
* Wobble Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
/**
* BounceIn Keyframes Animation
*/
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
/**
* BounceInDown Keyframes Animation
*/
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
/**
* BounceInLeft Keyframes Animation
*/
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
/**
* BounceInRight Keyframes Animation
*/
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
/**
* BounceInUp Keyframes Animation
*/
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
/**
* BounceOut Keyframes Animation
*/
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
/**
* BounceOutDown Keyframes Animation
*/
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
/**
* BounceOutLeft Keyframes Animation
*/
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
/**
* BounceOutRight Keyframes Animation
*/
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
/**
* BounceOutUp Keyframes Animation
*/
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/**
* FadeInDownBig Keyframes Animation
*/
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
/**
* FadeInLeftBig Keyframes Animation
*/
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/**
* FadeInRightBig Keyframes Animation
*/
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
/**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/**
* FadeInUpBig Keyframes Animation
*/
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
/**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/**
* FadeOutDown Keyframes Animation
*/
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
/**
* FadeOutDownBig Keyframes Animation
*/
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
/**
* FadeOutLeft Keyframes Animation
*/
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
/**
* FadeOutLeftBig Keyframes Animation
*/
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
/**
* FadeOutRight Keyframes Animation
*/
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
/**
* FadeOutRightBig Keyframes Animation
*/
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
/**
* FadeOutUp Keyframes Animation
*/
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
/**
* FadeOutUpBig Keyframes Animation
*/
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
/**
* Flip Keyframes Animation
*/
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
/**
* FlipInX Keyframes Animation
*/
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
/**
* FlipInY Keyframes Animation
*/
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
/**
* FlipOutX Keyframes Animation
*/
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
/**
* FlipOutY Keyframes Animation
*/
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
/**
* LightSpeedIn Keyframes Animation
*/
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/**
* LightSpeedOut Keyframes Animation
*/
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/**
* RotateIn Keyframes Animation
*/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
/**
* RotateInDownLeft Keyframes Animation
*/
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
/**
* RotateInDownRight Keyframes Animation
*/
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
/**
* RotateInUpLeft Keyframes Animation
*/
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
/**
* RotateInUpRight Keyframes Animation
*/
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
/**
* RotateOut Keyframes Animation
*/
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
/**
* RotateOutDownLeft Keyframes Animation
*/
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
/**
* RotateOutDownRight Keyframes Animation
*/
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
/**
* RotateOutUpLeft Keyframes Animation
*/
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
/**
* RotateOutUpRight Keyframes Animation
*/
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
/**
* Hinge Keyframes Animation
*/
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/**
* RollIn Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/**
* RollOut Keyframes Animation
*
* @author Nick Pettit
* @link https://github.com/nickpettit/glide
*/
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/**
* ZoomIn Keyframes Animation
*/
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
/**
* ZoomInDown Keyframes Animation
*/
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
/**
* ZoomInLeft Keyframes Animation
*/
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
/**
* ZoomInRight Keyframes Animation
*/
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
/**
* ZoomInUp Keyframes Animation
*/
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
/**
* ZoomOut Keyframes Animation
*/
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
/**
* ZoomOutDown Keyframes Animation
*/
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
/**
* ZoomOutLeft Keyframes Animation
*/
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
/**
* ZoomOutRight Keyframes Animation
*/
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
/**
* ZoomOutUp Keyframes Animation
*/
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
/**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
/**
* SlideInUp Keyframes Animation
*/
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
/**
* SlideOutLeft Keyframes Animation
*/
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
/**
* SlideOutRight Keyframes Animation
*/
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
/**
* SlideOutUp Keyframes Animation
*/
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("../images/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.animated {
-webkit-animation-duration: 5500ms !important;
animation-duration: 5500ms !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated {
-webkit-animation-duration: 5500ms !important;
animation-duration: 5500ms !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {
max-width: 920px !important;
}
#price_lists_table_wrapper .dtsp-panesContainer {
display: none;
}
.dataTables_wrapper .dataTables_filter input {
min-width: 95% !important;
}
table.dataTable.cell-border tbody tr td {
flex-wrap: wrap;
height: auto !important;
}
table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > td.select-checkbox:after {
position: absolute !important;
}
table.dataTable.cell-border tbody tr td.product-name {
display: none;
}
table.dataTable.cell-border thead tr th.product-name {
display: none;
}
table.dataTable.cell-border tbody tr td.product-buy {
display: none;
}
table.dataTable.cell-border thead tr th.product-buy {
display: none;
}
span.product-sku-sku {
display: block;
width: 100%;
margin-left: 20px;
}
span.product-sku-name {
display: block;
width: 100%;
margin-left: 20px;
text-wrap: wrap;
min-width: 200px;
}
span.product-sell-buy {
display: block;
}
span.product-buy-sell {
display: block;
color: #44AD50;
}
}
@media print {
body {
margin: 0;
font-size: 10pt;
}
.logo img {
max-width: 60% !important;
}
.print-header {
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.dataTable {
width: 99%;
margin: 0 auto;
}
table {
page-break-inside: auto;
}
tr {
page-break-inside: avoid;
page-break-after: auto;
}
thead.head-first {
display: table-row-group;
border: 0 !important;
}
thead {
display: table-row-group;
}
thead.head-stable {
display: table-header-group !important;
border: 0 !important;
}
thead.head-stable tr th {
border-bottom: 0 !important;
}
table.dataTable thead tr th {
text-align: left;
margin-left: 0;
padding-left: 0;
}
.basispreise {
max-width: 1170px;
margin: 0 auto !important;
display: flex;
line-height: 1.5;
justify-content: center;
flex-wrap: wrap;
}
.basispreise .metalprices {
display: none;
}
.basispreise span {
display: block;
font-size: 1.2rem;
}
.basispreise > span {
border-top: solid 2px #daa74b;
border-bottom: solid 2px #daa74b;
background: #eee;
margin: 6px 3px;
max-width: 9em;
padding: 0.25em 1em 0.25em 0.5em;
}
.dtsp-panes.dtsp-panesContainer {
display: none;
}
span.product-sku-name {
display: none !important;
}
span.product-buy-sell {
display: none !important;
}
body table.dataTable.cell-border tr:not(:last-child) td {
border-bottom: 1px solid #dedede !important;
}
body table.dataTable.cell-border tr td,
body table.dataTable.cell-border tr th {
padding-left: 8px !important;
padding-right: 8px !important;
vertical-align: center !important;
}
body table.dataTable.cell-border tr td.product-qty,
body table.dataTable.cell-border tr th.product-qty {
display: none !important;
}
body table.dataTable.cell-border tr td.product-action,
body table.dataTable.cell-border tr th.product-action {
display: none !important;
}
body table.dataTable.cell-border tr th {
height: unset !important;
font-size: 1rem !important;
font-weight: bold !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
body table.dataTable.cell-border tr td {
font-size: 1rem !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
height: unset !important;
border-bottom: 1px solid #dedede !important;
}
body table.dataTable.cell-border tr td.product-sku {
height: auto !important;
}
body table.dataTable.cell-border tr td.select-checkbox:before {
display: none !important;
}
body table.dataTable.cell-border tr td.product-name {
font-weight: bold;
}
body table.dataTable.cell-border tr td.product-sell {
color: #92101f !important;
}
body table.dataTable.cell-border tr td.product-buy {
color: #3d7d29 !important;
}
body table.dataTable.cell-border tr td.product-issue-date {
white-space: nowrap;
}
body table.dataTable.cell-border tr td.product-tax-class {
white-space: nowrap;
}
body table.dataTable > tbody > tr > td.select-checkbox::before {
display: none;
}
body table.dataTable.cell-border tbody tr td:first-child {
padding-left: 8px !important;
}
@page {
margin: 10mm 0 5mm 0;
}
}
@media all and (min-width: 768px) {
.fotorama__stage__frame .fotorama__img {
top: 50%;
}
}
body.checkout-index-index .smile-store-delivery {
height: 59vh;
}
body.checkout-index-index .smile-store-delivery .map {
height: 100%;
background: #666;
border: 1px solid #C0C0C0;
border-left-width: 0px;
}
body.checkout-index-index .smile-store-delivery .address-info {
display: flex;
padding: 10px;
}
body.checkout-index-index .smile-store-delivery .address-info .box-title {
margin-right: 10px;
font-weight: bold;
}
body.checkout-index-index .smile-store-delivery .address-info .address {
flex: 1;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info {
padding: 10px;
clear: both;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info .box-title {
margin-right: 10px;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info .box-title p {
font-weight: bold;
float: left;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info .box-title .showopeninghours {
float: left;
margin-left: 10px;
cursor: pointer;
font-weight: bold;
font-size: 13px;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info .box-title .showopeninghours :after {
content: '\e622';
display: inline-block;
font-family: 'icons-blank-theme';
vertical-align: top;
margin: 0;
color: inherit;
font-size: 10px;
line-height: 22px;
margin-left: 10px;
}
body.checkout-index-index .smile-store-delivery .opening-hours-info .box-title .showopeninghours.active :after {
content: '\e621';
}
body.checkout-index-index .smile-store-delivery .contextual-bar {
position: relative;
float: left;
padding: 0px 0px;
background: #FFFFFF;
z-index: 500;
border: 1px solid #C0C0C0;
display: flex;
flex-direction: column;
height: 100%;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search {
width: 250px;
height: 100%;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper {
padding: 10px;
position: relative;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper div.geolocalize-container {
flex: 0 0 100%;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper div.geolocalize-container a {
width: 100%;
text-align: center;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper .store-search-form {
display: flex;
margin-left: auto;
align-items: center;
flex: 0 0 100%;
margin-top: 5px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper .store-search-form .field {
flex: 5;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper .store-search-form .actions {
flex: 1;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper .store-search-form .actions button {
width: 100%;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-search .fulltext-search-wrapper .store-search-form .actions button:before {
content: '\e615';
font-family: 'luma-icons';
font-size: 16px;
color: #FFFFFF;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list {
flex: 1;
height: calc(100% - (120px + 10px + 10px));
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list .search-result-header {
background-color: #8f8f8f;
height: 20px;
padding: 10px;
display: flex;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list .search-result-header p {
margin: 0;
color: #FFF;
flex: 1;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list .search-result-header a {
color: #FFF;
text-decoration: underline;
font-size: 80%;
cursor: pointer;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list ul {
overflow-y: scroll;
list-style-type: none;
padding: 0;
margin: 0;
height: calc(100% - (20px + 10px + 10px + 1px));
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list ul li.result-item {
margin: 0;
padding: 5px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list ul li.result-item .name-label {
cursor: pointer;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .search-result-list ul li.result-item:nth-child(even) {
background: #F0F0F0;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details {
max-width: 50vh;
width: auto;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .search-result-list {
display: none;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .header .store-name {
max-width: 85%;
float: left;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .header .actions {
float: right;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .shop-details-wrapper {
padding: 10px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .shop-details-wrapper .actions .right {
margin-left: auto;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details h2 {
margin-top: 10px;
margin-left: 10px;
font-weight: bold;
color: #333333;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .opening-hours-table td {
padding: 2px 2px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .opening-hours-table td:first-child {
padding-right: 10px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions {
margin: 0px;
display: flex;
flex-flow: row wrap;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions div.primary {
flex: 1;
text-align: center;
margin: 2px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions div.primary a {
width: 100%;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions div.primary .action {
margin: 0;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions .action {
padding: 5px 10px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions .right {
display: flex;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .actions-toolbar .actions .right .primary {
margin: 2px 0 0 2px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
height: 40px;
position: absolute;
right: 5px;
top: 5px;
width: 40px;
color: #8f8f8f;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 32px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:hover:before {
color: inherit;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:active:before {
color: inherit;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:focus,
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:active {
background: none;
border: none;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close:hover {
background: none;
border: none;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close.disabled,
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close[disabled],
fieldset[disabled] body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close {
pointer-events: none;
opacity: 0.5;
}
body.checkout-index-index .smile-store-delivery .contextual-bar .shop-details .close :hover {
color: #333333;
}
body.checkout-index-index .action.secondary {
background: #eeeeee;
border: 1px solid #cccccc;
color: #333333;
font-weight: 500;
}
.aw-ca-listing .admin__action-dropdown-wrap {
display: inline-block;
position: relative;
}
.aw-ca-listing .admin__action-dropdown-wrap .admin__action-dropdown-text:after {
left: -6px;
right: 0;
}
.aw-ca-listing .admin__action-dropdown-wrap .admin__action-dropdown-menu {
left: auto;
right: 0;
}
.aw-ca-listing .admin__action-dropdown-wrap.active .admin__action-dropdown,
.aw-ca-listing .admin__action-dropdown-wrap._active .admin__action-dropdown {
border-color: #007bdb;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.aw-ca-listing .admin__action-dropdown-wrap.active .admin__action-dropdown-text:after,
.aw-ca-listing .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after {
background-color: #ffffff;
content: '';
height: 6px;
position: absolute;
top: 100%;
}
.aw-ca-listing .admin__action-dropdown-wrap.active .admin__action-dropdown-menu,
.aw-ca-listing .admin__action-dropdown-wrap._active .admin__action-dropdown-menu {
display: block;
}
.aw-ca-listing .admin__action-dropdown-wrap._disabled .admin__action-dropdown {
cursor: default;
}
.aw-ca-listing .admin__action-dropdown-wrap._disabled:hover .admin__action-dropdown {
color: #333333;
}
.aw-ca-listing .admin__action-dropdown {
background-color: #ffffff;
border: 1px solid transparent;
border-bottom: none;
border-radius: 0;
box-shadow: none;
color: #41362f;
display: inline-block;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: -.025em;
margin-left: 5px;
padding: 0.7rem 3.3rem 1.4rem 1.5rem;
position: relative;
vertical-align: baseline;
z-index: 2;
}
.aw-ca-listing .admin__action-dropdown:hover,
.aw-ca-listing .admin__action-dropdown:focus {
background-color: #ffffff;
color: #060504;
text-decoration: none;
}
.aw-ca-listing .admin__action-dropdown:after {
right: 1.5rem;
}
.aw-ca-listing .admin__action-dropdown:before {
margin-right: 1rem;
}
.aw-ca-listing .admin__action-dropdown-menu {
background-color: #ffffff;
border: 1px solid #007bdb;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
display: none;
line-height: 1.36;
margin-top: -1px;
min-width: 120%;
position: absolute;
top: 100%;
transition: all 0.15s ease;
z-index: 1;
}
.aw-ca-listing .admin__action-dropdown-menu > li {
display: block;
}
.aw-ca-listing .admin__action-dropdown-menu > li > a {
color: #333333;
display: block;
text-decoration: none;
padding: 0.6rem 0.5rem;
}
.aw-ca-listing .selectmenu {
display: inline-block;
position: relative;
text-align: left;
width: auto;
border: 1px solid #adadad;
z-index: 1;
-webkit-appearance: none;
background-color: #ffffff;
border-radius: 1px;
box-shadow: none;
color: #303030;
font-size: 1.4rem;
font-weight: 400;
height: auto;
line-height: 1.36;
transition: border-color 0.1s linear;
vertical-align: baseline;
}
.aw-ca-listing .selectmenu:hover {
border-color: #878787;
}
.aw-ca-listing .selectmenu:hover .selectmenu-toggle:before {
border-color: #878787;
}
.aw-ca-listing .selectmenu._active {
border-color: #007bdb;
z-index: 500;
}
.aw-ca-listing .selectmenu._active .selectmenu-toggle:after {
transform: rotate(180deg);
}
.aw-ca-listing .selectmenu .action-edit,
.aw-ca-listing .selectmenu .action-delete {
border: 0 solid #ffffff;
border-left-width: 1px;
bottom: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.aw-ca-listing .selectmenu .action-edit:hover,
.aw-ca-listing .selectmenu .action-delete:hover {
border: 0 solid #ffffff;
border-left-width: 1px;
}
.aw-ca-listing .selectmenu button:not(.primary) {
box-shadow: none;
}
.aw-ca-listing .selectmenu-value {
display: inline-block;
}
.aw-ca-listing .selectmenu-value input[type='text'] {
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
display: inline;
margin: 0;
width: 8rem;
}
body._keyfocus .aw-ca-listing .selectmenu-value input[type='text']:focus {
box-shadow: none;
}
.aw-ca-listing .selectmenu-toggle {
padding-right: 1.8rem;
background: transparent;
border: none !important;
bottom: 0;
float: right;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.aw-ca-listing .selectmenu-toggle:focus,
.aw-ca-listing .selectmenu-toggle:active,
.aw-ca-listing .selectmenu-toggle:hover {
background: transparent;
}
.selectmenu._active .aw-ca-listing .selectmenu-toggle:before {
border-color: #007bdb;
}
body._keyfocus .aw-ca-listing .selectmenu-toggle:focus {
box-shadow: none;
}
.aw-ca-listing .selectmenu-toggle:before {
background: #e3e3e3;
border-left: 1px solid #adadad;
bottom: 0;
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
width: 3.2rem;
}
.aw-ca-listing .selectmenu-toggle:after {
border-color: #000000 transparent transparent transparent;
border-style: solid;
border-width: 0.5rem 0.4rem 0 0.4rem;
content: '';
height: 0;
margin-top: -0.2rem;
position: absolute;
right: 1.1rem;
top: 50%;
transition: all .2s linear;
width: 0;
}
.aw-ca-listing .selectmenu-items {
background: #ffffff;
border: 1px solid #007bdb;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
display: none;
float: left;
left: -1px;
margin-top: 3px;
max-width: 20rem;
min-width: calc(100% + 2px);
position: absolute;
top: 100%;
}
.aw-ca-listing .selectmenu-items._active {
display: block;
}
.aw-ca-listing .selectmenu-items ul {
float: left;
list-style-type: none;
margin: 0;
min-width: 100%;
padding: 0;
}
.aw-ca-listing .selectmenu-items li {
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-direction: row;
-ms-flex-direction: row;
display: flex;
flex-direction: row;
transition: background .2s linear;
margin-bottom: 0;
}
.aw-ca-listing .selectmenu-items li:hover {
background: #e3e3e3;
}
.aw-ca-listing .selectmenu-items li:last-child .selectmenu-item-action {
color: #007bdb;
text-decoration: none;
}
.aw-ca-listing .selectmenu-item {
position: relative;
width: 100%;
z-index: 1;
}
li._edit > .aw-ca-listing .selectmenu-item {
display: none;
}
.aw-ca-listing .selectmenu-item-edit {
display: none;
padding: .3rem 4rem .3rem .4rem;
position: relative;
white-space: nowrap;
z-index: 1;
}
li:last-child .aw-ca-listing .selectmenu-item-edit {
padding-right: .4rem;
}
.aw-ca-listing .selectmenu-item-edit .admin__control-text {
margin: 0;
width: 5.4rem;
}
li._edit .aw-ca-listing .selectmenu-item-edit {
display: block;
}
.aw-ca-listing .selectmenu-item-action {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
color: #333333;
display: block;
font-size: 1.4rem;
font-weight: 400;
min-width: 100%;
padding: 1rem 6rem 1rem 1.5rem;
text-align: left;
transition: background .2s linear;
width: 5rem;
border: none !important;
border-radius: 0;
}
.aw-ca-listing .selectmenu-item-action:hover,
.aw-ca-listing .selectmenu-item-action:focus {
background: #e3e3e3;
}
.admin__data-grid-action-columns._active {
opacity: 0.98;
z-index: 290;
}
.admin__data-grid-action-columns-menu {
color: #303030;
font-size: 1.3rem;
overflow: hidden;
padding: 2.2rem 3.5rem 1rem;
z-index: 1;
}
.admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-header {
border-bottom: 1px solid #d1d1d1;
}
.admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-content {
max-width: 50.4rem;
}
.admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-footer {
border-top: 1px solid #d1d1d1;
padding-top: 2.5rem;
}
.admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content {
max-height: 140.5px;
overflow-y: auto;
padding-top: 1.5rem;
position: relative;
width: 51.9rem;
}
@media (max-width: 450px) {
.admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content {
width: 17.3rem;
}
}
@media (min-width: 450px) and (max-width: 620px) {
.admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content {
width: 34.6rem;
}
}
.admin__data-grid-action-columns-menu .admin__field-option {
float: left;
height: 20px;
margin-bottom: 1.5rem;
padding: 0 1rem 0 0;
width: 15.8rem;
display: flex;
}
.admin__data-grid-action-columns-menu .admin__field-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding-top: 4px;
}
.admin__data-grid-action-columns-menu .admin__action-dropdown-menu-header {
padding-bottom: 1.5rem;
}
.admin__data-grid-action-columns-menu .admin__action-dropdown-menu-footer {
padding: 1rem 0 2rem;
}
.admin__data-grid-action-columns-menu .admin__action-dropdown-footer-main-actions {
margin-left: 25%;
text-align: right;
}
.admin__data-grid-action-columns-menu .admin__action-dropdown-footer-secondary-actions {
float: left;
margin-left: -1em;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.jstree-node {
white-space: nowrap;
}
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
.jstree-anchor:focus {
outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-ocl {
cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
cursor: default;
}
.jstree .jstree-open > .jstree-children {
display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none;
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
.jstree-rtl .jstree-node {
margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */
}
.vakata-context {
display: none;
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context li {
list-style: none;
}
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 white;
border-radius: 1px;
}
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
.vakata-context li > a:focus {
outline: 0;
}
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
.vakata-context .vakata-contextmenu-disabled > a > i {
filter: grayscale(100%);
}
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
#jstree-dnd .jstree-ok {
background: green;
}
#jstree-dnd .jstree-er {
background: red;
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
.jstree-default .jstree-disabled {
background: transparent;
color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
font-style: italic;
color: #8b0000;
font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default > .jstree-striped {
min-width: 100%;
display: inline-block;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0;
}
.jstree-default .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
background: #beebff;
background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px;
}
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px;
}
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px;
}
.jstree-default .jstree-wholerow {
height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
}
.jstree-default .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y;
}
.jstree-default .jstree-last {
background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-checkbox {
background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat;
}
.jstree-default .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default {
line-height: 24px;
padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default i {
background: transparent;
width: 24px;
height: 24px;
line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
width: calc(71%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px;
}
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px;
}
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
}
.jstree-default-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-small .jstree-checkbox {
background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat;
}
.jstree-default-small .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-small {
line-height: 18px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
background: transparent;
width: 18px;
height: 18px;
line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
width: calc(77%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px;
}
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px;
}
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
}
.jstree-default-large .jstree-node {
background-position: -288px 0px;
background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-large .jstree-checkbox {
background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat;
}
.jstree-default-large .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-large {
line-height: 32px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
background: transparent;
width: 32px;
height: 32px;
line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
width: calc(63%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
background: transparent;
}
@media (max-width: 768px) {
#jstree-dnd.jstree-dnd-responsive {
line-height: 40px;
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
#jstree-dnd.jstree-dnd-responsive > i {
background: transparent;
width: 40px;
height: 40px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-ok {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png);
background-position: 0 -200px;
background-size: 120px 240px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png);
background-position: -40px -200px;
background-size: 120px 240px;
}
#jstree-marker.jstree-dnd-responsive {
border-left-width: 10px;
border-top-width: 10px;
border-bottom-width: 10px;
margin-top: -10px;
}
}
@media (max-width: 768px) {
.jstree-default-responsive {
/*
.jstree-open > .jstree-ocl,
.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
*/
}
.jstree-default-responsive .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png);
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap;
}
.jstree-default-responsive .jstree-anchor {
line-height: 40px;
height: 40px;
}
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px;
}
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
}
.jstree-default-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px;
background: transparent;
}
.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl,
.jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-responsive .jstree-open > .jstree-ocl {
background-position: 0 0 !important;
}
.jstree-default-responsive .jstree-closed > .jstree-ocl {
background-position: 0 -40px !important;
}
.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -40px 0 !important;
}
.jstree-default-responsive .jstree-themeicon {
background-position: -40px -40px;
}
.jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
background-position: -40px -80px;
}
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-responsive .jstree-checked > .jstree-checkbox,
.jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
background-position: 0 -80px;
}
.jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
background-position: 0 -120px;
}
.jstree-default-responsive .jstree-anchor {
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
.jstree-default-responsive > .jstree-striped {
background: transparent;
}
.jstree-default-responsive .jstree-wholerow {
border-top: 1px solid rgba(255, 255, 255, 0.7);
border-bottom: 1px solid rgba(64, 64, 64, 0.2);
background: #ebebeb;
height: 40px;
}
.jstree-default-responsive .jstree-wholerow-hovered {
background: #e7f4f9;
}
.jstree-default-responsive .jstree-wholerow-clicked {
background: #beebff;
}
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #666666;
}
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #666666;
border-top: 0;
}
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
box-shadow: none;
}
.jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png);
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y;
}
.jstree-default-responsive .jstree-last {
background: transparent;
}
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
background-position: -40px -120px;
}
.jstree-default-responsive .jstree-last > .jstree-ocl {
background-position: -40px -160px;
}
.jstree-default-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-responsive .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png) 0 -160px no-repeat;
background-size: 120px 240px;
}
.jstree-default-responsive .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png) -40px -40px no-repeat;
background-size: 120px 240px;
}
.jstree-default-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
}
/* jsTree default dark theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.jstree-node {
white-space: nowrap;
}
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
.jstree-anchor:focus {
outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-ocl {
cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
cursor: default;
}
.jstree .jstree-open > .jstree-children {
display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none;
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
.jstree-rtl .jstree-node {
margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */
}
.vakata-context {
display: none;
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context li {
list-style: none;
}
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 white;
border-radius: 1px;
}
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
.vakata-context li > a:focus {
outline: 0;
}
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
.vakata-context .vakata-contextmenu-disabled > a > i {
filter: grayscale(100%);
}
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
#jstree-dnd .jstree-ok {
background: green;
}
#jstree-dnd .jstree-er {
background: red;
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
.jstree-default-dark .jstree-anchor,
.jstree-default-dark .jstree-animated,
.jstree-default-dark .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default-dark .jstree-hovered {
background: #555;
border-radius: 2px;
box-shadow: inset 0 0 1px #555;
}
.jstree-default-dark .jstree-context {
background: #555;
border-radius: 2px;
box-shadow: inset 0 0 1px #555;
}
.jstree-default-dark .jstree-clicked {
background: #5fa2db;
border-radius: 2px;
box-shadow: inset 0 0 1px #666666;
}
.jstree-default-dark .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
.jstree-default-dark .jstree-disabled {
background: transparent;
color: #666666;
}
.jstree-default-dark .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
.jstree-default-dark .jstree-disabled.jstree-clicked {
background: #333333;
}
.jstree-default-dark .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark .jstree-search {
font-style: italic;
color: #ffffff;
font-weight: bold;
}
.jstree-default-dark .jstree-no-checkboxes .jstree-checkbox {
display: none !important;
}
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none;
}
.jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #555;
}
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent;
}
.jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #555;
}
.jstree-default-dark > .jstree-striped {
min-width: 100%;
display: inline-block;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default-dark > .jstree-wholerow-ul .jstree-hovered,
.jstree-default-dark > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0;
}
.jstree-default-dark .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jstree-default-dark .jstree-wholerow-hovered {
background: #555;
}
.jstree-default-dark .jstree-wholerow-clicked {
background: #5fa2db;
background: -webkit-linear-gradient(top, #5fa2db 0%, #5fa2db 100%);
background: linear-gradient(to bottom, #5fa2db 0%, #5fa2db 100%);
}
.jstree-default-dark .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px;
}
.jstree-default-dark .jstree-anchor {
line-height: 24px;
height: 24px;
}
.jstree-default-dark .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default-dark .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px;
}
.jstree-default-dark.jstree-rtl .jstree-node {
margin-right: 24px;
}
.jstree-default-dark .jstree-wholerow {
height: 24px;
}
.jstree-default-dark .jstree-node,
.jstree-default-dark .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
}
.jstree-default-dark .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y;
}
.jstree-default-dark .jstree-last {
background: transparent;
}
.jstree-default-dark .jstree-open > .jstree-ocl {
background-position: -132px -4px;
}
.jstree-default-dark .jstree-closed > .jstree-ocl {
background-position: -100px -4px;
}
.jstree-default-dark .jstree-leaf > .jstree-ocl {
background-position: -68px -4px;
}
.jstree-default-dark .jstree-themeicon {
background-position: -260px -4px;
}
.jstree-default-dark > .jstree-no-dots .jstree-node,
.jstree-default-dark > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -4px;
}
.jstree-default-dark > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -4px;
}
.jstree-default-dark .jstree-disabled {
background: transparent;
}
.jstree-default-dark .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-dark .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-dark .jstree-checkbox {
background-position: -164px -4px;
}
.jstree-default-dark .jstree-checkbox:hover {
background-position: -164px -36px;
}
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark .jstree-checked > .jstree-checkbox {
background-position: -228px -4px;
}
.jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark .jstree-checked > .jstree-checkbox:hover {
background-position: -228px -36px;
}
.jstree-default-dark .jstree-anchor > .jstree-undetermined {
background-position: -196px -4px;
}
.jstree-default-dark .jstree-anchor > .jstree-undetermined:hover {
background-position: -196px -36px;
}
.jstree-default-dark .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark > .jstree-striped {
background-size: auto 48px;
}
.jstree-default-dark.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-dark.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -132px -36px;
}
.jstree-default-dark.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -100px -36px;
}
.jstree-default-dark.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -68px -36px;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px -36px;
}
.jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px -36px;
}
.jstree-default-dark .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-dark > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat;
}
.jstree-default-dark .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -100px -68px no-repeat;
}
.jstree-default-dark .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -260px -4px no-repeat;
}
.jstree-default-dark > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-dark {
line-height: 24px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-dark .jstree-ok,
#jstree-dnd.jstree-default-dark .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-dark i {
background: transparent;
width: 24px;
height: 24px;
line-height: 24px;
}
#jstree-dnd.jstree-default-dark .jstree-ok {
background-position: -4px -68px;
}
#jstree-dnd.jstree-default-dark .jstree-er {
background-position: -36px -68px;
}
.jstree-default-dark .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-dark .jstree-ellipsis .jstree-anchor {
width: calc(71%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-dark.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default-dark.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px;
}
.jstree-default-dark-small .jstree-anchor {
line-height: 18px;
height: 18px;
}
.jstree-default-dark-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-dark-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
margin-right: 18px;
}
.jstree-default-dark-small .jstree-wholerow {
height: 18px;
}
.jstree-default-dark-small .jstree-node,
.jstree-default-dark-small .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
}
.jstree-default-dark-small .jstree-node {
background-position: -295px -7px;
background-repeat: repeat-y;
}
.jstree-default-dark-small .jstree-last {
background: transparent;
}
.jstree-default-dark-small .jstree-open > .jstree-ocl {
background-position: -135px -7px;
}
.jstree-default-dark-small .jstree-closed > .jstree-ocl {
background-position: -103px -7px;
}
.jstree-default-dark-small .jstree-leaf > .jstree-ocl {
background-position: -71px -7px;
}
.jstree-default-dark-small .jstree-themeicon {
background-position: -263px -7px;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-node,
.jstree-default-dark-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -7px;
}
.jstree-default-dark-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -7px;
}
.jstree-default-dark-small .jstree-disabled {
background: transparent;
}
.jstree-default-dark-small .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-dark-small .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-dark-small .jstree-checkbox {
background-position: -167px -7px;
}
.jstree-default-dark-small .jstree-checkbox:hover {
background-position: -167px -39px;
}
.jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark-small .jstree-checked > .jstree-checkbox {
background-position: -231px -7px;
}
.jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark-small .jstree-checked > .jstree-checkbox:hover {
background-position: -231px -39px;
}
.jstree-default-dark-small .jstree-anchor > .jstree-undetermined {
background-position: -199px -7px;
}
.jstree-default-dark-small .jstree-anchor > .jstree-undetermined:hover {
background-position: -199px -39px;
}
.jstree-default-dark-small .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark-small > .jstree-striped {
background-size: auto 36px;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-small.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -135px -39px;
}
.jstree-default-dark-small.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -103px -39px;
}
.jstree-default-dark-small.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -71px -39px;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -39px -39px;
}
.jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -7px -39px;
}
.jstree-default-dark-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-dark-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat;
}
.jstree-default-dark-small .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -103px -71px no-repeat;
}
.jstree-default-dark-small .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -263px -7px no-repeat;
}
.jstree-default-dark-small > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-dark-small {
line-height: 18px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-dark-small .jstree-ok,
#jstree-dnd.jstree-default-dark-small .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-dark-small i {
background: transparent;
width: 18px;
height: 18px;
line-height: 18px;
}
#jstree-dnd.jstree-default-dark-small .jstree-ok {
background-position: -7px -71px;
}
#jstree-dnd.jstree-default-dark-small .jstree-er {
background-position: -39px -71px;
}
.jstree-default-dark-small .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-dark-small .jstree-ellipsis .jstree-anchor {
width: calc(77%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px;
}
.jstree-default-dark-large .jstree-anchor {
line-height: 32px;
height: 32px;
}
.jstree-default-dark-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-dark-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
margin-right: 32px;
}
.jstree-default-dark-large .jstree-wholerow {
height: 32px;
}
.jstree-default-dark-large .jstree-node,
.jstree-default-dark-large .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
}
.jstree-default-dark-large .jstree-node {
background-position: -288px 0px;
background-repeat: repeat-y;
}
.jstree-default-dark-large .jstree-last {
background: transparent;
}
.jstree-default-dark-large .jstree-open > .jstree-ocl {
background-position: -128px 0px;
}
.jstree-default-dark-large .jstree-closed > .jstree-ocl {
background-position: -96px 0px;
}
.jstree-default-dark-large .jstree-leaf > .jstree-ocl {
background-position: -64px 0px;
}
.jstree-default-dark-large .jstree-themeicon {
background-position: -256px 0px;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-node,
.jstree-default-dark-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px 0px;
}
.jstree-default-dark-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px 0px;
}
.jstree-default-dark-large .jstree-disabled {
background: transparent;
}
.jstree-default-dark-large .jstree-disabled.jstree-hovered {
background: transparent;
}
.jstree-default-dark-large .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default-dark-large .jstree-checkbox {
background-position: -160px 0px;
}
.jstree-default-dark-large .jstree-checkbox:hover {
background-position: -160px -32px;
}
.jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark-large .jstree-checked > .jstree-checkbox {
background-position: -224px 0px;
}
.jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark-large .jstree-checked > .jstree-checkbox:hover {
background-position: -224px -32px;
}
.jstree-default-dark-large .jstree-anchor > .jstree-undetermined {
background-position: -192px 0px;
}
.jstree-default-dark-large .jstree-anchor > .jstree-undetermined:hover {
background-position: -192px -32px;
}
.jstree-default-dark-large .jstree-checkbox-disabled {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.jstree-default-dark-large > .jstree-striped {
background-size: auto 64px;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
background-position: 100% 1px;
background-repeat: repeat-y;
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-large.jstree-rtl .jstree-open > .jstree-ocl {
background-position: -128px -32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -96px -32px;
}
.jstree-default-dark-large.jstree-rtl .jstree-leaf > .jstree-ocl {
background-position: -64px -32px;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -32px -32px;
}
.jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: 0px -32px;
}
.jstree-default-dark-large .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-dark-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat;
}
.jstree-default-dark-large .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -96px -64px no-repeat;
}
.jstree-default-dark-large .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -256px 0px no-repeat;
}
.jstree-default-dark-large > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
#jstree-dnd.jstree-default-dark-large {
line-height: 32px;
padding: 0 4px;
}
#jstree-dnd.jstree-default-dark-large .jstree-ok,
#jstree-dnd.jstree-default-dark-large .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png);
background-repeat: no-repeat;
background-color: transparent;
}
#jstree-dnd.jstree-default-dark-large i {
background: transparent;
width: 32px;
height: 32px;
line-height: 32px;
}
#jstree-dnd.jstree-default-dark-large .jstree-ok {
background-position: 0px -64px;
}
#jstree-dnd.jstree-default-dark-large .jstree-er {
background-position: -32px -64px;
}
.jstree-default-dark-large .jstree-ellipsis {
overflow: hidden;
}
.jstree-default-dark-large .jstree-ellipsis .jstree-anchor {
width: calc(63%);
text-overflow: ellipsis;
overflow: hidden;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
background: transparent;
}
@media (max-width: 768px) {
#jstree-dnd.jstree-dnd-responsive {
line-height: 40px;
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
#jstree-dnd.jstree-dnd-responsive > i {
background: transparent;
width: 40px;
height: 40px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-ok {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png);
background-position: 0 -200px;
background-size: 120px 240px;
}
#jstree-dnd.jstree-dnd-responsive > .jstree-er {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png);
background-position: -40px -200px;
background-size: 120px 240px;
}
#jstree-marker.jstree-dnd-responsive {
border-left-width: 10px;
border-top-width: 10px;
border-bottom-width: 10px;
margin-top: -10px;
}
}
@media (max-width: 768px) {
.jstree-default-dark-responsive {
/*
.jstree-open > .jstree-ocl,
.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
*/
}
.jstree-default-dark-responsive .jstree-icon {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png);
}
.jstree-default-dark-responsive .jstree-node,
.jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-responsive .jstree-node {
min-height: 40px;
line-height: 40px;
margin-left: 40px;
min-width: 40px;
white-space: nowrap;
}
.jstree-default-dark-responsive .jstree-anchor {
line-height: 40px;
height: 40px;
}
.jstree-default-dark-responsive .jstree-icon,
.jstree-default-dark-responsive .jstree-icon:empty {
width: 40px;
height: 40px;
line-height: 40px;
}
.jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
}
.jstree-default-dark-responsive.jstree-rtl .jstree-node {
margin-left: 0;
margin-right: 40px;
background: transparent;
}
.jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-default-dark-responsive .jstree-ocl,
.jstree-default-dark-responsive .jstree-themeicon,
.jstree-default-dark-responsive .jstree-checkbox {
background-size: 120px 240px;
}
.jstree-default-dark-responsive .jstree-leaf > .jstree-ocl,
.jstree-default-dark-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
background: transparent;
}
.jstree-default-dark-responsive .jstree-open > .jstree-ocl {
background-position: 0 0 !important;
}
.jstree-default-dark-responsive .jstree-closed > .jstree-ocl {
background-position: 0 -40px !important;
}
.jstree-default-dark-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
background-position: -40px 0 !important;
}
.jstree-default-dark-responsive .jstree-themeicon {
background-position: -40px -40px;
}
.jstree-default-dark-responsive .jstree-checkbox,
.jstree-default-dark-responsive .jstree-checkbox:hover {
background-position: -40px -80px;
}
.jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-dark-responsive .jstree-checked > .jstree-checkbox,
.jstree-default-dark-responsive .jstree-checked > .jstree-checkbox:hover {
background-position: 0 -80px;
}
.jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined:hover {
background-position: 0 -120px;
}
.jstree-default-dark-responsive .jstree-anchor {
font-weight: bold;
font-size: 1.1em;
text-shadow: 1px 1px white;
}
.jstree-default-dark-responsive > .jstree-striped {
background: transparent;
}
.jstree-default-dark-responsive .jstree-wholerow {
border-top: 1px solid #666;
border-bottom: 1px solid #000;
background: #333333;
height: 40px;
}
.jstree-default-dark-responsive .jstree-wholerow-hovered {
background: #555;
}
.jstree-default-dark-responsive .jstree-wholerow-clicked {
background: #5fa2db;
}
.jstree-default-dark-responsive .jstree-children .jstree-last > .jstree-wholerow {
box-shadow: inset 0 -6px 3px -5px #111111;
}
.jstree-default-dark-responsive .jstree-children .jstree-open > .jstree-wholerow {
box-shadow: inset 0 6px 3px -5px #111111;
border-top: 0;
}
.jstree-default-dark-responsive .jstree-children .jstree-open + .jstree-open {
box-shadow: none;
}
.jstree-default-dark-responsive .jstree-node,
.jstree-default-dark-responsive .jstree-icon,
.jstree-default-dark-responsive .jstree-node > .jstree-ocl,
.jstree-default-dark-responsive .jstree-themeicon,
.jstree-default-dark-responsive .jstree-checkbox {
background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png);
background-size: 120px 240px;
}
.jstree-default-dark-responsive .jstree-node {
background-position: -80px 0;
background-repeat: repeat-y;
}
.jstree-default-dark-responsive .jstree-last {
background: transparent;
}
.jstree-default-dark-responsive .jstree-leaf > .jstree-ocl {
background-position: -40px -120px;
}
.jstree-default-dark-responsive .jstree-last > .jstree-ocl {
background-position: -40px -160px;
}
.jstree-default-dark-responsive .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0;
}
.jstree-default-dark-responsive .jstree-file {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png) 0 -160px no-repeat;
background-size: 120px 240px;
}
.jstree-default-dark-responsive .jstree-folder {
background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png) -40px -40px no-repeat;
background-size: 120px 240px;
}
.jstree-default-dark-responsive > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0;
}
}
.jstree-default-dark {
background: #333;
}
.jstree-default-dark .jstree-anchor {
color: #999;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.jstree-default-dark .jstree-clicked,
.jstree-default-dark .jstree-checked {
color: white;
}
.jstree-default-dark .jstree-hovered {
color: white;
}
#jstree-marker.jstree-default-dark {
border-left-color: #999;
background: transparent;
}
.jstree-default-dark .jstree-anchor > .jstree-icon {
opacity: 0.75;
}
.jstree-default-dark .jstree-clicked > .jstree-icon,
.jstree-default-dark .jstree-hovered > .jstree-icon,
.jstree-default-dark .jstree-checked > .jstree-icon {
opacity: 1;
}
.jstree-default-dark.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default-dark.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-small.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-dark-small.jstree-rtl .jstree-last {
background: transparent;
}
.jstree-default-dark-large.jstree-rtl .jstree-node {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-dark-large.jstree-rtl .jstree-last {
background: transparent;
}
.box {
margin-bottom: 1rem;
border: 1px solid #ebecee;
padding: 15px;
}
.box-title {
margin-bottom: 1rem;
display: block;
margin-top: 0;
color: #191919;
border-bottom: 1px solid #ebecee;
padding-bottom: 10px;
}
.block-contacts {
width: calc(50% - 30px - 5px);
}
.amasty-fpc-crawler-status {
position: relative !important;
right: auto !important;
bottom: auto !important;
z-index: auto !important;
max-width: 100% !important;
}
@media only screen and (min-width: 430px) and (max-width: 480px) {
.toolbar.toolbar-products .sort-and-limit {
gap: 10px;
}
.toolbar.toolbar-products .field.limiter label {
display: block;
}
.toolbar.toolbar-products .field.limiter .control {
float: right;
margin-top: -20px;
}
}
@media only screen and (max-width: 430px) {
.toolbar.toolbar-products .sort-and-limit {
flex-direction: column;
gap: 10px;
align-items: baseline;
}
}
@media only screen and (min-width: 1440px) {
body.catalog-product-view .product-add-form {
gap: 0;
}
body.catalog-product-view .product-add-form form .box-tocart {
margin-right: 10px;
}
}
@media only screen and (max-width: 1440px) {
body.catalog-product-view .product-add-form {
flex-direction: column;
width: fit-content;
}
body.catalog-product-view .product-add-form .action.primary {
width: 100%;
text-align: center;
}
body.catalog-product-view .product.info.detailed {
padding-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
.product-info-main .box-tocart .actions .action.tocart {
font-size: 1.4rem;
}
}
.old-price {
color: #92101f;
font-weight: 600;
padding-top: 0;
vertical-align: baseline;
font-size: 19px;
text-decoration: line-through;
}
.cart-container .cart.table-wrapper .item-actions {
position: relative;
width: 0;
height: 0;
}
.cart-container .cart.table-wrapper .item-actions td {
position: absolute;
left: 100px;
top: -70px;
right: 0;
}
.cart-container .cart.table-wrapper .product-item-detail-list {
display: table-cell;
}
.cart-container .cart.table-wrapper .product-item-attribute {
display: block;
letter-spacing: 0;
line-height: 1.2;
}
.cart-container .cart.table-wrapper .product-item-name {
margin-bottom: 12px;
}
.cart-container .cart.table-wrapper .product-item-weight_display {
font-size: 13px;
color: #838996;
letter-spacing: .65px;
line-height: 1.2;
margin-bottom: 5px;
}
.cart-container .cart.table-wrapper .product-item-surface {
font-size: 14px;
line-height: 1.2;
letter-spacing: 1.5px;
margin-bottom: 11px;
color: #333333;
}
.cart-container .cart.table-wrapper .product-item-sku {
font-size: 12px;
line-height: 1.2;
margin-bottom: 6px;
letter-spacing: 0.6px;
color: #333333;
}
@media only screen and (max-width: 768px) {
.field-tooltip .field-tooltip-content {
left: auto;
right: -10px;
top: 40px;
}
.field-tooltip .field-tooltip-content::before,
.field-tooltip .field-tooltip-content::after {
border: 10px solid transparent;
height: 0;
left: auto;
margin-top: -21px;
right: 10px;
top: 0;
width: 0;
}
.field-tooltip .field-tooltip-content::before {
border-bottom-color: #999999;
}
.field-tooltip .field-tooltip-content::after {
border-bottom-color: #f4f4f4;
top: 1px;
}
}
@media only screen and (max-width: 1024px) {
.opc-wrapper .shipping-address-item .item-group:first-child {
padding-right: 120px;
width: 100%;
}
.opc-wrapper .shipping-address-item .item-group:last-child {
flex-grow: 1;
position: relative;
}
.opc-wrapper .shipping-address-item .item-group:last-child .item-group-default {
top: -76px;
right: 14px;
position: absolute;
}
.opc-wrapper .shipping-address-item .item-group:last-child .action-select-shipping-item {
margin-left: 0;
align-self: baseline;
}
}
.modal-inner-wrap .opc-block-summary {
border: 1px solid #e5e6e9;
background-color: white;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
@media only screen and (min-width: 768px) and (max-width: 1173px) {
.block-range .range-column .range-content p,
.block-range .range-column .range-content span {
font-size: 18px !important;
}
.block-range .range-column .range-image svg {
width: 110px;
height: 110px;
}
}
.cms-no-route h1 {
text-align: center;
margin-top: 20px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
@media only screen and (min-width: 768px) and (max-width: 1440px) {
body .form.create.account fieldset .field-name-prefix {
width: 49%;
}
body .form.create.account fieldset .password,
body .form.create.account fieldset .field-name-firstname {
width: 49%;
margin-right: 12px;
float: left;
}
body .form.create.account fieldset .confirmation,
body .form.create.account fieldset .field-name-lastname {
width: 49%;
float: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 1060px) {
.account .sidebar-main .block-collapsible-nav-content > .items > .item a span:before,
.account .sidebar-main .block-collapsible-nav-content > .items > .item > a:before {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 860px) {
.account .sidebar-main .block-collapsible-nav-content > .items > .item a span:after,
.account .sidebar-main .block-collapsible-nav-content > .items > .item > a:after {
right: 2px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
.account .sidebar-main .block-collapsible-nav-content > .items > .item > a {
font-size: 14px !important;
}
.account .sidebar-main .block-collapsible-nav-content > .items > .item > a:after,
.account .sidebar-main .block-collapsible-nav-content > .items > .item > a span:after {
display: none !important;
}
}
@media only screen and (min-width: 640px) and (max-width: 1097px) {
.account .table-wrapper.additional-addresses,
.account .table-wrapper.orders-recent {
overflow-x: scroll;
-ms-overflow-x: scroll;
-webkit-overflow-scrolling: touch;
/* Define scrollbar width */
scrollbar-width: thin;
scrollbar-color: #516c8d #e9e9e9;
/* Webkit-based browsers (Chrome, Safari, Edge) */
/* Handle on hover for Firefox */
}
.account .table-wrapper.additional-addresses::-webkit-scrollbar,
.account .table-wrapper.orders-recent::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.account .table-wrapper.additional-addresses::-webkit-scrollbar-thumb,
.account .table-wrapper.orders-recent::-webkit-scrollbar-thumb {
background: #516c8d;
border-radius: 10px;
}
.account .table-wrapper.additional-addresses::-webkit-scrollbar-thumb:hover,
.account .table-wrapper.orders-recent::-webkit-scrollbar-thumb:hover {
background: #000000;
}
.account .table-wrapper.additional-addresses::-webkit-scrollbar-track,
.account .table-wrapper.orders-recent::-webkit-scrollbar-track {
background: #e9e9e9;
}
.account .table-wrapper.additional-addresses::-webkit-scrollbar-thumb:hover,
.account .table-wrapper.orders-recent::-webkit-scrollbar-thumb:hover {
background: #000000;
}
.account .table-wrapper table {
min-width: 800px;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.filter-options {
gap: 12px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
.product-video {
height: 100%;
width: 81%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1173px) {
.page-header .header.content .wrapper.menu-gender {
order: 2;
flex-grow: 1;
width: 100%;
}
.page-header .header.content .wrapper.menu-gender .desktop_menu {
display: flex;
justify-content: center;
}
.homepage-about-us {
margin: 0 20px;
}
}
@media only screen and (min-width: 1173px) and (max-width: 1440px) {
.page-header .header.content {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
}
.page-header .header.content .wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.page-header .header.content .wrapper.logo {
width: 200px;
/* Fixed width for Box 1 and Box 3 */
}
.page-header .header.content .wrapper.links {
margin-left: auto;
/* Pushes Box 3 to the right */
}
.page-header .header.content .wrapper.menu-gender {
flex-grow: 1;
/* Allows Box 2 to grow and fill available space */
flex-basis: 100%;
/* Forces Box 2 to take full width and move to a new line */
order: 3;
/* Makes sure Box 2 is positioned after Box 3 */
}
.page-header .header.content .wrapper.menu-gender .desktop_menu {
display: flex;
justify-content: center;
}
.homepage-about-us {
margin: 0 20px;
}
}
@media only screen and (min-width: 1440px) {
.page-header .header.content .wrapper.menu-gender {
flex-basis: initial;
order: 0;
}
}
@media only screen and (max-width: 768px) {
.cms-home .slick-prev,
.cms-home .slick-next {
top: 22%;
}
body .page-wrapper .page-footer {
background: #eff4fa;
border-top: 1px solid #838996;
margin-top: .5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
.cms-home .slick-prev,
.cms-home .slick-next {
top: 22%;
}
}
.search-result-display {
position: absolute;
z-index: 20;
left: 1px;
right: -1px;
bottom: -2px;
top: 0;
background: white;
display: none;
}
.search-result-display.show-result {
display: block;
}
.search-result-display.show-result .result-item {
display: block;
}
.search-result-display.show-result .result-item .render-btn {
position: relative;
padding-left: 30px;
color: #333435;
font-size: 14px;
font-weight: 600;
line-height: 19px;
float: left;
}
.search-result-display.show-result .result-item .render-btn:before {
position: absolute;
display: inline-block;
left: 0;
top: 0;
content: '';
transform: scale(1.8);
opacity: 0.5;
width: 20px;
height: 20px;
background: url("../Smile_StoreLocator/images/direction-1.svg") center center;
}
.smile-store-locator-store-view .current-status-shop,
.smile-store-locator-store-search .current-status-shop,
.smile_store_locator-store-view .current-status-shop,
.smile_store_locator-store-search .current-status-shop {
margin-bottom: 0;
color: #333435;
font-size: 14px;
line-height: 19px;
width: 83%;
}
.smile-store-locator-store-view .current-status-shop .open-shop,
.smile-store-locator-store-search .current-status-shop .open-shop,
.smile_store_locator-store-view .current-status-shop .open-shop,
.smile_store_locator-store-search .current-status-shop .open-shop {
color: #44ad50;
font-weight: bold;
}
.smile-store-locator-store-view .current-status-shop .close-shop,
.smile-store-locator-store-search .current-status-shop .close-shop,
.smile_store_locator-store-view .current-status-shop .close-shop,
.smile_store_locator-store-search .current-status-shop .close-shop {
color: #92101f;
font-weight: bold;
}
.smile-store-locator-store-view .shop-details,
.smile-store-locator-store-search .shop-details,
.smile_store_locator-store-view .shop-details,
.smile_store_locator-store-search .shop-details {
width: 100%;
}
.smile-store-locator-store-view .shop-details .address-info,
.smile-store-locator-store-search .shop-details .address-info,
.smile_store_locator-store-view .shop-details .address-info,
.smile_store_locator-store-search .shop-details .address-info {
display: flex;
padding: 10px 0 0 0;
}
.smile-store-locator-store-view .shop-details .address-info .box-title,
.smile-store-locator-store-search .shop-details .address-info .box-title,
.smile_store_locator-store-view .shop-details .address-info .box-title,
.smile_store_locator-store-search .shop-details .address-info .box-title {
margin-right: 10px;
font-weight: bold;
}
.smile-store-locator-store-view .shop-details .address-info .address,
.smile-store-locator-store-search .shop-details .address-info .address,
.smile_store_locator-store-view .shop-details .address-info .address,
.smile_store_locator-store-search .shop-details .address-info .address {
width: 80%;
display: inline-block;
}
.smile-store-locator-store-view .shop-details .contact-info-block .contact-info-item,
.smile-store-locator-store-search .shop-details .contact-info-block .contact-info-item,
.smile_store_locator-store-view .shop-details .contact-info-block .contact-info-item,
.smile_store_locator-store-search .shop-details .contact-info-block .contact-info-item {
margin-bottom: 5px;
}
.smile-store-locator-store-view .shop-details .contact-info-block .contact-info-item .value,
.smile-store-locator-store-search .shop-details .contact-info-block .contact-info-item .value,
.smile_store_locator-store-view .shop-details .contact-info-block .contact-info-item .value,
.smile_store_locator-store-search .shop-details .contact-info-block .contact-info-item .value {
font-weight: 600;
}
.smile-store-locator-store-view .shop-details .opening-hours-info,
.smile-store-locator-store-search .shop-details .opening-hours-info,
.smile_store_locator-store-view .shop-details .opening-hours-info,
.smile_store_locator-store-search .shop-details .opening-hours-info {
clear: both;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .title-special-opening-hours,
.smile-store-locator-store-search .shop-details .opening-hours-info .title-special-opening-hours,
.smile_store_locator-store-view .shop-details .opening-hours-info .title-special-opening-hours,
.smile_store_locator-store-search .shop-details .opening-hours-info .title-special-opening-hours {
margin-right: 60px;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title {
margin-right: 10px;
position: relative;
width: 100%;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title .distance-label,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title .distance-label,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title .distance-label,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title .distance-label {
color: #333435;
font-size: 14px;
font-weight: bold;
line-height: 19px;
position: absolute;
right: 0;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title p,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title p,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title p,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title p {
font-weight: bold;
float: left;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours {
float: left;
cursor: pointer;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours:after,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours:after,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours:after,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours:after {
content: '\e622';
display: inline-block;
font-family: 'icons-blank-theme';
vertical-align: top;
margin: 0;
color: inherit;
font-size: 10px;
line-height: 22px;
margin-left: 3px;
}
.smile-store-locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours.active:after,
.smile-store-locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours.active:after,
.smile_store_locator-store-view .shop-details .opening-hours-info .box-title .showopeninghours.active:after,
.smile_store_locator-store-search .shop-details .opening-hours-info .box-title .showopeninghours.active:after {
content: '\e621';
}
.smile-store-locator-store-search .page-wrapper,
.smile_store_locator-store-search .page-wrapper {
overflow-x: hidden;
}
.smile-store-locator-store-search .details-link,
.smile_store_locator-store-search .details-link {
border-top: 1px solid #E8E8E8;
margin: 0;
position: relative;
min-height: 120px;
display: block;
color: #333435;
font-size: 14px;
line-height: 24px;
width: 100%;
height: 100%;
padding: 18px 5px 18px 20px;
box-sizing: border-box;
}
.smile-store-locator-store-search .details-link:hover,
.smile_store_locator-store-search .details-link:hover {
text-decoration: none;
}
.smile-store-locator-store-search .shop-details,
.smile_store_locator-store-search .shop-details {
width: auto;
max-width: 480px;
padding-bottom: 65px;
position: relative;
}
.smile-store-locator-store-search .shop-details .shop-details-wrapper,
.smile_store_locator-store-search .shop-details .shop-details-wrapper {
padding: 10px;
}
.smile-store-locator-store-search .shop-details .shop-details-wrapper .actions .right,
.smile_store_locator-store-search .shop-details .shop-details-wrapper .actions .right {
margin-left: auto;
}
.smile-store-locator-store-search .shop-details h2,
.smile_store_locator-store-search .shop-details h2 {
margin-top: 10px;
margin-left: 20px;
font-size: 24px;
font-weight: 600;
line-height: 33px;
color: #333333;
}
.smile-store-locator-store-search .shop-details .opening-hours,
.smile_store_locator-store-search .shop-details .opening-hours {
padding: 10px 0;
}
.smile-store-locator-store-search .shop-details .opening-hours-table td,
.smile_store_locator-store-search .shop-details .opening-hours-table td {
padding: 2px 2px;
}
.smile-store-locator-store-search .shop-details .opening-hours-table td:first-child,
.smile_store_locator-store-search .shop-details .opening-hours-table td:first-child {
padding-right: 10px;
}
.smile-store-locator-store-search .shop-details .opening-hours-table .opening-row-hours,
.smile_store_locator-store-search .shop-details .opening-hours-table .opening-row-hours {
text-align: right;
width: 43%;
}
.smile-store-locator-store-search .shop-details .actions-toolbar,
.smile_store_locator-store-search .shop-details .actions-toolbar {
padding-left: 20px;
padding-right: 10px;
}
.smile-store-locator-store-search .shop-details .actions-toolbar .actions,
.smile_store_locator-store-search .shop-details .actions-toolbar .actions {
padding-top: 10px;
display: block;
}
.smile-store-locator-store-search .shop-details .close-btn-wrapper,
.smile_store_locator-store-search .shop-details .close-btn-wrapper {
padding: 0 20px 0 30px;
}
.smile-store-locator-store-search .shop-details .close-btn-wrapper .close,
.smile_store_locator-store-search .shop-details .close-btn-wrapper .close {
height: 50px;
position: relative;
display: table;
width: 100%;
text-align: center;
vertical-align: middle;
border: 1px solid #E6E6E6;
border-radius: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.smile-store-locator-store-search .shop-details .close-btn-wrapper .close span,
.smile_store_locator-store-search .shop-details .close-btn-wrapper .close span {
color: #333435;
font-size: 14px;
font-weight: 600;
line-height: 19px;
}
.smile-store-locator-store-search .details-btn,
.smile_store_locator-store-search .details-btn {
width: 100%;
display: table;
margin-bottom: 10px;
height: 50px;
position: relative;
}
.smile-store-locator-store-search .details-btn:before,
.smile_store_locator-store-search .details-btn:before {
height: 12px;
width: 12px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
border-radius: 1px;
border-left: 3px solid #ffffff;
border-top: 3px solid #ffffff;
content: '';
top: 15px;
right: 15px;
display: block;
position: absolute;
z-index: 2;
}
.smile-store-locator-store-search .details-btn-link,
.smile_store_locator-store-search .details-btn-link {
background: #eeeeee;
position: relative;
color: #333333;
font-weight: 500;
width: 100%;
height: 100%;
display: block;
text-align: center;
padding: 15px 0;
box-sizing: border-box;
border-radius: 3px;
background-color: #FFFFFF;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.smile-store-locator-store-search .details-btn-link span,
.smile_store_locator-store-search .details-btn-link span {
color: #333435;
font-size: 14px;
font-weight: 600;
line-height: 19px;
position: relative;
z-index: 3;
}
.smile-store-locator-store-search .details-btn-link:before,
.smile_store_locator-store-search .details-btn-link:before {
display: block;
left: 0;
top: 0;
height: 100%;
content: '';
width: 0;
background: #333333;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: absolute;
}
.smile-store-locator-store-search .details-btn-link:hover,
.smile_store_locator-store-search .details-btn-link:hover {
text-decoration: none;
}
.smile-store-locator-store-search .details-btn-link:hover span,
.smile_store_locator-store-search .details-btn-link:hover span {
color: white;
}
.smile-store-locator-store-search .details-btn-link:hover:before,
.smile_store_locator-store-search .details-btn-link:hover:before {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
width: 100%;
}
.smile-store-locator-store-search .directions,
.smile_store_locator-store-search .directions {
display: table;
width: 100%;
}
.smile-store-locator-store-search .directions-btn,
.smile_store_locator-store-search .directions-btn {
height: 50px;
display: table-cell;
vertical-align: middle;
width: 100%;
border-radius: 3px;
background-color: #333333;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
line-height: 27px;
text-align: center;
text-decoration: none;
}
.smile-store-locator-store-search .directions-btn:hover,
.smile_store_locator-store-search .directions-btn:hover {
text-decoration: none;
}
.smile-store-locator-store-search .directions-btn-icon,
.smile_store_locator-store-search .directions-btn-icon {
position: relative;
display: inline-block;
margin-right: 3px;
content: '';
width: 20px;
height: 20px;
top: 5px;
background: url("../Smile_StoreLocator/images/direction-details.svg") center center;
background-repeat: no-repeat;
transform: scale(1.7);
}
.opening-hours-table .currentDay {
font-weight: bold;
}
.smile_store_locator-store-search {
overflow-x: hidden;
}
.smile_store_locator-store-search .page-main {
max-width: 1440px;
}
.smile_store_locator-store-search .page-main .page-title-wrapper {
display: none;
}
.opened-details-store #store-locator-search-wrapper .contextual-bar {
border: none;
box-shadow: none;
}
#store-locator-search-wrapper {
height: 762px;
}
#store-locator-search-wrapper .map {
max-width: 986px;
height: 100%;
background: #666;
z-index: 1;
float: left;
}
#store-locator-search-wrapper .map .copyright-info-wrapper {
background: #FFFFFF;
box-shadow: 0 1px 10px;
padding: 0 8px;
bottom: 0;
right: 41px;
position: absolute;
z-index: 1000;
}
#store-locator-search-wrapper .contextual-bar {
position: relative;
float: left;
padding: 0px 0px;
background: #FFFFFF;
z-index: 2;
max-width: 380px;
height: 100%;
display: block;
}
#store-locator-search-wrapper .contextual-bar .shop-search {
width: 100%;
border: 1px solid #E8E8E8;
box-shadow: inset 0 1px 0 0 #E8E8E8;
}
#store-locator-search-wrapper .contextual-bar .shop-search .block-title span {
color: #333435;
font-size: 28px;
font-weight: 600;
line-height: 38px;
display: block;
margin: 32px 0 20px 30px;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper {
padding: 10px;
position: relative;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form {
padding: 10px 0 5px;
position: relative;
padding-left: 25px;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .field {
display: block;
width: 93%;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .field input {
height: 54px;
width: 100%;
border: 1px solid #E1E1E1;
border-radius: 3px;
background-color: #FAFAFA;
padding-right: 15%;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .actions-toolbar .primary .action {
background: transparent;
border: none;
width: 30px;
height: 54px;
position: absolute;
top: 15px;
right: 5%;
content: '';
font-size: 0;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .actions-toolbar .primary .action span {
line-height: 1.3em;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .geolocalize-container {
position: absolute;
right: 0;
top: -10px;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .geolocalize-container a {
width: 100%;
text-align: center;
background: transparent;
border: none;
padding: 5px;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .geolocalize-container a:before {
color: #333333;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .form .store-search-form {
display: flex;
margin-left: auto;
align-items: center;
flex: 0 0 100%;
margin-top: 5px;
}
#store-locator-search-wrapper .contextual-bar .shop-search .fulltext-search-wrapper .geocoder-wrapper__btn {
display: inline-block;
position: absolute;
bottom: 0;
height: 50px;
right: 0;
}
#store-locator-search-wrapper .contextual-bar .search-result-list {
flex: 1;
overflow: hidden;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .current-status-shop {
width: 100%;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .search-result-header {
background-color: white;
padding: 10px 10px 20px 38px;
display: flex;
border-bottom: 1px solid #E8E8E8;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .search-result-header p {
margin: 0;
color: #333333;
font-size: 14px;
font-weight: 600;
line-height: 19px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .search-result-header span {
color: #333435;
font-size: 14px;
font-weight: 600;
line-height: 19px;
padding-left: 102px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .search-result-header span .span-underline {
text-decoration-line: underline;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .search-result-header a {
color: #FFF;
text-decoration: underline;
font-size: 80%;
cursor: pointer;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul {
overflow-y: auto;
height: 100%;
max-height: 529px;
list-style-type: none;
padding: 0;
margin: 0;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul::-webkit-scrollbar {
width: 9px;
padding: 4px 5px;
height: 8px;
border-radius: 4.5px;
background-color: #F8F8F8;
box-shadow: inset 0 1px 0 0 #E8E8E8, 0 1px 0 0 #E8E8E8;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul::-webkit-scrollbar-thumb {
width: 9px;
border-radius: 4.5px;
background-color: #989B9D;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item {
margin: 0;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item tr {
display: none;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item tr.today {
display: block;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item p {
margin-bottom: 0;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .location-number-block {
display: table;
position: absolute;
left: -15%;
top: 0;
width: 13%;
vertical-align: middle;
float: left;
text-align: center;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .location-number-block span {
display: table-cell;
color: #B4B7B8;
font-size: 14px;
font-weight: bold;
line-height: 19px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .result-item-container {
width: 96%;
float: left;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .result-item-container .name-label strong {
color: #333435;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .current-status-shop {
margin-bottom: 12px;
color: #333435;
font-size: 14px;
line-height: 19px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .current-status-shop .open-shop {
color: #5ACA2B;
font-weight: bold;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .current-status-shop .close-shop {
color: #92101f;
font-weight: bold;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .render-btn {
position: relative;
padding-left: 30px;
color: #333435;
font-size: 14px;
font-weight: 600;
line-height: 19px;
float: left;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .render-btn:before {
position: absolute;
display: inline-block;
left: 0;
top: 0;
content: '';
transform: scale(1.8);
opacity: 0.5;
width: 20px;
height: 20px;
background: url("../Smile_StoreLocator/images/direction-1.svg") center center;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .distance {
float: right;
color: #333435;
font-size: 14px;
font-weight: bold;
line-height: 19px;
position: relative;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .details-shop-btn {
font-size: 0;
content: '';
height: 24px;
width: 24px;
background-color: #333333;
position: absolute;
right: 0;
display: inline-block;
border-radius: 50%;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .details-shop-btn:before {
height: 6px;
width: 6px;
transform: rotate(135deg);
border-radius: 1px;
border-left: 2px solid #ffffff;
border-top: 2px solid #ffffff;
content: '';
top: 8px;
right: 9px;
display: block;
position: absolute;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .details {
padding-right: 50px;
color: #333435;
font-size: 14px;
line-height: 19px;
margin-bottom: 17px;
position: relative;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item:last-of-type {
border-bottom: 1px solid #E8E8E8;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item:hover {
background-color: #F8F8F8;
cursor: pointer;
}
#store-locator-search-wrapper .contextual-bar .search-result-list ul li.result-item .render-distance {
margin-bottom: 18px;
}
#store-locator-search-wrapper .contextual-bar .search-result-list .max_stores_message {
margin: 0;
padding: 5px;
}
#store-locator-search-wrapper .contextual-bar .shop-details .search-result-list ul {
max-height: 180px;
}
#store-locator-search-wrapper .contextual-bar .shop-details .header .store-name {
max-width: 85%;
float: left;
}
#store-locator-search-wrapper .contextual-bar .shop-details .header .actions {
float: right;
}
#store-locator-search-wrapper .contextual-bar .shop-details .header .image-wrapper-header {
width: 100%;
}
#store-locator-search-wrapper .contextual-bar .shop-details .header .image-wrapper-header img {
height: auto;
max-width: 100%;
width: 100%;
max-height: 200px;
}
#top-storelocator-chooser {
float: right;
margin-right: 10px;
display: inline-block;
position: relative;
}
#top-storelocator-chooser:before,
#top-storelocator-chooser:after {
content: '';
display: table;
}
#top-storelocator-chooser:after {
clear: both;
}
#top-storelocator-chooser .action.showpicker {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
#top-storelocator-chooser .action.showpicker:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 28px;
color: #8f8f8f;
content: '\e60A';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
#top-storelocator-chooser .action.showpicker:hover:before {
color: #8f8f8f;
}
#top-storelocator-chooser .action.showpicker:active:before {
color: #8f8f8f;
}
#top-storelocator-chooser .action.showpicker.active {
display: inline-block;
text-decoration: none;
}
#top-storelocator-chooser .action.showpicker.active:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 28px;
color: #8f8f8f;
content: '\e60A';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
#top-storelocator-chooser .action.showpicker.active:hover:before {
color: #8f8f8f;
}
#top-storelocator-chooser .action.showpicker.active:active:before {
color: #8f8f8f;
}
#top-storelocator-chooser .top-storelocator-chooser-content {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 100%;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
#top-storelocator-chooser .top-storelocator-chooser-content li {
margin: 0;
}
#top-storelocator-chooser .top-storelocator-chooser-content li:hover {
cursor: pointer;
}
#top-storelocator-chooser .top-storelocator-chooser-content:before,
#top-storelocator-chooser .top-storelocator-chooser-content:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
#top-storelocator-chooser .top-storelocator-chooser-content:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
#top-storelocator-chooser .top-storelocator-chooser-content:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
#top-storelocator-chooser .top-storelocator-chooser-content:before {
left: 10px;
top: -12px;
}
#top-storelocator-chooser .top-storelocator-chooser-content:after {
left: 9px;
top: -14px;
}
#top-storelocator-chooser.active {
overflow: visible;
}
#top-storelocator-chooser.active .top-storelocator-chooser-content {
display: block;
}
#top-storelocator-chooser .top-storelocator-chooser-content {
width: 320px;
right: -22px;
z-index: 10000;
}
#top-storelocator-chooser .top-storelocator-chooser-content:after {
left: auto;
right: 25px;
}
#top-storelocator-chooser .top-storelocator-chooser-content:before {
left: auto;
right: 26px;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search,
#top-storelocator-chooser .top-storelocator-chooser-content .current-store {
padding: 10px;
}
#top-storelocator-chooser .top-storelocator-chooser-content .current-store .title {
font-size: 110%;
font-weight: bold;
}
#top-storelocator-chooser .top-storelocator-chooser-content .current-store {
border-bottom: 1px solid #cccccc;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search div.geolocalize-container {
flex: 0 0 100%;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search div.geolocalize-container a {
width: 100%;
text-align: center;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search .store-search-form {
display: flex;
margin-left: auto;
align-items: center;
flex: 0 0 100%;
margin-top: 5px;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search .store-search-form .field {
flex: 2;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search .store-search-form .actions {
flex: 1;
}
#top-storelocator-chooser .top-storelocator-chooser-content .store-search .store-search-form .actions button {
width: 100%;
}
#top-storelocator-chooser .top-storelocator-chooser-content .actions a.primary {
width: 100%;
text-align: center;
}
#top-storelocator-chooser .action.showpicker .text {
padding: 0 5px 0 0;
font-size: 14px;
line-height: 31px;
}
a.geolocalize span {
padding-left: 5px;
padding-top: 5px;
display: inline-block;
}
a.geolocalize:before {
content: '\e60A';
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-size: 22px;
line-height: 28px;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.leaflet-marker-icon {
border: none;
background: transparent;
}
.custum-lf-popup {
display: inline-block;
height: 24px;
width: 24px;
background-color: #333333;
-webkit-box-shadow: -1px -1px 6px -1px rgba(0, 0, 0, 0.85);
-moz-box-shadow: -1px -1px 6px -1px rgba(0, 0, 0, 0.85);
box-shadow: -1px -1px 6px -1px rgba(0, 0, 0, 0.85);
border-radius: 50%;
color: white;
text-align: center;
padding-top: 5px;
font-size: 12px;
border: none;
position: relative;
z-index: 2;
box-sizing: border-box;
}
.custum-lf-popup span {
position: relative;
z-index: 4;
}
.custum-lf-popup.current {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
z-index: 300;
}
.custum-lf-popup a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5;
}
.custum-lf-popup.my-position:before {
position: absolute;
display: inline-block;
left: 2px;
top: 3px;
content: '';
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
opacity: 0.8;
width: 20px;
height: 20px;
background: url(../Smile_StoreLocator/images/direction-1.svg) center center;
z-index: 19;
}
.custum-lf-popup:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.button-decor {
z-index: 3;
width: 10px;
height: 10px;
display: inline-block;
background-color: #333333;
content: '';
bottom: -3px;
left: 7px;
position: absolute;
transform: rotate(-45deg);
}
.open-marker {
background-color: #5ACA2B;
}
.map-search-autocomplete .ui-helper-hidden-accessible {
display: none !important;
}
.map-search-autocomplete .ui-autocomplete {
position: absolute !important;
background: #f4f4f4;
z-index: 5;
padding-left: 0;
list-style: none;
top: 80px !important;
display: block;
border-radius: 4px;
-webkit-box-shadow: -1px 2px 13px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -1px 2px 13px -1px rgba(0, 0, 0, 0.75);
box-shadow: -1px 2px 13px -1px rgba(0, 0, 0, 0.75);
max-height: 400px;
overflow-y: auto;
}
.map-search-autocomplete .ui-autocomplete:after {
content: '';
display: inline-block;
width: 17px;
height: 17px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: -1;
position: absolute;
background: #f4f4f4;
top: -7px;
left: 0;
right: 0;
margin: auto;
}
.map-search-autocomplete .ui-autocomplete li {
height: auto;
min-height: 40px;
display: table;
width: 100%;
vertical-align: middle;
margin: 0;
border-top: 1px solid lightgrey;
}
.map-search-autocomplete .ui-autocomplete li:first-of-type {
border-top: none;
}
.map-search-autocomplete .ui-autocomplete li a {
color: black;
height: 100%;
line-height: 24px;
vertical-align: middle;
display: table-cell;
padding-left: 10px;
}
.map-search-autocomplete .ui-autocomplete li:hover {
cursor: pointer;
}
.map-search-autocomplete .ui-autocomplete li:hover a {
color: #333333;
text-decoration: none;
font-weight: bold;
}
a[data-menu="menu-1021"] {
font-weight: 600;
}
@media all and (min-width: 769px), print {
.abs-product-options-list-desktop dt,
.block-giftregistry-shared .item-options dt {
clear: left;
float: left;
margin: 0 10px 5px 0;
}
.abs-product-options-list-desktop dt:after,
.block-giftregistry-shared .item-options dt:after {
content: ': ';
}
.abs-product-options-list-desktop dd,
.block-giftregistry-shared .item-options dd {
display: inline-block;
float: left;
margin: 0 0 5px;
word-break: break-all;
}
.abs-button-desktop {
width: auto;
}
.abs-blocks-2columns,
.column .block-addbysku .block-content .box,
.login-container .block,
.account .column.main .block:not(.widget) .block-content .box,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
.sales-guest-view .column.main .block:not(.widget) .block-content .box {
width: 48.8%;
}
.abs-blocks-2columns:nth-child(odd),
.column .block-addbysku .block-content .box:nth-child(odd),
.login-container .block:nth-child(odd),
.account .column.main .block:not(.widget) .block-content .box:nth-child(odd),
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd),
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd),
.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: left;
float: left;
}
.abs-blocks-2columns:nth-child(even),
.column .block-addbysku .block-content .box:nth-child(even),
.login-container .block:nth-child(even),
.account .column.main .block:not(.widget) .block-content .box:nth-child(even),
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even),
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even),
.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) {
float: right;
}
.abs-reset-left-margin-desktop,
.column.main .magento-payments-review .actions-toolbar,
.bundle-options-container .legend.title,
.column.main .cart-summary .actions-toolbar,
.cart.table-wrapper .item-actions .actions-toolbar,
.gift-summary .actions-toolbar,
.cart.table-wrapper .gift-summary .actions-toolbar,
.column.main .block-giftregistry-shared-items .actions-toolbar,
.form-new-agreement .fieldset .legend,
.form-new-agreement .actions-toolbar,
.column.main .paypal-review .actions-toolbar,
.wishlist-index-index .main .form-wishlist-items .actions-toolbar {
margin-left: 0;
}
.abs-add-fields-desktop .fieldset .field:not(.choice) .control,
.form-giftregistry-share .fieldset .field:not(.choice) .control,
.form-giftregistry-edit .fieldset .field:not(.choice) .control,
.form-add-invitations .fieldset .field:not(.choice) .control,
.form-create-return .fieldset .field:not(.choice) .control,
.form.send.friend .fieldset .field:not(.choice) .control {
width: 50%;
}
.abs-visually-hidden-desktop,
.modes-label,
.dashboard-welcome-toggler,
.block-search .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-clearfix-desktop:before,
.abs-add-clearfix-desktop:after,
.abs-pager-toolbar:before,
.abs-pager-toolbar:after,
.magento-payments-review .block-content:before,
.magento-payments-review .block-content:after,
.magento-payments-review-discount:before,
.magento-payments-review-discount:after,
.order-review-form:before,
.order-review-form:after,
.block-cart-failed .block-content:before,
.block-cart-failed .block-content:after,
.column .block-addbysku .block-content:before,
.column .block-addbysku .block-content:after,
.cart-container:before,
.cart-container:after,
.login-container:before,
.login-container:after,
.account .column.main .block:not(.widget) .block-content:before,
.account .column.main .block:not(.widget) .block-content:after,
.block-addresses-list .items.addresses:before,
.block-addresses-list .items.addresses:after,
.block-giftregistry-shared .item-options:before,
.block-giftregistry-shared .item-options:after,
.gift-wrapping .nested:before,
.gift-wrapping .nested:after,
.table .gift-wrapping .content:before,
.table .gift-wrapping .content:after,
.block-wishlist-management:before,
.block-wishlist-management:after,
.paypal-review .block-content:before,
.paypal-review .block-content:after,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
.sales-guest-view .column.main .block:not(.widget) .block-content:before,
.sales-guest-view .column.main .block:not(.widget) .block-content:after,
.account .toolbar:before,
.account .toolbar:after,
.toolbar-giftregistry-results:before,
.toolbar-giftregistry-results:after,
.toolbar-wishlist-results:before,
.toolbar-wishlist-results:after {
content: '';
display: table;
}
.abs-add-clearfix-desktop:after,
.abs-pager-toolbar:after,
.magento-payments-review .block-content:after,
.magento-payments-review-discount:after,
.order-review-form:after,
.block-cart-failed .block-content:after,
.column .block-addbysku .block-content:after,
.cart-container:after,
.login-container:after,
.account .column.main .block:not(.widget) .block-content:after,
.block-addresses-list .items.addresses:after,
.block-giftregistry-shared .item-options:after,
.gift-wrapping .nested:after,
.table .gift-wrapping .content:after,
.block-wishlist-management:after,
.paypal-review .block-content:after,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
.sales-guest-view .column.main .block:not(.widget) .block-content:after,
.account .toolbar:after,
.toolbar-giftregistry-results:after,
.toolbar-wishlist-results:after {
clear: both;
}
.abs-add-box-sizing-desktop,
.column.main,
.sidebar-main,
.sidebar-additional {
box-sizing: border-box;
}
.abs-add-box-sizing-desktop-m,
.opc-wrapper {
box-sizing: border-box;
}
.abs-revert-field-type-desktop .fieldset > .field,
.abs-revert-field-type-desktop .fieldset .fields > .field,
.product-add-form .fieldset > .field,
.product-add-form .fieldset .fields > .field {
margin: 0 0 20px;
}
.abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label,
.abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label,
.product-add-form .fieldset > .field:not(.choice) > .label,
.product-add-form .fieldset .fields > .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
padding: 0;
}
.abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control,
.abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control,
.product-add-form .fieldset > .field:not(.choice) > .control,
.product-add-form .fieldset .fields > .field:not(.choice) > .control {
float: none;
width: auto;
}
.abs-revert-field-type-desktop .fieldset > .field > .label,
.abs-revert-field-type-desktop .fieldset .fields > .field > .label,
.product-add-form .fieldset > .field > .label,
.product-add-form .fieldset .fields > .field > .label {
margin: 0 0 5px;
text-align: left;
display: inline-block;
}
.abs-revert-field-type-desktop .fieldset > .field.choice:before,
.abs-revert-field-type-desktop .fieldset .fields > .field.choice:before,
.abs-revert-field-type-desktop .fieldset > .field.no-label:before,
.abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before,
.product-add-form .fieldset > .field.choice:before,
.product-add-form .fieldset .fields > .field.choice:before,
.product-add-form .fieldset > .field.no-label:before,
.product-add-form .fieldset .fields > .field.no-label:before {
display: none;
}
.abs-revert-field-type-desktop .fieldset > .field:not(:first-child):last-of-type,
.abs-revert-field-type-desktop .fieldset .fields > .field:not(:first-child):last-of-type,
.product-add-form .fieldset > .field:not(:first-child):last-of-type,
.product-add-form .fieldset .fields > .field:not(:first-child):last-of-type {
margin-bottom: 0;
}
.abs-no-display-desktop,
.opc-estimated-wrapper,
.sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
display: none;
}
.abs-pager-toolbar,
.account .toolbar,
.toolbar-giftregistry-results,
.toolbar-wishlist-results {
margin-bottom: 20px;
position: relative;
}
.abs-pager-toolbar .limiter,
.account .toolbar .limiter,
.toolbar-giftregistry-results .limiter,
.toolbar-wishlist-results .limiter {
float: right;
position: relative;
z-index: 1;
}
.abs-pager-toolbar .toolbar-amount,
.account .toolbar .toolbar-amount,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-wishlist-results .toolbar-amount {
float: left;
line-height: normal;
padding: 7px 0 0;
position: relative;
z-index: 1;
}
.abs-pager-toolbar .pages,
.account .toolbar .pages,
.toolbar-giftregistry-results .pages,
.toolbar-wishlist-results .pages {
position: absolute;
width: 100%;
z-index: 0;
}
.abs-shopping-cart-items-desktop,
.block-cart-failed,
.cart-container .form-cart,
.cart-container .cart-gift-item {
float: left;
position: relative;
width: 73%;
}
.abs-shopping-cart-items-desktop .actions,
.block-cart-failed .actions,
.cart-container .form-cart .actions,
.cart-container .cart-gift-item .actions {
text-align: right;
}
.abs-shopping-cart-items-desktop .action.clear,
.abs-shopping-cart-items-desktop .action.update,
.block-cart-failed .action.clear,
.block-cart-failed .action.update,
.cart-container .form-cart .action.clear,
.cart-container .form-cart .action.update,
.cart-container .cart-gift-item .action.clear,
.cart-container .cart-gift-item .action.update {
margin-left: 10px;
}
.abs-shopping-cart-items-desktop .action.continue,
.block-cart-failed .action.continue,
.cart-container .form-cart .action.continue,
.cart-container .cart-gift-item .action.continue {
float: left;
}
h1 {
font-size: 40px;
margin-bottom: 40px;
}
.navigation,
.breadcrumbs,
.header-top-info > .row-full-width-inner,
.page-header .header.panel,
.header.content,
.footer.content,
.footer.content-link,
.footer-bottom-container,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 20px;
padding-right: 20px;
width: auto;
}
.page-main {
width: 100%;
}
.columns {
display: block;
}
.column.main {
min-height: 300px;
}
.page-layout-1column .column.main {
width: 100%;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-3columns .column.main {
width: 50%;
display: inline-block;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-left .column.main {
width: 75%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-right .column.main {
width: 75%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.sidebar-main {
padding-right: 2%;
}
.page-layout-3columns .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-left .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-right .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-right .sidebar-main {
padding-left: 2%;
padding-right: 0;
}
.sidebar-additional {
clear: right;
padding-left: 2%;
}
.page-layout-3columns .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.page-layout-2columns-left .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-right .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-left .main {
padding-left: 2%;
}
.page-layout-2columns-left .sidebar-additional {
clear: left;
float: left;
padding-left: 0;
}
.panel.header {
padding: 10px 20px;
}
.nav-toggle {
display: none;
}
.nav-sections {
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-bottom: 25px;
}
.nav-sections-item-title {
display: none;
}
.nav-sections-item-content > * {
display: none;
}
.nav-sections-item-content > .navigation {
display: block;
}
.navigation {
background: #eff4fa;
font-weight: 700;
height: inherit;
left: auto;
overflow: inherit;
padding: 0;
position: relative;
top: 0;
width: 100%;
z-index: 3;
}
.navigation:empty {
display: none;
}
.navigation ul {
margin-top: 0;
margin-bottom: 0;
padding: 0;
position: relative;
}
.navigation li.level0 {
border-top: none;
}
.navigation li.level1 {
position: relative;
}
.navigation .level0 {
margin: 0 10px 0 0;
display: inline-block;
position: relative;
}
.navigation .level0:last-child {
margin-right: 0;
padding-right: 0;
}
.navigation .level0:hover:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 10px;
height: calc(100% + 3px);
z-index: 1;
}
.navigation .level0 > .level-top {
color: #575757;
line-height: 53px;
padding: 0 12px;
text-decoration: none;
box-sizing: border-box;
position: relative;
display: inline-block;
}
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top.ui-state-focus {
color: #333333;
text-decoration: none;
}
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top {
border-color: #516c8d;
border-style: solid;
border-width: 0 0 3px;
color: #333333;
text-decoration: none;
display: inline-block;
}
.navigation .level0.parent:hover > .submenu {
overflow: visible !important;
}
.navigation .level0.parent > .level-top {
padding-right: 20px;
}
.navigation .level0.parent > .level-top > .ui-menu-icon {
position: absolute;
right: 0;
display: inline-block;
text-decoration: none;
}
.navigation .level0.parent > .level-top > .ui-menu-icon > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navigation .level0.parent > .level-top > .ui-menu-icon:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 20px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0 .submenu {
background: #ffffff;
border: 1px solid #d1d1d1;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19);
font-weight: 700;
min-width: 230px;
padding: 0;
display: none;
left: 0;
margin: 0 !important;
position: absolute;
z-index: 1;
margin-top: 11px;
}
.navigation .level0 .submenu > ul {
margin-top: 11px;
}
.navigation .level0 .submenu > ul:before,
.navigation .level0 .submenu > ul:after {
content: '';
display: block;
overflow: hidden;
position: absolute;
}
.navigation .level0 .submenu > ul:before {
color: #ffffff;
left: 20px;
top: -20px;
border: 10px solid transparent;
height: 0;
width: 0;
border-bottom-color: #ffffff;
z-index: 4;
}
.navigation .level0 .submenu > ul:after {
border: 11px solid transparent;
height: 0;
width: 0;
border-bottom-color: #d1d1d1;
color: #d1d1d1;
left: 19px;
top: -22px;
z-index: 3;
}
.navigation .level0 .submenu:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 4px;
left: 0;
top: -4px;
z-index: 1;
}
.navigation .level0 .submenu a {
display: block;
line-height: inherit;
color: #575757;
padding: 8px 20px;
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
background: #e8e8e8;
color: #333333;
text-decoration: none;
}
.navigation .level0 .submenu .active > a {
border-color: #516c8d;
border-style: solid;
border-width: 0 0 0 3px;
}
.navigation .level0 .submenu .submenu {
top: -1px !important;
left: 100% !important;
}
.navigation .level0 .submenu .submenu-reverse {
left: auto !important;
right: 100%;
}
.navigation .level0 .submenu li {
margin: 0;
position: relative;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon {
position: absolute;
right: 3px;
display: inline-block;
text-decoration: none;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 20px;
color: inherit;
content: '\e608';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0.more {
position: relative;
display: inline-block;
text-decoration: none;
}
.navigation .level0.more:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
line-height: inherit;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0.more:before {
display: none;
}
.navigation .level0.more:after {
cursor: pointer;
padding: 8px 12px;
position: relative;
z-index: 1;
}
.navigation .level0.more:hover > .submenu {
overflow: visible !important;
}
.navigation .level0.more li {
display: block;
}
.panel.header .links,
.panel.header .switcher {
display: inline-block;
}
.fieldset > .field {
margin: 0 0 20px;
margin: 0 0 29px;
}
.fieldset > .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
padding: 0;
}
.fieldset > .field:not(.choice) > .control {
float: none;
width: auto;
}
.fieldset > .field > .label {
margin: 0 0 5px;
text-align: left;
display: inline-block;
}
.fieldset > .field.choice:before,
.fieldset > .field.no-label:before {
display: none;
}
input[type="checkbox"] {
margin: 0 5px 0 0;
position: relative;
}
.product.data.items {
position: relative;
z-index: 1;
}
.product.data.items:before,
.product.data.items:after {
content: '';
display: table;
}
.product.data.items:after {
clear: both;
}
.product.data.items > .item.title {
float: left;
width: auto;
}
.product.data.items > .item.title > .switch {
height: 20px;
display: block;
position: relative;
z-index: 2;
}
.product.data.items > .item.content {
margin-top: 20px;
box-sizing: border-box;
float: right;
margin-left: -100%;
width: 100%;
}
.product.data.items > .item.content:before,
.product.data.items > .item.content:after {
content: '';
display: table;
}
.product.data.items > .item.content:after {
clear: both;
}
.product.data.items > .item.content.active {
display: block;
}
.product.data.items > .item.title {
margin: 0 5px 0 0;
}
.product.data.items > .item.title > .switch {
font-weight: 600;
line-height: 20px;
font-size: 1.4rem;
color: #7d7d7d;
text-decoration: none;
background: #f0f0f0;
border: 1px solid #d1d1d1;
border-bottom: none;
height: 20px;
padding: 5px 20px 5px 20px;
}
.product.data.items > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
padding-bottom: 6px;
}
.product.data.items > .item.content {
background: #ffffff;
margin-top: 31px;
padding: 20px 20px 20px 20px;
border: 0;
border-top: 1px solid #d1d1d1;
}
.product.data.items .item.title > .switch {
height: 31px;
}
.actions-toolbar:before,
.actions-toolbar:after {
content: '';
display: table;
}
.actions-toolbar:after {
clear: both;
}
.actions-toolbar .primary {
float: left;
}
.actions-toolbar .secondary {
float: right;
}
.actions-toolbar .primary,
.actions-toolbar .secondary {
display: inline-block;
}
.actions-toolbar .primary a.action,
.actions-toolbar .secondary a.action {
display: inline-block;
}
.actions-toolbar .primary .action {
margin: 0 5px 0 0;
}
.actions-toolbar .secondary a.action {
margin-top: 6px;
}
.actions-toolbar > .primary,
.actions-toolbar > .secondary {
margin-bottom: 0;
}
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action {
margin-bottom: 0;
width: auto;
}
body._has-modal {
overflow: unset;
}
.modal-popup.modal-slide .modal-footer {
border-top: 1px solid #c1c1c1;
text-align: right;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
/**
* @codingStandardsIgnoreStart
*/
#store-selector .form-continue .actions-toolbar > .primary {
float: right;
}
#store-selector .form-continue .actions-toolbar .action.primary {
margin: 0;
}
.pagebuilder-mobile-only {
display: none !important;
}
.magento-payments-review .magento-payments-review-title {
border-bottom: 1px solid #d1d1d1;
}
.magento-payments-review .block-content .box-order-shipping-address,
.magento-payments-review .block-content .box-order-shipping-method,
.magento-payments-review .block-content .box-order-shipping-method + .box-order-billing-address {
box-sizing: border-box;
float: left;
width: 33%;
}
.magento-payments-review .block-content .box-order-shipping-address {
padding: 0 5%;
width: 34%;
}
.magento-payments-review .table-magento-payments-review-items .col.price,
.magento-payments-review .table-magento-payments-review-items .col.qty {
text-align: center;
}
.magento-payments-review .table-magento-payments-review-items .col.item {
width: 60%;
}
.magento-payments-review .col.subtotal,
.magento-payments-review .mark,
.magento-payments-review .amount {
text-align: right;
}
.magento-payments-review-discount {
border-top: 1px solid #d1d1d1;
}
.magento-payments-review-discount .block {
margin-bottom: 15px;
}
.magento-payments-review-discount .block .title:after {
display: inline;
margin-left: 10px;
position: static;
}
.magento-payments-review-discount .block .content {
padding-bottom: 0;
}
.order-review-form .actions-toolbar > .primary {
float: right;
}
.order-review-form .action.primary {
margin-right: 0;
}
.product-add-form .product-options-wrapper .field .control.enhanced-qty {
width: auto;
max-width: 80%;
}
.aw-create-customer .aw-block-new-company {
min-width: 600px;
width: 50%;
}
.block-cart-failed .actions {
text-align: left;
}
.block-cart-failed .actions.primary {
float: right;
}
.bundle-options-container .bundle-options-wrapper,
.bundle-options-container .product-options-wrapper {
float: left;
width: 57%;
}
.bundle-options-container .block-bundle-summary {
float: right;
position: relative;
width: 40%;
}
.page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,
.page-layout-2columns-left .bundle-options-container .block-bundle-summary,
.page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,
.page-layout-2columns-right .bundle-options-container .block-bundle-summary,
.page-layout-3columns .bundle-options-container .bundle-options-wrapper,
.page-layout-3columns .bundle-options-container .block-bundle-summary {
width: 48%;
}
.page-products .products-grid .product-item {
margin-left: 2%;
padding: 0 30px 30px 0;
width: calc((100% - 4%) / 3);
}
.page-products .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.page-products.page-layout-1column .products-grid .product-item {
width: calc((100% - 4%) / 3);
}
.page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.page-products.page-layout-3columns .products-grid .product-item {
width: 50%;
}
.page-products .columns {
padding-top: 0;
position: relative;
z-index: 1;
}
.products.wrapper ~ .toolbar .pages {
float: left;
margin: 0 auto;
}
.toolbar-amount {
float: left;
}
.sorter {
float: right;
}
.modes {
display: none;
}
.products.wrapper ~ .toolbar .modes {
display: none;
}
.modes-mode {
color: #7d7d7d;
border: 1px solid #d1d1d1;
border-right: 0;
float: left;
font-weight: 400;
line-height: 1;
padding: 7px 10px;
text-align: center;
display: inline-block;
text-decoration: none;
}
.modes-mode:not(.active):hover {
color: #7d7d7d;
background: #dedede;
}
.modes-mode:last-child {
border-right: 1px solid #d1d1d1;
}
.modes-mode.active {
color: #a6a6a6;
}
.modes-mode > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.modes-mode:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
line-height: inherit;
color: #7d7d7d;
content: '\e60d';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.modes-mode:hover:before {
color: #7d7d7d;
}
.mode-list:before {
content: '\e60b';
}
.products.wrapper ~ .toolbar .limiter {
display: block;
float: right;
}
.product-item .product-image-container {
height: 260px;
}
.product-item .product-image-container .product-image-wrapper {
display: flex;
justify-content: center;
height: 100%;
}
.product-info-main .box-tocart,
.product-options-bottom .box-tocart {
display: table;
}
.product-info-main .box-tocart .field.qty,
.product-options-bottom .box-tocart .field.qty {
display: table-cell;
}
.product-info-main .box-tocart .actions,
.product-options-bottom .box-tocart .actions {
display: table-cell;
text-align: center;
vertical-align: top;
height: 52px;
}
.sidebar .product-items .product-item-info .product-item-photo {
float: left;
left: auto;
margin: 0 10px 10px 0;
position: relative;
top: auto;
}
.sidebar .product-items .product-item-details {
margin: 0;
}
.sidebar .product-items .product-item-actions {
clear: left;
}
.product.info.detailed .additional-attributes tbody {
display: flex;
flex-wrap: wrap;
}
.product.info.detailed .additional-attributes tbody tr {
width: 33%;
}
.product.info.detailed .additional-attributes tbody tr .col.label {
min-width: 145px;
}
.product-info-main {
float: right;
}
.product.media {
float: left;
margin-bottom: 25px;
}
.page-layout-1column .product-info-main {
width: 40%;
}
.page-layout-1column .product.media {
width: 57%;
}
.page-layout-2columns-left .product-info-main,
.page-layout-2columns-right .product-info-main,
.page-layout-3columns .product-info-main {
width: 48%;
}
.page-layout-2columns-left .product.media,
.page-layout-2columns-right .product.media,
.page-layout-3columns .product.media {
width: 50%;
}
.block-category-event.block:last-child {
margin-bottom: 30px;
padding: 10px 0 30px;
}
.block-category-event .block-title {
margin: 0;
}
.block-category-event .block-title strong {
font-size: 2.4rem;
}
.block-category-event .ticker li {
display: none;
margin: 0 50px;
}
.block-category-event .ticker .value {
font-size: 6rem;
}
.block-category-event .ticker .label {
font-size: 1.4rem;
text-transform: none;
}
.block-category-event .dates .date {
font-size: 5rem;
}
.block-category-event .dates .start {
padding-right: 50px;
}
.block-category-event .dates .start:after {
font-size: 5rem;
right: 10px;
}
.cart-container .widget {
float: left;
}
.cart-container .widget.block {
margin-bottom: 20px;
}
.cart-summary {
float: right;
position: relative;
width: 25%;
}
.column.main .cart-summary .actions-toolbar > .secondary {
float: none;
}
.cart-summary .block .fieldset .field {
margin: 0 0 20px;
margin: 0 0 10px;
}
.cart-summary .block .fieldset .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
padding: 0;
}
.cart-summary .block .fieldset .field:not(.choice) > .control {
float: none;
width: auto;
}
.cart-summary .block .fieldset .field > .label {
margin: 0 0 5px;
text-align: left;
display: inline-block;
}
.cart-summary .block .fieldset .field.choice:before,
.cart-summary .block .fieldset .field.no-label:before {
display: none;
}
.cart.table-wrapper .items {
min-width: 100%;
width: auto;
}
.cart.table-wrapper .item .col.item {
padding: 17px 8px 10px;
}
.cart.table-wrapper .item-actions td {
text-align: right;
}
.cart.table-wrapper .product-item-photo {
display: table-cell;
max-width: 100%;
padding-right: 20px;
position: static;
vertical-align: top;
width: fit-content;
height: 120px;
}
.cart.table-wrapper .product-item-details {
display: table-cell;
vertical-align: top;
white-space: normal;
}
.cart.table-wrapper .item-actions .actions-toolbar {
text-align: right;
}
.cart .action {
margin-bottom: 10px;
}
.cart-products-toolbar .toolbar-amount {
line-height: 30px;
margin: 0;
}
.cart-products-toolbar .pages {
float: right;
margin: 0 0 1px;
}
.cart-products-toolbar .pages .item:last-child {
margin-right: 0;
}
.cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col {
padding-bottom: 7px;
padding-top: 8px;
}
.cart.table-wrapper .cart + .cart-products-toolbar {
margin-top: 25px;
}
.mobile {
display: none;
}
.desktop {
display: table-row-group;
}
.minicart-wrapper {
position: relative;
}
.minicart-dropdown {
background-color: #ffffff;
border: 1px solid #e5e6e9;
-webkit-transform: scale(1, 0);
-webkit-transform-origin: 0 0;
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
position: absolute;
top: 100%;
right: 0;
transform: scale(1, 0);
transform-origin: 0 0;
transition: transform linear .1s, visibility 0s linear .1s;
visibility: hidden;
min-width: 400px;
}
.minicart-dropdown._show {
z-index: 100;
-webkit-transform: scale(1, 1);
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
transform: scale(1, 1);
transition: transform linear .1s, visibility 0s linear 0s;
visibility: visible;
}
.details-qty,
.display-delivery {
display: inline;
}
.display-delivery {
margin-left: 150px;
}
.opc-wrapper {
width: 58.33333333%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding-right: 30px;
}
.checkout-onepage-success .print {
display: block;
float: right !important;
margin: 22px 0 0;
}
.checkout-index-index .modal-popup .form-shipping-address {
max-width: 600px;
}
.checkout-index-index .modal-popup .modal-footer .action-save-address {
float: right;
margin: 0 0 0 10px;
}
.checkout-shipping-method .actions-toolbar .action.primary {
margin: 0;
}
.opc-sidebar {
margin: 40px 0 20px;
width: 41.66666667%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.opc-summary-wrapper .modal-header .action-close {
display: none;
}
.authentication-dropdown {
background-color: #ffffff;
border: 1px solid #aeaeae;
-webkit-transform: scale(1, 0);
-webkit-transform-origin: 0 0;
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
position: absolute;
text-align: left;
top: 100%;
transform: scale(1, 0);
transform-origin: 0 0;
transition: transform linear .1s, visibility 0s linear .1s;
visibility: hidden;
width: 100%;
}
.authentication-dropdown._show {
z-index: 100;
-webkit-transform: scale(1, 1);
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
transform: scale(1, 1);
transition: transform linear .1s, visibility 0s linear 0s;
visibility: visible;
}
.authentication-wrapper {
width: 41.66666667%;
text-align: right;
}
.block-authentication .block-title {
font-size: 2.6rem;
border-bottom: 0;
margin-bottom: 25px;
}
.block-authentication .actions-toolbar > .primary {
width: 100%;
display: block;
margin-right: 0;
}
.block-authentication .actions-toolbar > .primary .action {
margin-right: 0;
width: 100%;
}
.block-authentication .actions-toolbar > .secondary {
float: left;
margin-right: 2rem;
padding-top: 1rem;
}
.popup-authentication .modal-inner-wrap {
width: 400px;
height: fit-content;
top: 0;
bottom: 0;
margin: auto;
}
.checkout-payment-method .actions-toolbar .primary {
margin: 0;
}
.checkout-payment-method .fieldset > .field-select-billing > .control {
float: none;
width: 100%;
}
.checkout-payment-method .payment-method-content .fieldset > .field {
margin: 0 0 20px;
}
.checkout-payment-method .payment-method-content .fieldset > .field.choice:before {
padding: 0;
width: 0;
}
.checkout-payment-method .payment-method-content .fieldset > .field.type .control {
margin-left: 25.8%;
}
.checkout-payment-method .payment-method-content .fieldset > .field.type.no-detection .control {
margin-left: 0;
}
.checkout-payment-method .payment-option-title {
padding-left: 22px;
}
.checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar {
white-space: nowrap;
margin-left: 0;
}
.pagebuilder-box-three-mobile {
width: calc(23.3333%);
margin-left: 5px;
margin-right: 5px;
padding: 20px;
}
.contact-index-index .contact-page-content {
flex-direction: row;
gap: 2%;
}
.contact-index-index .contact-page-content .contact-form {
padding: 20px;
border-radius: 8px;
width: 50%;
}
.contact-index-index .contact-page-content .additional-info {
padding: 20px;
border-radius: 8px;
width: 50%;
}
body .form.create.account fieldset .field-name-prefix {
width: 49%;
}
.customer-profile-dropdown {
background-color: #ffffff;
border: 1px solid #e5e6e9;
-webkit-transform: scale(1, 0);
-webkit-transform-origin: 0 0;
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
position: absolute;
top: 100%;
right: 0;
transform: scale(1, 0);
transform-origin: 0 0;
transition: transform linear .1s, visibility 0s linear .1s;
visibility: hidden;
min-width: 300px;
}
.customer-profile-dropdown._show {
z-index: 100;
-webkit-transform: scale(1, 1);
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
transform: scale(1, 1);
transition: transform linear .1s, visibility 0s linear 0s;
visibility: visible;
}
.login-container .block .login .actions-toolbar > .primary {
margin-bottom: 0;
margin-right: 30px;
}
.login-container .block .login .actions-toolbar > .secondary {
float: left;
}
.fieldset .fullname .field .label {
padding: 6px 15px 0 0;
text-align: right;
box-sizing: border-box;
float: left;
padding-top: 0;
}
.fieldset .fullname .field .control {
width: 100%;
float: left;
}
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account,
.form.search.advanced,
.form.form-orders-search {
min-width: 600px;
width: 50%;
margin: auto;
}
.customer-account-login .page-wrapper .page-main > .page-title-wrapper .page-title {
margin-top: 40px;
}
.customer-account-create .page-wrapper .page-main > .page-title-wrapper {
text-align: center;
}
.customer-account-create .page-wrapper .page-main > .page-title-wrapper .page-title {
margin-top: 40px;
}
.login-container {
background-color: #eff4fa;
padding: 40px;
border: 1px solid #838996;
}
.form.create.account {
margin: 0 auto;
background-color: #eff4fa;
padding: 40px;
border: 1px solid #838996;
}
.account.page-layout-2columns-left .sidebar-main,
.account.page-layout-2columns-left .sidebar-additional {
width: 22.3%;
}
.account.page-layout-2columns-left .column.main {
width: 77.7%;
}
.block-addresses-list .items.addresses {
font-size: 0;
}
.block-addresses-list .items.addresses > .item {
display: inline-block;
font-size: 14px;
margin-bottom: 20px;
vertical-align: top;
width: calc(50% - 30px - 5px);
}
.block-addresses-list .items.addresses > .item:nth-last-child(1),
.block-addresses-list .items.addresses > .item:nth-last-child(2) {
margin-bottom: 0;
}
.block-addresses-list .items.addresses > .item:nth-child(even) {
margin-left: 2.4%;
}
.control.captcha-image .captcha-img {
margin: 0 10px 10px 0;
}
.form.create.account {
margin: 0 auto;
background-color: #eff4fa;
padding: 20px;
}
.form.create.account fieldset .field-name-firstname,
.form.create.account fieldset .password {
width: 49%;
margin-right: 13px;
float: left;
}
.form.create.account fieldset .field-name-lastname,
.form.create.account fieldset .confirmation {
width: 49%;
float: left;
}
.page-product-downloadable .product-options-wrapper {
float: left;
width: 55%;
}
.page-product-downloadable .product-options-bottom {
float: right;
width: 40%;
}
.page-product-downloadable .product-options-bottom .field.qty + .actions {
padding-top: 0;
}
.gift-message .field {
margin-bottom: 20px;
}
.gift-options {
position: relative;
z-index: 1;
}
.gift-options .actions-toolbar {
clear: both;
float: right;
position: static;
}
.gift-options .actions-toolbar .secondary {
float: right;
}
.gift-options .actions-toolbar .secondary .action {
float: right;
margin-left: 20px;
}
.gift-options .actions-toolbar .secondary .action-cancel {
display: block;
float: left;
margin-top: 6px;
}
.gift-options .actions-toolbar:nth-child(3):before {
border-left: 1px solid #c1c1c1;
bottom: 5rem;
content: '';
display: block;
left: 50%;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
}
.gift-options-title {
font-weight: 300;
font-size: 1.8rem;
}
.cart.table-wrapper .action-gift {
float: left;
}
.order-options .gift-wrapping,
.table-order-review .gift-wrapping {
max-width: 50%;
}
.form-giftregistry-search .fieldset {
margin-bottom: 29px;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field {
margin: 0 0 20px;
box-sizing: border-box;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field > .label {
margin: 0;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field:before,
.form-giftregistry-search .fieldset > .fields-specific-options > .field:after {
content: '';
display: table;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field:after {
clear: both;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field.choice:before,
.form-giftregistry-search .fieldset > .fields-specific-options > .field.no-label:before {
padding: 6px 15px 0 0;
box-sizing: border-box;
content: ' ';
float: left;
height: 1px;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field .description {
padding: 6px 15px 0 0;
text-align: right;
box-sizing: border-box;
float: left;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .label {
padding: 6px 15px 0 0;
text-align: right;
box-sizing: border-box;
float: left;
}
.form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .control {
width: 100%;
float: left;
}
.block-giftregistry-shared-items .product-item-photo {
display: table-cell;
max-width: 100%;
padding: 0 20px 0 0;
vertical-align: top;
width: 1%;
}
.block-giftregistry-shared-items .product-item-details {
display: table-cell;
vertical-align: top;
width: 99%;
word-break: normal;
}
.block-giftregistry-shared-items .col.product {
width: 48%;
}
.block-giftregistry-shared-items .col:not(.product) {
text-align: center;
}
.block-giftregistry-shared-items .col.price {
padding-top: 17px;
}
.block-giftregistry-shared-items .input-text.qty {
margin-top: -4px;
}
.gift-options-cart-item .gift-wrapping,
.cart-gift-item .gift-wrapping {
box-sizing: border-box;
float: left;
padding-right: 20px;
width: 50%;
}
.gift-options-cart-item .gift-wrapping + .gift-message,
.cart-gift-item .gift-wrapping + .gift-message {
border-left: 1px solid #c1c1c1;
box-sizing: border-box;
float: left;
padding-left: 4.5rem;
width: 50%;
}
.form-add-invitations .additional,
.form-add-invitations .field.text {
margin-top: 29px;
}
.table-invitations .col {
width: 50%;
}
.wishlist.window.popup {
bottom: auto;
top: 20%;
left: 50%;
margin-left: -212px;
width: 380px;
right: auto;
}
.wishlist.window.popup .field {
margin: 0 0 20px;
}
.wishlist.window.popup .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
padding: 0;
}
.wishlist.window.popup .field:not(.choice) > .control {
float: none;
width: auto;
}
.wishlist.window.popup .field > .label {
margin: 0 0 5px;
text-align: left;
display: inline-block;
}
.wishlist.window.popup .field.choice:before,
.wishlist.window.popup .field.no-label:before {
display: none;
}
.block-wishlist-management {
margin-bottom: 20px;
}
.block-wishlist-management .wishlist-select {
border-bottom: 1px solid #e8e8e8;
display: table;
margin-bottom: 15px;
width: 100%;
}
.block-wishlist-management .wishlist-select .wishlist-name {
display: table-cell;
margin-right: 10px;
padding: 5px 10px 10px;
vertical-align: top;
white-space: nowrap;
width: 5%;
}
.block-wishlist-management .wishlist-select-items {
display: table-cell;
padding-right: 160px;
vertical-align: top;
}
.block-wishlist-management .wishlist-select-items .item {
display: inline-block;
margin-right: 10px;
padding: 5px 10px 10px;
}
.block-wishlist-management .wishlist-select-items .item:last-child {
margin-right: 0;
}
.block-wishlist-management .wishlist-select-items .current {
border-bottom: 3px solid #516c8d;
font-weight: 600;
}
.block-wishlist-management .wishlist-select .wishlist-name-current {
display: none;
}
.block-wishlist-management .wishlist-add.item {
position: absolute;
right: 0;
top: 0;
}
.block-wishlist-management .wishlist-title strong {
font-size: 4rem;
}
.block-wishlist-management .wishlist-info {
float: left;
}
.block-wishlist-management .wishlist-toolbar {
float: right;
}
.block-wishlist-info-items .product-item-photo {
margin-left: 0;
}
.products-grid.wishlist .product-item-checkbox {
float: left;
}
.products-grid.wishlist .product-item-checkbox + .product-item-name {
margin-left: 25px;
}
.block.newsletter {
padding: 80px 0 30px 0;
}
.block.newsletter .field.newsletter {
max-width: 320px;
}
.block.newsletter .field .control {
width: 100%;
}
.paypal-review .paypal-review-title {
border-bottom: 1px solid #d1d1d1;
}
.paypal-review .block-content .box-order-shipping-address,
.paypal-review .block-content .box-order-shipping-method,
.paypal-review .block-content .box-order-shipping-method + .box-order-billing-address {
box-sizing: border-box;
float: left;
width: 33%;
}
.paypal-review .block-content .box-order-shipping-address {
padding: 0 5%;
width: 34%;
}
.paypal-review .col.subtotal,
.paypal-review .mark,
.paypal-review .amount {
text-align: right;
}
.products.wrapper.list .product-reviews-summary {
margin: 0;
}
.reward-settings + .actions-toolbar {
margin-top: -32px;
}
.form-create-return .additional .field:last-child {
margin-top: 29px;
}
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box {
margin-bottom: 20px;
}
.block-returns-tracking .block-title .action {
margin: 0 0 0 30px;
}
.block-returns-tracking .block-title .actions-track {
float: right;
margin-top: 12px;
}
.block-search {
position: relative;
z-index: 1010;
}
.block-search .control {
margin: 0;
padding: 0;
}
.modal-slide.quick-search._show .modal-inner-wrap {
height: fit-content;
}
.modal-slide.quick-search .modal-inner-wrap .modal-header {
position: absolute;
top: 4px;
right: 0;
margin-top: 3.1rem;
z-index: 9;
}
.modal-slide.quick-search .modal-inner-wrap .modal-content {
margin-top: 4.1rem;
width: calc(100% - 40px);
box-sizing: border-box;
}
.modal-slide.quick-search .modal-inner-wrap .modal-content .search-container {
width: 50%;
}
.modal-slide.quick-search .modal-inner-wrap .modal-content .searchsuite-autocomplete {
max-width: 90%;
}
.modal-slide.quick-search .modal-inner-wrap .modal-content .searchsuite-autocomplete .product > ul {
justify-content: flex-start;
}
body:not(.page-layout-1column) .page-main {
margin-top: 40px;
}
body.cms-home .column.main div[data-content-type=row] {
margin-bottom: 10px !important;
}
body.cms-home .column.main div[data-content-type=row]:last-of-type {
margin-bottom: 0px !important;
}
.page-wrapper > .breadcrumbs,
.page-wrapper > .top-container,
.page-wrapper > .widget {
box-sizing: border-box;
width: 100%;
}
.page-wrapper .page-header .header.content {
flex-wrap: wrap;
padding-top: 30px;
padding-bottom: 30px;
}
.page-wrapper .page-header .header .wrapper.logo {
justify-content: space-between;
align-items: center;
}
.page-wrapper .page-header .header .wrapper.logo .header.links {
display: none;
}
.page-wrapper .page-header .header .wrapper.logo .block-search {
display: none;
}
.page-wrapper .page-header .header .wrapper.bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
width: 100%;
border-top: 1px solid #E5E6E9;
margin-top: 0;
padding-top: 15px;
}
.page-wrapper .page-main > .page-title-wrapper .page-title {
display: inline-block;
}
.page-wrapper .page-main > .page-title-wrapper .page-title + .action {
float: left;
margin-top: 20px;
}
.page-wrapper .page-footer {
background: #eff4fa;
border-top: 1px solid #838996;
margin-top: .5rem;
}
.page-wrapper .page-footer .footer.content-link {
display: flex;
justify-content: space-between;
}
.page-wrapper .page-footer .footer.content-link .footer_links__list {
margin-bottom: 10rem;
}
.page-wrapper .page-footer .footer.content-link .links {
display: inline-block;
margin-bottom: 20px;
padding: 0 0 0 50px;
vertical-align: top;
}
.page-wrapper .page-footer .footer-bottom {
background-color: #000000;
padding: 20px;
}
.page-wrapper .page-footer .footer-bottom-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.page-wrapper .page-footer .footer-bottom-content * {
color: #ffffff;
}
.page-wrapper .page-footer .footer-bottom-content a:hover {
color: #ffffff;
}
.page-wrapper .page-footer .footer-bottom-content ul {
display: flex;
gap: 15px;
margin: 0;
padding: 0;
}
.page-wrapper .page-footer .footer-bottom-content .links > li {
list-style: none;
margin-bottom: 0;
}
.page-wrapper .page-footer .footer-bottom-content .links > li:after {
content: '|';
margin: 0 0 0 10px;
}
.page-wrapper .page-footer .footer-bottom-content .links > li:last-child:after {
content: '';
margin: 0;
}
.my-credit-cards .card-type img {
display: block;
}
.products-grid.wishlist .product-item-tooltip {
display: inline-block;
}
.products-grid.wishlist .product-item-actions {
margin: 10px 0 0;
}
.products-grid.wishlist .product-item .fieldset .field.qty {
margin-bottom: 10px;
padding-right: 10px;
}
.products-grid.wishlist .product-item .fieldset .field.qty .label {
width: auto;
}
.products-grid.wishlist .product-item .box-tocart .actions-primary {
margin: 0;
}
.products-grid.wishlist .product-item .box-tocart .stock {
margin: 20px 0 0;
}
.wishlist-index-index .product-item-info {
width: 240px;
}
.page-layout-1column .filter-options .filter-options-content {
padding: 10px;
}
#top-storelocator-chooser {
margin-left: 10px;
margin-right: 0;
}
#store-locator-search-wrapper .contextual-bar {
margin: 0 2% 0 0;
width: 40.4%;
}
#store-locator-search-wrapper .map {
width: 57%;
}
#store-locator-search-wrapper .store-locator-display-wrapper {
display: none;
}
.store-view-map .map {
width: 57.6%;
}
.store-view-map .shop-details-wrapper {
margin: 0 2% 0 0;
width: 40.1%;
}
.desktop_menu__list {
list-style: none none;
display: flex;
align-items: center;
gap: 25px;
margin: 0;
padding: 0;
}
.desktop_menu__item {
display: inline-block;
line-height: 75px;
margin: 0;
}
.desktop_menu__item > a {
font-family: "Noto Sans", sans-serif;
font-size: 1.8rem;
color: #000000;
text-transform: uppercase;
}
.desktop_menu__item:hover > a {
color: #838996;
}
nav.desktop_menu .go-back {
display: none;
}
nav.desktop_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.desktop_menu .desktop_menu__list > li {
display: inline-block;
margin: 0;
}
nav.desktop_menu .desktop_menu__list > li.has-child a.desktop_menu__link {
font-family: "Noto Sans", sans-serif;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link {
display: block;
text-decoration: none;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link:hover {
color: #838996;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link.current {
color: #838996;
}
nav.desktop_menu .desktop_menu__list > li > img {
display: none;
}
nav.desktop_menu .desktop_menu__list > li.parent-sale > a.desktop_menu__link {
color: #e02b27;
}
nav.desktop_menu .desktop_menu__list > li:hover > a {
color: #838996;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list {
background: #ffffff;
color: #ffffff;
visibility: hidden;
overflow: hidden;
opacity: 0;
box-shadow: 0 5px 7px -5px #e8e8e8;
width: 100%;
position: absolute;
right: 0;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 {
list-style: none none;
max-width: 1440px;
margin: auto;
display: flex;
padding: 20px 0;
flex-wrap: wrap;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent {
margin-bottom: 0;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > a {
font-size: 1.4rem;
font-family: "Noto Sans", sans-serif;
font-weight: 600;
line-height: 50px;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > a:only-child:after {
content: "";
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 {
list-style: none none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 {
position: relative;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a {
font-size: 1.6rem;
font-family: "Noto Sans", sans-serif;
font-weight: 400;
text-decoration: none;
color: #4c4c4c;
display: block;
min-width: 170px;
line-height: 20px;
padding: 0 10px 0 0;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a:after {
content: "";
display: block;
width: 10px;
border-bottom: 4px solid transparent;
position: absolute;
top: 8px;
left: -20px;
-webkit-transition: .4s;
transition: .4s;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a:hover:after {
border-color: #000000;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a > img:hover:after {
border-color: white !important;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul {
position: absolute;
box-shadow: 1px 0 20px 0 #a6a6a6;
border-top: 4px solid #19ad86;
left: 170px;
top: -4px;
z-index: 100;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a {
font-family: "Noto Sans", sans-serif;
font-weight: 400;
color: #4c4c4c;
display: block;
width: 170px;
line-height: 40px;
padding: 0 35px 0 25px;
text-decoration: none;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a:hover {
background: #efefef;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a:only-child:after {
content: "";
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a .fa {
position: relative;
width: 24px;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li:hover > a {
background: #efefef;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) {
min-width: 200px;
max-width: 200px;
margin: 10px 20px;
font-weight: 600;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) > a {
font-size: 2rem;
font-family: "Noto Sans", sans-serif;
color: #333333;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) > a:hover {
color: #000000;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1.active {
visibility: visible;
opacity: 1;
z-index: 1003;
}
nav.desktop_menu .desktop_menu__list > li:hover > .sub-menu-under-list,
nav.desktop_menu .desktop_menu__list > li.current > .sub-menu-under-list {
visibility: visible;
opacity: 1;
z-index: 1003;
}
.mobile-nav {
display: none;
}
.header.links .action.showmenu {
display: none !important;
}
.table-order-items .subtotal,
.table-order-items .amount {
text-align: right;
}
.table-order-items.creditmemo .col.qty,
.table-order-items.creditmemo .col.discount,
.table-order-items.creditmemo .col.subtotal {
text-align: center;
}
.table-order-items.creditmemo .col.total {
text-align: right;
}
.order-pager-wrapper .order-pager-wrapper-top {
padding-left: 0;
padding-right: 0;
}
.order-pager-wrapper .pages {
float: right;
}
.order-actions-toolbar .action.print {
display: block;
float: right;
}
.page-title-wrapper .order-date {
margin-top: -20px;
}
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
.sales-guest-view .column.main .block:not(.widget) .block-content .box {
margin-bottom: 20px;
}
.block.widget .products-grid .product-item {
width: 33.33333333%;
}
.sidebar .block.widget .products-grid .product-item {
margin-left: 0;
width: 100%;
}
.sidebar .block.widget .products-grid .product-item .actions-secondary {
display: block;
padding: 10px 0;
}
.page-layout-1column .block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 6%) / 4);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) {
margin-left: 2%;
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.page-layout-3columns .block.widget .products-grid .product-item {
width: 50%;
}
.sidebar .block.widget .pager .pages-item-next {
padding: 0;
}
.sidebar .block.widget .pager .pages-item-next .action {
margin: 0;
}
h1 {
font-size: 36px;
margin-bottom: 40px;
}
.sales-order-view .table th,
.sales-order-view td {
padding: 8px 10px 8px 0px;
}
.sales-order-view .price-including-tax .price,
.sales-order-view .price-excluding-tax .price {
font-weight: inherit;
font-size: 1.4rem;
}
.sales-order-view .track {
display: none;
}
.sales-order-view .order-links {
display: none;
}
.sales-order-view .grand_total strong {
font-weight: 700;
font-size: 1.7rem;
}
.account .column.main .block:not(.widget).block-order-details-view .block-content .box {
width: 45%;
}
.sidebar.sidebar-main4 .mp-sidebar.mpcss {
display: none;
}
.toolbar-products .toolbar-amount {
font-size: 3rem;
}
.toolbar-products .pages .page {
color: #000;
padding: 0 16px;
font-size: 3rem;
font-weight: 400;
}
.toolbar-products .pages .page:hover {
color: #CD2E2E;
}
.toolbar-products .pages strong.page {
color: #FFF;
font-size: 3rem;
font-weight: 600;
margin: 0 6px;
background: #CD2E2E;
cursor: default;
padding: 0 10px;
}
.toolbar-products .pages strong.page:hover {
color: #FFF;
}
.toolbar-products .pages .action {
padding-right: 16px;
font-size: 3rem;
font-weight: 400;
}
.toolbar-products .pages .action:hover {
color: #CD2E2E;
}
.toolbar-products .pages .action.previous {
padding-right: 16px;
}
.toolbar-products .pages .action.previous::before {
font-size: 50px;
padding: 0 5px 5px 0;
}
.toolbar-products .pages .action.previous:hover::before {
color: #CD2E2E;
}
.toolbar-products .pages .action.next {
padding-left: 16px;
}
.toolbar-products .pages .action.next::after {
font-size: 50px;
padding: 0 0 5px 5px;
}
.toolbar-products .pages .action.next:hover::after {
color: #CD2E2E;
}
.block.newsletter {
padding: 40px 0 30px 0;
}
.page-wrapper .page-footer {
background: #28385e;
border-top: unset;
margin-top: unset;
}
.page-wrapper .page-footer .footer-bottom {
background-color: #ffffff;
}
.page-wrapper .page-footer .footer-bottom-content * {
color: #000000;
font-weight: 300;
font-size: 14px;
}
.page-wrapper .page-footer .footer-bottom-content a:hover {
color: #000000;
text-decoration: underline;
}
.page-layout-1column .filter-options .filter-options-content {
padding: 10px;
}
.desktop_menu__list {
list-style: none none;
display: flex;
align-items: center;
gap: 25px;
margin: 0;
padding: 0;
}
.desktop_menu__item {
display: inline-block;
line-height: 75px;
margin: 0;
}
.desktop_menu__item > a {
font-weight: 400;
font-family: "Noto Sans", sans-serif !important;
font-size: 1.8rem;
color: #000000;
text-transform: uppercase;
}
.desktop_menu__item:hover > a {
color: #838996;
}
nav.desktop_menu .go-back {
display: none;
}
nav.desktop_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.desktop_menu .desktop_menu__list > li {
display: inline-block;
margin: 0;
}
nav.desktop_menu .desktop_menu__list > li.has-child a.desktop_menu__link {
font-family: "Noto Sans", sans-serif !important;
display: block;
text-decoration: none;
}
nav.desktop_menu .desktop_menu__list > li.has-child a.desktop_menu__link:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
line-height: 18px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link {
display: block;
text-decoration: none;
text-transform: uppercase;
font-family: "Noto Sans", sans-serif !important;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link:hover {
color: #516c8d;
}
nav.desktop_menu .desktop_menu__list > li > a.desktop_menu__link.current {
color: #516c8d;
}
nav.desktop_menu .desktop_menu__list > li > img {
display: none;
}
nav.desktop_menu .desktop_menu__list > li.parent-sale > a.desktop_menu__link {
color: #e02b27;
}
nav.desktop_menu .desktop_menu__list > li:hover > a {
color: #838996;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list {
background: #ffffff;
color: #ffffff;
visibility: hidden;
overflow: hidden;
opacity: 0;
box-shadow: 0 5px 7px -5px #e8e8e8;
width: 100%;
position: absolute;
right: 0;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 {
list-style: none none;
max-width: 1440px;
margin: auto;
display: flex;
padding: 20px 0;
flex-wrap: wrap;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent {
margin-bottom: 0;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > a {
font-size: 1.4rem;
font-family: "Noto Sans", sans-serif !important;
font-weight: 500;
line-height: 50px;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > a:only-child:after {
content: "";
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 {
list-style: none none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 {
position: relative;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a {
font-size: 1.6rem;
font-family: "Noto Sans", sans-serif !important;
font-weight: 400;
text-decoration: none;
color: #4c4c4c;
display: block;
min-width: 170px;
line-height: 20px;
padding: 0 10px 0 0;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a:after {
content: "";
display: block;
width: 10px;
border-bottom: 4px solid transparent;
position: absolute;
top: 8px;
left: -20px;
-webkit-transition: .4s;
transition: .4s;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a:hover:after {
border-color: #000000;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > a > img:hover:after {
border-color: white !important;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul {
position: absolute;
box-shadow: 1px 0 20px 0 #a6a6a6;
border-top: 4px solid #19ad86;
left: 170px;
top: -4px;
z-index: 100;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a {
font-family: "Noto Sans", sans-serif !important;
font-weight: 400;
color: #4c4c4c;
display: block;
width: 170px;
line-height: 40px;
padding: 0 35px 0 25px;
text-decoration: none;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a:hover {
background: #efefef;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a:only-child:after {
content: "";
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li > a .fa {
position: relative;
width: 24px;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--parent > ul.desktop_menu__inner-list--level2 > li.desktop_menu__inner-item--level2 > ul > li:hover > a {
background: #efefef;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) {
min-width: 200px;
max-width: 200px;
margin: 10px 20px;
font-family: "Noto Sans", sans-serif !important;
font-weight: 500;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) > a {
font-size: 2rem;
color: #333333;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1 > li.desktop_menu__inner-item--level1:not(.desktop_menu__inner-item--all) > a:hover {
color: #000000;
}
nav.desktop_menu .desktop_menu__list > li .sub-menu-under-list > ul.desktop_menu__inner-list--level1.active {
visibility: visible;
opacity: 1;
z-index: 9;
}
nav.desktop_menu .desktop_menu__list > li:hover > .sub-menu-under-list,
nav.desktop_menu .desktop_menu__list > li.current > .sub-menu-under-list {
visibility: visible;
opacity: 1;
z-index: 9;
}
}
@media all and (min-width: 1024px), print {
table.dataTable.cell-border thead th.product-name {
width: 315px !important;
}
table.dataTable.cell-border thead th.product-sell {
width: 146px !important;
}
table.dataTable.cell-border thead th.product-buy {
width: 160px !important;
}
table.dataTable.cell-border thead th.product-issue-date {
width: 182px !important;
}
table.dataTable.cell-border thead th.product-tax-class {
width: 105px !important;
}
table.dataTable.cell-border thead th.product-qty {
width: 115px !important;
}
.products-grid .product-item {
margin-left: 2%;
width: calc((100% - 6%) / 4);
}
.products-grid .product-item:nth-child(2n + 1) {
margin-left: 2%;
}
.products-grid .product-item:nth-child(3n + 1) {
margin-left: 2%;
}
.products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.page-layout-1column .products-grid .product-item {
width: 20%;
}
.page-layout-3columns .products-grid .product-item {
width: calc((100% - 4%) / 3);
}
.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.page-products .products-grid .product-items {
margin: 0;
}
.page-products .products-grid .product-item {
margin-left: 2%;
padding: 0;
width: calc((100% - 6%) / 4);
}
.page-products .products-grid .product-item:nth-child(2n + 1) {
margin-left: 2%;
}
.page-products .products-grid .product-item:nth-child(3n + 1) {
margin-left: 2%;
}
.page-products .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.page-products.page-layout-1column .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 6%) / 4);
}
.page-products.page-layout-1column .products-grid .product-item:nth-child(2n + 1) {
margin-left: 2%;
}
.page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1) {
margin-left: 2%;
}
.page-products.page-layout-1column .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.page-products.page-layout-3columns .products-grid .product-item {
margin-left: 1%;
width: 32.667%;
}
.page-products.page-layout-3columns .products-grid .product-item:nth-child(3n) {
margin-left: 1%;
}
.page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.checkout-index-index .modal-popup .modal-inner-wrap {
margin-left: -400px;
width: 800px;
left: 50%;
}
.opc-wrapper .shipping-address-item:not(.shipping-address-item-store-delivery) {
flex-wrap: nowrap;
}
.opc-wrapper .shipping-address-item.selected-item .item-group:last-child {
margin-right: 8px;
}
.wishlist-index-index .products-grid .product-items {
margin: 0;
}
.wishlist-index-index .products-grid .product-item {
margin-left: calc((100% - 4 * 24.439%) / 3);
padding: 0;
width: 24.439%;
}
.wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.opening-hours-container {
width: 69.6%;
}
#store-locator-search-wrapper .contextual-bar {
margin: 0 2% 0 0;
width: 28.1%;
}
#store-locator-search-wrapper .map {
width: 69.6%;
}
.store-view-map .map {
width: 69.6%;
}
.store-view-map .shop-details-wrapper {
margin: 0 2% 0 0;
width: 28.1%;
}
nav.desktop_menu .desktop_menu__list > li.has-child a.desktop_menu__link {
display: block;
text-decoration: none;
}
nav.desktop_menu .desktop_menu__list > li.has-child a.desktop_menu__link:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
line-height: 18px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block.widget .products-grid .product-item {
width: 20%;
}
.page-layout-1column .block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 8%) / 5);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) {
margin-left: 2%;
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) {
margin-left: 0;
}
.page-layout-3columns .block.widget .products-grid .product-item {
width: 25%;
}
.block.widget .products-grid .product-items {
margin: 0;
}
.block.widget .products-grid .product-item {
margin-left: calc((100% - 4 * 24.439%) / 3);
padding: 0;
width: 24.439%;
}
.block.widget .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
}
@media all and (min-width: 1440px), print {
.breadcrumbs {
margin-bottom: 50px;
}
.sidebar .product-items .product-item-info .product-item-photo {
float: none;
left: 0;
margin: 0;
position: absolute;
top: 0;
}
.sidebar .product-items .product-item-details {
margin-left: 85px;
}
.products-carousel {
margin-top: 20px;
}
}
input[type="checkbox"] {
margin: 0 5px 0 0;
position: relative;
}
@media print {
.cookiefirst-root {
display: none !important;
}
.sales-order-print .header-notification,
.sales-order-print .lac-notification-sticky {
display: none;
}
.sales-order-print .table th,
.sales-order-print td {
padding: 8px 10px 8px 0px;
}
.sales-order-print .price-including-tax .price,
.sales-order-print .price-excluding-tax .price {
font-weight: inherit;
font-size: 1.4rem;
}
.sales-order-print .amount {
text-align: right;
}
.sales-order-print .grand_total strong {
font-weight: 700;
font-size: 1.7rem;
}
.account .column.main .block:not(.widget).block-order-details-view .block-content {
/* Clear floats after the columns */
}
.account .column.main .block:not(.widget).block-order-details-view .block-content .box {
width: 45%;
float: left;
}
.account .column.main .block:not(.widget).block-order-details-view .block-content .box:after {
content: "";
display: table;
clear: both;
}
.account .column.main .block:not(.widget).block-order-details-view .block-content .box-order-billing-method {
width: 100% !important;
columns: 2;
}
}
:root {
--toastify-font-family: "Noto Sans", sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
.mp-sidebar.mpcss .breadcrumbs {
padding-left: 5px;
padding-right: 5px;
}
.mp-sidebar.mpcss .breadcrumbs .list-categories > i {
display: none;
}
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom-color: #516c8d !important;
}
@media print {
.basispreise > span {
border-top-color: #516c8d;
border-bottom-color: #516c8d;
}
}
.checkout-index-index .field-tooltip {
right: -32px;
top: 4px;
}
.table-checkout-shipping-method .shipping-method .col-method-carrier .radio:checked + .col-carrier:before {
box-sizing: border-box;
}
.checkout-payment-method .payment-method-title input[type="radio"] {
display: none;
}
.map_full_width figure a {
display: flex;
align-items: center;
flex-direction: column;
}
.header-top-info p {
text-align: right;
font-weight: 300;
}
.page-header .header-top-info .row-full-width-inner p {
text-align: right;
font-weight: 300;
font-size: 18px;
}
.page-header .header-top-info .row-full-width-inner p strong {
font-weight: 500;
}
@media only screen and (max-width: 768px) {
.cms-home .slick-prev,
.cms-home .slick-next {
top: 22%;
}
}
.social-media li a::before {
display: none !important;
}
.social-media li a {
margin-left: 10px;
padding-left: 0px !important;
}
.social-media li {
float: left;
}
.social-media ul {
padding: 0 !important;
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
.switcher-currency-mobile {
transition: transform 0.3s;
}
.mobile_menu__list.moves-out .switcher-currency-mobile {
transform: translateX(-100%);
}
.switcher-option img {
max-width: 20px;
}
}