@charset "UTF-8";
.wa-order-gdprchk label {
font-size: inherit;
display: inline-block;
position: relative;
vertical-align: middle;
}
.wa-order-gdprchk input[type=checkbox] {
position: relative;
bottom: 0px;
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
width: 1.5rem!important;
min-width: 1.5rem!important;
height: 1.5rem!important;
margin: -4px 4px 0 0;
outline: 0;
padding: 0!important;
vertical-align: middle;
width: 16px;
min-width: 16px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;
} .woocommerce-product-details_short-description .wa-order-button,
.woocommerce-product-details_short-description .gdpr_wa_button_input,
.woocommerce-Tabs-panel--description .wa-order-button,
.woocommerce-Tabs-panel--description .gdpr_wa_button_input {
margin: 30px auto 30px;
}
.wa-order-gdprchk input[type=checkbox] + label {
opacity: .5!important;
}
.wa-order-gdprchk input[type=checkbox]:checked + label {
opacity: 1!important;
}
.wa-order-button,
.gdpr_wa_button_input {
background: #25d366!important;
color: #ffffff!important;
transform: translateY(0px);
text-decoration: none!important;
outline: 0!important;
font-size: inherit!important;
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
-moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
transition: top .1s ease;
-webkit-transition: top .1s ease;
}
a.wa-order-checkout,
a.wa-order-thankyou {
background: #25d366!important;
color: #ffffff!important;
transform: translateY(0px);
text-decoration: none!important;
outline: 0!important;
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
-moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
transition: top .1s ease;
-webkit-transition: top .1s ease;
}
.shortcode_wa_button,
.shortcode_wa_button_nt {
background: #25d366!important;
border-radius: 5px!important;
color: #ffffff!important;
font-size: 16px!important;
font-weight: bold!important;
position: relative!important;
display: inline-flex!important;
width: auto!important;
transition: all .3s !important;
align-items: center!important;
box-shadow: 0 2px 2px 0px rgba(45, 62, 79, .3) !important;
text-transform: none!important;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
-moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
box-shadow: 0 4px 7px 0 rgba(0,0,0,.25);
transition: top .1s ease;
-webkit-transition: top .1s ease;
}
label.wa-button-gdpr2 {
display: inline-block;
}
.wa-order-gdprchk {
margin-top: 30px;
}
.wa-order-thankyou:before,
a.wa-order-checkout:before,
.gdpr_wa_button_input:before,
.wa-order-button:before,
a.wa-shop-button:before { content: url('data:image/svg+xml;utf8,')!important;
color: #ffffff;
font-size: inherit;
font-weight: inherit!important;
display: inline-block;
vertical-align: middle;
align-items: center;
margin-bottom: -4px;
margin-top: -5px;
width: 0.875em;
height: auto;
}
.gdpr_wa_button_input:before {
margin-right: 3.5px;
}
a.wa-shop-button:before,
.wa-order-button:before,
a.wa-order-thankyou:before,
a.wa-order-checkout:before {
margin-right: 7px;
}
a.wa-order-thankyou {
display: inline-block;
text-align: center;
box-sizing: border-box;
word-break: break-word;
padding: 10px 15px;
margin: 20px auto 20px;
font-size: 18px;
font-weight: 600;
border-radius: 4px;
text-rendering: optimizeLegibility;
letter-spacing: 0px;
}
.thankyoutitle {
margin-top: 20px;
font-size: 1.875em;
font-size: 30px;
font-weight: 600;
}
.thankyoucustom_wrapper {
background: #f9f9f9;
width: 100%;
padding: 20px;
margin: auto;
text-align: center;
}
.subtitle {
font-size: 20px;
margin: auto;
letter-spacing: 1px;
margin-top: 20px;
font-weight: normal;
}
a.wa-shop-button {
background-color: #25D366 !important;
color: #fff!important;
border: none!important;
}
a.shortcode_wa_button:before, a.shortcode_wa_button_nt:before {
content: url('data:image/svg+xml;utf8,')!important;
font-size: 20px;
font-weight: 500;
vertical-align: top;
text-decoration: none!important;
outline: 0!important;
width: 0.875em;
height: auto;
margin-right: 7px;
}
a.shortcode_wa_button:before, {
margin-right: 8px;
}
.wa-order-button, .gdpr_wa_button_input {
padding-left: 25px!important;
padding-right: 25px!important;
}
.shortcode_wa_button, .shortcode_wa_button_nt {
padding: 7px 25px!important;
opacity: 1;
text-decoration: none!important;
outline: 0!important;
}
a.wa-shop-button:hover, a.wa-order-checkout:hover, a.wa-order-thankyou:hover, .wa-order-class:hover, .wa-order-button:hover, .shortcode_wa_button:hover, .shortcode_wa_button_nt:hover, .gdpr_wa_button_input:hover {
color: #ffffff !important;
background: #21bd5b;
transform: translateY(-3px);
box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
transition: all ease-in-out 300ms;
}
button.gdpr_wa_button_input:disabled:hover, button.gdpr_wa_button_input:disabled {
opacity: .5!important;
cursor: not-allowed;
}
button.gdpr_wa_button_input:disabled:hover,
button.gdpr_wa_button_input:disabled {
opacity: .5!important;
}
button.gdpr_wa_button_input:disabled {
cursor: not-allowed;
}
.floating_button {
position: fixed !important;
width: 60px !important;
height: 60px !important;
bottom: 20px !important;
background-color: #25D366 !important;
color: #ffffff !important;
border-radius: 50px !important;
text-align: center !important;
box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
z-index: 9999999 !important;
text-decoration: none;
}
.label-container {
position: fixed !important;
bottom: 33px !important;
display: table !important;
visibility: hidden !important;
z-index: 9999999 !important;
}
.label-text {
color: #43474e!important;
background: #f5f7f9!important;
display: inline-block;
padding: 7px !important;
border-radius: 3px !important;
font-size: 14px;
bottom: 15px;
}
a.floating_button + div.label-container {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s ease;
}
a.floating_button:hover div.label-container,
a.floating_button:hover div.label-text {
visibility: visible!important;
opacity: 1;
}
.floating_button:before {
content: url('data:image/svg+xml;utf8,')!important;
position: relative !important;
color: #ffffff !important;
font-size: 30px !important;
display: block !important;
text-align: center !important;
width: 60px;
top: 0px !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
text-align: center !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
margin-top: 15px !important;
}
.floating_button a:before {
outline: 0!important;
text-decoration: none!important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.floating_button {
bottom: 10px;
}
}@font-face {
font-family: 'Woo-Side-Cart';
src: url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?le17z4);
src: url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot?le17z4#iefix) format('embedded-opentype'),
url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.woff?le17z4) format('woff'),
url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.ttf?le17z4) format('truetype'),
url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.svg?le17z4#Woo-Side-Cart) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="xoo-wsc-icon-"], [class*=" xoo-wsc-icon-"] { font-family: 'Woo-Side-Cart' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoo-wsc-icon-coupon-7:before {
content: "\e925";
}
.xoo-wsc-icon-coupon-8:before {
content: "\e926";
}
.xoo-wsc-icon-coupon-9:before {
content: "\e927";
}
.xoo-wsc-icon-coupon-1:before {
content: "\e91d";
}
.xoo-wsc-icon-coupon-2:before {
content: "\e91e";
}
.xoo-wsc-icon-coupon-3:before {
content: "\e91f";
}
.xoo-wsc-icon-coupon-5:before {
content: "\e920";
}
.xoo-wsc-icon-coupon-6:before {
content: "\e921";
}
.xoo-wsc-icon-coupon:before {
content: "\e922";
}
.xoo-wsc-icon-coupon-4:before {
content: "\e923";
}
.xoo-wsc-icon-bag1:before {
content: "\e90c";
}
.xoo-wsc-icon-bag2:before {
content: "\e910";
}
.xoo-wsc-icon-cart1:before {
content: "\e911";
}
.xoo-wsc-icon-cart2:before {
content: "\e912";
}
.xoo-wsc-icon-arrow-long-right:before {
content: "\e900";
}
.xoo-wsc-icon-basket5:before {
content: "\e901";
}
.xoo-wsc-icon-basket4:before {
content: "\e902";
}
.xoo-wsc-icon-basket6:before {
content: "\e903";
}
.xoo-wsc-icon-basket1:before {
content: "\e904";
}
.xoo-wsc-icon-basket2:before {
content: "\e905";
}
.xoo-wsc-icon-basket3:before {
content: "\e906";
}
.xoo-wsc-icon-trash1:before {
content: "\e907";
}
.xoo-wsc-icon-trash:before {
content: "\e908";
}
.xoo-wsc-icon-cross:before {
content: "\e909";
}
.xoo-wsc-icon-check_circle:before {
content: "\e90a";
}
.xoo-wsc-icon-spinner:before {
content: "\e97a";
}
.xoo-wsc-icon-spinner2:before {
content: "\e97b";
}
.xoo-wsc-icon-trash2:before {
content: "\e9ad";
}
.xoo-wsc-icon-checkmark:before {
content: "\ea10";
}
.xoo-wsc-icon-discout:before {
content: "\e924";
}
.xoo-wsc-icon-chevron-thin-left:before {
content: "\e919";
}
.xoo-wsc-icon-chevron-left:before {
content: "\e91a";
}
.xoo-wsc-icon-arrow-thin-left:before {
content: "\e91b";
}
.xoo-wsc-icon-arrow-left:before {
content: "\e91c";
}
.xoo-wsc-icon-arrow-thin-right:before {
content: "\e90d";
}
.xoo-wsc-icon-del4:before {
content: "\e913";
}
.xoo-wsc-icon-pencil:before {
content: "\e90b";
}
.xoo-wsc-icon-cart:before {
content: "\e93a";
}
.xoo-wsc-icon-spinner4:before {
content: "\e97d";
}
.xoo-wsc-icon-spinner8:before {
content: "\e981";
}
.xoo-wsc-icon-spinner11:before {
content: "\e984";
}
.xoo-wsc-icon-shopping-bag:before {
content: "\e918";
}
.xoo-wsc-icon-trash3:before {
content: "\e914";
}
.xoo-wsc-icon-del1:before {
content: "\e915";
}
.xoo-wsc-icon-del2:before {
content: "\e916";
}
.xoo-wsc-icon-del3:before {
content: "\e917";
}
.xoo-wsc-icon-shopping-bag1:before {
content: "\e90e";
}
.xoo-wsc-icon-shopping-cart:before {
content: "\e90f";
}.xoo-wsc-container, .xoo-wsc-slider {
position: fixed;
background-color: #fff;
z-index: 999999;
display: flex;
flex-direction: column;
width: 90%;
transition: 0.5s;
}
.xoo-wsc-modal * {
box-sizing: border-box;
}
.xoo-wsc-cart-active .xoo-wsc-opac {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: 999998;
opacity: 0.7;
}
.xoo-wsc-body {
flex-grow: 1;
overflow: auto;
}
.xoo-wsc-loading .xoo-wsc-loader{
display: block;
}
span.xoo-wsc-loader {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
background-color: #eee;
}
body.xoo-wsc-cart-active{
overflow: hidden!important;
}
.xoo-wsc-basket {
padding: 10px 12px;
margin: 10px;
z-index: 9999999;
cursor: pointer;
position: fixed;
transition: 0.5s;
display: none;
}
.xoo-wsc-items-count{
border-radius: 50%;
position: absolute;
font-size: 13px;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
overflow: hidden;
}
.xoo-wsc-bki{
position: relative;
top: 2px;
}
.xoo-wsc-fly-animating{
opacity: 1;
position: absolute!important;
height: 150px;
width: 150px;
z-index: 100;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
display: flex;
position: relative;
cursor: pointer;
align-items: center;
justify-content: center;
}
.xoo-wsc-sc-bki{
font-size: 30px;
}
span.xoo-wsc-sc-count {
border-radius: 50%;
height: 18px;
line-height: 18px;
width: 18px;
display: inline-block;
text-align: center;
font-size: 13px;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
margin-right: 3px;
} .xoo-wsc-notice-container {
z-index: 2;
position: absolute;
top: 0;
left: 0;
right: 0;
display: none;
}
ul.xoo-wsc-notices {
margin: 0;
list-style-type: none;
padding: 0;
}
.xoo-wsc-notice-success {
background-color: #DFF0D8;
color: #3C763D;
}
.xoo-wsc-notice-error {
color: #a94442;
background-color: #f2dede;
}
ul.xoo-wsc-notices li {
padding: 15px 20px;
list-style-type: none;
}
ul.xoo-wsc-notices li span {
margin-right: 6px;
}
span.xoo-wsc-undo-item {
float: right;
text-decoration: underline;
cursor: pointer;
}
.xoo-wsc-notices a.button.wc-forward {
display: none;
} .xoo-wscb-icon {
font-size: 37px;
}
.xoo-wscb-count {
position: absolute;
z-index: 1;
background-color: transparent;
font-size: 15px;
height: 45px;
line-height: 45px;
text-align: center;
left: 0;
right: 0;
} .xoo-wsc-header {
padding: 15px;
color: #000;
}
span.xoo-wsch-close {
position: absolute;
cursor: pointer;
}
span.xoo-wsch-text {
margin-left: 8px;
}
.xoo-wsch-top {
align-items: center;
}
.xoo-wsch-top .xoo-wsch-basket {
display: table;
position: relative;
}
.xoo-wsch-top {
display: flex;
margin: 0 auto;
}
.xoo-wsc-sb-bar {
height: 8px;
width: 90%;
background-color: #eeee;
border-radius: 7px;
display: table;
margin: 0 auto;
margin-top: 10px;
}
.xoo-wsc-sb-bar > span {
display: block;
z-index: 1;
height: inherit;
}
.xoo-wsc-ship-bar-cont {
width: 100%;
text-align: center;
margin-top: 10px;
} .xoo-wsc-product {
display: flex;
border-bottom: 1px solid #eee;
}
.xoo-wsc-img-col {
align-self: center;
}
.xoo-wsc-sum-col {
flex-grow: 1;
padding-left: 15px;
display: flex;
flex-direction: column;
}
.xoo-wsc-img-col img {
width: 100%;
height: auto;
}
.xoo-wsc-sm-left {
flex-grow: 1;
display: flex;
justify-content: space-between;
flex-direction: column;
min-width: 0;
}
.xoo-wsc-sm-right {
align-items: flex-end;
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 30px;
}
span.xoo-wsc-pname, span.xoo-wsc-pname a {
font-weight: 600;
}
span.xoo-wsc-smr-del {
cursor: pointer;
margin-top: 5px;
}
.xoo-wsc-sm-info {
display: flex;
min-width: 0;
}
.xoo-wsc-sm-sales {
text-transform: uppercase;
border: 1px solid #333;
padding: 2px 10px;
display: block;
margin-bottom: 5px;
border-radius: 10px;
font-size: 10px;
}
.xoo-wsc-sm-left > *:not(:last-child) {
padding-bottom: 4px;
} .xoo-wsc-qty-box {
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
max-width: 90px;
width: 100%;
flex-direction: row;
}
input[type="number"].xoo-wsc-qty {
font-size: 14px;
width: 100%;
flex-grow: 1;
padding: 6px;
text-align: center;
border: 0;
box-shadow: none;
background-color: transparent;
height: 28px;
line-height: 28px;
min-width: 1%;
}
.xoo-wsc-qtb-square input[type="number"].xoo-wsc-qty{
border-top-width: 0;
border-bottom-width: 0;
}
span.xoo-wsc-chng {
min-width: 18px;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
font-weight: 600;
user-select: none;
}
.xoo-wsc-qtb-circle .xoo-wsc-chng {
border-radius: 50%;
height: 70%;
align-self: center;
}
.xoo-wsc-qtb-circle input[type="number"].xoo-wsc-qty {
margin: 0 5px;
}
input.xoo-wsc-qty::-webkit-outer-spin-button,
input.xoo-wsc-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.xoo-wsc-qty[type=number] {
-moz-appearance: textfield;
}
.xoo-wsc-qty-price span {
display: inline-block;
} .xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {
margin: 0 4px 0 0;
display: inline-block;
float: left;
font-style: italic;
}
.xoo-wsc-product dl.variation dt {
clear: left;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
margin: 0;
font-size: 13px;
} .xoo-wsc-sl-content {
display: none;
overflow: auto;
flex-direction: column;
}
.xoo-wsc-sl-content[style*='block'] {
display: flex !important;
}
.xoo-wsc-sl-heading {
display: flex;
font-size: 20px;
font-weight: 600;
padding: 20px;
align-items: center;
}
.xoo-wsc-slc-active.xoo-wsc-sl-content{
display: block;
}
.xoo-wsc-sl-body {
padding: 10px 20px;
flex-grow: 1;
overflow: auto;
}
span.xoo-wsc-slider-close {
margin: 0 10px;
cursor: pointer;
} ul.xoo-wsc-shipping-methods {
list-style-type: none;
margin: 0 auto 20px;
padding: 0;
display: table;
}
input.xoo-wsc-shipping-method {
margin-right: 5px;
}
ul.xoo-wsc-shipping-methods li {
list-style-type: none;
margin: 0 0 7px 0;
padding: 0;
}
ul.xoo-wsc-shipping-methods li label {
cursor: pointer;
}
.xoo-wsc-shipping-destination span:nth-child(1) {
color: #777;
font-weight: 600;
margin-right: 8px;
font-size: 16px;
}
.xoo-wsc-shipping-destination {
display: table;
margin: 0 auto;
margin-bottom: 20px;
font-size: 17px;
}
.select2-dropdown {
z-index: 999999;
}
.xoo-wsc-slider section.shipping-calculator-form {
display: block!important;
margin: 0;
padding: 0;
}
.xoo-wsc-slider a.shipping-calculator-button {
display: none;
}
.woocommerce-checkout .xoo-wsc-sl-content.xoo-wsc-sl-shipping, .woocommerce-checkout .xoo-wsc-ft-amt-label .xoo-wsc-toggle-slider span {
display: none!important;
}
.woocommerce-checkout .xoo-wsc-ft-amt{
pointer-events: none;
}
.xoo-wsc-slider button[name="calc_shipping"] {
display: table;
margin: 0 auto;
}
.xoo-wsc-slider section.shipping-calculator-form > p{
margin: 0 0 30px 0;
padding: 0;
}
.xoo-wsc-slider section.shipping-calculator-form input, .xoo-wsc-slider section.shipping-calculator-form select {
width: 100%;
}
.xoo-wsc-slider .woocommerce-shipping-calculator {
padding: 0;
margin: 0;
} .xoo-wsc-coupon-row > span {
display: block;
margin-bottom: 9px;
}
span.xoo-wsc-cr-code {
display: inline-block;
text-transform: uppercase;
border: 1px solid;
padding: 1px 20px;
}
.xoo-wsc-coupon-row {
padding: 0 15px 30px;
border-bottom: 1px dashed #afafaf;
margin-bottom: 30px;
}
span.xoo-wsc-cr-off {
color: #4CAF50;
font-weight: 600;
margin-bottom: 0;
}
form.xoo-wsc-sl-apply-coupon {
display: flex;
width: 100%;
justify-content: center;
align-items: stretch;
margin: 20px 0;
flex-wrap: wrap;
}
.xoo-wsc-sl-applied > div {
display: flex;
text-transform: uppercase;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
span.xoo-wsc-remove-coupon {
text-transform: uppercase;
cursor: pointer;
font-size: 10px;
margin-left: 2px;
}
.xoo-wsc-sl-applied {
padding: 0 10px;
font-size: 14px;
margin-bottom: 20px;
}
.xoo-wsc-sl-applied > div .xoo-wsc-slc-saved {
color: #4CAF50;
font-weight: 600;
}
span.xoo-wsc-slc-remove {
font-weight: 600;
}
span.xoo-wsc-clist-label {
text-transform: uppercase;
color: #777;
font-weight: bold;
text-align: center;
font-size: 12px;
padding: 0 20px;
display: inline-block;
margin: 20px 0;
text-align: center;
}
.xoo-wsc-clist-section {
border: 1px solid #eee;
margin-bottom: 35px;
font-size: 13px;
padding: 0 25px;
}
.xoo-wsc-coupon-row:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.xoo-wsc-coupon-row > span:last-child {
margin-bottom: 0;
}
span.xoo-wsc-slc-remove .xoo-wsc-remove-coupon {
display: block;
text-align: right;
} .xoo-wsc-ftx-row {
padding: 8px 0;
border-top: 1px solid #f3f3f3;
font-size: 14px;
display: flex;
align-items: center;
border-bottom: 1px solid #f3f3f3;
}
span.xoo-wsc-ftx-icon {
margin-right: 5px;
font-size: 17px;
}
.xoo-wsc-ftx-coups > div {
flex-grow: 1;
}
.xoo-wsc-ftx-coups {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
margin-left: 7px;
}
.xoo-wsc-remove-coupon {
display: inline-flex;
align-items: center;
text-transform: uppercase;
cursor: pointer;
margin-right: 3px;
}
.xoo-wsc-remove-coupon span {
color: red;
margin-left: 2px;
}
.xoo-wsc-ft-buttons-cont {
display: grid;
text-align: center;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
a.xoo-wsc-ft-btn {
display: flex;
align-items: center;
justify-content: center;
}
a.xoo-wsc-ft-btn:not(.btn):not(.button) {
padding: 10px;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:only-child {
grid-column: 1/-1;
} .xoo-wsc-ft-totals {
width: 100%;
padding: 10px 0;
}
.xoo-wsc-ft-amt {
padding: 3px;
display: flex;
justify-content: space-between;
}
.xoo-wsc-ft-amt-value .xoo-wsc-toggle-slider {
cursor: pointer;
margin-left: 5px;
}
span.xoo-wsc-ft-amt-label {
font-weight: 600;
}
.xoo-wsc-toggle-slider {
cursor: pointer;
}
.xoo-wsc-ft-amt-shipping .xoo-wsc-toggle-slider span {
margin-left: 5px;
}
.xoo-wsc-ft-amt-label {
flex-grow: 1;
padding-right: 10px;
}
.xoo-wsc-ft-amt-value {
text-align: right;
}
.xoo-wsc-ft-amt.less {
color: #4CAF50;
}
.xoo-wsc-ft-amt-total {
border-top: 1px dashed #9E9E9E;
margin-top: 5px;
padding-top: 5px;
} .xoo-wsc-sp-product {
padding: 0 15px;
}
.xoo-wsc-sp-container {
margin: 10px 0;
}
.xoo-wsc-sp-left-col img {
width: 100%;
height: auto;
}
.xoo-wsc-sp-product {
display: flex;
align-items: center;
padding: 10px 20px;
align-self: stretch;
}
.xoo-wsc-sp-right-col {
padding-left: 20px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
justify-content: center;
}
.xoo-wsc-sp-right-col > span {
display: block;
}
span.xoo-wsc-sp-atc a.button {
text-transform: uppercase;
font-size: 12px;
}
span.xoo-wsc-sp-atc a.button span {
margin-right: 5px;
}
.xoo-wsc-sp-wide .xoo-wsc-sp-rc-bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.xoo-wsc-sp-container .lSAction > .lSPrev {
background-image: url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/images/arrow-left.png);
background-position: center center;
left: 0;
}
.xoo-wsc-sp-container .lSAction > .lSNext {
background-image: url(//www.tonecity.net/wp-content/plugins/side-cart-woocommerce/assets/images/arrow-right.png);
background-position: center center;
right: 0;
}
.xoo-wsc-sp-container .lSAction > a {
background-size: 50%;
background-repeat: no-repeat;
max-width: 22px;
}
.xoo-wsc-sp-narrow .xoo-wsc-sp-rc-bottom {
display: flex;
flex-direction: column;
justify-content: space-around;
flex-grow: 1;
}
.xoo-wsc-sp-container ul.lSPager.lSpg {
display: none;
}
.xoo-wsc-sp-rc-top {
padding-bottom: 6px;
}
.xoo-wsc-payment-btns {
display: flex;
align-items: center;
justify-content: center;
}
.xoo-wsc-payment-btns p {
padding: 0!important;
margin: 0!important;
display: block;
}
.xoo-wsc-payment-btns > * {
flex-grow: 1;
margin-top: 8px!important;
}
.xoo-wsc-payment-btns .widget_shopping_cart {
margin: 0;
padding: 0;
} .xoo-wsc-product.xoo-wsc-is-parent {
border-bottom: 0;
padding-bottom: 0;
}
.xoo-wsc-product.xoo-wsc-is-child img {
max-width: 50px;
margin-left: auto;
float: right;
}
.xoo-wsc-product.xoo-wsc-is-child {
padding-top: 5px;
}
.xoo-wsc-empty-cart {
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.xoo-wsc-empty-cart > * {
margin-bottom: 20px;
} span.xoo-wsc-ft-amt-label:after {
content: ":";
}
.xoo-wsc-ft-amt {
display: table;
margin: 0 auto;
font-weight: 600;
}
span.xoo-wsc-ft-amt-label {
padding-right: 5px;
}