PluginProbe
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster / 1.5.1
SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster v1.5.1
2.7.0 2.6.0 trunk 1.1.0 1.1.4 1.2.1 1.2.2 1.2.3 1.2.5 1.2.9 1.3.1 1.3.2 1.5.0 1.5.1 1.5.4 1.5.7 1.5.8 1.5.9 1.6.2 1.6.5 1.6.8 1.7.2 1.7.4 1.7.5 1.7.9 All 43 releases
sellkit / assets / dist / css / frontend-rtl.css

frontend-rtl.css in SellKit – Funnel builder and checkout optimizer for WooCommerce to sell more, faster 1.5.1, at assets/dist/css/frontend-rtl.css

4,947 lines 153.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .sellkit-order-cart-detail {
2 width: 100%;
3 padding: 20px;
4 border: 1px solid #ccc;
5 }
6
7 .sellkit-order-cart-detail .sellkit-cart-detail-heading {
8 font-weight: bold;
9 }
10
11 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail {
12 position: relative;
13 width: 80px;
14 height: 80px;
15 }
16
17 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail img {
18 width: 100% !important;
19 height: 100% !important;
20 -o-object-fit: cover;
21 object-fit: cover;
22 }
23
24 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail .sellkit-order-cart-detail-items-thumbnail-image-wrapper {
25 overflow: hidden;
26 }
27
28 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-thumbnail .sellkit-order-cart-detail-items-thumbnail-quantity {
29 position: absolute;
30 top: -5px;
31 left: -8px;
32 width: 20px;
33 height: 20px;
34 border: 2px solid #000;
35 border-radius: 50%;
36 background: #fff;
37 color: #000;
38 line-height: 17px;
39 text-align: center;
40 }
41
42 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-product-detail {
43 -webkit-box-align: center;
44 -ms-flex-align: center;
45 align-items: center;
46 -webkit-box-pack: start;
47 -ms-flex-pack: start;
48 justify-content: start;
49 }
50
51 .sellkit-order-cart-detail .sellkit-order-cart-detail-items-product-title {
52 margin-right: 10px;
53 }
54
55 .sellkit-order-cart-detail .woocommerce-table__product-name.product-name {
56 display: -webkit-box;
57 display: -ms-flexbox;
58 display: flex;
59 align-items: center;
60 height: 100%;
61 -webkit-box-align: center;
62 -ms-flex-align: center;
63 -webkit-box-pack: center;
64 -ms-flex-pack: center;
65 }
66
67 .sellkit-order-cart-detail .woocommerce-table__product-total.product-total {
68 text-align: left;
69 }
70
71 .sellkit-order-cart-detail tfoot tr th, .sellkit-order-cart-detail tfoot tfoot tr td {
72 font-weight: normal !important;
73 }
74
75 .sellkit-order-cart-detail tfoot tr td {
76 text-align: left;
77 }
78
79 .sellkit-order-cart-detail tfoot tr {
80 margin-bottom: 10px !important;
81 }
82
83 .sellkit-order-cart-detail tfoot tr th, .sellkit-order-cart-detail tfoot tr td {
84 padding: 10px 0;
85 }
86
87 .sellkit-order-cart-detail tfoot tfoot {
88 padding-top: 10px;
89 }
90
91 .sellkit-order-cart-detail tfoot tr:first-child th, .sellkit-order-cart-detail tfoot tr:first-child td {
92 padding-top: 20px;
93 }
94
95 .sellkit-order-cart-detail tfoot tr:last-child {
96 border-top: 3px solid #ccc;
97 font-weight: 700;
98 }
99
100 .sellkit-order-cart-detail tfoot tr:last-child th, .sellkit-order-cart-detail tfoot tfoot tr:last-child td {
101 margin-top: 10px;
102 font-weight: 700;
103 }
104
105 .sellkit-order-cart-detail .sellkit-order-cart-detail-items {
106 width: 100%;
107 padding: 0;
108 list-style: none;
109 }
110
111 .sellkit-order-cart-detail .sellkit-order-cart-detail-items li {
112 display: -webkit-box;
113 display: -ms-flexbox;
114 display: flex;
115 -webkit-box-pack: justify;
116 -ms-flex-pack: justify;
117 justify-content: space-between;
118 width: 100%;
119 height: 80px;
120 }
121
122 .sellkit-order-cart-detail .sellkit-order-cart-detail-items li > div {
123 display: -webkit-box;
124 display: -ms-flexbox;
125 display: flex;
126 -webkit-box-align: center;
127 -ms-flex-align: center;
128 align-items: center;
129 -webkit-box-pack: center;
130 -ms-flex-pack: center;
131 justify-content: center;
132 height: 100%;
133 }
134
135 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices {
136 width: 100%;
137 padding: 0;
138 list-style: none;
139 }
140
141 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices li {
142 display: -webkit-box;
143 display: -ms-flexbox;
144 display: flex;
145 -webkit-box-pack: justify;
146 -ms-flex-pack: justify;
147 justify-content: space-between;
148 width: 100%;
149 }
150
151 .sellkit-order-cart-detail .sellkit-order-cart-detail-prices li:last-child {
152 margin-top: 10px;
153 padding-top: 10px;
154 border-top: 3px solid #ccc;
155 font-weight: bold;
156 }
157
158 .sellkit-order-cart-detail .shop_table {
159 width: 100%;
160 }
161
162 .jupiterx-post-content table th, .jupiterx-post-content table td {
163 border-top: inherit;
164 vertical-align: inherit;
165 }
166
167 .jupiterx-post-content table thead th, .table thead th {
168 border-bottom: inherit;
169 }
170
171 .sellkit-order-details .sellkit-flex {
172 display: -webkit-box;
173 display: -ms-flexbox;
174 display: flex;
175 }
176
177 .sellkit-order-details .sellkit-flex-wrap {
178 -ms-flex-wrap: wrap;
179 flex-wrap: wrap;
180 }
181
182 .sellkit-order-details.woocommerce-order-overview {
183 padding: 15px 10px;
184 border: 1px solid #DFDFDF;
185 }
186
187 .sellkit-order-details h3 {
188 margin-bottom: 15px;
189 color: #343434;
190 font-weight: 500;
191 }
192
193 .sellkit-order-details .sellkit-order-details-heading {
194 margin: 0;
195 color: #3B3B3B;
196 font-size: 16px;
197 font-weight: 500;
198 }
199
200 .sellkit-order-details .sellkit-order-details-items-group {
201 display: -webkit-box;
202 display: -ms-flexbox;
203 display: flex;
204 -webkit-box-orient: vertical;
205 -webkit-box-direction: normal;
206 -ms-flex-direction: column;
207 flex-direction: column;
208 }
209
210 .sellkit-order-details .order-details-heading-group {
211 display: -webkit-box;
212 display: -ms-flexbox;
213 display: flex;
214 -webkit-box-align: center;
215 -ms-flex-align: center;
216 align-items: center;
217 }
218
219 .sellkit-order-details .order-details-item-content {
220 color: #6A6A6A;
221 font-size: 15px;
222 font-weight: 400;
223 }
224
225 .sellkit-order-details .sellkit-order-details-content {
226 padding: 0;
227 }
228
229 .sellkit-order-details .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
230 margin: 0 0 .8em;
231 font-size: 1.5rem;
232 font-weight: 700;
233 }
234
235 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details {
236 margin: 0 0 3em;
237 list-style: none;
238 }
239
240 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details::before {
241 display: table;
242 content: " ";
243 }
244
245 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details::after {
246 display: table;
247 clear: both;
248 content: " ";
249 }
250
251 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li {
252 margin-left: 2em;
253 margin-right: 0;
254 padding-left: 2em;
255 padding-right: 0;
256 float: right;
257 border-left: 1px dashed #d3ced2;
258 font-size: .715em;
259 line-height: 1;
260 text-transform: uppercase;
261 list-style-type: none;
262 }
263
264 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li strong {
265 display: block;
266 font-size: 1.4em;
267 line-height: 1.5;
268 text-transform: none;
269 }
270
271 .sellkit-order-details .woocommerce-bacs-bank-details ul.order_details li:last-of-type {
272 border: none;
273 }
274
275 .sellkit-product-price-widget del {
276 display: inline-block;
277 opacity: 0.5;
278 }
279
280 .sellkit-product-price-widget ins {
281 text-decoration: none;
282 }
283
284 .sellkit-product-image-widget.product {
285 display: -webkit-box;
286 display: -ms-flexbox;
287 display: flex;
288 }
289
290 .sellkit-product-image-widget.product .woocommerce-product-gallery {
291 min-height: 10px;
292 }
293
294 .sellkit-product-image-widget.product .woocommerce-product-gallery .product .sellkit-woocommerce-product-gallery {
295 width: 100%;
296 }
297
298 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-viewport {
299 border-width: 2px;
300 border-color: #0a0c0d;
301 }
302
303 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-nav {
304 display: -webkit-box;
305 display: -ms-flexbox;
306 display: flex;
307 padding-right: 0;
308 list-style: none;
309 }
310
311 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-nav li {
312 cursor: pointer;
313 overflow: hidden;
314 }
315
316 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
317 overflow: hidden;
318 }
319
320 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
321 border-radius: 0;
322 }
323
324 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
325 cursor: default !important;
326 }
327
328 .sellkit-product-image-widget.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
329 width: 100%;
330 height: auto !important;
331 border-radius: 0;
332 }
333
334 .sellkit-product-image-widget.product .woocommerce-product-gallery img {
335 display: inline-block;
336 border-radius: 0;
337 }
338
339 .sellkit-product-image-widget.product .woocommerce-product-gallery .product {
340 display: -webkit-box;
341 display: -ms-flexbox;
342 display: flex;
343 }
344
345 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs {
346 -ms-flex-wrap: wrap;
347 flex-wrap: wrap;
348 }
349
350 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs li {
351 margin-right: 0 !important;
352 }
353
354 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs li img {
355 border-radius: 0 !important;
356 }
357
358 .sellkit-product-image-widget.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
359 border: none !important;
360 }
361
362 .product_title-widget .entry-title {
363 color: #222222;
364 }
365
366 .sellkit-product-quantity-widget {
367 display: -webkit-box;
368 display: -ms-flexbox;
369 display: flex;
370 }
371
372 .sellkit-product-quantity-widget .quantity .screen-reader-text {
373 display: unset;
374 position: relative !important;
375 top: -5px;
376 width: 100%;
377 min-height: 22px;
378 color: #404040;
379 opacity: 1;
380 visibility: visible;
381 -webkit-clip-path: none;
382 clip-path: none;
383 }
384
385 .sellkit-product-quantity-widget input {
386 width: 100%;
387 }
388
389 .sellkit-accept-reject-button-widget {
390 font-size: 16px;
391 }
392
393 .sellkit-accept-reject-button-widget .sellkit-accept-reject-button-title {
394 display: inline-block;
395 }
396
397 .sellkit-accept-reject-button-widget .sellkit-accept-reject-button-sub-title {
398 font-size: 10px;
399 font-weight: bold;
400 }
401
402 .sellkit-accept-reject-button {
403 padding: 12px 60px;
404 background: #635cff;
405 color: #fff !important;
406 cursor: pointer;
407 }
408
409 .sellkit-accept-reject-button.elementor-size-sm {
410 padding: 12px 24px !important;
411 }
412
413 .sellkit-upsell-popup {
414 display: -webkit-box;
415 display: -ms-flexbox;
416 display: flex;
417 position: fixed;
418 top: 0;
419 right: 0;
420 -webkit-box-align: center;
421 -ms-flex-align: center;
422 align-items: center;
423 -webkit-box-pack: center;
424 -ms-flex-pack: center;
425 justify-content: center;
426 width: 100%;
427 height: 100%;
428 background: rgba(11, 11, 11, 0.25);
429 z-index: 1000;
430 }
431
432 .sellkit-upsell-popup .sellkit-upsell-popup-body {
433 width: 600px;
434 height: 357px;
435 padding: 23px;
436 border-radius: 4px;
437 background: #fff;
438 text-align: center;
439 }
440
441 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-header {
442 text-align: left;
443 cursor: pointer;
444 }
445
446 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-header img {
447 width: 12px;
448 height: 12px;
449 color: #6c757d;
450 }
451
452 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-icon {
453 padding: 31px;
454 }
455
456 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-icon .rotate {
457 -webkit-animation: rotation 2s infinite linear;
458 animation: rotation 2s infinite linear;
459 }
460
461 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content {
462 color: #222;
463 font-size: 22px;
464 font-style: normal;
465 font-weight: normal;
466 letter-spacing: normal;
467 line-height: 1.45;
468 text-align: center;
469 font-stretch: normal;
470 letter-spacing: normal;
471 }
472
473 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-updating, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-accepted, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-rejected {
474 display: none;
475 }
476
477 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-updating.active, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-accepted.active, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-rejected.active {
478 display: block;
479 margin: auto;
480 }
481
482 .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-popup-text .sellkit-upsell-accepted, .sellkit-upsell-popup .sellkit-upsell-popup-body .sellkit-upsell-popup-content .sellkit-upsell-popup-text .sellkit-upsell-rejected {
483 padding: 0 40px;
484 }
485
486 .sellkit-upsell-popup:not(.active) {
487 display: none;
488 }
489
490 @-webkit-keyframes rotation {
491 from {
492 -webkit-transform: rotate(0deg);
493 transform: rotate(0deg);
494 }
495 to {
496 -webkit-transform: rotate(-359deg);
497 transform: rotate(-359deg);
498 }
499 }
500
501 @keyframes rotation {
502 from {
503 -webkit-transform: rotate(0deg);
504 transform: rotate(0deg);
505 }
506 to {
507 -webkit-transform: rotate(-359deg);
508 transform: rotate(-359deg);
509 }
510 }
511
512 body.oceanwp-theme .elementor-widget-sellkit-checkout .sellkit-checkout-step-bump-wrapper
513 .sellkit-checkout-bump-order-header
514 .sellkit-checkout-order-bump-price del {
515 color: unset;
516 opacity: 1;
517 }
518
519 body.oceanwp-theme .elementor-widget-sellkit-checkout .sellkit-checkout-step-bump-wrapper
520 .sellkit-checkout-bump-order-header
521 .sellkit-checkout-order-bump-price .amount {
522 color: #222 !important;
523 }
524
525 body.theme-betheme .elementor-widget-sellkit-checkout div#customer_details {
526 -ms-flex-preferred-size: unset;
527 flex-basis: unset;
528 max-width: unset;
529 margin-bottom: unset;
530 }
531
532 body.theme-betheme .elementor-widget-sellkit-checkout div#order_review#order_review {
533 -ms-flex-preferred-size: unset;
534 flex-basis: unset;
535 width: 100% !important;
536 max-width: unset;
537 margin-bottom: unset;
538 margin-right: unset;
539 }
540
541 body.theme-betheme .elementor-widget-sellkit-checkout div.woocommerce-billing-fields,
542 body.theme-betheme .elementor-widget-sellkit-checkout section.sellkit-one-page-shipping-methods {
543 width: 100% !important;
544 }
545
546 body.theme-betheme .elementor-widget-sellkit-checkout section.place-order {
547 width: 100%;
548 }
549
550 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li {
551 border: unset;
552 }
553
554 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li.active-payment {
555 border-color: unset;
556 }
557
558 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li.active-payment span.mfn-payment-check {
559 display: none;
560 }
561
562 body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li:not(.woocommerce-notice)::before, body.theme-betheme .elementor-widget-sellkit-checkout div#payment ul.payment_methods li:not(.woocommerce-notice)::after {
563 display: none;
564 }
565
566 body.theme-betheme .elementor-widget-sellkit-checkout span.woocommerce-input-wrapper input {
567 -webkit-transition: all 0.15s ease-in-out;
568 transition: all 0.15s ease-in-out;
569 }
570
571 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table td {
572 border-style: none;
573 }
574
575 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table td.sellkit-checkout-bundled-spacer-row {
576 background-color: unset !important;
577 }
578
579 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table tr:first-child td {
580 -webkit-box-shadow: unset;
581 box-shadow: unset;
582 }
583
584 body.theme-betheme .elementor-widget-sellkit-checkout table.sellkit-checkout-bundled-products-table input[type="number"] {
585 margin-bottom: unset;
586 }
587
588 body.theme-dt-the7 .elementor-widget-sellkit-checkout > * {
589 font-family: sans-serif;
590 }
591
592 body.theme-dt-the7 .elementor-widget-sellkit-checkout button#place_order {
593 background: unset;
594 background-color: #323232;
595 }
596
597 body.theme-Avada .elementor-widget-sellkit-checkout > * {
598 font-family: sans-serif;
599 }
600
601 body.theme-Avada .elementor-widget-sellkit-checkout div.avada-myaccount-user,
602 body.theme-Avada .elementor-widget-sellkit-checkout ul.woocommerce-side-nav.woocommerce-checkout-nav,
603 body.theme-Avada .elementor-widget-sellkit-checkout a.fusion-button {
604 display: none;
605 }
606
607 body.theme-Avada .elementor-widget-sellkit-checkout form.checkout_coupon {
608 display: none !important;
609 }
610
611 body.theme-Avada .elementor-widget-sellkit-checkout div.woocommerce-content-box.avada-checkout {
612 margin-right: unset;
613 padding: unset;
614 border: unset;
615 }
616
617 body.theme-Avada .elementor-widget-sellkit-checkout div#order_review {
618 display: block !important;
619 }
620
621 body.theme-Avada .elementor-widget-sellkit-checkout tr.cart_item {
622 height: unset;
623 }
624
625 body.theme-Avada .elementor-widget-sellkit-checkout .shop_table tfoot .order-total .amount {
626 color: unset;
627 font-size: unset;
628 font-weight: unset;
629 }
630
631 body.theme-Avada .elementor-widget-sellkit-checkout ul.payment_methods {
632 margin: unset;
633 }
634
635 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout .sellkit-checkout-widget-one-page-build
636 #sellkit-checkout-widget-id form
637 .sellkit-one-page-checkout-login {
638 -webkit-box-ordinal-group: 1;
639 -ms-flex-order: 0;
640 order: 0;
641 }
642
643 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout div#customer_details,
644 body.theme-twentytwentytwo .elementor-widget-sellkit-checkout div.col2-set {
645 width: 100%;
646 float: unset;
647 }
648
649 body.theme-bridge.contains-sellkit-checkout {
650 overflow: unset !important;
651 }
652
653 body.theme-bridge .elementor-widget-sellkit-checkout span.woocommerce-input-wrapper input {
654 -webkit-transition: all 0.15s ease-in-out;
655 transition: all 0.15s ease-in-out;
656 }
657
658 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form {
659 display: -webkit-box;
660 display: -ms-flexbox;
661 display: flex;
662 -webkit-box-orient: vertical;
663 -webkit-box-direction: normal;
664 -ms-flex-direction: column;
665 flex-direction: column;
666 }
667
668 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-login {
669 -webkit-box-ordinal-group: 2;
670 -ms-flex-order: 1;
671 order: 1;
672 }
673
674 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods {
675 -webkit-box-ordinal-group: 3;
676 -ms-flex-order: 2;
677 order: 2;
678 }
679
680 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods .shipping-method-header {
681 margin-top: 17px;
682 }
683
684 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review {
685 width: auto !important;
686 padding: 0 !important;
687 float: none !important;
688 border: none !important;
689 }
690
691 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order {
692 -webkit-box-ordinal-group: 4;
693 -ms-flex-order: 3;
694 order: 3;
695 }
696
697 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table {
698 border-collapse: initial !important;
699 }
700
701 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table .sellkit-checkout-widget-order-summary-tfoot .order-total th, .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-checkout-review-order #sellkit-checkout-widget-order-review-wrap .woocommerce-checkout-review-order-table .sellkit-checkout-widget-order-summary-tfoot .order-total td {
702 padding-top: 18px !important;
703 }
704
705 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-billing {
706 -webkit-box-ordinal-group: 5;
707 -ms-flex-order: 4;
708 order: 4;
709 }
710
711 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order {
712 display: -webkit-box;
713 display: -ms-flexbox;
714 display: flex;
715 -webkit-box-pack: end;
716 -ms-flex-pack: end;
717 justify-content: flex-end;
718 -webkit-box-ordinal-group: 6;
719 -ms-flex-order: 5;
720 order: 5;
721 margin-top: 36px;
722 }
723
724 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form {
725 display: -webkit-box;
726 display: -ms-flexbox;
727 display: flex;
728 -webkit-box-orient: horizontal;
729 -webkit-box-direction: normal;
730 -ms-flex-direction: row;
731 flex-direction: row;
732 -ms-flex-wrap: nowrap;
733 flex-wrap: nowrap;
734 -ms-flex-line-pack: center;
735 align-content: center;
736 -webkit-box-align: center;
737 -ms-flex-align: center;
738 align-items: center;
739 -webkit-box-pack: start;
740 -ms-flex-pack: start;
741 justify-content: flex-start;
742 width: 100%;
743 -webkit-column-gap: 10px;
744 -moz-column-gap: 10px;
745 column-gap: 10px;
746 }
747
748 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first {
749 display: -webkit-box;
750 display: -ms-flexbox;
751 display: flex;
752 width: 495px;
753 margin-top: 0px;
754 margin-bottom: 1rem;
755 padding-top: 0px;
756 }
757
758 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first input {
759 width: 100%;
760 margin: 0px;
761 padding: 16px 14px 14px 0px;
762 border: solid 1px rgba(0, 0, 0, 0.2);
763 border-radius: 4px;
764 background-color: #ffffff;
765 color: #737373;
766 font-size: 14px;
767 font-style: normal;
768 font-weight: normal;
769 letter-spacing: normal;
770 line-height: 1.14;
771 text-align: right;
772 -webkit-box-shadow: none !important;
773 box-shadow: none !important;
774 font-stretch: normal;
775 }
776
777 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-first input:focus {
778 border: solid 2px rgba(0, 123, 255, 0.4);
779 }
780
781 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last {
782 display: -webkit-box;
783 display: -ms-flexbox;
784 display: flex;
785 margin-top: 0px;
786 margin-bottom: 1rem;
787 }
788
789 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon {
790 height: 48px;
791 margin: 0;
792 padding: 10px 30px 10px 30px;
793 border-radius: 6px;
794 background-color: #323232;
795 color: white;
796 cursor: pointer;
797 }
798
799 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon span {
800 width: 37px;
801 height: 17px;
802 color: #ffffff;
803 font-size: 14px;
804 font-style: normal;
805 font-weight: 500;
806 letter-spacing: normal;
807 line-height: 1.21;
808 text-align: right;
809 font-stretch: normal;
810 }
811
812 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-checkout-bundled-products .sellkit-head-row-title {
813 width: 70%;
814 }
815
816 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-virtual-session #sellkit-checkout-widget-order-review-wrap {
817 margin-top: 30px;
818 }
819
820 .sellkit-checkout-widget-multi-page-build form {
821 display: block !important;
822 }
823
824 .sellkit-checkout-widget-multi-page-build form #order_review {
825 width: auto !important;
826 padding: 0 !important;
827 float: none !important;
828 border: none !important;
829 }
830
831 .sellkit-checkout-widget-multi-page-build form .inner_wrapper {
832 display: -webkit-box;
833 display: -ms-flexbox;
834 display: flex;
835 }
836
837 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column {
838 width: 60%;
839 }
840
841 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div {
842 -webkit-box-ordinal-group: 2;
843 -ms-flex-order: 1;
844 order: 1;
845 width: 100%;
846 padding-left: 27px;
847 clear: both;
848 border-left: solid 1px #e1e1e1;
849 }
850
851 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers {
852 height: 103px;
853 margin: 0px 2px 36px 0px;
854 padding: 0px 18px 2px 14px;
855 border: solid 1px #e1e1e1;
856 border-radius: 4px;
857 background-color: #ffffff;
858 }
859
860 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div {
861 display: -webkit-box;
862 display: -ms-flexbox;
863 display: flex;
864 -webkit-box-orient: horizontal;
865 -webkit-box-direction: normal;
866 -ms-flex-direction: row;
867 flex-direction: row;
868 -ms-flex-wrap: nowrap;
869 flex-wrap: nowrap;
870 -ms-flex-line-pack: center;
871 align-content: center;
872 -webkit-box-align: center;
873 -ms-flex-align: center;
874 align-items: center;
875 -webkit-box-pack: justify;
876 -ms-flex-pack: justify;
877 justify-content: space-between;
878 height: auto;
879 min-height: 51px;
880 -webkit-column-gap: 20px;
881 -moz-column-gap: 20px;
882 column-gap: 20px;
883 }
884
885 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div > div {
886 display: -webkit-box;
887 display: -ms-flexbox;
888 display: flex;
889 -webkit-box-orient: horizontal;
890 -webkit-box-direction: normal;
891 -ms-flex-direction: row;
892 flex-direction: row;
893 -ms-flex-wrap: nowrap;
894 flex-wrap: nowrap;
895 -ms-flex-line-pack: center;
896 align-content: center;
897 -webkit-box-align: center;
898 -ms-flex-align: center;
899 align-items: center;
900 -webkit-box-pack: start;
901 -ms-flex-pack: start;
902 justify-content: flex-start;
903 width: 100%;
904 -webkit-column-gap: 15px;
905 -moz-column-gap: 15px;
906 column-gap: 15px;
907 }
908
909 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div > div .title {
910 width: 50px;
911 min-width: -webkit-fit-content;
912 min-width: -moz-fit-content;
913 min-width: fit-content;
914 }
915
916 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div span {
917 height: auto;
918 color: #323232;
919 font-size: 14px;
920 font-style: normal;
921 font-weight: normal;
922 letter-spacing: normal;
923 line-height: 1.14;
924 text-align: right;
925 font-stretch: normal;
926 }
927
928 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div .multistep-headers > div .edit {
929 margin-left: 0px;
930 color: #007bff;
931 font-size: 13px;
932 font-style: normal;
933 font-weight: normal;
934 letter-spacing: normal;
935 line-height: 1.15;
936 text-align: left;
937 cursor: pointer;
938 font-stretch: normal;
939 }
940
941 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login {
942 margin-bottom: 16px;
943 }
944
945 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login #customer_details {
946 width: auto !important;
947 float: none !important;
948 }
949
950 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer {
951 display: -webkit-box;
952 display: -ms-flexbox;
953 display: flex;
954 -webkit-box-orient: horizontal;
955 -webkit-box-direction: normal;
956 -ms-flex-direction: row;
957 flex-direction: row;
958 -ms-flex-line-pack: stretch;
959 align-content: stretch;
960 -webkit-box-align: center;
961 -ms-flex-align: center;
962 align-items: center;
963 -webkit-box-pack: end;
964 -ms-flex-pack: end;
965 justify-content: flex-end;
966 }
967
968 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer a .go-to-cart {
969 height: 17px;
970 margin: 30px 0px 21.5px 33px;
971 color: #007bff;
972 font-size: 14px;
973 font-style: normal;
974 font-weight: 500;
975 letter-spacing: normal;
976 line-height: 1.21;
977 text-align: right;
978 font-stretch: normal;
979 }
980
981 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer .go-to-shipping {
982 display: -webkit-inline-box;
983 display: -ms-inline-flexbox;
984 display: inline-flex;
985 -ms-flex-line-pack: center;
986 align-content: center;
987 -webkit-box-align: center;
988 -ms-flex-align: center;
989 align-items: center;
990 -webkit-box-pack: center;
991 -ms-flex-pack: center;
992 justify-content: center;
993 height: 56px;
994 margin: 5px 0 0 0;
995 padding: 0px 31px;
996 border-radius: 6px;
997 background-color: #323232;
998 color: #ffffff;
999 font-size: 14px;
1000 font-style: normal;
1001 font-weight: 500;
1002 letter-spacing: normal;
1003 line-height: 1.21;
1004 cursor: pointer;
1005 font-stretch: normal;
1006 }
1007
1008 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second {
1009 display: none;
1010 }
1011
1012 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer {
1013 display: -webkit-box;
1014 display: -ms-flexbox;
1015 display: flex;
1016 -webkit-box-orient: horizontal;
1017 -webkit-box-direction: normal;
1018 -ms-flex-direction: row;
1019 flex-direction: row;
1020 -ms-flex-line-pack: center;
1021 align-content: center;
1022 -webkit-box-align: center;
1023 -ms-flex-align: center;
1024 align-items: center;
1025 -webkit-box-pack: justify;
1026 -ms-flex-pack: justify;
1027 justify-content: space-between;
1028 }
1029
1030 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
1031 height: 17px;
1032 margin: 20px 0px;
1033 color: #007bff;
1034 font-size: 14px;
1035 font-style: normal;
1036 font-weight: 500;
1037 letter-spacing: normal;
1038 line-height: 1.21;
1039 text-align: center;
1040 cursor: pointer;
1041 font-stretch: normal;
1042 }
1043
1044 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-payment {
1045 display: -webkit-box;
1046 display: -ms-flexbox;
1047 display: flex;
1048 -webkit-box-orient: horizontal;
1049 -webkit-box-direction: normal;
1050 -ms-flex-direction: row;
1051 flex-direction: row;
1052 -ms-flex-wrap: nowrap;
1053 flex-wrap: nowrap;
1054 -ms-flex-line-pack: center;
1055 align-content: center;
1056 -webkit-box-align: center;
1057 -ms-flex-align: center;
1058 align-items: center;
1059 -webkit-box-pack: center;
1060 -ms-flex-pack: center;
1061 justify-content: center;
1062 height: 56px;
1063 margin: 0;
1064 padding: 0px 31px;
1065 border-radius: 6px;
1066 background-color: #323232;
1067 color: #ffffff;
1068 font-size: 14px;
1069 font-style: normal;
1070 font-weight: 500;
1071 letter-spacing: normal;
1072 line-height: 1.21;
1073 text-align: center;
1074 cursor: pointer;
1075 font-stretch: normal;
1076 }
1077
1078 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third {
1079 display: none;
1080 }
1081
1082 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-third .go-to-second {
1083 height: 17px;
1084 color: #007bff;
1085 font-size: 14px;
1086 font-style: normal;
1087 font-weight: 500;
1088 letter-spacing: normal;
1089 line-height: 1.21;
1090 text-align: right;
1091 cursor: pointer;
1092 font-stretch: normal;
1093 }
1094
1095 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column {
1096 width: 40%;
1097 padding: 22px 30px 22px 30px;
1098 background-color: transparent;
1099 }
1100
1101 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column > div {
1102 width: 100%;
1103 clear: both;
1104 }
1105
1106 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar-sticky {
1107 position: sticky !important;
1108 top: 0;
1109 }
1110
1111 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar {
1112 padding: 2px;
1113 scroll-behavior: smooth;
1114 }
1115
1116 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .summary_toggle {
1117 display: none;
1118 }
1119
1120 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .col2-set {
1121 width: auto !important;
1122 float: none !important;
1123 }
1124
1125 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table {
1126 width: 100%;
1127 max-width: 100%;
1128 }
1129
1130 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart-subtotal th, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart-subtotal td {
1131 padding-top: 18px;
1132 }
1133
1134 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr .jx-form-row-first {
1135 width: 100%;
1136 }
1137
1138 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr .jx-form-row-first input {
1139 width: 100%;
1140 }
1141
1142 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tr.cart_item td.product-total {
1143 padding-top: 17px;
1144 }
1145
1146 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table .sellkit-custom-coupon-form-d-none {
1147 display: none;
1148 }
1149
1150 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tfoot tr.order-total td, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar table tfoot tr.order-total th {
1151 padding-top: 17px;
1152 }
1153
1154 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-collapsible {
1155 margin-top: 0;
1156 }
1157
1158 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form {
1159 display: -webkit-inline-box;
1160 display: -ms-inline-flexbox;
1161 display: inline-flex;
1162 width: 100%;
1163 padding-top: 0px;
1164 -webkit-column-gap: 10px;
1165 -moz-column-gap: 10px;
1166 column-gap: 10px;
1167 }
1168
1169 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first {
1170 display: -webkit-box;
1171 display: -ms-flexbox;
1172 display: flex;
1173 width: 495px;
1174 margin-top: 0px;
1175 margin-bottom: 1rem;
1176 padding-top: 0px;
1177 }
1178
1179 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first input {
1180 margin: 0px;
1181 padding: 16px 14px 14px 0px;
1182 border: solid 1px rgba(0, 0, 0, 0.2);
1183 border-radius: 4px;
1184 background-color: #ffffff;
1185 color: #737373;
1186 font-size: 14px;
1187 font-style: normal;
1188 font-weight: normal;
1189 letter-spacing: normal;
1190 line-height: 1.14;
1191 text-align: right;
1192 -webkit-box-shadow: none !important;
1193 box-shadow: none !important;
1194 font-stretch: normal;
1195 }
1196
1197 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-first input:focus {
1198 border: solid 2px rgba(0, 123, 255, 0.4);
1199 }
1200
1201 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last {
1202 display: -webkit-box;
1203 display: -ms-flexbox;
1204 display: flex;
1205 margin-top: 0px;
1206 margin-bottom: 1rem;
1207 }
1208
1209 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon {
1210 display: -webkit-box;
1211 display: -ms-flexbox;
1212 display: flex;
1213 -webkit-box-orient: horizontal;
1214 -webkit-box-direction: normal;
1215 -ms-flex-direction: row;
1216 flex-direction: row;
1217 -ms-flex-wrap: wrap;
1218 flex-wrap: wrap;
1219 -ms-flex-line-pack: center;
1220 align-content: center;
1221 -webkit-box-align: center;
1222 -ms-flex-align: center;
1223 align-items: center;
1224 -webkit-box-pack: center;
1225 -ms-flex-pack: center;
1226 justify-content: center;
1227 height: 48px;
1228 margin: 0;
1229 padding: 0 30px 0 29px;
1230 border-radius: 6px;
1231 background-color: #323232;
1232 color: white;
1233 cursor: pointer;
1234 }
1235
1236 .sellkit-checkout-widget-multi-page-build .sellkit-custom-coupon-form .jx-form-row-last .jx-apply-coupon span {
1237 width: 37px;
1238 height: 17px;
1239 color: #ffffff;
1240 font-size: 14px;
1241 font-style: normal;
1242 font-weight: 500;
1243 letter-spacing: normal;
1244 line-height: 1.21;
1245 text-align: right;
1246 font-stretch: normal;
1247 }
1248
1249 .sellkit-checkout-widget-main-wrapper hr.sellkit-checkout-widget-divider {
1250 border: 1px solid #e1e1e1;
1251 border-left: none !important;
1252 border-bottom: none !important;
1253 border-right: none !important;
1254 opacity: 1 !important;
1255 }
1256
1257 .sellkit-checkout-widget-main-wrapper div#payment {
1258 border-radius: 5px;
1259 background: #ebe9eb;
1260 }
1261
1262 .sellkit-checkout-widget-main-wrapper #order_review {
1263 background-color: unset !important;
1264 }
1265
1266 .sellkit-checkout-widget-main-wrapper #order_review #sellkit-checkout-widget-order-review-wrap th.sellkit-checkout-widget-divider,
1267 .sellkit-checkout-widget-main-wrapper #order_review #sellkit-checkout-widget-order-review-wrap td.sellkit-checkout-widget-divider {
1268 border: 1px solid #e1e1e1;
1269 border-left: none !important;
1270 border-bottom: none !important;
1271 border-right: none !important;
1272 border-radius: 0px !important;
1273 }
1274
1275 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-d-block {
1276 display: block !important;
1277 }
1278
1279 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-d-none {
1280 display: none;
1281 }
1282
1283 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout {
1284 margin-bottom: 32px;
1285 }
1286
1287 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box {
1288 height: auto;
1289 min-height: 112px;
1290 border: 1px solid #eaeaea;
1291 border-radius: 4px;
1292 background-color: #ffffff;
1293 }
1294
1295 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box legend {
1296 width: -webkit-max-content;
1297 width: -moz-max-content;
1298 width: max-content;
1299 margin: auto;
1300 padding: 0 10px 0 10px;
1301 color: #323232;
1302 font-size: 16px;
1303 font-style: normal;
1304 font-weight: normal;
1305 letter-spacing: normal;
1306 line-height: 1.13;
1307 text-align: center;
1308 font-stretch: normal;
1309 }
1310
1311 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box .express-methods {
1312 display: -webkit-box;
1313 display: -ms-flexbox;
1314 display: flex;
1315 -webkit-box-orient: horizontal;
1316 -webkit-box-direction: normal;
1317 -ms-flex-direction: row;
1318 flex-direction: row;
1319 -ms-flex-wrap: wrap;
1320 flex-wrap: wrap;
1321 -ms-flex-line-pack: center;
1322 align-content: center;
1323 -webkit-box-align: center;
1324 -ms-flex-align: center;
1325 align-items: center;
1326 -webkit-box-pack: center;
1327 -ms-flex-pack: center;
1328 justify-content: center;
1329 margin: 15px 0 0 0;
1330 padding: 0 0 10px 0;
1331 -webkit-column-gap: 20px;
1332 -moz-column-gap: 20px;
1333 column-gap: 20px;
1334 row-gap: 10px;
1335 }
1336
1337 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .express-box .express-methods > div {
1338 display: -webkit-box;
1339 display: -ms-flexbox;
1340 display: flex;
1341 -ms-flex-line-pack: center;
1342 align-content: center;
1343 -webkit-box-align: center;
1344 -ms-flex-align: center;
1345 align-items: center;
1346 -webkit-box-pack: center;
1347 -ms-flex-pack: center;
1348 justify-content: center;
1349 height: 40px;
1350 border-radius: 4px;
1351 font-size: 14px;
1352 font-weight: bold;
1353 text-align: center;
1354 cursor: pointer;
1355 }
1356
1357 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box {
1358 border-top: 1px solid #eaeaea;
1359 }
1360
1361 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout .divider-box legend {
1362 width: -webkit-max-content;
1363 width: -moz-max-content;
1364 width: max-content;
1365 margin: auto;
1366 padding: 0 10px 0 10px;
1367 color: #323232;
1368 font-size: 20px;
1369 font-style: normal;
1370 font-weight: normal;
1371 letter-spacing: normal;
1372 line-height: 1.2;
1373 text-align: center;
1374 font-stretch: normal;
1375 }
1376
1377 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-express-checkout #sellkit-checkout-or-divider {
1378 border-left: none !important;
1379 border-bottom: none !important;
1380 border-right: none !important;
1381 border-radius: 0px !important;
1382 }
1383
1384 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile {
1385 display: none;
1386 }
1387
1388 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1389 margin-left: 13px;
1390 }
1391
1392 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop {
1393 display: -webkit-box;
1394 display: -ms-flexbox;
1395 display: flex;
1396 }
1397
1398 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop,
1399 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile {
1400 -webkit-box-orient: horizontal;
1401 -webkit-box-direction: normal;
1402 -ms-flex-direction: row;
1403 flex-direction: row;
1404 -webkit-box-align: baseline;
1405 -ms-flex-align: baseline;
1406 align-items: baseline;
1407 margin-bottom: 36px;
1408 }
1409
1410 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span,
1411 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span {
1412 height: 19px;
1413 margin: 0;
1414 color: #737373;
1415 font-size: 14px;
1416 font-style: normal;
1417 font-weight: normal;
1418 letter-spacing: normal;
1419 line-height: 1.36;
1420 text-align: right;
1421 cursor: pointer;
1422 font-stretch: normal;
1423 }
1424
1425 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop .blue-line,
1426 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile .blue-line {
1427 color: #007bff;
1428 }
1429
1430 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop .current,
1431 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile .current {
1432 color: #323232;
1433 }
1434
1435 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1436 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1437 width: 6px;
1438 height: 10px;
1439 font-size: 12px;
1440 -o-object-fit: contain;
1441 object-fit: contain;
1442 }
1443
1444 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-desktop i,
1445 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile span,
1446 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-breadcrumb-mobile i {
1447 margin-left: 15px;
1448 }
1449
1450 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section {
1451 max-width: 100%;
1452 margin-top: -13px;
1453 }
1454
1455 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div {
1456 display: -webkit-box;
1457 display: -ms-flexbox;
1458 display: flex;
1459 width: 100%;
1460 margin: 7px 0 0 0;
1461 }
1462
1463 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div .sellkit-checkout-fields-wrapper {
1464 width: 100%;
1465 }
1466
1467 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section > div .sellkit-checkout-widget-password-field {
1468 display: none !important;
1469 }
1470
1471 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .header {
1472 height: 23px;
1473 margin: 0 0 4px 0;
1474 color: #323232;
1475 font-size: 20px;
1476 font-style: normal;
1477 font-weight: normal;
1478 letter-spacing: normal;
1479 line-height: 1.2;
1480 text-align: right;
1481 font-stretch: normal;
1482 }
1483
1484 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-holder {
1485 margin-top: 20px;
1486 }
1487
1488 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-holder input {
1489 text-transform: initial !important;
1490 }
1491
1492 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email {
1493 width: 100%;
1494 max-width: 100%;
1495 margin-top: 21px;
1496 margin-bottom: 0px;
1497 }
1498
1499 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email input {
1500 width: 100%;
1501 height: 46px;
1502 margin: 0px 0px 0px 2px;
1503 padding: 16px 14px 14px 0px;
1504 border: solid 1px rgba(0, 0, 0, 0.2);
1505 border-radius: 4px;
1506 background-color: #ffffff;
1507 color: #737373;
1508 font-size: 14px;
1509 font-style: normal;
1510 font-weight: normal;
1511 letter-spacing: normal;
1512 line-height: 1.14;
1513 text-align: right;
1514 -webkit-box-shadow: none !important;
1515 box-shadow: none !important;
1516 font-stretch: normal;
1517 }
1518
1519 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .log-email input:focus {
1520 border: solid 2px rgba(0, 123, 255, 0.4);
1521 }
1522
1523 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .mini-title {
1524 display: none;
1525 }
1526
1527 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login_hidden_section {
1528 display: none;
1529 }
1530
1531 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-error,
1532 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-email-empty,
1533 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .sellkit-checkout-widget-username-error {
1534 display: none;
1535 padding: 7px 0 0 0;
1536 color: #e22120;
1537 font-size: 14px;
1538 font-style: normal;
1539 font-weight: normal;
1540 letter-spacing: normal;
1541 line-height: 1.14;
1542 text-align: right;
1543 font-stretch: normal;
1544 }
1545
1546 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .jupiter-checkout-widget-email-search {
1547 display: none;
1548 padding: 7px 0 0 0;
1549 font-size: 14px;
1550 font-style: normal;
1551 font-weight: normal;
1552 letter-spacing: normal;
1553 line-height: 1.14;
1554 text-align: right;
1555 font-stretch: normal;
1556 }
1557
1558 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div {
1559 padding-top: 11px;
1560 }
1561
1562 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div .login-submit {
1563 display: -webkit-inline-box;
1564 display: -ms-inline-flexbox;
1565 display: inline-flex;
1566 -webkit-box-align: center;
1567 -ms-flex-align: center;
1568 align-items: center;
1569 height: 46px;
1570 padding: 0 30px 0 30px;
1571 border-radius: 6px;
1572 background-color: #323232;
1573 color: #ffffff;
1574 font-size: 14px;
1575 font-style: normal;
1576 font-weight: 500;
1577 letter-spacing: normal;
1578 line-height: 1.21;
1579 text-align: right;
1580 cursor: pointer;
1581 font-stretch: normal;
1582 }
1583
1584 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .login-wrapper > div .login-result {
1585 display: block;
1586 margin-top: 7px;
1587 font-size: 13px;
1588 }
1589
1590 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc {
1591 display: none;
1592 margin: 8px 0px 0px 0px;
1593 color: #323232;
1594 font-size: 14px;
1595 font-style: normal;
1596 font-weight: normal;
1597 letter-spacing: normal;
1598 line-height: 1.14;
1599 text-align: right;
1600 font-stretch: normal;
1601 }
1602
1603 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc p {
1604 display: -webkit-box;
1605 display: -ms-flexbox;
1606 display: flex;
1607 }
1608
1609 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc .sellkit-create-account-checkbox {
1610 width: 18px;
1611 height: 18px;
1612 margin: 0px;
1613 border: solid 1px rgba(0, 0, 0, 0.2);
1614 border-radius: 4px;
1615 background-color: #ffffff;
1616 -webkit-box-shadow: none !important;
1617 box-shadow: none !important;
1618 }
1619
1620 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-widget-login-section .create-desc .sellkit-create-account-checkbox-label {
1621 height: 16px;
1622 margin: 0px 8px 0px 0px;
1623 padding-top: 3px;
1624 color: #323232;
1625 font-size: 14px;
1626 font-style: normal;
1627 font-weight: normal;
1628 letter-spacing: normal;
1629 line-height: 1.14;
1630 text-align: right;
1631 cursor: pointer;
1632 font-stretch: normal;
1633 }
1634
1635 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-hide-completely {
1636 display: none !important;
1637 margin: 0 !important;
1638 padding: 0 !important;
1639 }
1640
1641 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-one-page-checkout-shipping .shipping_address .header {
1642 height: 23px;
1643 margin: 24px 3px 21px 0px;
1644 color: #323232;
1645 font-size: 20px;
1646 font-style: normal;
1647 font-weight: normal;
1648 letter-spacing: normal;
1649 line-height: 1.2;
1650 text-align: right;
1651 font-stretch: normal;
1652 }
1653
1654 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-one-page-checkout-shipping .shipping_address #ship-to-different-address {
1655 display: none !important;
1656 }
1657
1658 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form .sellkit-checkout-widget-primary-button:hover,
1659 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id form #place_order:hover {
1660 background-color: #111111;
1661 }
1662
1663 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form td {
1664 padding: 9px 0 17px 0;
1665 }
1666
1667 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form .sellkit-coupon-toggle {
1668 display: block;
1669 padding: 4px 0 11px 0;
1670 color: #007bff;
1671 font-size: 14px;
1672 font-style: normal;
1673 font-weight: normal;
1674 letter-spacing: normal;
1675 line-height: 1.14;
1676 text-align: right;
1677 cursor: pointer;
1678 font-stretch: normal;
1679 }
1680
1681 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id tr.coupon-form .sellkit-normal-coupon-form {
1682 padding: 6px 0 2px 0;
1683 }
1684
1685 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods .shipping-method-header {
1686 width: 100%;
1687 height: 19px;
1688 margin: 2px 0px 23px 0px;
1689 color: #323232;
1690 font-size: 20px;
1691 font-style: normal;
1692 font-weight: normal;
1693 letter-spacing: normal;
1694 line-height: 1.2;
1695 text-align: right;
1696 font-stretch: normal;
1697 }
1698
1699 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods > span {
1700 display: -webkit-inline-box;
1701 display: -ms-inline-flexbox;
1702 display: inline-flex;
1703 margin: 0 0 20px 0;
1704 font-size: 15px;
1705 font-style: normal;
1706 font-weight: normal;
1707 letter-spacing: normal;
1708 line-height: 1.2;
1709 text-align: right;
1710 font-stretch: normal;
1711 }
1712
1713 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page {
1714 width: 100%;
1715 margin-top: 19px;
1716 margin-left: 10px;
1717 margin-bottom: 42px;
1718 border: solid 1px #e1e1e1;
1719 border-radius: 4px;
1720 border-collapse: collapse;
1721 }
1722
1723 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr {
1724 border-top: none !important;
1725 border-left: none !important;
1726 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1727 border-right: none !important;
1728 background-color: #fff;
1729 }
1730
1731 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td:nth-child(1) {
1732 border-left-width: 0px !important;
1733 }
1734
1735 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td:nth-child(2) {
1736 border-right-width: 0px !important;
1737 }
1738
1739 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page tr td {
1740 background-color: #fff;
1741 }
1742
1743 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 {
1744 width: 70%;
1745 padding: 16px 15px 0 0;
1746 text-align: center;
1747 }
1748
1749 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 .wrp {
1750 padding-top: 2px;
1751 padding-right: 20px;
1752 }
1753
1754 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t1 .wrp .checkmark {
1755 top: 3px;
1756 right: 4px;
1757 }
1758
1759 .sellkit-checkout-widget-main-wrapper #sellkit-checkout-widget-id .sellkit-one-page-shipping-methods table.sellkit-shipping-methods-one-page .sellkit-shipping-method-t3 {
1760 padding-left: 17px;
1761 text-align: left;
1762 }
1763
1764 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-heading {
1765 height: 23px;
1766 margin: 26px 3px 9px 2px;
1767 color: #323232;
1768 font-size: 20px;
1769 font-style: normal;
1770 font-weight: normal;
1771 letter-spacing: normal;
1772 line-height: 1.2;
1773 text-align: right;
1774 font-stretch: normal;
1775 }
1776
1777 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-desc {
1778 height: 16px;
1779 margin: 9px 3px 19px 0px;
1780 color: #737373;
1781 font-size: 14px;
1782 font-style: normal;
1783 font-weight: normal;
1784 letter-spacing: normal;
1785 line-height: 1.14;
1786 text-align: right;
1787 font-stretch: normal;
1788 }
1789
1790 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-order-review-heading {
1791 height: 23px;
1792 margin: 0px 0 19px 0px !important;
1793 color: #323232;
1794 font-size: 20px;
1795 font-style: normal;
1796 font-weight: normal;
1797 letter-spacing: normal;
1798 line-height: 1.2;
1799 text-align: right;
1800 font-stretch: normal;
1801 }
1802
1803 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods {
1804 margin-top: 0 !important;
1805 margin-bottom: 0 !important;
1806 border: solid 1px #e1e1e1;
1807 }
1808
1809 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods {
1810 margin-bottom: 0 !important;
1811 padding: 0px !important;
1812 border: none !important;
1813 border-radius: 5px;
1814 }
1815
1816 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li {
1817 display: -webkit-box;
1818 display: -ms-flexbox;
1819 display: flex;
1820 -webkit-box-orient: vertical;
1821 -webkit-box-direction: normal;
1822 -ms-flex-direction: column;
1823 flex-direction: column;
1824 -ms-flex-wrap: nowrap;
1825 flex-wrap: nowrap;
1826 -webkit-box-pack: center;
1827 -ms-flex-pack: center;
1828 justify-content: center;
1829 height: 52px;
1830 margin: 0 !important;
1831 padding: 0px 18px 0px 0px;
1832 background-color: #ffffff !important;
1833 cursor: pointer !important;
1834 }
1835
1836 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label {
1837 height: inherit;
1838 margin: 0 !important;
1839 padding: 0 !important;
1840 border-right: none !important;
1841 background-color: #fff !important;
1842 }
1843
1844 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label::hover {
1845 background-color: #fff !important;
1846 }
1847
1848 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label .checkmark {
1849 position: relative;
1850 }
1851
1852 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label {
1853 display: -webkit-box;
1854 display: -ms-flexbox;
1855 display: flex;
1856 position: relative;
1857 -webkit-box-orient: horizontal;
1858 -webkit-box-direction: normal;
1859 -ms-flex-direction: row;
1860 flex-direction: row;
1861 -ms-flex-wrap: nowrap;
1862 flex-wrap: nowrap;
1863 -ms-flex-line-pack: center;
1864 align-content: center;
1865 -webkit-box-align: center;
1866 -ms-flex-align: center;
1867 align-items: center;
1868 -webkit-box-pack: justify;
1869 -ms-flex-pack: justify;
1870 justify-content: space-between;
1871 }
1872
1873 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label img {
1874 position: relative;
1875 -webkit-box-flex: 1;
1876 -ms-flex-positive: 1;
1877 flex-grow: 1;
1878 max-width: 40px;
1879 max-height: 40px !important;
1880 margin: 0px 0 0 10px !important;
1881 float: left;
1882 }
1883
1884 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label span {
1885 -webkit-box-flex: 1;
1886 -ms-flex-positive: 1;
1887 flex-grow: 1;
1888 }
1889
1890 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .woocommerce-notice--info {
1891 height: auto !important;
1892 min-height: 52px;
1893 margin: 0px;
1894 padding: 0 40px 0 0;
1895 color: #737373;
1896 font-size: 14px;
1897 font-style: normal;
1898 font-weight: normal;
1899 letter-spacing: normal;
1900 line-height: 1.14;
1901 text-align: right;
1902 font-stretch: normal;
1903 }
1904
1905 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .woocommerce-notice--info::before {
1906 top: auto !important;
1907 }
1908
1909 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .sellkit_payment_box {
1910 display: none;
1911 margin: 0px;
1912 padding: 17px 18px 17px 13px;
1913 border: solid 1px #e1e1e1;
1914 border-left: none !important;
1915 border-bottom: none !important;
1916 border-right: none !important;
1917 border-radius: 0px !important;
1918 background-color: #fafafa;
1919 }
1920
1921 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .sellkit_payment_box p {
1922 margin: 0px;
1923 padding: 0px;
1924 color: #737373;
1925 font-size: 14px;
1926 font-style: normal;
1927 font-weight: normal;
1928 letter-spacing: normal;
1929 line-height: 1.14;
1930 text-align: right;
1931 font-stretch: normal;
1932 }
1933
1934 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .payment_method_paypal .about_paypal {
1935 display: none;
1936 }
1937
1938 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .sellkit-one-page-checkout-billing-header {
1939 height: 23px;
1940 margin: 42px 3px 9px 0px;
1941 color: #323232;
1942 font-size: 20px;
1943 font-style: normal;
1944 font-weight: normal;
1945 letter-spacing: normal;
1946 line-height: 1.2;
1947 text-align: right;
1948 font-stretch: normal;
1949 }
1950
1951 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-desc {
1952 width: 100%;
1953 height: 16px;
1954 margin: 9px 3px 18px 0;
1955 color: #737373;
1956 font-size: 14px;
1957 font-style: normal;
1958 font-weight: normal;
1959 letter-spacing: normal;
1960 line-height: 1.14;
1961 text-align: right;
1962 font-stretch: normal;
1963 }
1964
1965 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method {
1966 margin: 18px 0 0 0;
1967 padding: 0px 18px 0px 13px;
1968 border: solid 1px #e1e1e1;
1969 background-color: #ffffff;
1970 }
1971
1972 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method hr {
1973 height: 0;
1974 border: 0;
1975 border-top: solid 1px #e1e1e1;
1976 }
1977
1978 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div {
1979 padding-top: 18px;
1980 padding-bottom: 18px;
1981 }
1982
1983 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label {
1984 margin: 0 0 0 auto;
1985 }
1986
1987 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label label, .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-billing .billing-method div label .labels {
1988 margin: 0 17px 0 auto;
1989 }
1990
1991 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order {
1992 display: -webkit-box;
1993 display: -ms-flexbox;
1994 display: flex;
1995 -webkit-box-orient: horizontal;
1996 -webkit-box-direction: normal;
1997 -ms-flex-direction: row;
1998 flex-direction: row;
1999 -webkit-box-align: center;
2000 -ms-flex-align: center;
2001 align-items: center;
2002 -webkit-box-pack: justify;
2003 -ms-flex-pack: justify;
2004 justify-content: space-between;
2005 margin-top: 40px;
2006 }
2007
2008 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order #place_order {
2009 display: -webkit-inline-box;
2010 display: -ms-inline-flexbox;
2011 display: inline-flex;
2012 -ms-flex-line-pack: center;
2013 align-content: center;
2014 -webkit-box-align: center;
2015 -ms-flex-align: center;
2016 align-items: center;
2017 -webkit-box-pack: center;
2018 -ms-flex-pack: center;
2019 justify-content: center;
2020 -webkit-box-ordinal-group: 4;
2021 -ms-flex-order: 3;
2022 order: 3;
2023 width: auto !important;
2024 height: 56px;
2025 margin-top: 0 !important;
2026 padding: 0px 36px;
2027 border: none;
2028 border-radius: 6px;
2029 background-color: #323232;
2030 color: #fff;
2031 font-size: 14px;
2032 font-style: normal;
2033 font-weight: 500;
2034 letter-spacing: normal;
2035 line-height: 1.21;
2036 text-align: right;
2037 text-align: center;
2038 text-decoration: none !important;
2039 -webkit-box-shadow: none;
2040 box-shadow: none;
2041 font-stretch: normal;
2042 }
2043
2044 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .jupiterx-continue-shopping {
2045 display: none !important;
2046 }
2047
2048 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill {
2049 width: auto;
2050 }
2051
2052 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order > div .gpay-card-info-container {
2053 max-width: 170px;
2054 }
2055
2056 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container {
2057 display: contents;
2058 }
2059
2060 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
2061 max-width: 170px !important;
2062 }
2063
2064 .sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-place-order .mfn-woo-cart-link {
2065 display: none !important;
2066 }
2067
2068 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products {
2069 margin-top: 17px;
2070 padding-bottom: 32px;
2071 }
2072
2073 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-header {
2074 display: -webkit-box;
2075 display: -ms-flexbox;
2076 display: flex;
2077 margin-bottom: 14px;
2078 color: #323232;
2079 font-size: 20px;
2080 font-style: normal;
2081 font-weight: normal;
2082 letter-spacing: normal;
2083 line-height: 1.2;
2084 text-align: right;
2085 font-stretch: normal;
2086 }
2087
2088 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table {
2089 width: 100%;
2090 border-bottom: solid 1px #e1e1e1;
2091 border-bottom-right-radius: 4px;
2092 border-bottom-left-radius: 4px;
2093 border-collapse: separate;
2094 border-spacing: 0;
2095 }
2096
2097 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row {
2098 height: 51px;
2099 padding: 16px 0 0;
2100 background-color: #fff;
2101 }
2102
2103 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row th {
2104 border: solid 1px #e1e1e1;
2105 color: #323232;
2106 font-size: 14px;
2107 font-style: normal;
2108 font-weight: bold;
2109 letter-spacing: normal;
2110 line-height: 1.21;
2111 text-align: right;
2112 font-stretch: normal;
2113 }
2114
2115 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-title {
2116 width: 50%;
2117 padding-right: 17px;
2118 border-left: none;
2119 border-top-right-radius: 4px;
2120 }
2121
2122 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-quantity {
2123 width: 105px;
2124 padding-right: 0px;
2125 border-left: none;
2126 border-right: none;
2127 }
2128
2129 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-head-row .sellkit-head-row-price {
2130 width: 105px;
2131 padding-left: 17px;
2132 border-right: none;
2133 border-top-left-radius: 4px;
2134 text-align: left;
2135 }
2136
2137 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item {
2138 height: 48px;
2139 background-color: #fafafa;
2140 }
2141
2142 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item td {
2143 padding: 0;
2144 }
2145
2146 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title {
2147 display: -webkit-box;
2148 display: -ms-flexbox;
2149 display: flex;
2150 -webkit-box-orient: horizontal;
2151 -webkit-box-direction: normal;
2152 -ms-flex-direction: row;
2153 flex-direction: row;
2154 -ms-flex-wrap: nowrap;
2155 flex-wrap: nowrap;
2156 -ms-flex-line-pack: center;
2157 align-content: center;
2158 -webkit-box-align: center;
2159 -ms-flex-align: center;
2160 align-items: center;
2161 -webkit-box-pack: start;
2162 -ms-flex-pack: start;
2163 justify-content: flex-start;
2164 height: inherit;
2165 padding-right: 17px;
2166 -webkit-column-gap: 8px;
2167 -moz-column-gap: 8px;
2168 column-gap: 8px;
2169 border-right: solid 1px #e1e1e1;
2170 color: #323232;
2171 font-size: 14px;
2172 font-style: normal;
2173 font-weight: 500;
2174 letter-spacing: normal;
2175 line-height: 1.21;
2176 text-align: right;
2177 font-stretch: normal;
2178 }
2179
2180 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title input {
2181 -webkit-box-shadow: none !important;
2182 box-shadow: none !important;
2183 }
2184
2185 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-title label {
2186 margin: 0;
2187 cursor: pointer;
2188 }
2189
2190 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-quantity {
2191 color: #323232;
2192 font-size: 14px;
2193 font-style: normal;
2194 font-weight: normal;
2195 letter-spacing: normal;
2196 line-height: 1.14;
2197 text-align: right;
2198 font-stretch: normal;
2199 }
2200
2201 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-quantity input {
2202 width: 49px;
2203 height: 30px;
2204 padding: 6px 5px 6px 0 !important;
2205 text-align: center;
2206 -webkit-box-shadow: none !important;
2207 box-shadow: none !important;
2208 }
2209
2210 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item .sellkit-checkout-bundled-price {
2211 padding-left: 17px;
2212 border-left: solid 1px #e1e1e1;
2213 color: #323232;
2214 font-size: 14px;
2215 font-style: normal;
2216 font-weight: 500;
2217 letter-spacing: normal;
2218 line-height: 1.21;
2219 text-align: left;
2220 font-stretch: normal;
2221 }
2222
2223 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type td {
2224 border-bottom: solid 1px #e1e1e1;
2225 }
2226
2227 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type .sellkit-checkout-bundled-title {
2228 border-bottom-right-radius: 4px;
2229 }
2230
2231 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-products-item:last-of-type .sellkit-checkout-bundled-price {
2232 border-bottom-left-radius: 4px;
2233 }
2234
2235 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-spacer-row {
2236 margin: 0 !important;
2237 padding: 0 !important;
2238 background-color: #fafafa;
2239 }
2240
2241 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-bundled-products .sellkit-checkout-bundled-products-table .sellkit-checkout-bundled-spacer-row hr {
2242 margin: 0 16px;
2243 border-top: solid 1px #e1e1e1;
2244 }
2245
2246 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms {
2247 margin-top: 10px;
2248 }
2249
2250 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-invalid #terms {
2251 outline: none !important;
2252 }
2253
2254 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms span, .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms label {
2255 color: inherit !important;
2256 }
2257
2258 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-form__input-checkbox {
2259 margin: 0 0 0 2px !important;
2260 }
2261
2262 .sellkit-checkout-widget-main-wrapper .sellkit-checkout-terms .woocommerce-privacy-policy-text p {
2263 margin: 0;
2264 }
2265
2266 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table {
2267 margin-top: 0 !important;
2268 margin-right: 0px;
2269 padding-right: 0px;
2270 border: none !important;
2271 background-color: transparent;
2272 border-collapse: initial !important;
2273 /* Hide default shipping method and replace our own */
2274 }
2275
2276 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tbody td {
2277 padding-left: 0 !important;
2278 padding-right: 0 !important;
2279 background-color: inherit !important;
2280 }
2281
2282 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr th, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td {
2283 background-color: inherit;
2284 }
2285
2286 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr th:not(.sellkit-order-total) {
2287 color: #323232;
2288 font-size: 14px;
2289 font-style: normal;
2290 font-weight: 500;
2291 letter-spacing: normal;
2292 line-height: 1.21;
2293 text-align: right;
2294 font-stretch: normal;
2295 }
2296
2297 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td {
2298 display: -webkit-box;
2299 display: -ms-flexbox;
2300 display: flex;
2301 -webkit-box-orient: horizontal;
2302 -webkit-box-direction: normal;
2303 -ms-flex-direction: row;
2304 flex-direction: row;
2305 -ms-flex-wrap: nowrap;
2306 flex-wrap: nowrap;
2307 -ms-flex-line-pack: center;
2308 align-content: center;
2309 -webkit-box-align: center;
2310 -ms-flex-align: center;
2311 align-items: center;
2312 -webkit-box-pack: end;
2313 -ms-flex-pack: end;
2314 justify-content: flex-end;
2315 }
2316
2317 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td:not(.sellkit-order-total) {
2318 color: #323232;
2319 font-size: 14px;
2320 font-style: normal;
2321 font-weight: 500;
2322 letter-spacing: normal;
2323 line-height: 1.21;
2324 text-align: left;
2325 font-stretch: normal;
2326 }
2327
2328 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr td:not(.sellkit-order-total) a.woocommerce-remove-coupon {
2329 display: none !important;
2330 }
2331
2332 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .sellkit-coupon-label {
2333 margin-right: 8px;
2334 }
2335
2336 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .woo-remove-coupon {
2337 color: #737373;
2338 font-size: 16px;
2339 }
2340
2341 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .woo-remove-coupon::after {
2342 display: inline;
2343 position: absolute;
2344 margin: 2px 8px 0 0;
2345 font-family: woocommerce;
2346 content: '\e013';
2347 cursor: pointer;
2348 }
2349
2350 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.cart-discount .fa-times-circle {
2351 cursor: pointer;
2352 }
2353
2354 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.fee td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.fee th {
2355 border: none !important;
2356 }
2357
2358 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.tax-rate td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.tax-rate th {
2359 border: none !important;
2360 }
2361
2362 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th {
2363 padding: 0 0 10px 0;
2364 }
2365
2366 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-child(1) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-child(1) th {
2367 padding-top: 20px;
2368 }
2369
2370 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(2) td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(2) th {
2371 padding-bottom: 19px;
2372 }
2373
2374 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total th {
2375 padding: 17px 0 20px 0;
2376 color: #323232;
2377 font-size: 18px;
2378 font-style: normal;
2379 font-weight: bold;
2380 letter-spacing: normal;
2381 line-height: 1.28;
2382 text-align: left;
2383 font-stretch: normal;
2384 }
2385
2386 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table tfoot tr.order-total th {
2387 text-align: right;
2388 }
2389
2390 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name {
2391 display: -webkit-box;
2392 display: -ms-flexbox;
2393 display: flex;
2394 -webkit-box-orient: horizontal;
2395 -webkit-box-direction: normal;
2396 -ms-flex-direction: row;
2397 flex-direction: row;
2398 -ms-flex-wrap: nowrap;
2399 flex-wrap: nowrap;
2400 -ms-flex-line-pack: center;
2401 align-content: center;
2402 -webkit-box-align: start;
2403 -ms-flex-align: start;
2404 align-items: flex-start;
2405 -webkit-box-pack: start;
2406 -ms-flex-pack: start;
2407 justify-content: flex-start;
2408 width: auto;
2409 margin: 0;
2410 padding: 0 0 20px 0;
2411 -webkit-column-gap: 13px;
2412 -moz-column-gap: 13px;
2413 column-gap: 13px;
2414 color: #323232;
2415 font-size: 14px;
2416 font-style: normal;
2417 font-weight: 500;
2418 letter-spacing: normal;
2419 line-height: 1.21;
2420 text-align: right;
2421 font-stretch: normal;
2422 }
2423
2424 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image {
2425 position: relative;
2426 width: 64px;
2427 min-width: 64px;
2428 }
2429
2430 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image img {
2431 width: 64px !important;
2432 height: 64px !important;
2433 }
2434
2435 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .sellkit-checkout-widget-item-image .sellkit-checkout-product-item-delete {
2436 position: absolute;
2437 top: 0;
2438 left: 0;
2439 color: red;
2440 cursor: pointer;
2441 }
2442
2443 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price {
2444 padding-top: 5px;
2445 }
2446
2447 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price span {
2448 margin-bottom: 2px;
2449 }
2450
2451 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations {
2452 display: block;
2453 }
2454
2455 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations .sellkit-checkout-variation-item {
2456 display: -webkit-inline-box;
2457 display: -ms-inline-flexbox;
2458 display: inline-flex;
2459 margin: 0;
2460 padding: 0;
2461 color: #737373;
2462 font-size: 14px;
2463 font-style: normal;
2464 font-weight: normal;
2465 letter-spacing: normal;
2466 line-height: 1.29;
2467 text-align: right;
2468 font-stretch: normal;
2469 }
2470
2471 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table td.sellkit-one-page-checkout-product-name .name-price .sellkit-checkout-variations .sellkit-checkout-variation-item i {
2472 margin: 0;
2473 padding: 0;
2474 -webkit-transform: rotate(-75deg);
2475 transform: rotate(-75deg);
2476 color: #737373;
2477 font-size: 11px;
2478 font-style: normal;
2479 letter-spacing: normal;
2480 line-height: 1.29;
2481 text-align: right;
2482 font-stretch: normal;
2483 }
2484
2485 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-price {
2486 margin: 0;
2487 padding: 0 !important;
2488 color: #323232;
2489 font-size: 14px;
2490 font-style: normal;
2491 font-weight: 500;
2492 letter-spacing: normal;
2493 line-height: 1.21;
2494 text-align: left;
2495 text-align: left;
2496 vertical-align: middle !important;
2497 font-stretch: normal;
2498 }
2499
2500 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item .sellkit-one-page-checkout-product-price {
2501 padding-left: 0;
2502 }
2503
2504 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart_item td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .coupon-form td {
2505 border: none !important;
2506 }
2507
2508 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-subtotal td, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-subtotal th {
2509 border-top: 1px solid #e1e1e1;
2510 }
2511
2512 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .cart-discount *, #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-shipping-total * {
2513 border: none !important;
2514 }
2515
2516 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
2517 display: none !important;
2518 }
2519
2520 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-qty {
2521 display: block;
2522 width: 49px !important;
2523 height: 30px;
2524 margin-top: 3px;
2525 padding: 6px 11px 6px 0px !important;
2526 border: solid 1px rgba(0, 0, 0, 0.2);
2527 border-radius: 4px;
2528 background-color: #ffffff;
2529 -webkit-box-shadow: none !important;
2530 box-shadow: none !important;
2531 }
2532
2533 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-one-page-checkout-product-qty:focus {
2534 border: solid 2px rgba(0, 123, 255, 0.4);
2535 }
2536
2537 #sellkit-checkout-widget-id .woocommerce-checkout-review-order-table .sellkit-custom-coupon-form-d-none {
2538 display: none;
2539 }
2540
2541 /* Style for radio buttons */
2542 .woocommerce-checkout {
2543 /* The container */
2544 /* Hide the browser's default radio button */
2545 /* Create a custom radio button */
2546 /* On mouse-over, add a grey background color */
2547 /* When the radio button is checked, add a blue background */
2548 /* Create the indicator (the dot/circle - hidden when not checked) */
2549 /* Show the indicator (dot/circle) when checked */
2550 /* Style the indicator (dot/circle) */
2551 }
2552
2553 .woocommerce-checkout .wrp {
2554 display: -webkit-box !important;
2555 display: -ms-flexbox !important;
2556 display: flex !important;
2557 position: relative;
2558 -webkit-box-orient: horizontal;
2559 -webkit-box-direction: normal;
2560 -ms-flex-direction: row;
2561 flex-direction: row;
2562 -ms-flex-wrap: wrap;
2563 flex-wrap: wrap;
2564 -ms-flex-line-pack: center;
2565 align-content: center;
2566 -webkit-box-align: center;
2567 -ms-flex-align: center;
2568 align-items: center;
2569 -webkit-box-pack: start;
2570 -ms-flex-pack: start;
2571 justify-content: flex-start;
2572 margin-bottom: 12px;
2573 padding-right: 12px;
2574 -webkit-column-gap: 12px;
2575 -moz-column-gap: 12px;
2576 column-gap: 12px;
2577 font-size: 22px;
2578 cursor: pointer;
2579 -webkit-user-select: none;
2580 -moz-user-select: none;
2581 -ms-user-select: none;
2582 user-select: none;
2583 }
2584
2585 .woocommerce-checkout .wrp::before {
2586 display: none !important;
2587 }
2588
2589 .woocommerce-checkout .wrp label, .woocommerce-checkout .wrp .labels {
2590 height: 17px;
2591 margin-right: 12px;
2592 padding-top: 1px;
2593 color: #323232;
2594 font-size: 14px;
2595 font-style: normal;
2596 font-weight: normal;
2597 letter-spacing: normal;
2598 line-height: 1.14;
2599 text-align: right;
2600 cursor: pointer;
2601 font-stretch: normal;
2602 }
2603
2604 .woocommerce-checkout .wrp input {
2605 display: none;
2606 }
2607
2608 .woocommerce-checkout .checkmark {
2609 position: absolute;
2610 top: 0;
2611 right: 0;
2612 width: 18px;
2613 height: 18px;
2614 border: solid 1px rgba(0, 0, 0, 0.2);
2615 border-radius: 50%;
2616 background-color: #ffffff;
2617 }
2618
2619 .woocommerce-checkout .wrp:hover input ~ .checkmark {
2620 background-color: #ffffff;
2621 }
2622
2623 .woocommerce-checkout .wrp input:checked ~ .checkmark {
2624 border-radius: 60%;
2625 background-color: #323232;
2626 }
2627
2628 .woocommerce-checkout .checkmark:after {
2629 display: none;
2630 position: absolute;
2631 content: "";
2632 }
2633
2634 .woocommerce-checkout .wrp input:checked ~ .checkmark:after {
2635 display: block;
2636 }
2637
2638 .woocommerce-checkout .wrp .checkmark:after {
2639 top: 6px;
2640 right: 6px;
2641 width: 4px;
2642 height: 4px;
2643 border-radius: 50%;
2644 background: white;
2645 }
2646
2647 /* Shipping & Billing Fields */
2648 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper {
2649 padding: 16px 16px 4px 0px;
2650 border: solid 1px #e1e1e1;
2651 background-color: #fafafa;
2652 }
2653
2654 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2655 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper {
2656 display: inline-table;
2657 }
2658
2659 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper > div,
2660 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
2661 position: relative;
2662 float: right;
2663 }
2664
2665 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper,
2666 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper,
2667 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section {
2668 width: 100%;
2669 margin: 0;
2670 }
2671
2672 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-fields-wrapper .sellkit-select-appearance,
2673 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-fields-wrapper .sellkit-select-appearance,
2674 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-fields-wrapper .sellkit-select-appearance {
2675 display: none;
2676 }
2677
2678 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-field-select select,
2679 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-field-select select,
2680 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-field-select select {
2681 background-image: none !important;
2682 -webkit-appearance: none;
2683 -moz-appearance: none;
2684 appearance: none;
2685 }
2686
2687 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .sellkit-checkout-field-select .sellkit-select-appearance,
2688 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .sellkit-checkout-field-select .sellkit-select-appearance,
2689 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .sellkit-checkout-field-select .sellkit-select-appearance {
2690 display: -webkit-inline-box;
2691 display: -ms-inline-flexbox;
2692 display: inline-flex;
2693 position: relative;
2694 top: 16px;
2695 left: 17px;
2696 height: 0px;
2697 float: left;
2698 color: #111111;
2699 font-weight: 900;
2700 pointer-events: none;
2701 }
2702
2703 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p,
2704 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p,
2705 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p {
2706 width: 100% !important;
2707 float: right;
2708 }
2709
2710 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p input:not(.sellkit-create-account-checkbox), #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p select, #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper p textarea,
2711 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p input:not(.sellkit-create-account-checkbox),
2712 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p select,
2713 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper p textarea,
2714 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p input:not(.sellkit-create-account-checkbox),
2715 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p select,
2716 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section p textarea {
2717 width: 100%;
2718 }
2719
2720 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-33,
2721 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-33,
2722 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-33 {
2723 width: 33%;
2724 }
2725
2726 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-34,
2727 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-34,
2728 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-34 {
2729 width: 34%;
2730 }
2731
2732 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-10,
2733 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-10,
2734 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-10 {
2735 width: 10%;
2736 }
2737
2738 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-20,
2739 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-20,
2740 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-20 {
2741 width: 20%;
2742 }
2743
2744 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-30,
2745 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-30,
2746 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-30 {
2747 width: 30%;
2748 }
2749
2750 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-40,
2751 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-40,
2752 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-40 {
2753 width: 40%;
2754 }
2755
2756 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-50,
2757 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-50,
2758 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-50 {
2759 width: 50%;
2760 }
2761
2762 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-60,
2763 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-60,
2764 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-60 {
2765 width: 60%;
2766 }
2767
2768 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-70,
2769 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-70,
2770 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-70 {
2771 width: 70%;
2772 }
2773
2774 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-80,
2775 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-80,
2776 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-80 {
2777 width: 80%;
2778 }
2779
2780 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-90,
2781 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-90,
2782 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-90 {
2783 width: 90%;
2784 }
2785
2786 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .w-100,
2787 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .w-100,
2788 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .w-100 {
2789 width: 100%;
2790 }
2791
2792 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .validate-postcode,
2793 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .validate-postcode,
2794 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .validate-postcode {
2795 left: 0px;
2796 width: 34%;
2797 }
2798
2799 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea,
2800 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea,
2801 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea {
2802 background-color: #ffffff;
2803 }
2804
2805 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=text],
2806 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=email],
2807 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=password],
2808 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=tel],
2809 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select,
2810 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=text],
2811 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=email],
2812 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=password],
2813 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=tel],
2814 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select,
2815 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=text],
2816 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=email],
2817 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=password],
2818 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=tel],
2819 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select {
2820 height: 48px;
2821 margin-bottom: 0px !important;
2822 padding: 8px 10px 8px 0px;
2823 border: solid 1px rgba(0, 0, 0, 0.2);
2824 border-radius: 4px;
2825 background-color: #ffffff;
2826 color: #737373;
2827 font-size: 14px;
2828 font-style: normal;
2829 font-weight: normal;
2830 letter-spacing: normal;
2831 line-height: 1.14;
2832 text-align: right;
2833 font-stretch: normal;
2834 }
2835
2836 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=text]:focus,
2837 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=email]:focus,
2838 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=password]:focus,
2839 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input[type=tel]:focus,
2840 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select:focus,
2841 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=text]:focus,
2842 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=email]:focus,
2843 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=password]:focus,
2844 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input[type=tel]:focus,
2845 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select:focus,
2846 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=text]:focus,
2847 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=email]:focus,
2848 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=password]:focus,
2849 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input[type=tel]:focus,
2850 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select:focus {
2851 border: solid 2px rgba(0, 123, 255, 0.4);
2852 background-color: #ffffff;
2853 -webkit-box-shadow: none;
2854 box-shadow: none;
2855 }
2856
2857 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input.filled:not(.exclude-default-style),
2858 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input.filled:not(.exclude-default-style),
2859 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input.filled:not(.exclude-default-style) {
2860 padding: 19px 14px 2px 0;
2861 text-transform: capitalize;
2862 }
2863
2864 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper input.empty,
2865 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper input.empty,
2866 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section input.empty {
2867 padding-top: 7px;
2868 padding-right: 14px;
2869 }
2870
2871 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select.filled,
2872 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select.filled,
2873 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select.filled {
2874 padding: 19px 14px 2px 0 !important;
2875 }
2876
2877 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper select.empty,
2878 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper select.empty,
2879 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section select.empty {
2880 padding-top: 7px;
2881 padding-right: 14px;
2882 }
2883
2884 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea.filled,
2885 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea.filled,
2886 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea.filled {
2887 padding-top: 22px;
2888 padding-right: 14px;
2889 }
2890
2891 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper textarea.empty,
2892 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper textarea.empty,
2893 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section textarea.empty {
2894 padding-top: 7px;
2895 padding-right: 14px;
2896 }
2897
2898 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .form-row-wide,
2899 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .form-row-wide,
2900 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .form-row-wide {
2901 clear: unset;
2902 }
2903
2904 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields),
2905 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields),
2906 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper:not(.sellkit-checkout-excluded-wrapper-fields) {
2907 padding: 0 0 0 14px;
2908 }
2909
2910 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section),
2911 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section),
2912 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper:not(.sellkit-login-section) {
2913 margin: 0 0 14px 0;
2914 }
2915
2916 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper,
2917 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper,
2918 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper {
2919 display: inline-block;
2920 position: relative;
2921 }
2922
2923 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper p,
2924 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper p,
2925 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper p {
2926 margin: 0;
2927 }
2928
2929 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation,
2930 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation,
2931 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-required-validation {
2932 display: none;
2933 padding-top: 9px;
2934 }
2935
2936 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm,
2937 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm,
2938 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-required-validation .required-alarm {
2939 color: #e22120;
2940 font-size: 14px;
2941 font-style: normal;
2942 font-weight: normal;
2943 letter-spacing: normal;
2944 line-height: 1.14;
2945 text-align: right;
2946 font-stretch: normal;
2947 }
2948
2949 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors,
2950 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors,
2951 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .sellkit-checkout-field-global-errors {
2952 display: inline-block;
2953 padding-top: 9px;
2954 color: #e22120;
2955 font-size: 14px;
2956 font-style: normal;
2957 font-weight: normal;
2958 letter-spacing: normal;
2959 line-height: 1.14;
2960 text-align: right;
2961 font-stretch: normal;
2962 }
2963
2964 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .mini-title,
2965 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .mini-title,
2966 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .mini-title {
2967 display: none;
2968 position: absolute;
2969 top: 7px;
2970 right: 14px;
2971 color: #737373;
2972 font-size: 13px;
2973 font-style: normal;
2974 font-weight: normal;
2975 letter-spacing: normal;
2976 line-height: 1.15;
2977 text-align: right;
2978 font-stretch: normal;
2979 }
2980
2981 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper,
2982 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper,
2983 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper {
2984 display: -webkit-box;
2985 display: -ms-flexbox;
2986 display: flex;
2987 }
2988
2989 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin,
2990 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin,
2991 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_margin {
2992 margin-left: 5px;
2993 border: solid 2px rgba(0, 123, 255, 0.4);
2994 -webkit-box-shadow: none;
2995 box-shadow: none;
2996 }
2997
2998 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label,
2999 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label,
3000 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .checkbox_wrapper .checkbox_label {
3001 margin: 0;
3002 color: #737373;
3003 font-size: 14px;
3004 font-style: normal;
3005 font-weight: normal;
3006 letter-spacing: normal;
3007 line-height: 1.14;
3008 text-align: right;
3009 cursor: pointer;
3010 font-stretch: normal;
3011 }
3012
3013 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper select[multiple],
3014 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper select[multiple],
3015 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper select[multiple] {
3016 width: 100%;
3017 height: auto;
3018 margin: 0;
3019 padding: 20px 10px 0 0;
3020 border-width: 2px;
3021 border-style: inset;
3022 background: none;
3023 -webkit-appearance: menulist;
3024 -moz-appearance: menulist;
3025 appearance: menulist;
3026 }
3027
3028 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .free_label,
3029 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .free_label,
3030 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .free_label {
3031 width: 100%;
3032 color: #737373;
3033 font-size: 14px;
3034 font-style: normal;
3035 font-weight: 400;
3036 letter-spacing: normal;
3037 line-height: 1.14;
3038 text-align: right;
3039 font-stretch: normal;
3040 }
3041
3042 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100,
3043 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100,
3044 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio-wrapper-w-100 {
3045 width: 100%;
3046 }
3047
3048 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper,
3049 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper,
3050 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper {
3051 display: -webkit-inline-box;
3052 display: -ms-inline-flexbox;
3053 display: inline-flex;
3054 -webkit-box-orient: horizontal;
3055 -webkit-box-direction: normal;
3056 -ms-flex-direction: row;
3057 flex-direction: row;
3058 -ms-flex-wrap: nowrap;
3059 flex-wrap: nowrap;
3060 -ms-flex-line-pack: center;
3061 align-content: center;
3062 -webkit-box-align: center;
3063 -ms-flex-align: center;
3064 align-items: center;
3065 margin: 0 0 7px 0;
3066 color: #737373;
3067 font-size: 14px;
3068 font-style: normal;
3069 font-weight: normal;
3070 letter-spacing: normal;
3071 line-height: 1.14;
3072 text-align: right;
3073 font-stretch: normal;
3074 }
3075
3076 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper input,
3077 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper input,
3078 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper input {
3079 margin-left: 5px;
3080 -webkit-box-shadow: none;
3081 box-shadow: none;
3082 }
3083
3084 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper label,
3085 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper div.sellkit-checkout-fields-wrapper .radio_wrapper label,
3086 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .radio_wrapper label {
3087 margin: 0 !important;
3088 cursor: pointer;
3089 }
3090
3091 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper .woocommerce-input-wrapper,
3092 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper .woocommerce-input-wrapper,
3093 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper .woocommerce-input-wrapper {
3094 display: block;
3095 padding: 8px 14px 8px 0px;
3096 border: solid 1px rgba(0, 0, 0, 0.2);
3097 border-radius: 4px;
3098 background-color: #ffffff;
3099 }
3100
3101 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper label.radio,
3102 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper label.radio,
3103 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper label.radio {
3104 display: -webkit-inline-box;
3105 display: -ms-inline-flexbox;
3106 display: inline-flex;
3107 position: absolute;
3108 margin: 0;
3109 padding: 6px 10px 0 0;
3110 color: #737373;
3111 font-size: 14px;
3112 font-style: normal;
3113 font-weight: normal;
3114 letter-spacing: normal;
3115 line-height: 1.14;
3116 text-align: right;
3117 font-stretch: normal;
3118 }
3119
3120 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .radio-group-wrapper span.radio-divider,
3121 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .radio-group-wrapper span.radio-divider,
3122 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .radio-group-wrapper span.radio-divider {
3123 display: block;
3124 margin: 0;
3125 padding: 0;
3126 }
3127
3128 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper .form-row-wide,
3129 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper .form-row-wide,
3130 #sellkit-checkout-widget-id .sellkit-checkout-widget-login-section .form-row-wide {
3131 clear: unset;
3132 }
3133
3134 @media only screen and (max-width: 600px) {
3135 #sellkit-checkout-widget-id .billing-desc {
3136 margin-bottom: 43px;
3137 line-height: 1.57;
3138 }
3139 #sellkit-checkout-widget-id .sellkit-one-page-checkout-payment-desc {
3140 margin-bottom: 23px;
3141 line-height: 1.57;
3142 }
3143 #sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper > div,
3144 #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper > div {
3145 display: inline-grid !important;
3146 -ms-flex-line-pack: center !important;
3147 align-content: center !important;
3148 width: 100%;
3149 margin: 0 !important;
3150 padding: 0 0 5px 0 !important;
3151 float: right;
3152 justify-items: end !important;
3153 }
3154 }
3155
3156 @media only screen and (max-width: 600px) {
3157 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-box {
3158 height: auto;
3159 padding-bottom: 15px;
3160 }
3161 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-methods {
3162 display: -webkit-box;
3163 display: -ms-flexbox;
3164 display: flex;
3165 -webkit-box-orient: vertical;
3166 -webkit-box-direction: normal;
3167 -ms-flex-direction: column;
3168 flex-direction: column;
3169 -ms-flex-wrap: wrap;
3170 flex-wrap: wrap;
3171 -ms-flex-line-pack: center;
3172 align-content: center;
3173 -webkit-box-align: center;
3174 -ms-flex-align: center;
3175 align-items: center;
3176 -webkit-box-pack: center;
3177 -ms-flex-pack: center;
3178 justify-content: center;
3179 padding-left: 17px;
3180 padding-right: 17px;
3181 row-gap: 7px;
3182 }
3183 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id .sellkit-checkout-widget-express-checkout .express-methods > div {
3184 display: -webkit-box;
3185 display: -ms-flexbox;
3186 display: flex;
3187 -webkit-box-orient: vertical;
3188 -webkit-box-direction: normal;
3189 -ms-flex-direction: column;
3190 flex-direction: column;
3191 -ms-flex-wrap: nowrap;
3192 flex-wrap: nowrap;
3193 -ms-flex-line-pack: center;
3194 align-content: center;
3195 -webkit-box-align: center;
3196 -ms-flex-align: center;
3197 align-items: center;
3198 -webkit-box-pack: center;
3199 -ms-flex-pack: center;
3200 justify-content: center;
3201 width: 100%;
3202 margin: 0;
3203 }
3204 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-shipping-fields__field-wrapper div,
3205 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .woocommerce-billing-fields__field-wrapper div {
3206 width: 100% !important;
3207 }
3208 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-shipping-methods .shipping-method-header {
3209 width: -webkit-max-content;
3210 width: -moz-max-content;
3211 width: max-content;
3212 margin-left: 0;
3213 }
3214 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form {
3215 display: -webkit-box;
3216 display: -ms-flexbox;
3217 display: flex;
3218 -webkit-box-orient: horizontal;
3219 -webkit-box-direction: normal;
3220 -ms-flex-direction: row;
3221 flex-direction: row;
3222 -ms-flex-wrap: wrap;
3223 flex-wrap: wrap;
3224 -ms-flex-line-pack: center;
3225 align-content: center;
3226 -webkit-box-align: center;
3227 -ms-flex-align: center;
3228 align-items: center;
3229 -webkit-box-pack: center;
3230 -ms-flex-pack: center;
3231 justify-content: center;
3232 width: 100%;
3233 margin: 0;
3234 row-gap: 8px;
3235 }
3236 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p {
3237 width: 100%;
3238 margin: 0;
3239 }
3240 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p input {
3241 width: 100%;
3242 }
3243 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form p .jx-apply-coupon {
3244 display: -webkit-inline-box;
3245 display: -ms-inline-flexbox;
3246 display: inline-flex;
3247 -webkit-box-orient: vertical;
3248 -webkit-box-direction: normal;
3249 -ms-flex-direction: column;
3250 flex-direction: column;
3251 -ms-flex-line-pack: center;
3252 align-content: center;
3253 -webkit-box-pack: center;
3254 -ms-flex-pack: center;
3255 justify-content: center;
3256 width: 100%;
3257 text-align: center;
3258 }
3259 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-normal-coupon-form {
3260 padding-bottom: 18px;
3261 }
3262 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form #order_review table tr.coupon-form .sellkit-custom-coupon-form-d-none {
3263 display: none;
3264 }
3265 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order button {
3266 width: 100%;
3267 }
3268 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill {
3269 width: 100% !important;
3270 }
3271 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill > button {
3272 max-width: 100% !important;
3273 }
3274 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill > button iframe {
3275 width: 100% !important;
3276 }
3277 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div {
3278 width: 100%;
3279 }
3280 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container {
3281 min-width: 100% !important;
3282 }
3283 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container > iframe {
3284 width: 240px;
3285 margin: auto;
3286 }
3287 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
3288 min-width: 100%;
3289 }
3290 .sellkit-checkout-widget-one-page-build #sellkit-checkout-widget-id form .sellkit-checkout-bundled-products .sellkit-head-row-title {
3291 width: 50%;
3292 }
3293 }
3294
3295 /* Minor mobile css to remove container gaps in both one step and multi step design. */
3296 @media only screen and (max-width: 600px) {
3297 .sellkit-checkout-widget-main-wrapper {
3298 width: 100vw;
3299 margin-left: calc(-50vw + 50%);
3300 margin-right: calc(-50vw + 50%);
3301 }
3302 .sellkit-checkout-widget-one-page-build {
3303 padding: 0 21px;
3304 }
3305 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-left-column {
3306 padding-left: 23px !important;
3307 padding-right: 23px !important;
3308 }
3309 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column {
3310 padding: 0 !important;
3311 }
3312 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile {
3313 padding-right: 26px !important;
3314 }
3315 .sellkit-checkout-bundled-products th:not(.sellkit-head-row-title) {
3316 width: 50px !important;
3317 }
3318 }
3319
3320 /* Mobile Style , style widget for less than 600px : multistep */
3321 @media only screen and (max-width: 600px) {
3322 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-desktop {
3323 display: none;
3324 }
3325 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile {
3326 display: -webkit-box;
3327 display: -ms-flexbox;
3328 display: flex;
3329 max-width: 100%;
3330 margin-top: 20px;
3331 margin-bottom: 20px;
3332 }
3333 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile span, .sellkit-checkout-widget-multi-page-build .sellkit-checkout-widget-breadcrumb-mobile i {
3334 margin-left: 13px;
3335 }
3336 .sellkit-checkout-widget-multi-page-build form .inner_wrapper {
3337 display: -webkit-box;
3338 display: -ms-flexbox;
3339 display: flex;
3340 -webkit-box-orient: vertical;
3341 -webkit-box-direction: normal;
3342 -ms-flex-direction: column;
3343 flex-direction: column;
3344 height: auto;
3345 }
3346 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column {
3347 -webkit-box-ordinal-group: 3;
3348 -ms-flex-order: 2;
3349 order: 2;
3350 width: 100%;
3351 }
3352 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column > div {
3353 width: 100%;
3354 padding-left: 0;
3355 padding-right: 0;
3356 border: none;
3357 }
3358 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 {
3359 margin-top: 9px;
3360 }
3361 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box {
3362 height: auto;
3363 padding-bottom: 17px;
3364 }
3365 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box .express-methods {
3366 display: -webkit-box;
3367 display: -ms-flexbox;
3368 display: flex;
3369 -webkit-box-orient: vertical;
3370 -webkit-box-direction: normal;
3371 -ms-flex-direction: column;
3372 flex-direction: column;
3373 -ms-flex-wrap: wrap;
3374 flex-wrap: wrap;
3375 -ms-flex-line-pack: center;
3376 align-content: center;
3377 -webkit-box-align: center;
3378 -ms-flex-align: center;
3379 align-items: center;
3380 -webkit-box-pack: center;
3381 -ms-flex-pack: center;
3382 justify-content: center;
3383 padding-left: 17px;
3384 padding-right: 17px;
3385 row-gap: 7px;
3386 }
3387 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-1 .express-box .express-methods > div {
3388 display: -webkit-box;
3389 display: -ms-flexbox;
3390 display: flex;
3391 -webkit-box-orient: vertical;
3392 -webkit-box-direction: normal;
3393 -ms-flex-direction: column;
3394 flex-direction: column;
3395 -ms-flex-line-pack: center;
3396 align-content: center;
3397 -webkit-box-align: center;
3398 -ms-flex-align: center;
3399 align-items: center;
3400 -webkit-box-pack: center;
3401 -ms-flex-pack: center;
3402 justify-content: center;
3403 width: 100%;
3404 margin: 0;
3405 }
3406 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-one-page-checkout-login {
3407 margin-bottom: 7px;
3408 }
3409 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column .sellkit-multistep-checkout-first .sellkit-checkout-express-checkout-step-2 {
3410 margin-top: -10px;
3411 margin-bottom: 17px;
3412 }
3413 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column {
3414 -webkit-box-ordinal-group: 2;
3415 -ms-flex-order: 1;
3416 order: 1;
3417 width: 100%;
3418 }
3419 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column > div {
3420 width: 100%;
3421 }
3422 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar-sticky {
3423 position: relative !important;
3424 }
3425 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order .sellkit-checkout-order-review-heading {
3426 margin-top: 15px !important;
3427 }
3428 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .cart_item .product-total {
3429 position: relative;
3430 }
3431 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .cart_item .product-total .woocommerce-Price-amount {
3432 position: absolute;
3433 top: 25px;
3434 left: 0;
3435 }
3436 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-checkout-collapsible {
3437 margin: 0;
3438 }
3439 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form {
3440 -webkit-box-orient: horizontal;
3441 -webkit-box-direction: normal;
3442 -ms-flex-direction: row;
3443 flex-direction: row;
3444 -ms-flex-wrap: wrap;
3445 flex-wrap: wrap;
3446 row-gap: 8px;
3447 }
3448 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p {
3449 width: 100%;
3450 margin: 0;
3451 padding: 0;
3452 }
3453 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p input {
3454 width: 100%;
3455 }
3456 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-custom-coupon-form p span {
3457 display: -webkit-box;
3458 display: -ms-flexbox;
3459 display: flex;
3460 -webkit-box-orient: horizontal;
3461 -webkit-box-direction: normal;
3462 -ms-flex-direction: row;
3463 flex-direction: row;
3464 -ms-flex-wrap: wrap;
3465 flex-wrap: wrap;
3466 -ms-flex-line-pack: center;
3467 align-content: center;
3468 -webkit-box-align: center;
3469 -ms-flex-align: center;
3470 align-items: center;
3471 -webkit-box-pack: center;
3472 -ms-flex-pack: center;
3473 justify-content: center;
3474 width: 100%;
3475 }
3476 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .coupon-form .sellkit-normal-coupon-form {
3477 margin-top: 9px;
3478 padding-bottom: 18px !important;
3479 }
3480 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper div,
3481 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper div {
3482 position: static;
3483 width: 100% !important;
3484 float: right;
3485 }
3486 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper > input,
3487 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
3488 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > input {
3489 width: 100% !important;
3490 }
3491 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar {
3492 position: relative;
3493 top: 0;
3494 -webkit-box-ordinal-group: 0;
3495 -ms-flex-order: -1;
3496 order: -1;
3497 margin-bottom: 2px;
3498 padding: 0px;
3499 border: solid 1px #e1e1e1;
3500 background-color: #fafafa;
3501 }
3502 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle {
3503 display: -webkit-box !important;
3504 display: -ms-flexbox !important;
3505 display: flex !important;
3506 -webkit-box-orient: horizontal;
3507 -webkit-box-direction: normal;
3508 -ms-flex-direction: row;
3509 flex-direction: row;
3510 -ms-flex-wrap: nowrap;
3511 flex-wrap: nowrap;
3512 -ms-flex-line-pack: center;
3513 align-content: center;
3514 -webkit-box-align: center;
3515 -ms-flex-align: center;
3516 align-items: center;
3517 -webkit-box-pack: start;
3518 -ms-flex-pack: start;
3519 justify-content: flex-start;
3520 height: 63px;
3521 border: solid 1px #e1e1e1;
3522 border-top: none;
3523 border-left: none;
3524 border-right: none;
3525 background-color: #fafafa;
3526 }
3527 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .icon .fa {
3528 height: 16px;
3529 margin: 2px 0 4px 0px;
3530 color: #007bff;
3531 }
3532 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .title {
3533 height: 16px;
3534 margin: 0 10px 0 5px;
3535 color: #007bff;
3536 font-size: 14px;
3537 font-style: normal;
3538 font-weight: normal;
3539 letter-spacing: normal;
3540 line-height: 1.14;
3541 text-align: right;
3542 cursor: pointer;
3543 font-stretch: normal;
3544 }
3545 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .summary_toggle .price {
3546 position: absolute;
3547 left: 22px;
3548 color: #323232;
3549 font-size: 18px;
3550 font-style: normal;
3551 font-weight: bold;
3552 letter-spacing: normal;
3553 line-height: 1.28;
3554 text-align: left;
3555 font-stretch: normal;
3556 }
3557 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order {
3558 padding-left: 21px;
3559 padding-right: 21px;
3560 clear: both;
3561 }
3562 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table {
3563 margin: 0;
3564 margin-top: 0 !important;
3565 background-color: transparent;
3566 border-collapse: initial !important;
3567 }
3568 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tr.last-cart-item td {
3569 padding-bottom: 11px !important;
3570 }
3571 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-name {
3572 display: -webkit-box;
3573 display: -ms-flexbox;
3574 display: flex;
3575 -webkit-box-orient: horizontal;
3576 -webkit-box-direction: normal;
3577 -ms-flex-direction: row;
3578 flex-direction: row;
3579 -webkit-box-align: center;
3580 -ms-flex-align: center;
3581 align-items: center;
3582 height: auto;
3583 padding: 0px;
3584 }
3585 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-total {
3586 padding: 0px;
3587 padding-top: 40px;
3588 text-align: left;
3589 }
3590 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-sidebar .sellkit-one-page-checkout-product-qty {
3591 padding-left: 0px;
3592 border: solid 1px rgba(0, 0, 0, 0.2);
3593 -webkit-box-shadow: none !important;
3594 box-shadow: none !important;
3595 }
3596 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first {
3597 padding-left: 21px;
3598 padding-right: 21px;
3599 }
3600 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first h4 {
3601 width: -webkit-max-content;
3602 width: -moz-max-content;
3603 width: max-content;
3604 }
3605 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer {
3606 display: -webkit-box;
3607 display: -ms-flexbox;
3608 display: flex;
3609 -webkit-box-orient: vertical;
3610 -webkit-box-direction: reverse;
3611 -ms-flex-direction: column-reverse;
3612 flex-direction: column-reverse;
3613 -ms-flex-wrap: wrap;
3614 flex-wrap: wrap;
3615 margin-top: -10px;
3616 padding-top: 0 !important;
3617 -webkit-column-gap: 25px;
3618 -moz-column-gap: 25px;
3619 column-gap: 25px;
3620 }
3621 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer span {
3622 width: 100%;
3623 margin: 0;
3624 text-align: center;
3625 }
3626 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer a {
3627 width: 100%;
3628 margin-top: 21px;
3629 text-align: center;
3630 }
3631 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-first .sellkit-multistep-checkout-first-footer .go-to-cart {
3632 margin-top: 18px;
3633 }
3634 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second {
3635 padding-left: 21px;
3636 padding-right: 21px;
3637 }
3638 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-header {
3639 height: auto !important;
3640 }
3641 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .shipping-method-header {
3642 margin: 0px !important;
3643 }
3644 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer {
3645 display: -webkit-box;
3646 display: -ms-flexbox;
3647 display: flex;
3648 -webkit-box-orient: vertical !important;
3649 -webkit-box-direction: reverse !important;
3650 -ms-flex-direction: column-reverse !important;
3651 flex-direction: column-reverse !important;
3652 -ms-flex-wrap: wrap;
3653 flex-wrap: wrap;
3654 -ms-flex-line-pack: center;
3655 align-content: center;
3656 -webkit-box-align: center;
3657 -ms-flex-align: center;
3658 align-items: center;
3659 -webkit-box-pack: center;
3660 -ms-flex-pack: center;
3661 justify-content: center;
3662 margin-top: -19px;
3663 row-gap: 3px;
3664 }
3665 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span {
3666 width: 100%;
3667 margin: 0;
3668 text-align: center;
3669 }
3670 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer span a {
3671 float: none;
3672 text-align: center;
3673 }
3674 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-second .sellkit-multistep-checkout-second-footer .go-to-first {
3675 margin-top: 23px;
3676 }
3677 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third {
3678 padding-left: 21px;
3679 padding-right: 21px;
3680 }
3681 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-multistep-checkout-third-header {
3682 height: auto !important;
3683 }
3684 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order {
3685 display: -webkit-box;
3686 display: -ms-flexbox;
3687 display: flex;
3688 -webkit-box-orient: vertical;
3689 -webkit-box-direction: reverse;
3690 -ms-flex-direction: column-reverse;
3691 flex-direction: column-reverse;
3692 margin-top: 23px;
3693 }
3694 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .go-to-second, .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order button {
3695 width: 100% !important;
3696 text-align: center;
3697 }
3698 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .go-to-second {
3699 margin-top: 23px;
3700 }
3701 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .gpay-card-info-container-fill button.gpay-card-info-container iframe {
3702 width: 100% !important;
3703 }
3704 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div {
3705 width: 100%;
3706 }
3707 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container {
3708 width: 100%;
3709 min-width: 100%;
3710 }
3711 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order > div button.gpay-card-info-container > iframe {
3712 width: 240px !important;
3713 margin: auto !important;
3714 }
3715 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-multistep-checkout-third .sellkit-one-page-checkout-place-order .wc-braintree-paypal-button-container .paypal-buttons {
3716 min-width: 100% !important;
3717 }
3718 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div {
3719 position: relative;
3720 }
3721 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > div {
3722 -webkit-box-orient: vertical !important;
3723 -webkit-box-direction: normal !important;
3724 -ms-flex-direction: column !important;
3725 flex-direction: column !important;
3726 width: 100%;
3727 padding: 12px 0px 12px 0;
3728 row-gap: 3px;
3729 }
3730 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > div > span {
3731 width: 100%;
3732 }
3733 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers > div > span {
3734 position: absolute;
3735 top: 13px;
3736 left: 1px;
3737 }
3738 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-a .title {
3739 width: 100% !important;
3740 color: #737373;
3741 font-size: 14px;
3742 font-style: normal;
3743 font-weight: normal;
3744 letter-spacing: normal;
3745 line-height: 1.14;
3746 text-align: right;
3747 font-stretch: normal;
3748 }
3749 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-a .mail {
3750 width: 100%;
3751 margin-left: auto;
3752 margin-right: 0px !important;
3753 padding-top: 5px;
3754 color: #323232;
3755 font-size: 14px;
3756 font-style: normal;
3757 font-weight: normal;
3758 letter-spacing: normal;
3759 line-height: 1.14;
3760 text-align: right;
3761 font-stretch: normal;
3762 }
3763 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-b .title {
3764 width: 100% !important;
3765 color: #737373;
3766 font-size: 14px;
3767 font-style: normal;
3768 font-weight: normal;
3769 letter-spacing: normal;
3770 line-height: 1.14;
3771 text-align: right;
3772 font-stretch: normal;
3773 }
3774 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-b .address {
3775 width: 100%;
3776 height: auto;
3777 margin-left: auto;
3778 margin-right: 0px !important;
3779 padding-top: 5px;
3780 color: #323232;
3781 font-size: 14px;
3782 font-style: normal;
3783 font-weight: normal;
3784 letter-spacing: normal;
3785 line-height: 1.14;
3786 text-align: right;
3787 font-stretch: normal;
3788 }
3789 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-c .title {
3790 width: 100% !important;
3791 color: #737373;
3792 font-size: 14px;
3793 font-style: normal;
3794 font-weight: normal;
3795 letter-spacing: normal;
3796 line-height: 1.14;
3797 text-align: right;
3798 font-stretch: normal;
3799 }
3800 .sellkit-checkout-widget-multi-page-build form .inner_wrapper .multistep-headers .info-c .method {
3801 -webkit-box-ordinal-group: 4;
3802 -ms-flex-order: 3;
3803 order: 3;
3804 width: 100%;
3805 height: auto;
3806 margin-left: auto;
3807 margin-right: 0px !important;
3808 padding-top: 5px;
3809 color: #323232;
3810 font-size: 14px;
3811 font-style: normal;
3812 font-weight: normal;
3813 letter-spacing: normal;
3814 line-height: 1.14;
3815 text-align: right;
3816 font-stretch: normal;
3817 }
3818 }
3819
3820 @media only screen and (max-width: 359px) {
3821 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile {
3822 padding-right: 10px !important;
3823 }
3824 .sellkit-checkout-widget-multi-page-build .sellkit-checkout-right-column .sellkit-checkout-widget-breadcrumb-mobile span {
3825 margin-left: 9px;
3826 }
3827 }
3828
3829 /************ Sellkit funnel steps checkout order bump ****/
3830 /**********************************************************/
3831 .sellkit-checkout-step-bump-wrapper {
3832 width: 100%;
3833 margin: 10px 0 10px 0;
3834 padding: 0 0 18px 0;
3835 border: 2px dashed #9e9e9e;
3836 }
3837
3838 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header {
3839 display: -webkit-box;
3840 display: -ms-flexbox;
3841 display: flex;
3842 -webkit-box-orient: horizontal;
3843 -webkit-box-direction: normal;
3844 -ms-flex-direction: row;
3845 flex-direction: row;
3846 -ms-flex-wrap: nowrap;
3847 flex-wrap: nowrap;
3848 -ms-flex-line-pack: center;
3849 align-content: center;
3850 -webkit-box-align: center;
3851 -ms-flex-align: center;
3852 align-items: center;
3853 -webkit-box-pack: justify;
3854 -ms-flex-pack: justify;
3855 justify-content: space-between;
3856 padding: 18px 16.1px 19px 26px;
3857 background-color: #fffe99;
3858 }
3859
3860 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header {
3861 display: -webkit-box;
3862 display: -ms-flexbox;
3863 display: flex;
3864 -webkit-box-orient: horizontal;
3865 -webkit-box-direction: normal;
3866 -ms-flex-direction: row;
3867 flex-direction: row;
3868 -ms-flex-wrap: nowrap;
3869 flex-wrap: nowrap;
3870 -ms-flex-line-pack: center;
3871 align-content: center;
3872 -webkit-box-align: center;
3873 -ms-flex-align: center;
3874 align-items: center;
3875 -webkit-box-pack: center;
3876 -ms-flex-pack: center;
3877 justify-content: center;
3878 -webkit-column-gap: 13px;
3879 -moz-column-gap: 13px;
3880 column-gap: 13px;
3881 }
3882
3883 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header input {
3884 min-width: 16px !important;
3885 min-height: 16px !important;
3886 -webkit-box-shadow: none !important;
3887 box-shadow: none !important;
3888 }
3889
3890 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-left-header .sellkit-checkout-order-bump-title {
3891 position: relative;
3892 right: -6px;
3893 margin: 0;
3894 color: #222;
3895 font-size: 16px;
3896 font-style: normal;
3897 font-weight: bold;
3898 letter-spacing: normal;
3899 line-height: 1.19;
3900 text-align: right;
3901 cursor: pointer;
3902 font-stretch: normal;
3903 }
3904
3905 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-right-header .sellkit-checkout-order-bump-price {
3906 display: -webkit-box;
3907 display: -ms-flexbox;
3908 display: flex;
3909 -webkit-box-orient: horizontal;
3910 -webkit-box-direction: normal;
3911 -ms-flex-direction: row;
3912 flex-direction: row;
3913 -ms-flex-wrap: nowrap;
3914 flex-wrap: nowrap;
3915 -ms-flex-line-pack: center;
3916 align-content: center;
3917 -webkit-box-align: center;
3918 -ms-flex-align: center;
3919 align-items: center;
3920 -webkit-box-pack: center;
3921 -ms-flex-pack: center;
3922 justify-content: center;
3923 -webkit-column-gap: 7px;
3924 -moz-column-gap: 7px;
3925 column-gap: 7px;
3926 color: #222 !important;
3927 font-size: 16px !important;
3928 font-style: normal;
3929 font-weight: normal;
3930 letter-spacing: normal !important;
3931 line-height: 1.19 !important;
3932 text-align: right;
3933 font-stretch: normal;
3934 }
3935
3936 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-header .sellkit-bump-order-right-header .sellkit-checkout-order-bump-price .bump-price-bolded {
3937 font-weight: bold;
3938 text-decoration: none !important;
3939 }
3940
3941 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body {
3942 display: -webkit-box;
3943 display: -ms-flexbox;
3944 display: flex;
3945 -webkit-box-orient: horizontal;
3946 -webkit-box-direction: normal;
3947 -ms-flex-direction: row;
3948 flex-direction: row;
3949 -ms-flex-wrap: nowrap;
3950 flex-wrap: nowrap;
3951 -ms-flex-line-pack: center;
3952 align-content: center;
3953 padding: 14px 18px 0px 16px;
3954 -webkit-column-gap: 22px;
3955 -moz-column-gap: 22px;
3956 column-gap: 22px;
3957 }
3958
3959 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-left-body {
3960 max-width: 120px;
3961 }
3962
3963 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-left-body img {
3964 max-width: 100%;
3965 height: auto;
3966 }
3967
3968 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-right-body {
3969 -webkit-box-flex: 1;
3970 -ms-flex-positive: 1;
3971 flex-grow: 1;
3972 }
3973
3974 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-bump-order-body .sellkit-bump-order-right-body .sellkit-bump-order-description {
3975 padding: 3px 0 0 0;
3976 color: #222;
3977 font-size: 14px;
3978 font-style: normal;
3979 font-weight: normal;
3980 letter-spacing: normal;
3981 line-height: 1.57;
3982 text-align: right;
3983 font-stretch: normal;
3984 }
3985
3986 .sellkit-bump-review-order .sellkit-checkout-order-bump-price {
3987 -webkit-box-orient: vertical !important;
3988 -webkit-box-direction: reverse !important;
3989 -ms-flex-direction: column-reverse !important;
3990 flex-direction: column-reverse !important;
3991 }
3992
3993 @media only screen and (max-width: 600px) {
3994 .sellkit-checkout-step-bump-wrapper .sellkit-checkout-order-bump-price {
3995 -webkit-box-orient: vertical !important;
3996 -webkit-box-direction: reverse !important;
3997 -ms-flex-direction: column-reverse !important;
3998 flex-direction: column-reverse !important;
3999 }
4000 }
4001
4002 /************ Integration with Third party plugins ********/
4003 /**********************************************************/
4004 #sellkit-checkout-widget-id {
4005 /** Googple pay button **/
4006 /** Paypal for woocommerc **/
4007 /** braintree plugin */
4008 /** stripe for woocommerce **/
4009 /** klarma checkout **/
4010 /** Amazon pay woocommerce **/
4011 /** Stripe woocommerce official **/
4012 }
4013
4014 #sellkit-checkout-widget-id .gpay-card-info-placeholder-container {
4015 height: 0px !important;
4016 margin: 0 !important;
4017 }
4018
4019 #sellkit-checkout-widget-id .gpay-card-info-placeholder-container * {
4020 height: 0px !important;
4021 }
4022
4023 #sellkit-checkout-widget-id .gpay-card-info-animation-container {
4024 position: absolute;
4025 bottom: 2px;
4026 }
4027
4028 #sellkit-checkout-widget-id #paypal_ec_button {
4029 width: 170px !important;
4030 max-width: 170px !important;
4031 }
4032
4033 #sellkit-checkout-widget-id #paypal_ec_button img {
4034 min-width: 170px;
4035 max-width: 170px;
4036 height: 40px;
4037 }
4038
4039 #sellkit-checkout-widget-id .wc-braintree-paypal-top-container {
4040 width: 170px;
4041 max-width: 170px;
4042 }
4043
4044 #sellkit-checkout-widget-id .wc-braintree-paypal-top-container .paypal-buttons {
4045 width: 170px;
4046 max-width: 170px;
4047 }
4048
4049 #sellkit-checkout-widget-id .wc-braintree-banner-gateway {
4050 width: 170px;
4051 max-width: 170px;
4052 }
4053
4054 #sellkit-checkout-widget-id .payment_method_braintree_googlepay img,
4055 #sellkit-checkout-widget-id .payment_method_braintree_applepay img,
4056 #sellkit-checkout-widget-id .payment_method_braintree_paypal img {
4057 position: absolute !important;
4058 left: 0px !important;
4059 }
4060
4061 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay {
4062 width: 170px !important;
4063 max-width: 170px !important;
4064 }
4065
4066 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div {
4067 width: 170px !important;
4068 max-width: 170px !important;
4069 height: 40px !important;
4070 }
4071
4072 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div button {
4073 width: 170px !important;
4074 min-width: 170px !important;
4075 max-width: 170px !important;
4076 }
4077
4078 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay > div button .gpay-card-info-placeholder-container {
4079 width: 170px !important;
4080 max-width: 170px !important;
4081 }
4082
4083 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_googlepay iframe {
4084 position: absolute;
4085 top: 0px;
4086 left: 30px;
4087 }
4088
4089 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_paypal {
4090 width: 170px !important;
4091 max-width: 170px !important;
4092 }
4093
4094 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_paypal > div {
4095 height: 40px !important;
4096 }
4097
4098 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay {
4099 display: none !important;
4100 }
4101
4102 #sellkit-checkout-widget-id .sellkit-stripe-integration ul {
4103 display: -webkit-box;
4104 display: -ms-flexbox;
4105 display: flex;
4106 -webkit-box-orient: horizontal;
4107 -webkit-box-direction: normal;
4108 -ms-flex-direction: row;
4109 flex-direction: row;
4110 -ms-flex-wrap: nowrap;
4111 flex-wrap: nowrap;
4112 height: inherit;
4113 margin: 0;
4114 padding: 0;
4115 list-style: none;
4116 }
4117
4118 #sellkit-checkout-widget-id .sellkit-stripe-integration {
4119 width: 170px !important;
4120 max-width: 170px !important;
4121 }
4122
4123 #sellkit-checkout-widget-id .sellkit-stripe-integration ul {
4124 display: contents;
4125 }
4126
4127 #sellkit-checkout-widget-id .sellkit-stripe-integration ul li {
4128 display: inline-block;
4129 }
4130
4131 #sellkit-checkout-widget-id .sellkit-stripe-integration ul li > div {
4132 height: 40px !important;
4133 }
4134
4135 #sellkit-checkout-widget-id .payment_method_stripe_applepay img,
4136 #sellkit-checkout-widget-id .payment_method_stripe_googlepay img,
4137 #sellkit-checkout-widget-id .payment_method_stripe_alipay img {
4138 position: absolute !important;
4139 left: 0px !important;
4140 }
4141
4142 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway div button {
4143 width: 170px !important;
4144 min-width: 170px;
4145 max-width: 170px !important;
4146 }
4147
4148 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway div button .gpay-card-info-placeholder-container {
4149 width: 170px !important;
4150 max-width: 170px !important;
4151 }
4152
4153 #sellkit-checkout-widget-id .wc-stripe-checkout-banner-gateway iframe {
4154 position: absolute;
4155 top: 0px;
4156 left: 30px;
4157 }
4158
4159 #sellkit-checkout-widget-id .sellkit-klarna-pay-button {
4160 width: 170px !important;
4161 max-width: 170px !important;
4162 padding: 7px 15px;
4163 border-radius: 5px;
4164 background-color: #FBB3C7;
4165 text-align: center;
4166 cursor: pointer;
4167 }
4168
4169 #sellkit-checkout-widget-id .sellkit-klarna-pay-button span {
4170 display: -webkit-box;
4171 display: -ms-flexbox;
4172 display: flex;
4173 -webkit-box-orient: horizontal;
4174 -webkit-box-direction: normal;
4175 -ms-flex-direction: row;
4176 flex-direction: row;
4177 -ms-flex-wrap: nowrap;
4178 flex-wrap: nowrap;
4179 -ms-flex-line-pack: center;
4180 align-content: center;
4181 -webkit-box-align: center;
4182 -ms-flex-align: center;
4183 align-items: center;
4184 -webkit-box-pack: center;
4185 -ms-flex-pack: center;
4186 justify-content: center;
4187 text-align: center;
4188 }
4189
4190 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce {
4191 display: inline-grid;
4192 margin: 3px 0 0 0;
4193 }
4194
4195 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce div {
4196 width: 170px !important;
4197 min-width: 170px !important;
4198 max-width: 170px !important;
4199 min-height: 40px !important;
4200 }
4201
4202 #sellkit-checkout-widget-id .sellkit-amazon-pay-woocommerce div img {
4203 display: none !important;
4204 }
4205
4206 #sellkit-checkout-widget-id .sellkit-stripe-woocommerce-official-integration {
4207 max-width: 170px !important;
4208 }
4209
4210 /** Safari +10 **/
4211 @media not all and (min-resolution: 0.001dpcm) {
4212 @supports (-webkit-appearance: none) and (stroke-color: transparent) {
4213 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay {
4214 display: -webkit-box !important;
4215 display: -ms-flexbox !important;
4216 display: flex !important;
4217 min-width: 170px !important;
4218 }
4219 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay .applepay-top-container {
4220 width: 170px !important;
4221 min-width: 170px !important;
4222 }
4223 #sellkit-checkout-widget-id .wc_braintree_banner_gateway_braintree_applepay:first-child {
4224 min-width: 170px;
4225 }
4226 }
4227 }
4228
4229 form.sellkit-optin {
4230 -webkit-margin-after: 0;
4231 margin-block-end: 0;
4232 }
4233
4234 form.sellkit-optin .sellkit-field-label {
4235 margin-bottom: .5rem;
4236 color: #55595c;
4237 font-weight: 400;
4238 line-height: 1.3;
4239 }
4240
4241 form.sellkit-optin .sellkit-field-invalid input, form.sellkit-optin .sellkit-field-invalid textarea {
4242 border-color: #d9534f;
4243 }
4244
4245 .label-required-mark-show form.sellkit-optin .required-mark-label::after {
4246 position: relative;
4247 right: -2px;
4248 color: #d9534f;
4249 content: '*';
4250 }
4251
4252 form.sellkit-optin .sellkit-field {
4253 width: 100%;
4254 margin-bottom: 0;
4255 padding: .6rem .7rem;
4256 -webkit-transition: all 0.3s ease-in-out;
4257 transition: all 0.3s ease-in-out;
4258 border: none;
4259 border-width: 1px;
4260 color: #55595c;
4261 font-size: 1rem;
4262 line-height: unset;
4263 }
4264
4265 form.sellkit-optin .sellkit-field::-webkit-input-placeholder {
4266 color: #818a91;
4267 }
4268
4269 form.sellkit-optin .sellkit-field::-moz-placeholder {
4270 color: #818a91;
4271 }
4272
4273 form.sellkit-optin .sellkit-field::-ms-input-placeholder {
4274 color: #818a91;
4275 }
4276
4277 form.sellkit-optin .sellkit-field::placeholder {
4278 color: #818a91;
4279 }
4280
4281 form.sellkit-optin .sellkit-field:focus {
4282 border: none;
4283 border-width: 1px;
4284 outline: 0;
4285 }
4286
4287 form.sellkit-optin .sellkit-field-group {
4288 width: var(--sellkit-field-width-desktop, 100%);
4289 height: -webkit-max-content;
4290 height: -moz-max-content;
4291 height: max-content;
4292 }
4293
4294 body[data-elementor-device-mode="mobile"] form.sellkit-optin .sellkit-field-group {
4295 width: var(--sellkit-field-width-mobile, var(--sellkit-field-width-desktop, 100%));
4296 }
4297
4298 body[data-elementor-device-mode="mobile_extra"] form.sellkit-optin .sellkit-field-group {
4299 width: var(--sellkit-field-width-mobile_extra, var(--sellkit-field-width-desktop, 100%));
4300 }
4301
4302 body[data-elementor-device-mode="tablet"] form.sellkit-optin .sellkit-field-group {
4303 width: var(--sellkit-field-width-tablet, var(--sellkit-field-width-desktop, 100%));
4304 }
4305
4306 body[data-elementor-device-mode="tablet_extra"] form.sellkit-optin .sellkit-field-group {
4307 width: var(--sellkit-field-width-tablet_extra, var(--sellkit-field-width-desktop, 100%));
4308 }
4309
4310 body[data-elementor-device-mode="laptop"] form.sellkit-optin .sellkit-field-group {
4311 width: var(--sellkit-field-width-laptop, var(--sellkit-field-width-desktop, 100%));
4312 }
4313
4314 body[data-elementor-device-mode="widescreen"] form.sellkit-optin .sellkit-field-group {
4315 width: var(--sellkit-field-width-widescreen, var(--sellkit-field-width-desktop, 100%));
4316 }
4317
4318 form.sellkit-optin .sellkit-field-subgroup {
4319 position: relative;
4320 width: 100%;
4321 }
4322
4323 form.sellkit-optin .sellkit-field-subgroup .sellkit-field-label {
4324 margin-bottom: 0;
4325 }
4326
4327 form.sellkit-optin .sellkit-field-subgroup.sellkit-subgroup-inline .sellkit-field-option {
4328 display: inline-block;
4329 margin-left: 10px;
4330 vertical-align: middle;
4331 }
4332
4333 form.sellkit-optin .sellkit-field-subgroup .sellkit-field-option {
4334 display: block;
4335 }
4336
4337 form.sellkit-optin .sellkit-optin-text {
4338 margin-top: .3rem;
4339 color: #d9534f;
4340 }
4341
4342 form.sellkit-optin .sellkit-field-type-select select.sellkit-field {
4343 background-color: #fff;
4344 background-image: none;
4345 -webkit-appearance: none;
4346 -moz-appearance: none;
4347 appearance: none;
4348 }
4349
4350 form.sellkit-optin .sellkit-field-type-select .sellkit-field-select-arrow {
4351 display: -webkit-box;
4352 display: -ms-flexbox;
4353 display: flex;
4354 position: absolute;
4355 top: 50%;
4356 -webkit-box-align: center;
4357 -ms-flex-align: center;
4358 align-items: center;
4359 -webkit-box-pack: center;
4360 -ms-flex-pack: center;
4361 justify-content: center;
4362 -webkit-transform: translateY(-50%);
4363 transform: translateY(-50%);
4364 pointer-events: none;
4365 }
4366
4367 form.sellkit-optin .sellkit-field-type-select svg {
4368 width: 18px;
4369 height: 18px;
4370 }
4371
4372 form.sellkit-optin .sellkit-field-type-radio .sellkit-field,
4373 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field,
4374 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field {
4375 position: absolute;
4376 right: -9999px;
4377 }
4378
4379 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label,
4380 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label,
4381 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label {
4382 display: inline-block;
4383 position: relative;
4384 padding-right: 26px;
4385 line-height: 20px;
4386 cursor: pointer;
4387 }
4388
4389 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label:before,
4390 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:before,
4391 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:before {
4392 position: absolute;
4393 top: 0;
4394 right: 0;
4395 width: 18px;
4396 height: 18px;
4397 -webkit-transition: all 0.2s ease;
4398 transition: all 0.2s ease;
4399 border: none;
4400 border-width: 1px;
4401 border-radius: 100%;
4402 background: #fff;
4403 content: '';
4404 }
4405
4406 form.sellkit-optin .sellkit-field-type-radio .sellkit-field + label:after,
4407 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:after,
4408 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:after {
4409 position: absolute;
4410 top: 4px;
4411 right: 4px;
4412 width: 10px;
4413 height: 10px;
4414 -webkit-transition: all 0.2s ease;
4415 transition: all 0.2s ease;
4416 border-radius: 100%;
4417 background: #55595c;
4418 content: '';
4419 }
4420
4421 form.sellkit-optin .sellkit-field-type-radio .sellkit-field:not(:checked) + label:after,
4422 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field:not(:checked) + label:after,
4423 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field:not(:checked) + label:after {
4424 -webkit-transform: scale(0);
4425 transform: scale(0);
4426 opacity: 0;
4427 }
4428
4429 form.sellkit-optin .sellkit-field-type-radio .sellkit-field:checked + label:after,
4430 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field:checked + label:after,
4431 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field:checked + label:after {
4432 -webkit-transform: scale(1);
4433 transform: scale(1);
4434 opacity: 1;
4435 }
4436
4437 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:before,
4438 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:before {
4439 border-radius: 3px;
4440 }
4441
4442 form.sellkit-optin .sellkit-field-type-checkbox .sellkit-field + label:after,
4443 form.sellkit-optin .sellkit-field-type-acceptance .sellkit-field + label:after {
4444 border-radius: 1px;
4445 }
4446
4447 form.sellkit-optin .sellkit-field-type-hidden {
4448 display: none;
4449 }
4450
4451 form.sellkit-optin .sellkit-field-type-submit-button {
4452 gap: 10px;
4453 }
4454
4455 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4456 display: -webkit-box;
4457 display: -ms-flexbox;
4458 display: flex;
4459 -webkit-box-align: center;
4460 -ms-flex-align: center;
4461 align-items: center;
4462 -webkit-box-pack: center;
4463 -ms-flex-pack: center;
4464 justify-content: center;
4465 margin-bottom: 0;
4466 padding: .67rem 1.2rem;
4467 -webkit-transition: all 0.5s;
4468 transition: all 0.5s;
4469 border: none;
4470 border-width: 1px;
4471 border-radius: 3px;
4472 background-color: #2ecc71;
4473 color: #fff;
4474 font-size: .9rem;
4475 font-weight: bold;
4476 }
4477
4478 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button:hover {
4479 border: none;
4480 border-width: 1px;
4481 background-color: #54d98c;
4482 cursor: pointer;
4483 }
4484
4485 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button:focus {
4486 outline: 0;
4487 }
4488
4489 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button svg {
4490 width: 16px;
4491 height: 16px;
4492 }
4493
4494 form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button div.sellkit-submit-button-texts {
4495 display: -webkit-box;
4496 display: -ms-flexbox;
4497 display: flex;
4498 -webkit-box-orient: vertical;
4499 -webkit-box-direction: normal;
4500 -ms-flex-direction: column;
4501 flex-direction: column;
4502 -webkit-box-align: center;
4503 -ms-flex-align: center;
4504 align-items: center;
4505 -webkit-box-pack: center;
4506 -ms-flex-pack: center;
4507 justify-content: center;
4508 }
4509
4510 .sellkit-optin-button-icon-right form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4511 -webkit-box-orient: horizontal;
4512 -webkit-box-direction: reverse;
4513 -ms-flex-direction: row-reverse;
4514 flex-direction: row-reverse;
4515 }
4516
4517 .sellkit-optin-button-icon-left form.sellkit-optin .sellkit-field-type-submit-button .sellkit-submit-button {
4518 -webkit-box-orient: horizontal;
4519 -webkit-box-direction: normal;
4520 -ms-flex-direction: row;
4521 flex-direction: row;
4522 }
4523
4524 .sellkit-optin-response {
4525 margin-top: .7rem;
4526 color: #d9534f;
4527 }
4528
4529 .sellkit-optin-success .sellkit-optin-response {
4530 color: #2ecc71;
4531 }
4532
4533 .flatpickr-innerContainer {
4534 padding: 13px;
4535 }
4536
4537 .sellkit-optin-admin-alert {
4538 position: relative;
4539 padding: 15px;
4540 border-right: 7px solid transparent;
4541 border-color: #f7e68f;
4542 background-color: #fff5c2;
4543 color: #8a6d3b;
4544 font-size: 13px;
4545 line-height: 1.5;
4546 text-align: start;
4547 }
4548
4549 .sellkit-optin-admin-alert .title {
4550 display: block;
4551 font-weight: bold;
4552 }
4553
4554 .sellkit-optin-admin-alert .description {
4555 font-size: 13px;
4556 }
4557
4558 /* ========================================================================
4559 Component: Flex
4560 ========================================================================== */
4561 .sellkit-flex {
4562 display: -webkit-box;
4563 display: -ms-flexbox;
4564 display: flex;
4565 }
4566
4567 .sellkit-flex-inline {
4568 display: -webkit-inline-box;
4569 display: -ms-inline-flexbox;
4570 display: inline-flex;
4571 }
4572
4573 /*
4574 * Remove pseudo elements created by micro clearfix as precaution
4575 */
4576 .sellkit-flex::before,
4577 .sellkit-flex::after,
4578 .sellkit-flex-inline::before,
4579 .sellkit-flex-inline::after {
4580 display: none;
4581 }
4582
4583 /* Alignment
4584 ========================================================================== */
4585 /*
4586 * Align items along the main axis of the current line of the flex container
4587 * Row: Horizontal
4588 */
4589 .sellkit-flex-left {
4590 -webkit-box-pack: start;
4591 -ms-flex-pack: start;
4592 justify-content: flex-start;
4593 }
4594
4595 .sellkit-flex-center {
4596 -webkit-box-pack: center;
4597 -ms-flex-pack: center;
4598 justify-content: center;
4599 }
4600
4601 .sellkit-flex-right {
4602 -webkit-box-pack: end;
4603 -ms-flex-pack: end;
4604 justify-content: flex-end;
4605 }
4606
4607 .sellkit-flex-between {
4608 -webkit-box-pack: justify;
4609 -ms-flex-pack: justify;
4610 justify-content: space-between;
4611 }
4612
4613 .sellkit-flex-around {
4614 -ms-flex-pack: distribute;
4615 justify-content: space-around;
4616 }
4617
4618 /* Tablet landscape and bigger */
4619 @media (max-width: 1024px) {
4620 .sellkit-flex-left\@m {
4621 -webkit-box-pack: start;
4622 -ms-flex-pack: start;
4623 justify-content: flex-start;
4624 }
4625 .sellkit-flex-center\@m {
4626 -webkit-box-pack: center;
4627 -ms-flex-pack: center;
4628 justify-content: center;
4629 }
4630 .sellkit-flex-right\@m {
4631 -webkit-box-pack: end;
4632 -ms-flex-pack: end;
4633 justify-content: flex-end;
4634 }
4635 .sellkit-flex-between\@m {
4636 -webkit-box-pack: justify;
4637 -ms-flex-pack: justify;
4638 justify-content: space-between;
4639 }
4640 .sellkit-flex-around\@m {
4641 -ms-flex-pack: distribute;
4642 justify-content: space-around;
4643 }
4644 }
4645
4646 /* Phone landscape and bigger */
4647 @media (max-width: 479px) {
4648 .sellkit-flex-left\@s {
4649 -webkit-box-pack: start;
4650 -ms-flex-pack: start;
4651 justify-content: flex-start;
4652 }
4653 .sellkit-flex-center\@s {
4654 -webkit-box-pack: center;
4655 -ms-flex-pack: center;
4656 justify-content: center;
4657 }
4658 .sellkit-flex-right\@s {
4659 -webkit-box-pack: end;
4660 -ms-flex-pack: end;
4661 justify-content: flex-end;
4662 }
4663 .sellkit-flex-between\@s {
4664 -webkit-box-pack: justify;
4665 -ms-flex-pack: justify;
4666 justify-content: space-between;
4667 }
4668 .sellkit-flex-around\@s {
4669 -ms-flex-pack: distribute;
4670 justify-content: space-around;
4671 }
4672 }
4673
4674 /* Desktop and bigger */
4675 @media (min-width: 1025px) {
4676 .sellkit-flex-left\@l {
4677 -webkit-box-pack: start;
4678 -ms-flex-pack: start;
4679 justify-content: flex-start;
4680 }
4681 .sellkit-flex-center\@l {
4682 -webkit-box-pack: center;
4683 -ms-flex-pack: center;
4684 justify-content: center;
4685 }
4686 .sellkit-flex-right\@l {
4687 -webkit-box-pack: end;
4688 -ms-flex-pack: end;
4689 justify-content: flex-end;
4690 }
4691 .sellkit-flex-between\@l {
4692 -webkit-box-pack: justify;
4693 -ms-flex-pack: justify;
4694 justify-content: space-between;
4695 }
4696 .sellkit-flex-around\@l {
4697 -ms-flex-pack: distribute;
4698 justify-content: space-around;
4699 }
4700 }
4701
4702 /* Large screen and bigger */
4703 @media (min-width: 1440px) {
4704 .sellkit-flex-left\@xl {
4705 -webkit-box-pack: start;
4706 -ms-flex-pack: start;
4707 justify-content: flex-start;
4708 }
4709 .sellkit-flex-center\@xl {
4710 -webkit-box-pack: center;
4711 -ms-flex-pack: center;
4712 justify-content: center;
4713 }
4714 .sellkit-flex-right\@xl {
4715 -webkit-box-pack: end;
4716 -ms-flex-pack: end;
4717 justify-content: flex-end;
4718 }
4719 .sellkit-flex-between\@xl {
4720 -webkit-box-pack: justify;
4721 -ms-flex-pack: justify;
4722 justify-content: space-between;
4723 }
4724 .sellkit-flex-around\@xl {
4725 -ms-flex-pack: distribute;
4726 justify-content: space-around;
4727 }
4728 }
4729
4730 /*
4731 * Align items in the cross axis of the current line of the flex container
4732 * Row: Vertical
4733 */
4734 .sellkit-flex-stretch {
4735 -webkit-box-align: stretch;
4736 -ms-flex-align: stretch;
4737 align-items: stretch;
4738 }
4739
4740 .sellkit-flex-top {
4741 -webkit-box-align: start;
4742 -ms-flex-align: start;
4743 align-items: flex-start;
4744 }
4745
4746 .sellkit-flex-middle {
4747 -webkit-box-align: center;
4748 -ms-flex-align: center;
4749 align-items: center;
4750 }
4751
4752 .sellkit-flex-bottom {
4753 -webkit-box-align: end;
4754 -ms-flex-align: end;
4755 align-items: flex-end;
4756 }
4757
4758 /* Direction
4759 ========================================================================== */
4760 .sellkit-flex-row {
4761 -webkit-box-orient: horizontal;
4762 -webkit-box-direction: normal;
4763 -ms-flex-direction: row;
4764 flex-direction: row;
4765 }
4766
4767 .sellkit-flex-row-reverse {
4768 -webkit-box-orient: horizontal;
4769 -webkit-box-direction: reverse;
4770 -ms-flex-direction: row-reverse;
4771 flex-direction: row-reverse;
4772 }
4773
4774 .sellkit-flex-column {
4775 -webkit-box-orient: vertical;
4776 -webkit-box-direction: normal;
4777 -ms-flex-direction: column;
4778 flex-direction: column;
4779 }
4780
4781 .sellkit-flex-column-reverse {
4782 -webkit-box-orient: vertical;
4783 -webkit-box-direction: reverse;
4784 -ms-flex-direction: column-reverse;
4785 flex-direction: column-reverse;
4786 }
4787
4788 /* Wrap
4789 ========================================================================== */
4790 .sellkit-flex-nowrap {
4791 -ms-flex-wrap: nowrap;
4792 flex-wrap: nowrap;
4793 }
4794
4795 .sellkit-flex-wrap {
4796 -ms-flex-wrap: wrap;
4797 flex-wrap: wrap;
4798 }
4799
4800 .sellkit-flex-wrap-reverse {
4801 -ms-flex-wrap: wrap-reverse;
4802 flex-wrap: wrap-reverse;
4803 }
4804
4805 /*
4806 * Aligns items within the flex container when there is extra space in the cross-axis
4807 * Only works if there is more than one line of flex items
4808 */
4809 .sellkit-flex-wrap-stretch {
4810 -ms-flex-line-pack: stretch;
4811 align-content: stretch;
4812 }
4813
4814 .sellkit-flex-wrap-top {
4815 -ms-flex-line-pack: start;
4816 align-content: flex-start;
4817 }
4818
4819 .sellkit-flex-wrap-middle {
4820 -ms-flex-line-pack: center;
4821 align-content: center;
4822 }
4823
4824 .sellkit-flex-wrap-bottom {
4825 -ms-flex-line-pack: end;
4826 align-content: flex-end;
4827 }
4828
4829 .sellkit-flex-wrap-between {
4830 -ms-flex-line-pack: justify;
4831 align-content: space-between;
4832 }
4833
4834 .sellkit-flex-wrap-around {
4835 -ms-flex-line-pack: distribute;
4836 align-content: space-around;
4837 }
4838
4839 /* Item ordering
4840 ========================================================================== */
4841 /*
4842 * Default is 0
4843 */
4844 .sellkit-flex-first {
4845 -webkit-box-ordinal-group: 0;
4846 -ms-flex-order: -1;
4847 order: -1;
4848 }
4849
4850 .sellkit-flex-last {
4851 -webkit-box-ordinal-group: 100;
4852 -ms-flex-order: 99;
4853 order: 99;
4854 }
4855
4856 /* Phone landscape and bigger */
4857 @media (min-width: 480px) {
4858 .sellkit-flex-first\@s {
4859 -webkit-box-ordinal-group: 0;
4860 -ms-flex-order: -1;
4861 order: -1;
4862 }
4863 .sellkit-flex-last\@s {
4864 -webkit-box-ordinal-group: 100;
4865 -ms-flex-order: 99;
4866 order: 99;
4867 }
4868 }
4869
4870 /* Tablet landscape and bigger */
4871 @media (min-width: 768px) {
4872 .sellkit-flex-first\@m {
4873 -webkit-box-ordinal-group: 0;
4874 -ms-flex-order: -1;
4875 order: -1;
4876 }
4877 .sellkit-flex-last\@m {
4878 -webkit-box-ordinal-group: 100;
4879 -ms-flex-order: 99;
4880 order: 99;
4881 }
4882 }
4883
4884 /* Desktop and bigger */
4885 @media (min-width: 1025px) {
4886 .sellkit-flex-first\@l {
4887 -webkit-box-ordinal-group: 0;
4888 -ms-flex-order: -1;
4889 order: -1;
4890 }
4891 .sellkit-flex-last\@l {
4892 -webkit-box-ordinal-group: 100;
4893 -ms-flex-order: 99;
4894 order: 99;
4895 }
4896 }
4897
4898 /* Large screen and bigger */
4899 @media (min-width: 1440px) {
4900 .sellkit-flex-first\@xl {
4901 -webkit-box-ordinal-group: 0;
4902 -ms-flex-order: -1;
4903 order: -1;
4904 }
4905 .sellkit-flex-last\@xl {
4906 -webkit-box-ordinal-group: 100;
4907 -ms-flex-order: 99;
4908 order: 99;
4909 }
4910 }
4911
4912 /* Item dimensions
4913 ========================================================================== */
4914 /*
4915 * Initial: 0 1 auto
4916 * Content dimensions, but shrinks
4917 */
4918 /*
4919 * No Flex: 0 0 auto
4920 * Content dimensions
4921 */
4922 .sellkit-flex-none {
4923 -webkit-box-flex: 0;
4924 -ms-flex: none;
4925 flex: none;
4926 }
4927
4928 /*
4929 * Relative Flex: 1 1 auto
4930 * Space is allocated considering content
4931 */
4932 .sellkit-flex-auto {
4933 -webkit-box-flex: 1;
4934 -ms-flex: auto;
4935 flex: auto;
4936 }
4937
4938 /*
4939 * Absolute Flex: 1 1 0%
4940 * Space is allocated solely based on flex
4941 */
4942 .sellkit-flex-1 {
4943 -webkit-box-flex: 1;
4944 -ms-flex: 1;
4945 flex: 1;
4946 }
4947