PluginProbe
Welcart e-Commerce / 2.12.3
Welcart e-Commerce v2.12.3
2.12.3 2.11.35 2.12.2 2.12.1 2.11.34 2.11.33 2.11.32 2.11.31 2.11.30 1.3.16 1.3.17 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 1.3.8 1.3.9 1.4.0 1.4.1 1.4.10 1.4.11 1.4.12 1.4.13 All 291 releases
usc-e-shop / css / usces_admin.css

usces_admin.css in Welcart e-Commerce 2.12.3, at css/usces_admin.css

3,411 lines 76.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "utf-8";
2
3 .clearfix::before,
4 .clearfix::after {
5 content: "";
6 display: table;
7 table-layout: fixed;
8 }
9
10 .clearfix::after {
11 clear: both;
12 }
13
14 .clearfix {
15 *zoom: 1;
16 }
17
18 div.error_message {
19 color: #f00;
20 }
21
22 .usces_admin {
23 width: 100%;
24 color: #444;
25 }
26
27 .usces_admin hr {
28 height: 1px;
29 border: none;
30 background-color: #ddd;
31 }
32
33 .usces_admin .upButton {
34 width: 104px;
35 height: 30px;
36 margin-top: 1px;
37 padding-top: 0;
38 border: none;
39 background: url(../images/up_button_bg.jpg) no-repeat left top;
40 color: #666;
41 font-size: 13px;
42 line-height: 26px;
43 text-align: center;
44 cursor: pointer;
45 }
46
47 .usces_admin .delCartButton,
48 .usces_admin .delCartButton:hover,
49 .usces_admin .delCartButton:active,
50 .usces_admin .delCartButton:focus {
51 color: #f00;
52 }
53
54 .usces_admin #refbutton {
55 text-align: right;
56 }
57
58 .usces_admin_right {
59 width: 290px;
60 float: right;
61 }
62
63 .usces_admin_right h5 {
64 margin: 6px 0 1px;
65 padding: 0;
66 color: #666;
67 }
68
69 .usces_side_box {
70 margin-bottom: 10px;
71 padding: 5px;
72 border-top: #dcddbb 1px solid;
73 border-right: #f1f2d5 1px solid;
74 border-bottom: #fff 1px solid;
75 border-left: #ccc 1px solid;
76 background-color: #ffe;
77 }
78
79 .usces_side_box .urlBox {
80 padding-top: 2px;
81 padding-right: 5px;
82 padding-bottom: 3px;
83 padding-left: 5px;
84 border: 1px solid #ccc;
85 background-color: #fff;
86 text-align: left;
87 }
88
89 .usces_side_box hr {
90 width: 90%;
91 height: 1px;
92 margin-top: 10px;
93 margin-bottom: 10px;
94 color: #8aace7;
95 }
96
97 .usces_side_box .dispmode {
98 padding-top: 2px;
99 padding-right: 5px;
100 padding-bottom: 3px;
101 padding-left: 5px;
102 border: 1px solid #ccc;
103 font-weight: bold;
104 text-align: center;
105 }
106
107 .usces_side_box .Usualsale {
108 background-color: #d6eaac;
109 color: #360;
110 }
111
112 .usces_side_box .Promotionsale {
113 background-color: #ffe1b5;
114 color: #c47500;
115 }
116
117 .usces_side_box .Maintenancemode {
118 background-color: #def0fe;
119 color: #33f;
120 }
121
122 .usces_admin_left {
123 margin-right: 310px;
124 }
125
126 .usces_admin_left h4 {
127 margin-top: 10px;
128 margin-bottom: 3px;
129 color: #555;
130 font-size: 15px;
131 }
132
133 .usces_admin_left .usces_box {
134 width: auto;
135 margin-bottom: 20px;
136 padding: 0;
137 border: 1px solid #ccc;
138 }
139
140 * html .usces_admin_left .usces_box {
141 height: 1px;
142 }
143
144 .usces_admin form {
145 margin: 0;
146 padding: 0;
147 }
148
149 .usces_admin .version_info {
150 margin-top: 0;
151 padding-top: 0;
152 }
153
154 .usces_admin a {
155 line-height: 1.4em;
156 text-decoration: none;
157 }
158
159 .usces_admin a:visited {
160 color: #318999;
161 }
162
163 .usces_admin h3 {
164 margin-top: 5px;
165 margin-bottom: 5px;
166 color: #555;
167 }
168
169 /*.usces_admin .button {
170 background-color: #FFFFFF;
171 border: 1px solid #999999;
172 height: 2em;
173 }*/
174
175 /*.usces_admin .success img,
176 .usces_admin .caution img,
177 .usces_admin .error img {*/
178 #aniboxStatus img {
179 width: 24px;
180 height: 24px;
181 margin-top: 1px;
182 margin-right: 0;
183 margin-bottom: 0;
184 margin-left: 6px;
185 padding: 0;
186 float: left;
187 }
188
189 /*.usces_admin .none img{*/
190 #aniboxStatus .none img {
191 display: none;
192 visibility: hidden;
193 width: 1px;
194 }
195
196 /*.usces_admin .none .mes{*/
197 #aniboxStatus .none .mes {
198 display: none;
199 visibility: hidden;
200 width: 1px;
201 }
202
203 /*.usces_admin .none{*/
204 #aniboxStatus .none {
205 visibility: hidden;
206 height: 1px;
207 border: 1px solid #fff;
208 background-color: #fff;
209
210 /*display: none;*/
211 }
212
213 /*.usces_admin .success {*/
214 #aniboxStatus .success {
215 display: block;
216 margin-bottom: 10px;
217 padding: 0;
218 border: 1px solid #9cc;
219 background-color: #ff0;
220 color: #390;
221 }
222
223 /*.usces_admin .caution {*/
224 #aniboxStatus .caution {
225 display: block;
226 margin-bottom: 10px;
227 padding: 0;
228 border: 1px solid #fc0;
229 background-color: #ff0;
230 color: #c60;
231 }
232
233 /*.usces_admin .error {*/
234 #aniboxStatus .error {
235 display: block;
236 margin-bottom: 10px;
237 margin-left: 10px;
238 padding: 0;
239 border: 1px solid #ff6a6a;
240 background-color: #ff0;
241 color: #f00;
242 }
243
244 /*.usces_admin .success .mes,
245 .usces_admin .caution .mes,
246 .usces_admin .error .mes {*/
247 #aniboxStatus .mes {
248 margin: 0;
249 padding-top: 3px;
250 padding-right: 0;
251 padding-bottom: 3px;
252 padding-left: 0;
253 float: left;
254 font-size: 14px;
255 line-height: 20px;
256 text-align: left;
257 text-indent: 1em;
258 }
259
260 .syoriLogo {
261 float: left;
262 }
263
264 .hierarchy {
265 width: auto;
266 height: 25px;
267 margin-top: 10px;
268 margin-right: 10px;
269 margin-left: 75px;
270 font-size: 14px;
271 letter-spacing: .1em;
272 text-indent: 1em;
273 }
274
275 /*****************************************************************************/
276 div.newitemlink {
277 /*font-weight: bold;*/
278 margin-bottom: 0;
279 margin-left: 0;
280 font-size: 15px;
281 }
282
283 div.newitemlink a {
284 text-decoration: none;
285 }
286
287 table .item_picture {
288 width: 60px;
289 }
290
291 table .item_sku {
292 width: 90px;
293 }
294
295 table th.item_price {
296 width: 55px;
297 padding-right: 10px;
298 text-align: right;
299 }
300
301 table .item_zaiko {
302 width: 70px;
303 }
304
305 table .item_zaikonum {
306 width: 30px;
307 text-align: right;
308 }
309
310 table .item_category {
311 width: 100px;
312 }
313
314 table .item_date {
315 width: 100px;
316 }
317
318 table .bgc1 {
319 border-bottom-width: 1px;
320 border-bottom-style: solid;
321 border-bottom-color: #cc0;
322 background-color: #feffdf;
323 }
324
325 table .bgc2 {
326 border-bottom-width: 1px;
327 border-bottom-style: solid;
328 border-bottom-color: #9cf;
329 background-color: #f4ffff;
330 }
331
332 div.skuline {
333 /*width: 100%;*/
334 font-size: 13px;
335 line-height: 15px;
336 }
337
338 div.priceline {
339 width: 100%;
340 font-size: 13px;
341 line-height: 15px;
342 text-align: right;
343 white-space: nowrap;
344 }
345
346 div.zaikoline {
347 width: 100%;
348 font-size: 13px;
349 line-height: 15px;
350 }
351
352 /*********************************************************************************/
353 .form_table {
354 margin: 0;
355 }
356
357 .form_table thead th {
358 padding-top: 3px;
359 padding-right: 5px;
360 padding-bottom: 3px;
361 padding-left: 5px;
362 background-color: #e4e4e4;
363 font-family: Arial, Helvetica, sans-serif;
364 font-size: 1em;
365 font-weight: normal;
366 line-height: 18px;
367 text-align: center;
368 white-space: nowrap;
369 }
370
371 .form_table th {
372 width: 140px;
373 height: 1.5em;
374 padding-right: 5px;
375 font-size: 1.1em;
376 font-weight: normal;
377 line-height: 1.3em;
378 text-align: right;
379 white-space: nowrap;
380 }
381
382 .form_table th.sec {
383 width: 150px;
384 white-space: normal;
385 }
386
387 .form_table label {
388 height: 1.5em;
389 margin: 0;
390 padding: 0;
391 }
392
393 .form_table td {
394 padding: 0;
395 }
396
397 .form_table .checkbox {
398 background-color: transparent;
399 }
400
401 *html .form_table td.checktd {
402 width: 1%;
403 }
404
405 tr.explanation,
406 div.explanation {
407 display: none;
408 width: 98%;
409 margin-left: 10px;
410 padding: 3px;
411 color: #da6801;
412 font-size: .9em;
413 letter-spacing: 1px;
414 line-height: 1.4em;
415 }
416
417 a.explanation-label {
418 cursor: pointer;
419 }
420
421 .form_table input.long_str {
422 width: 300px;
423 height: 22px;
424 margin-top: 0;
425 margin-right: 3px;
426 margin-bottom: 0;
427 margin-left: 0;
428 padding-top: 0;
429 padding-right: 5px;
430 padding-bottom: 0;
431 padding-left: 5px;
432 font-family: Arial, Helvetica, sans-serif;
433 font-size: 1.1em;
434 line-height: 20px;
435 }
436
437 .form_table textarea.long_txt {
438 width: 300px;
439 height: 120px;
440 margin-top: 0;
441 margin-right: 3px;
442 margin-bottom: 0;
443 margin-left: 0;
444 padding-top: 0;
445 padding-right: 5px;
446 padding-bottom: 0;
447 padding-left: 5px;
448 font-family: Arial, Helvetica, sans-serif;
449 font-size: 1.1em;
450 line-height: 20px;
451 }
452
453 .form_table input.short_str {
454 width: 130px;
455
456 height: 22px;
457 margin-top: 0;
458 margin-right: 3px;
459 margin-bottom: 0;
460 margin-left: 0;
461 padding-top: 0;
462 padding-right: 5px;
463 padding-bottom: 0;
464 padding-left: 5px;
465 font-family: Arial, Helvetica, sans-serif;
466 font-size: 1.1em;
467 line-height: 20px;
468 }
469
470 .form_table select.short_select {
471 width: 130px;
472 margin-top: 0;
473 margin-right: 3px;
474 margin-bottom: 0;
475 margin-left: 0;
476 font-family: Arial, Helvetica, sans-serif;
477 }
478
479 *html .form_table select.short_select {
480 width: 145px;
481 font-size: 1.2em;
482 }
483
484 .form_table em {
485 color: #f00;
486 font-style: normal;
487 }
488
489 .form_table input.allcharge {
490 width: 55px;
491 height: 20px;
492 padding-top: 0;
493 padding-bottom: 0;
494 font-family: Arial, Helvetica, sans-serif;
495 font-size: 14px;
496 line-height: 18px;
497 }
498
499 .form_table input.allbutton {
500 /*font-size: 0.9em;*/
501 background-color: #eef9f9;
502
503 /*height: 20px;*/
504
505 /*width: 60px;*/
506
507 /*border: 1px solid #999999;*/
508
509 /*cursor: pointer;*/
510 }
511
512 .form_table #delivery_method {
513 vertical-align: top;
514 }
515
516 .form_table #delivery_method_charge,
517 .form_table #delivery_method_name_select,
518 .form_table #shipping_charge_name_select,
519 .form_table #delivery_days_name_select {
520 width: 150px;
521 }
522
523 .form_table #shipping_charge_button,
524 .form_table #shipping_charge_loading,
525 .form_table #delivery_days_button,
526 .form_table #delivery_days_loading {
527 vertical-align: top;
528 }
529
530 .form_table label.shipping_charge_label,
531 .form_table label.delivery_days_label {
532 display: block;
533 width: 100px;
534 margin-right: 5px;
535 padding-top: 5px;
536 float: left;
537 line-height: 20px;
538 text-align: right;
539 }
540
541 .form_table input.charge_text,
542 .form_table input.days_text {
543 width: 100px;
544 padding-right: 5px;
545 padding-left: 5px;
546 text-align: right;
547 }
548
549 /*************************************************************************************/
550
551 /* meta box */
552
553 /*************************************************************************************/
554
555 #postoptcustomstuff textarea.optvalue {
556 width: 95%;
557 height: 5em;
558 margin-top: 8px;
559 margin-right: 0;
560 margin-bottom: 5px;
561 margin-left: 3px;
562 }
563
564 #postoptcustomstuff td.item-opt-value,
565 #postskucustomstuff td.item-sku-zaikonum,
566 #postskucustomstuff td.item-sku-zaiko,
567 #postskucustomstuff td.item-sku-cprice,
568 #postskucustomstuff td.item-sku-price {
569 vertical-align: top;
570 }
571
572 #postoptcustomstuff table {
573 width: 100%;
574 border: 1px solid #ccc;
575 background-color: #f9f9f9;
576 }
577
578 #postoptcustomstuff table.list {
579 background-color: #ffe;
580 }
581
582 #postoptcustomstuff th {
583 background-color: #f1f1f1;
584 font-size: 13px;
585 font-weight: bold;
586 line-height: 24px;
587 }
588
589 #postoptcustomstuff td.submit {
590 width: 100%;
591 }
592
593 #postoptcustomstuff div.submit {
594 padding-top: 0;
595 padding-bottom: 0;
596 padding-left: 20px;
597 float: none;
598 }
599
600 #postoptcustomstuff div.optmeans {
601 margin-top: 6px;
602 margin-bottom: 10px;
603 }
604
605 #postoptcustomstuff input.optmeans {
606 width: 15px;
607 height: 15px;
608 margin: 2px 3px 2px 10px;
609 padding: 0;
610 border: none;
611 background-color: transparent;
612 }
613
614 #postoptcustomstuff table.metastufftable {
615 width: 100%;
616 margin-top: 0;
617 margin-bottom: 0;
618 padding-top: 8px;
619 padding-bottom: 8px;
620 border-top: 0 none;
621 border-right: 0 none;
622 border-bottom: 1px dotted #ccc;
623 border-left: 0 none;
624 background-color: #ffe;
625 }
626
627 #postoptcustomstuff table tr {
628 border-bottom-width: 1px;
629 border-bottom-style: dotted;
630 border-bottom-color: #ccc;
631 }
632
633 #postoptcustomstuff td.item-opt-key {
634 width: 40%;
635 vertical-align: top;
636 }
637
638 #postoptcustomstuff td.item-opt-value {
639 width: 60%;
640 vertical-align: top;
641 }
642
643 #postoptcustomstuff select.optkeyselect {
644 width: 90%;
645 margin-right: 3px;
646 margin-bottom: 0;
647 margin-left: 10px;
648 font-size: 12px;
649 }
650
651 #postoptcustomstuff input.optname {
652 width: 90%;
653 margin-top: 10px;
654 margin-right: 3px;
655 margin-bottom: 0;
656 margin-left: 10px;
657 font-size: 13px;
658 line-height: 16px;
659 }
660
661 #postoptcustomstuff div.optcheck {
662 padding-left: 10px;
663 }
664
665 /*
666 .metastuffrow {
667 border-bottom: 1px dashed #CCCCCC;
668 }
669 */
670
671 /*************************************************************************************/
672
673 /* meta box */
674
675 /*************************************************************************************/
676 .item-main-pict {
677 margin: 0;
678 padding: 0;
679 text-align: center;
680 }
681
682 .item-main-pict .subpict {
683 padding-top: 5px;
684 padding-right: 1px;
685 padding-bottom: 0;
686 padding-left: 1px;
687 float: left;
688 }
689
690 .itempagetitle {
691 margin-left: 10px;
692 color: #333;
693 font-weight: bold;
694 }
695
696 /* table */
697 #newmeta2,
698 #optlist-table,
699 .iteminfo_table,
700 #payment-table,
701 #newsku,
702 #skulist-table {
703 width: 100%;
704 border: 1px solid #ccc;
705 background-color: #f9f9f9;
706 }
707
708 .metastufftable {
709 width: 100%;
710 margin-top: 0;
711 margin-bottom: 0;
712 padding-top: 8px;
713 padding-bottom: 8px;
714 border-top: 0 none;
715 border-right: 0 none;
716 border-bottom: 1px dotted #ccc;
717 border-left: 0 none;
718 background-color: #ffe;
719 }
720
721 /* tr */
722 .metastuffrow,
723 td.ui-state-highlight {
724 height: 100px;
725 }
726
727 /* th td */
728 #newmeta2 th,
729 #optlist-table th,
730 .iteminfo_table th,
731 #payment-table th,
732 #newsku th,
733 #skulist-table th {
734 background-color: #f1f1f1;
735 font-size: 13px;
736 font-weight: bold;
737 line-height: 24px;
738 }
739
740 #payment-table .metastufftable th.handlb,
741 #optlist-table .metastufftable th.handlb,
742 #skulist-table .metastufftable th.handlb {
743 border: 1px solid #eaead5;
744 background-color: #fafaf3;
745 text-align: center;
746 vertical-align: middle;
747 cursor: move;
748 }
749
750 #newmeta2 td,
751 #payment-table td,
752 #newsku td,
753 #skulist-table td {
754 vertical-align: top;
755 }
756
757 #optlist-table td,
758 .iteminfo_table td {
759 padding: 2px 5px;
760 vertical-align: middle;
761 }
762
763 .item-sku-key {
764 width: 30%;
765 }
766
767 .item-sku-cprice {
768 width: 19%;
769 }
770
771 .item-sku-price {
772 width: 19%;
773 }
774
775 .item-sku-zaikonum {
776 width: 10%;
777 }
778
779 .item-sku-zaiko {
780 width: 20%;
781 }
782
783 .paymentname {
784 width: 25%;
785 }
786
787 .paymentexplanation {
788 width: 38%;
789 }
790
791 .paymentsettlement {
792 width: 15%;
793 }
794
795 .paymentmodule {
796 width: 20%;
797 }
798
799 .item-opt-key {
800 width: 40%;
801 }
802
803 .item-opt-value {
804 width: 58%;
805 }
806
807 td.submittd img {
808 margin-top: 7px;
809 }
810
811 /* field */
812 .metaboxfield {
813 width: 100%;
814 }
815
816 input[type="checkbox"].metaboxcheckfield,
817 input[type="radio"].metaboxcheckfield {
818 margin-right: 3px;
819 }
820
821 label.metaboxcheckfield {
822 display: block;
823 float: left;
824 }
825
826 .shortest {
827 width: 50px;
828 }
829
830 .shorter {
831 width: 100px;
832 }
833
834 .short {
835 width: 150px;
836 }
837
838 .middle {
839 width: 200px;
840 }
841
842 .long {
843 width: 250px;
844 }
845
846 .longer {
847 width: 300px;
848 }
849
850 .longest {
851 width: 350px;
852 }
853
854 td.submittd div.submit,
855 #normal-sortables .postbox td.submittd div.submit {
856 margin: 0;
857 padding: 3px 10px 0 20px;
858 float: left;
859 }
860
861 #wpcontent .metaboxfield {
862 font-size: 12px;
863 }
864
865 .iteminfo_table th {
866 width: 30%;
867 padding: 5px;
868 background-color: #f1f1f1;
869 font-size: 13px;
870 font-weight: bold;
871 line-height: 24px;
872 vertical-align: middle;
873 }
874
875 .iteminfo_table input.itemCode,
876 .iteminfo_table input.itemName,
877 .iteminfo_table input.structuredDataSku {
878 width: 99%;
879 padding-top: 1px;
880 padding-right: 2%;
881 padding-bottom: 1px;
882 padding-left: 2%;
883 font-size: 15px;
884 line-height: 24px;
885 }
886
887 *html .iteminfo_table input.itemCode,
888 *html .iteminfo_table input.itemName {
889 width: 93%;
890 }
891
892 *:first-child + html .iteminfo_table input.itemCode,
893 *:first-child + html .iteminfo_table input.itemName {
894 width: 90%;
895 }
896
897 .iteminfo_table input.itemRestriction,
898 .iteminfo_table input.itemPointrate {
899 width: 60px;
900 padding-top: 1px;
901 padding-right: 5px;
902 padding-bottom: 1px;
903 padding-left: 5px;
904 font-size: 15px;
905 line-height: 24px;
906 text-align: right;
907 }
908
909 .iteminfo_table select.itemShippingCharge,
910 .iteminfo_table select.itemShipping {
911 /* font-size: 14px;
912 line-height: 16px;
913 border: 1px solid #7F9DB9;
914 */
915 }
916
917 *:first-child + html .iteminfo_table select.itemShipping {
918 line-height: 18px;
919 }
920
921 /*************************************************************************************/
922 .business-day-calendar {
923 width: 400px;
924 height: 150px;
925 margin-top: 5px;
926 margin-bottom: 5px;
927 border-top-width: 1px;
928 border-left-width: 1px;
929 border-top-style: solid;
930 border-left-style: solid;
931 border-top-color: #c1e1ea;
932 border-left-color: #c1e1ea;
933 }
934
935 .business-day-calendar th,
936 .business-day-calendar td {
937 border-right-width: 1px;
938 border-bottom-width: 1px;
939 border-right-style: solid;
940 border-bottom-style: solid;
941 border-right-color: #c1e1ea;
942 border-bottom-color: #c1e1ea;
943 text-align: center;
944 white-space: nowrap;
945 }
946
947 .business-day-calendar th {
948 background-color: #f0ffff;
949 }
950
951 .business-day-calendar th.cal,
952 .business-day-calendar td.cal {
953 cursor: pointer;
954 }
955
956 .business_days_exp_box {
957 margin-top: 0;
958 margin-right: 5px;
959 margin-bottom: 5px;
960 margin-left: 10px;
961 border: 1px solid #c1e1ea;
962 }
963
964 /*************************************************************************************/
965
966 .form_table input.mail_title {
967 width: 600px;
968 height: 22px;
969 margin-top: 0;
970 margin-right: 3px;
971 margin-bottom: 0;
972 margin-left: 0;
973 padding-top: 0;
974 padding-right: 5px;
975 padding-bottom: 0;
976 padding-left: 5px;
977 font-family: Arial, Helvetica, sans-serif;
978 font-size: 1.1em;
979 line-height: 20px;
980 }
981
982 .form_table textarea.mail_header,
983 .form_table textarea.mail_footer {
984 width: 600px;
985 height: 200px;
986 margin-top: 0;
987 margin-right: 3px;
988 margin-bottom: 0;
989 margin-left: 0;
990 padding-top: 0;
991 padding-right: 5px;
992 padding-bottom: 0;
993 padding-left: 5px;
994 font-family: Arial, Helvetica, sans-serif;
995 font-size: 1.1em;
996 line-height: 20px;
997 }
998
999 .form_table textarea.textarea_fld {
1000 width: 600px;
1001 height: 100px;
1002 margin-top: 0;
1003 margin-right: 3px;
1004 margin-bottom: 0;
1005 margin-left: 0;
1006 padding-top: 0;
1007 padding-right: 5px;
1008 padding-bottom: 0;
1009 padding-left: 5px;
1010 font-family: Arial, Helvetica, sans-serif;
1011 font-size: 1.1em;
1012 line-height: 20px;
1013 }
1014
1015 /*************************************************************************************/
1016 table#order_list {
1017 width: 100%;
1018 border-top-width: 1px;
1019 border-left-width: 1px;
1020 border-top-style: solid;
1021 border-left-style: solid;
1022 border-top-color: #999;
1023 border-left-color: #999;
1024 }
1025
1026 table#order_list th {
1027 height: 1.5em;
1028 border-right-width: 1px;
1029 border-bottom-width: 1px;
1030 border-right-style: solid;
1031 border-bottom-style: solid;
1032 border-right-color: #999;
1033 border-bottom-color: #999;
1034 background-color: #ccc;
1035 color: #fff;
1036 }
1037
1038 /*************************************************************************************/
1039 #searchBox {
1040 display: none;
1041 }
1042
1043 #searchBox table#search_table {
1044 margin: 0;
1045 float: left;
1046 clear: both;
1047 }
1048
1049 #searchBox table#period_table {
1050 margin: 0;
1051 float: right;
1052 }
1053
1054 #searchBox table#change_table {
1055 margin: 0;
1056 float: left;
1057 clear: both;
1058 }
1059
1060 #searchBox table#dl_list_table {
1061 margin: 0;
1062 float: right;
1063 }
1064
1065 #searchBox input.searchword {
1066 width: 150px;
1067 height: 20px;
1068 margin: 0;
1069 padding: 0 3px 0 3px;
1070 float: none;
1071 clear: none;
1072 font-size: 14px;
1073 line-height: 18px;
1074 }
1075
1076 #searchBox input.searchbutton {
1077 height: 24px;
1078 margin-top: 0;
1079 margin-right: 0;
1080 margin-bottom: 0;
1081 margin-left: 5px;
1082 padding: 0 10px 0 10px;
1083 background-color: #fff;
1084 background-image: none;
1085 font-size: 13px;
1086 }
1087
1088 #searchBox select.searchselect {
1089 min-width: 180px;
1090 }
1091
1092 #searchBox .searchbox_bottom {
1093 padding: 5px;
1094 clear: both;
1095 border: 1px #a0cbf2 solid;
1096 background-color: #d0e7fc;
1097 }
1098
1099 table#mainDataTable,
1100 table#mainDataTable th,
1101 table#mainDataTable td {
1102 border-collapse: collapse;
1103 border: 0 solid #ccc;
1104 }
1105
1106 table#mainDataTable th,
1107 table#mainDataTable td {
1108 border-top-width: 1px;
1109 border-right-width: 1px;
1110 border-right-style: dotted;
1111 }
1112
1113 table#mainDataTable {
1114 width: 100%;
1115 clear: both;
1116 border-width: 1px;
1117 }
1118
1119 table#mainDataTable th {
1120 height: 30px;
1121 padding: 0 5px;
1122 background: url(../images/th_bg2.gif) repeat-x bottom;
1123 font-size: 13px;
1124 line-height: 18px;
1125 text-decoration: none;
1126 white-space: nowrap;
1127 }
1128
1129 table#mainDataTable td {
1130 padding: 3px;
1131 empty-cells: show;
1132 }
1133
1134 table#mainDataTable td.sku,
1135 table#mainDataTable td.zaikonum,
1136 table#mainDataTable td.zaiko,
1137 table#mainDataTable td.price {
1138 white-space: nowrap;
1139 }
1140
1141 table#mainDataTable td.listcat {
1142 max-width: 150px;
1143 }
1144
1145 table#mainDataTable td.price {
1146 font-size: 1.1em;
1147 text-align: right;
1148 }
1149
1150 table#mainDataTable td.red {
1151 color: #f00;
1152 }
1153
1154 table#mainDataTable td.green {
1155 color: #093;
1156 }
1157
1158 table#mainDataTable td ul.item_list_navi {
1159 margin: 3px 0 0;
1160 padding: 0;
1161 }
1162
1163 table#mainDataTable td ul.item_list_navi li {
1164 margin: 0 2px 0 0;
1165 padding: 0;
1166 float: left;
1167 list-style-type: none;
1168 font-size: 10px;
1169 }
1170
1171 table#mainDataTable td ul.item_list_navi li a {
1172 font-size: 10px;
1173 }
1174
1175 table#mainDataTable td a {
1176 display: block;
1177 width: auto;
1178 height: auto;
1179 margin: 0;
1180 }
1181
1182 table#mainDataTable td a:hover {
1183 text-decoration: underline;
1184 }
1185
1186 #tablenavi,
1187 #tablenavi_bottom {
1188 line-height: 20px;
1189 }
1190
1191 #tablenavi ul,
1192 #tablenavi_bottom ul {
1193 margin: 0;
1194 padding: 3px;
1195 list-style-type: none;
1196 }
1197
1198 #tablenavi .listCrb,
1199 #tablenavi_bottom .listCrb {
1200 width: 1px;
1201 height: 1px;
1202 margin: 0;
1203 padding: 0;
1204 clear: both;
1205 }
1206
1207 #tablenavi .rowsnum,
1208 #tablenavi_bottom .rowsnum {
1209 margin-top: 0;
1210 margin-right: 20px;
1211 margin-bottom: 0;
1212 margin-left: 0;
1213 padding: 0;
1214 float: left;
1215 }
1216
1217 #tablenavi .navigationStr,
1218 #tablenavi_bottom .navigationStr {
1219 margin: 0 10px 0 0;
1220 float: left;
1221 color: #ccc;
1222 }
1223
1224 #tablenavi .navigationButton,
1225 #tablenavi_bottom .navigationButton,
1226 #tablenavi .navigationButtonSelected,
1227 #tablenavi_bottom .navigationButtonSelected {
1228 margin: 0 5px 0 0;
1229 padding: 0 .4em;
1230 float: left;
1231 border: 1px solid #ccc;
1232 text-align: center;
1233 }
1234
1235 #tablenavi .navigationButtonSelected,
1236 #tablenavi_bottom .navigationButtonSelected {
1237 background-color: #333;
1238 color: #fff;
1239 }
1240
1241 #tablenavi .refresh {
1242 float: right;
1243 }
1244
1245 /* CSS Document */
1246
1247 .rowSelection_columrow {
1248 /*background-image: url(../images/sprite.png);
1249 background-repeat: repeat-x;
1250 background-position: 0px 1px;*/
1251 }
1252
1253 tr.rowSelection_odd td {
1254 background-color: #fff;
1255 }
1256
1257 tr.rowSelection_even td {
1258 background-color: #f5f7fb;
1259 }
1260
1261 tr.rowSelection_hilight td {
1262 background-color: #eef;
1263 }
1264
1265 tr.rowSelection_selected td {
1266 background-color: #ffdfef;
1267 color: #555;
1268 font-weight: bold;
1269 }
1270
1271 .info_head {
1272 color: #000;
1273 }
1274
1275 .info_body table,
1276 .info_head table {
1277 width: 100%;
1278 margin: 0;
1279 padding: 0;
1280 border-spacing: 0;
1281 border: 1px solid #999;
1282 }
1283
1284 .long {
1285 width: 200px;
1286 }
1287
1288 .short {
1289 width: 90px;
1290 }
1291
1292 .shortm {
1293 width: 120px;
1294 }
1295
1296 .large {
1297 font-size: 1.3em;
1298 }
1299
1300 .right {
1301 text-align: right;
1302 }
1303
1304 .center {
1305 text-align: center;
1306 }
1307
1308 .border {
1309 border-bottom-width: 1px;
1310 border-bottom-style: dotted;
1311 border-bottom-color: #999;
1312 }
1313
1314 .info_head table .rod {
1315 padding-right: 5px;
1316 padding-left: 5px;
1317 border: 1px solid #7f9db9;
1318 background-color: #ffffec;
1319 line-height: 24px;
1320 text-align: center;
1321 }
1322
1323 .info_head table .rod_left {
1324 padding-right: 5px;
1325 padding-left: 5px;
1326 border: 1px solid #7f9db9;
1327 background-color: #ffffec;
1328 line-height: 24px;
1329 text-align: left;
1330 }
1331
1332 .info_head table .deli_info {
1333 border-width: 0;
1334
1335 /*
1336 border-bottom: 1px dotted #CCCCCC;
1337 border-top-width: 0px;
1338 border-right-width: 0px;
1339 border-left-width: 0px;
1340 border-top-style: none;
1341 border-right-style: none;
1342 border-left-style: none;
1343 */
1344 }
1345
1346 .info_head table .cus_info {
1347 border-right: 1px dotted #ccc;
1348 border-left: 1px dotted #ccc;
1349 border-top-width: 0;
1350 border-bottom-width: 0;
1351 border-top-style: none;
1352
1353 /*
1354 border-bottom: 1px dotted #CCCCCC;
1355 */
1356 }
1357
1358 .info_head table .cus_note_label {
1359 border-top: 1px dotted #ccc;
1360 border-left: 1px dotted #ccc;
1361 border-right-width: 0;
1362 border-bottom-width: 0;
1363 }
1364
1365 .info_head table .cus_note_value {
1366 border-top: 1px dotted #ccc;
1367 border-right-width: 0;
1368 border-bottom-width: 0;
1369 border-left-width: 0;
1370 }
1371
1372 .info_head table .mem_wrap {
1373 border: 1px solid #ccc;
1374 }
1375
1376 .info_head table .mem_info {
1377 width: auto;
1378 height: auto;
1379 margin: 0;
1380 padding: 0;
1381 border-top-width: 0;
1382 border-right-width: 0;
1383 border-bottom-width: 0;
1384 border-left-width: 0;
1385 border-top-style: none;
1386 border-right-style: none;
1387 border-bottom-style: none;
1388 border-left-style: none;
1389 }
1390
1391 .info_head .order_custom_wrap {
1392 border-right: 1px dotted #ccc;
1393 border-top-style: none;
1394 border-bottom-style: none;
1395 border-left-style: none;
1396 }
1397
1398 .info_head .settle_info_wrap {
1399 border-style: none;
1400 }
1401
1402 .info_head .wrap_td {
1403 margin: 0;
1404 padding: 10px 0 0 0;
1405 vertical-align: top;
1406 }
1407
1408 .info_head .right_area {
1409 /* width: 300px; */
1410 }
1411
1412 .info_head td {
1413 padding-top: 1px;
1414 padding-right: 3px;
1415 padding-bottom: 1px;
1416 padding-left: 3px;
1417 background-color: #edf3f3;
1418 word-break: break-all;
1419 }
1420
1421 .info_head td.memo {
1422 padding-top: 5px;
1423 padding-right: 3px;
1424 padding-bottom: 1px;
1425 padding-left: 3px;
1426 background-color: #edf3f3;
1427 }
1428
1429 .info_head td.midasi0 {
1430 height: 26px;
1431 border-bottom-style: none;
1432 background-color: #92bab8;
1433 color: #fff;
1434 font-weight: bold;
1435 letter-spacing: .1em;
1436 text-align: center;
1437 }
1438
1439 .info_head td.midasi1 {
1440 border-bottom-style: none;
1441 background-color: #99c;
1442 color: #fff;
1443 font-weight: bold;
1444 letter-spacing: .1em;
1445 text-align: center;
1446 }
1447
1448 .info_head div.midasi2 {
1449 width: auto;
1450 height: 24px;
1451 border-bottom-style: none;
1452 background-color: #996;
1453 color: #fff;
1454 font-weight: bold;
1455 letter-spacing: .1em;
1456 line-height: 24px;
1457 text-align: center;
1458 }
1459
1460 .info_head td.midasi3 {
1461 border-bottom-style: none;
1462 background-color: #a27d5e;
1463 color: #fff;
1464 font-weight: bold;
1465 letter-spacing: .1em;
1466 text-align: center;
1467 }
1468
1469 .info_head td.status {
1470 background-color: #f7f3f0;
1471 }
1472
1473 .info_head td.deli {
1474 background-color: #eaeaf4;
1475 }
1476
1477 .info_head div.condition {
1478 background-color: #fff;
1479 color: #f60;
1480 }
1481
1482 .info_head td.label {
1483 width: 100px;
1484 color: #666;
1485 font-size: 11px;
1486 text-align: right;
1487 }
1488
1489 .info_head table .cus_note_label table {
1490 border: none;
1491 }
1492
1493 .info_head table .cus_note_label td {
1494 border: none;
1495 vertical-align: text-top;
1496 }
1497
1498 .info_head table .cus_note_label tr td:first-child::after {
1499 content: " ";
1500 display: inline-block;
1501 width: 1px;
1502 height: 8px;
1503 margin: 0 -5px 0 5px;
1504 background-color: #aaa;
1505 vertical-align: middle;
1506 }
1507
1508 .info_head table .cus_note_label tr td:last-child {
1509 padding: 0 5px 5px 10px;
1510 color: #666;
1511 }
1512
1513 .info_head .order_custom_wrap td.label,
1514 .info_head .settle_info_wrap td.label {
1515 width: 120px;
1516 border-right: #ccc 1px dotted;
1517 }
1518
1519 .info_head td.col1 {
1520 width: 100px;
1521 }
1522
1523 .info_head td.mem_col2 {
1524 padding: 5px;
1525 border-right: #ccc 1px dotted;
1526 border-left: #ccc 1px dotted;
1527 vertical-align: top;
1528 }
1529
1530 .info_head td.mem_col3 {
1531 padding: 5px;
1532 vertical-align: top;
1533 }
1534
1535 .info_head td input.text {
1536 margin: 0;
1537 padding: 0 5px;
1538 line-height: 1.5em;
1539 }
1540
1541 .info_head td textarea {
1542 width: 500px;
1543 height: 6em;
1544 margin: 0;
1545 padding: 5px;
1546 }
1547
1548 .info_head td textarea.order_memo {
1549 width: 80%;
1550 height: 2em;
1551 margin: 0;
1552 padding: 5px;
1553 line-height: 1em;
1554
1555 }
1556
1557 * html .info_head td input.text {
1558 height: 22px;
1559 line-height: 22px;
1560 }
1561
1562 *:first-child + html .info_head td input.text {
1563 height: 22px;
1564 line-height: 22px;
1565 }
1566
1567 .wrap .info_head select {
1568 width: 130px;
1569 height: 26px;
1570 margin: 0;
1571 border: 1px solid #7f9db9;
1572 }
1573
1574 #cart {
1575 width: 100%;
1576 margin-bottom: 10px;
1577 }
1578
1579 #cart div.error_message {
1580 margin-top: 10px;
1581 color: #f00;
1582 font-weight: bold;
1583 text-align: center;
1584 }
1585
1586 #cart .upbutton {
1587 padding-right: 20px;
1588 text-align: right;
1589 }
1590
1591 #cart table {
1592 width: 100%;
1593 border-collapse: collapse;
1594 border: 1px solid #999;
1595 }
1596
1597 #cart th,
1598 #cart td {
1599 padding: 3px 5px;
1600 border: #ccc 1px solid;
1601 text-align: center;
1602 vertical-align: middle;
1603 }
1604
1605 #cart td.signal_red {
1606 color: #f00;
1607 font-weight: bold;
1608 }
1609
1610 #cart th {
1611 background-color: #999;
1612 color: #fff;
1613 line-height: 1.3em;
1614 white-space: nowrap;
1615 }
1616
1617 #cart th.aright,
1618 #cart td.aright {
1619 text-align: right;
1620 }
1621
1622 #cart th.aleft,
1623 #cart td.aleft {
1624 text-align: left;
1625 }
1626
1627 #cart input.quantity {
1628 width: 60px;
1629 font-size: 14px;
1630 text-align: right;
1631 }
1632
1633 #cart input.price {
1634 width: 80px;
1635 font-size: 14px;
1636 text-align: right;
1637 }
1638
1639 #cart th.num {
1640 width: 3%;
1641 text-align: center;
1642 white-space: nowrap;
1643 }
1644
1645 #cart th.thumbnail {
1646 width: 5%;
1647 text-align: center;
1648 white-space: nowrap;
1649 }
1650
1651 #cart th.price {
1652 width: 10%;
1653 text-align: center;
1654 white-space: nowrap;
1655 }
1656
1657 #cart th.quantity {
1658 width: 5%;
1659 text-align: center;
1660 white-space: nowrap;
1661 }
1662
1663 #cart th.subtotal {
1664 width: 15%;
1665 text-align: center;
1666 white-space: nowrap;
1667 }
1668
1669 #cart th.stock {
1670 width: 10%;
1671 text-align: center;
1672 white-space: nowrap;
1673 }
1674
1675 #cart th.action {
1676 width: 10%;
1677 text-align: center;
1678 white-space: nowrap;
1679 }
1680
1681 #cart th#total_full_top,
1682 #cart th#total_full {
1683 background-color: #000;
1684 color: #fff;
1685 font-size: 1.5em;
1686 }
1687
1688 #newitemform {
1689 margin-top: 10px;
1690 }
1691
1692 #newitemform table {
1693 width: 100%;
1694 margin: 0;
1695 padding: 0;
1696 border-collapse: collapse;
1697 border: 1px solid #ccc;
1698 }
1699
1700 #newitemform th {
1701 border-bottom-width: 1px;
1702 border-left-width: 1px;
1703 border-bottom-style: dotted;
1704 border-left-style: dotted;
1705 border-bottom-color: #ccc;
1706 border-left-color: #ccc;
1707 background-color: #999;
1708 color: #fff;
1709 font-size: 13px;
1710 line-height: 22px;
1711 }
1712
1713 #newitemform td {
1714 padding-right: 5px;
1715 padding-left: 5px;
1716 border-bottom-width: 1px;
1717 border-left-width: 1px;
1718 border-bottom-style: dotted;
1719 border-left-style: dotted;
1720 border-bottom-color: #ccc;
1721 border-left-color: #ccc;
1722 font-size: 13px;
1723 line-height: 18px;
1724 }
1725
1726 /************************************************************************************/
1727 #addItemDialog .dialogsearch {
1728 width: 400px;
1729 float: left;
1730 }
1731
1732 #mailSendDialog #sendmailmessage {
1733 width: 100%;
1734 height: 300px;
1735 margin-top: 2px;
1736 }
1737
1738 #mailSendDialog label {
1739 display: block;
1740 width: 120px;
1741 height: 17px;
1742 margin: 0;
1743 padding-top: 7px;
1744 padding-right: 0;
1745 padding-bottom: 0;
1746 padding-left: 0;
1747 float: left;
1748 clear: left;
1749 cursor: auto;
1750 }
1751
1752 #mailSendDialog input.text {
1753 width: 400px;
1754 margin-top: 2px;
1755 }
1756
1757 #mailSendDialog .attachment-extension {
1758 margin-left: 120px;
1759 font-size: 12px;
1760 }
1761
1762 /************************************************************************************/
1763 .usces_admin div.chui {
1764 margin-top: 10px;
1765 margin-bottom: 10px;
1766 padding: 10px;
1767 border: 1px solid #f90;
1768 background-color: #ffffe8;
1769 font-weight: normal;
1770 letter-spacing: 1px;
1771 }
1772
1773 .usces_admin div.chui h3 {
1774 color: #630;
1775 font-size: 13px;
1776 font-weight: bold;
1777 }
1778
1779 .usces_admin div.info {
1780 position: relative;
1781 box-sizing: border-box;
1782 min-width: 255px;
1783 max-width: 520px;
1784 margin-top: 20px;
1785 padding: .7em 2em 1em;
1786 border: 1px solid #e5e5e5;
1787 background: #fff;
1788 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1789 }
1790
1791 .usces_admin div.info > div {
1792 margin: 1em 0;
1793 color: #23282d;
1794 font-size: 1.3em;
1795 font-weight: 800;
1796 }
1797
1798 /************************************************************************************/
1799 .usces_admin table.dashboard {
1800 width: 100%;
1801 }
1802
1803 .usces_admin table.dashboard th {
1804 padding-top: 3px;
1805 padding-bottom: 3px;
1806 border-right-width: 1px;
1807 border-bottom-width: 1px;
1808 border-right-style: solid;
1809 border-bottom-style: solid;
1810 border-right-color: #ccc;
1811 border-bottom-color: #ccc;
1812 background-color: #999;
1813 color: #fff;
1814 font-size: 13px;
1815 font-weight: bold;
1816 line-height: 16px;
1817 }
1818
1819 .usces_admin table.dashboard td {
1820 padding-top: 3px;
1821 padding-right: 10px;
1822 padding-bottom: 3px;
1823 padding-left: 10px;
1824 border-right-width: 1px;
1825 border-bottom-width: 1px;
1826 border-right-style: solid;
1827 border-bottom-style: solid;
1828 border-right-color: #ccc;
1829 border-bottom-color: #ccc;
1830 background-color: #fff;
1831 }
1832
1833 .usces_admin table.dashboard td.bignum {
1834 font-size: 20px;
1835 text-align: right;
1836 }
1837
1838 /****************************************************************************************/
1839 #member_history table {
1840 width: 100%;
1841 margin: 0;
1842 padding: 0;
1843 border-collapse: collapse;
1844 border-top-width: 0;
1845 border-right-width: 0;
1846 border-bottom-width: 0;
1847 border-left-width: 0;
1848 border-top-style: none;
1849 border-right-style: none;
1850 border-bottom-style: none;
1851 border-left-style: none;
1852 }
1853
1854 #member_history table .num {
1855 font-size: 14px;
1856 }
1857
1858 #member_history table .rightnum {
1859 padding-right: 5px;
1860 font-size: 14px;
1861 text-align: right;
1862 }
1863
1864 #member_history th {
1865 margin-right: auto;
1866 margin-left: auto;
1867 padding: 5px;
1868 border: 1px solid #e6e6e6;
1869 background-color: #f8f8f8;
1870 color: #4e5020;
1871 font-size: 12px;
1872 font-weight: bold;
1873 line-height: 150%;
1874 text-align: center;
1875 }
1876
1877 #member_history th.historyrow {
1878 background-color: #999;
1879 color: #fff;
1880 }
1881
1882 #member_history td {
1883 padding-top: 5px;
1884 padding-right: 10px;
1885 padding-bottom: 5px;
1886 padding-left: 10px;
1887 border: 1px solid #e6e6e6;
1888 color: #333;
1889 font-size: 12px;
1890 line-height: 150%;
1891 }
1892
1893 #member_history td.retail {
1894 margin: 0;
1895 padding: 0;
1896 }
1897
1898 #member_history h3 {
1899 height: 26px;
1900 margin-top: 20px;
1901 margin-right: 0;
1902 margin-bottom: 10px;
1903 margin-left: 0;
1904 padding: 0;
1905 border-bottom-width: 1px;
1906 border-bottom-style: solid;
1907 border-bottom-color: #600;
1908 background-color: #900;
1909 color: #fff;
1910 font-size: 13px;
1911 font-weight: bold;
1912 line-height: 26px;
1913 text-indent: 10px;
1914 }
1915
1916 /*****************************************************************/
1917
1918 div.optcheck {
1919 /*padding-left: 10px;*/
1920 }
1921
1922 /*******************************************************************/
1923 .cod_dialog .short_str {
1924 width: 100px;
1925 padding-right: 5px;
1926 padding-left: 5px;
1927 text-align: right;
1928 }
1929
1930 .cod_type_table {
1931 margin-top: 20px;
1932 margin-bottom: 20px;
1933 }
1934
1935 .cod_type_table .radio {
1936 padding-right: 2px;
1937 padding-left: 20px;
1938 }
1939
1940 .cod_change_table,
1941 .cod_fix_table {
1942 margin-top: 20px;
1943 margin-bottom: 20px;
1944 }
1945
1946 .cod_change_table td {
1947 padding-top: 3px;
1948 padding-bottom: 3px;
1949 border: 1px solid #ccc;
1950 }
1951
1952 .cod_change_table th {
1953 padding: 3px;
1954 background-color: #ccc;
1955 }
1956
1957 .cod_change_table td.cod_f,
1958 .cod_change_table td.cod_e,
1959 .cod_change_table td.cod_cod {
1960 padding-right: 3px;
1961 padding-left: 3px;
1962 text-align: right;
1963 }
1964
1965 .cod_change_table td.cod_m {
1966 padding-right: 3px;
1967 padding-left: 3px;
1968 border-top-style: none;
1969 border-right-style: none;
1970 border-bottom-style: none;
1971 border-left-style: none;
1972 text-align: center;
1973 }
1974
1975 .cod_change_table td.cod_f {
1976 width: 100px;
1977 }
1978
1979 .cod_change_table td.cod_f,
1980 .cod_change_table td.cod_e {
1981 background-color: #efefef;
1982 }
1983
1984 .cod_change_table td.cod_cod {
1985 background-color: #ccc;
1986 }
1987
1988 /*******************************************************************/
1989 .message,
1990 .error_message {
1991 margin-bottom: 5px;
1992 }
1993
1994 #dlItemListDialog fieldset,
1995 #dlMemberListDialog fieldset,
1996 #dlOrderListDialog fieldset,
1997 #dlProductListDialog fieldset,
1998 .upload_dialog fieldset,
1999 .download_dialog fieldset {
2000 margin: 20px 0;
2001 padding: 10px;
2002 border: 2px solid #ccc;
2003 }
2004
2005 #dlItemListDialog fieldset fieldset,
2006 #dlMemberListDialog fieldset fieldset,
2007 #dlOrderListDialog fieldset fieldset,
2008 #dlProductListDialog fieldset fieldset,
2009 .upload_dialog fieldset fieldset,
2010 .download_dialog fieldset fieldset {
2011 margin-top: 0;
2012 }
2013
2014 #dlItemListDialog fieldset fieldset:last-child,
2015 #dlMemberListDialog fieldset fieldset:last-child,
2016 #dlOrderListDialog fieldset fieldset:last-child,
2017 #dlProductListDialog fieldset fieldset:last-child,
2018 .upload_dialog fieldset fieldset:last-child,
2019 .download_dialog fieldset fieldset:last-child {
2020 margin-bottom: 0;
2021 }
2022
2023 #dlItemListDialog legend,
2024 #dlMemberListDialog legend,
2025 #dlOrderListDialog legend,
2026 #dlProductListDialog legend,
2027 .upload_dialog legend,
2028 .download_dialog legend {
2029 padding-right: 5px;
2030 padding-left: 5px;
2031 font-weight: bold;
2032 }
2033
2034 #dlItemListDialog fieldset label,
2035 #dlMemberListDialog fieldset label,
2036 #dlOrderListDialog fieldset label,
2037 #dlProductListDialog fieldset label,
2038 .upload_dialog fieldset label,
2039 .download_dialog fieldset label {
2040 margin-right: 10px;
2041 white-space: nowrap;
2042 }
2043
2044 /***************************************************/
2045 .form_table th.system_th {
2046 width: 200px;
2047 }
2048
2049 #wpcontent select.multipleselect {
2050 width: auto;
2051 height: auto;
2052 }
2053
2054 .iteminfo_table td label {
2055 /*width: 160px;*/
2056 display: block;
2057 margin-right: 25px;
2058 float: left;
2059 }
2060
2061 .widcenter {
2062 text-align: center;
2063 }
2064
2065 .tabletitle {
2066 font-size: 12px;
2067 }
2068
2069 .usces_admin a {
2070 color: #318999;
2071 }
2072
2073 .usces_admin a:hover {
2074 color: #da6801;
2075 }
2076
2077 /***************************************************/
2078 #edit-slug-box {
2079 height: auto;
2080 line-height: 1.5em;
2081 }
2082
2083 #cart_table .iopt_radio_label {
2084 display: block;
2085 }
2086
2087
2088 table.skumulti .iopt_radio_label {
2089 display: block;
2090 }
2091
2092 span.stopped {
2093 margin-left: 15px;
2094 color: red;
2095 font-weight: normal;
2096 }
2097
2098 span.running {
2099 margin-left: 15px;
2100 color: green;
2101 font-weight: normal;
2102 }
2103
2104
2105 /* =Log List
2106 -------------------------------------------------------------- */
2107
2108 /* = Common */
2109 #settlement-log-list table,
2110 #settlement-log-list table th,
2111 #settlement-log-list table td,
2112 #settlement-log-detail table,
2113 #settlement-log-detail table th,
2114 #settlement-log-detail table td,
2115 #settlement-error-log-list table,
2116 #settlement-error-log-list table th,
2117 #settlement-error-log-list table td,
2118 #settlement-error-log-detail table,
2119 #settlement-error-log-detail table th,
2120 #settlement-error-log-detail table td {
2121 border-collapse: collapse;
2122 border: 0 #e5e5e5 solid;
2123 }
2124
2125 #settlement-log-list table > tbody > :nth-child(odd),
2126 #settlement-log-detail table > tbody > :nth-child(odd),
2127 #settlement-error-log-list table > tbody > :nth-child(odd),
2128 #settlement-error-log-detail table > tbody > :nth-child(odd) {
2129 background-color: #f9f9f9;
2130 }
2131
2132 #settlement-log-list table,
2133 #settlement-log-detail table,
2134 #settlement-error-log-list table,
2135 #settlement-error-log-detail table {
2136 width: 100%;
2137 border-width: 1px;
2138 }
2139
2140 /* = List */
2141 #settlement-log-list table th,
2142 #settlement-log-list table td,
2143 #settlement-error-log-list table th,
2144 #settlement-error-log-list table td {
2145 padding: .5em;
2146 }
2147
2148 #settlement-log-list table th,
2149 #settlement-error-log-list table th {
2150 border-bottom-width: 1px;
2151 }
2152
2153 #settlement-log-list .revival td {
2154 background-color: #d3d3d3;
2155 color: #a0a5aa;
2156 }
2157
2158 #settlement-log-list table input[type="checkbox"],
2159 #settlement-error-log-list table input[type="checkbox"] {
2160 margin: 0;
2161 }
2162
2163 #settlement-log-list table .check,
2164 #settlement-error-log-list table .check {
2165 width: 4.5%;
2166 text-align: center;
2167 }
2168
2169 #settlement-log-list table .detail,
2170 #settlement-error-log-list table .detail {
2171 width: 8.5%;
2172 text-align: center;
2173 }
2174
2175 #settlement-log-list table .datetime,
2176 #settlement-error-log-list table .datetime {
2177 width: 15%;
2178 }
2179
2180 #settlement-log-list table .key,
2181 #settlement-error-log-list table .key,
2182 #settlement-log-list table .name,
2183 #settlement-error-log-list table .status {
2184 width: 20%;
2185 }
2186
2187 /* = Detail */
2188 #settlement-log-detail table th,
2189 #settlement-log-detail table td,
2190 #settlement-error-log-detail table th,
2191 #settlement-error-log-detail table td {
2192 padding: .5em 1em;
2193 border-width: 1px;
2194 }
2195
2196 #settlement-log-detail table th,
2197 #settlement-error-log-detail table th {
2198 width: 25%;
2199 text-align: left;
2200 }
2201
2202 #settlement-log-detail table.detail-customer,
2203 #settlement-log-detail table.detail-cart {
2204 margin-top: 2em;
2205 }
2206
2207 #settlement-log-detail .ttl td,
2208 #settlement-log-detail .title td {
2209 border-color: #ccc;
2210 background-color: #ccc;
2211 }
2212
2213 #settlement-log-detail h3 {
2214 margin: 0;
2215 font-size: 1em;
2216 }
2217
2218 #settlement-log-detail table.detail-cart thead th {
2219 width: initial;
2220 text-align: center;
2221 }
2222
2223 #settlement-log-detail table.detail-cart td.num {
2224 width: 8%;
2225 text-align: center;
2226 }
2227
2228 #settlement-log-detail table.detail-cart td.item_name {
2229 width: 62%;
2230 }
2231
2232 #settlement-log-detail table.detail-cart td.quantity {
2233 width: 10%;
2234 text-align: center;
2235 }
2236
2237 #settlement-log-detail table.detail-cart td.price {
2238 width: 20%;
2239 text-align: right;
2240 }
2241
2242 #settlement-log-detail table.detail-cart tfoot th,
2243 #settlement-log-detail table.detail-cart tfoot td {
2244 text-align: right;
2245 }
2246
2247 /* = Search */
2248 #searchLogDialog #search_log_key {
2249 width: 100%;
2250 }
2251
2252 #settlement-log-list .nodata,
2253 #settlement-error-log-list .nodata {
2254 padding: 5em 0;
2255 color: #f00;
2256 font-size: 1.2em;
2257 font-weight: bold;
2258 text-align: center;
2259 }
2260
2261 /*--------------------------------------------------------------
2262
2263  New Operation Field
2264
2265 --------------------------------------------------------------*/
2266
2267 /* = Order List Date Picker
2268 --------------------------------------------------------------*/
2269 #datepic_navi {
2270 position: relative;
2271 height: 33px;
2272 padding-bottom: 1em;
2273 }
2274
2275 #datepic_title {
2276 position: relative;
2277 min-width: 10em;
2278 padding: .5em 2em .5em 1em;
2279 float: right;
2280 border: #ccc 1px solid;
2281 -webkit-border-radius: 3px;
2282 -moz-border-radius: 3px;
2283 border-radius: 3px;
2284 background-color: #fff;
2285 color: #777;
2286 text-align: center;
2287 cursor: default;
2288 }
2289
2290 #datepic_title .dashicons {
2291 margin: -2px 5px 0 0;
2292 }
2293
2294 #datepic_title::after {
2295 content: "\f140";
2296 display: inline-block;
2297 position: absolute;
2298 right: 0;
2299 padding-right: .2em;
2300 font-family: dashicons;
2301 font-size: 20px;
2302 }
2303
2304 #datepic_form {
2305 display: none;
2306 position: absolute;
2307 top: 31px;
2308 right: 0;
2309 padding: 10px;
2310 border: #ccc 1px solid;
2311 background-color: #fff;
2312 }
2313
2314 #datepic_form p {
2315 margin: 0;
2316 }
2317
2318 #datepic_form .hasDatepicker {
2319 width: 10em;
2320 text-align: center;
2321 cursor: pointer;
2322 }
2323
2324 #datepic_form #startdate {
2325 margin-right: 5px;
2326 }
2327
2328 #datepic_form #enddate {
2329 margin-left: 5px;
2330 }
2331
2332 #datepic_form .datepic_all_date {
2333 margin: .5em 0 1em;
2334 }
2335
2336 #datepic_form .datepic_all_date input[type="checkbox"] {
2337 margin-right: 5px;
2338 }
2339
2340 /* active */
2341 #datepic_navi.active #datepic_title {
2342 z-index: 2;
2343 border-bottom-width: 0;
2344 -webkit-border-radius: 3px 3px 0 0;
2345 -moz-border-radius: 3px 3px 0 0;
2346 border-radius: 3px 3px 0 0;
2347 }
2348
2349 #datepic_navi.active #datepic_title::after {
2350 content: "\f142";
2351 }
2352
2353 #datepic_navi.active #datepic_form {
2354 display: block;
2355 }
2356
2357 /* = Toolbar
2358 --------------------------------------------------------------*/
2359 .usces_tablenav {
2360 overflow: hidden;
2361 line-height: 30px;
2362 }
2363
2364 .usces_tablenav ul {
2365 margin: 0;
2366 float: left;
2367 overflow: hidden;
2368 }
2369
2370 .usces_tablenav li {
2371 margin: 0 0 0 10px;
2372 float: left;
2373 }
2374
2375 .usces_tablenav li:first-child {
2376 margin-left: 0;
2377 }
2378
2379 .usces_tablenav li:nth-child(3) {
2380 margin-right: 5px;
2381 }
2382
2383 .usces_tablenav .rowsnum {
2384 font-size: 1.2em;
2385 }
2386
2387 .usces_tablenav .navigationStr {
2388 color: #ccc;
2389 }
2390
2391 .usces_tablenav .navigationButton {
2392 margin-left: 5px;
2393 }
2394
2395 .usces_tablenav .navigationButtonSelected {
2396 margin-left: 5px;
2397 }
2398
2399 .usces_tablenav .navigationButton a,
2400 .usces_tablenav .navigationButtonSelected span {
2401 display: inline-block;
2402 padding: 0 .4em;
2403 border: #ccc 1px solid;
2404 line-height: 1.6em;
2405 }
2406
2407 .usces_tablenav .navigationButton a:hover,
2408 .usces_tablenav .navigationButtonSelected span {
2409 border-color: #333;
2410 background-color: #333;
2411 color: #fff;
2412 }
2413
2414 .usces_tablenav .navigationButtonSelected span {
2415 font-weight: bold;
2416 }
2417
2418 .usces_tablenav .screen-field {
2419 margin-left: 10px;
2420 padding-left: 10px;
2421 float: right;
2422 border: #ccc 1px solid;
2423 border-bottom-width: 0;
2424 -webkit-border-radius: 3px 3px 0 0;
2425 -moz-border-radius: 3px 3px 0 0;
2426 border-radius: 3px 3px 0 0;
2427 background-color: #fff;
2428 color: #777;
2429 text-align: center;
2430 cursor: pointer;
2431 }
2432
2433 .usces_tablenav #searchVisiLink {
2434 width: 150px;
2435 }
2436
2437 .usces_tablenav #mailVisiLink {
2438 width: 190px;
2439 margin-top: 5px;
2440 }
2441
2442 .usces_tablenav .screen-field:hover {
2443 color: #32373c;
2444 }
2445
2446 .usces_tablenav .screen-field .dashicons {
2447 line-height: 30px;
2448 }
2449
2450 .usces_tablenav .refresh {
2451 float: right;
2452 }
2453
2454 .usces_tablenav .refresh .dashicons {
2455 margin-right: .2em;
2456 vertical-align: text-bottom;
2457 }
2458
2459 .usces_tablenav .ordernavi {
2460 float: left;
2461 }
2462
2463 .usces_tablenav .ordernavi .button-primary {
2464 margin-right: 1em;
2465 }
2466
2467 /*--- Search Box ---*/
2468
2469 /*--- Mail Box ---*/
2470 .usces_tablesearch,
2471 #mailBox {
2472 margin-top: -1px;
2473 }
2474
2475 #mailBox,
2476 .usces_tablesearch #searchBox {
2477 border: #ccc 1px solid;
2478 border-bottom-width: 0;
2479 background-color: #fff;
2480 }
2481
2482 #mailBox {
2483 display: none;
2484 padding: 10px 20px;
2485 }
2486
2487 .usces_tablesearch #searchBox select.searchselect {
2488 min-width: 180px;
2489 }
2490
2491 .usces_tablesearch .search_table,
2492 .usces_tablesearch .search_table th,
2493 .usces_tablesearch .search_table td {
2494 border-collapse: collapse;
2495 }
2496
2497 .usces_tablesearch .search_table,
2498 #mailBox table {
2499 width: 100%;
2500 }
2501
2502 .usces_tablesearch .search_table td {
2503 padding: 10px;
2504 border: #ccc 0 solid;
2505 border-top-width: 1px;
2506 }
2507
2508 .usces_tablesearch .search_table td.label {
2509 width: 15%;
2510 border-right-width: 1px;
2511 background-color: #f9f9f9;
2512 }
2513
2514 .usces_tablesearch .search_table tr:first-child > td {
2515 border-top-width: 0;
2516 }
2517
2518 .usces_tablesearch .search_item {
2519 display: inline-block;
2520 padding: 10px;
2521 border: #dfdfdf 1px solid;
2522 -webkit-border-radius: 3px;
2523 -moz-border-radius: 3px;
2524 border-radius: 3px;
2525 background-color: #f9f9f9;
2526 }
2527
2528 .usces_tablesearch .search_item_label {
2529 padding: 0 0 5px 2px;
2530 font-weight: bold;
2531 }
2532
2533 .usces_tablesearch .search_item input[type="text"] {
2534 vertical-align: middle;
2535 }
2536
2537 .usces_tablesearch .search_item p {
2538 margin: 0;
2539 }
2540
2541 .usces_tablesearch .search_separate {
2542 padding: 10px 0;
2543 font-weight: bold;
2544 }
2545
2546 .usces_tablesearch #dl_list_table td {
2547 padding: 0;
2548 }
2549
2550 .usces_tablesearch .search_submit {
2551 padding-top: 10px;
2552 }
2553
2554 .usces_tablesearch .search_submit .button-primary {
2555 padding: 0 30px;
2556 }
2557
2558 /* = Edit page navigation
2559 --------------------------------------------------------------*/
2560 .edit_pagenav {
2561 margin-bottom: 5px;
2562 text-align: right;
2563 }
2564
2565 .edit_pagenav a {
2566 display: inline-block;
2567 height: 20px;
2568 margin-left: 5px;
2569 padding: 3px 10px;
2570 border: 1px solid #d2d2d2;
2571 background: #e4e4e4;
2572 line-height: 20px;
2573 text-align: center;
2574 }
2575
2576 .edit_pagenav a:hover {
2577 border-color: #b4b9be;
2578 background-color: #b4b9be;
2579 color: #fff;
2580 }
2581
2582 .edit_pagenav a.prev-page {
2583 padding-left: 5px;
2584 }
2585
2586 .edit_pagenav a.next-page,
2587 .edit_pagenav a.back-list span {
2588 padding-right: 5px;
2589 }
2590
2591 .button.settlement-information {
2592 padding: 0 20px 1px;
2593 }
2594
2595 .info_head .button.settlement-information {
2596 margin-bottom: 1em;
2597 }
2598
2599 /* = Main Data Table
2600 --------------------------------------------------------------*/
2601 table#mainDataTable.new-table td {
2602 padding: 10px 3px;
2603 border-top-width: 0;
2604 }
2605
2606 table#mainDataTable.new-table tbody {
2607 border-top: #ccc 1px solid;
2608 background-color: #fff;
2609 }
2610
2611 table#mainDataTable.new-table tbody:nth-child(even) {
2612 background-color: #f9f9f9;
2613 }
2614
2615 table#mainDataTable.new-table tbody:hover,
2616 table#mainDataTable.new-table tbody.select:hover {
2617 border: #0073aa 1px solid;
2618 }
2619
2620 table#mainDataTable.new-table tbody.select {
2621 background-color: #fffcde;
2622 }
2623
2624 /*---- Order List ----*/
2625 table#mainDataTable.order-new-table tr.passive td {
2626 padding: 0;
2627 }
2628
2629 table#mainDataTable.order-new-table tr.active td {
2630 padding: 5px 3px;
2631 border-top: #dfdfdf 1px solid;
2632 color: #666;
2633 font-size: .85em;
2634 }
2635
2636 @media only screen and (max-width: 960px) {
2637
2638 .usces_tablesearch .search_table td {
2639 display: block;
2640 }
2641
2642 .usces_tablesearch .search_table td.label {
2643 width: auto;
2644 border-right-width: 0;
2645 border-bottom-width: 1px;
2646 }
2647 }
2648
2649 /*--------------------------------------------------------------
2650
2651  Settlement
2652
2653 --------------------------------------------------------------*/
2654
2655 /* =Setting
2656 -------------------------------------------------------------- */
2657 .uscestabs.ui-widget-content,
2658 .uscestabs .ui-widget-header {
2659 background: none;
2660 }
2661
2662 .uscestabs .ui-corner-all,
2663 .uscestabs .ui-corner-top,
2664 .uscestabs .ui-corner-right,
2665 .uscestabs .ui-corner-tr {
2666 border-radius: 0;
2667 }
2668
2669 .uscestabs.ui-corner-all,
2670 .uscestabs .ui-widget-header {
2671 border: 0;
2672 }
2673
2674 .uscestabs .ui-widget-header {
2675 border-bottom: #ccc 1px solid;
2676 }
2677
2678 .uscestabs .ui-widget-header a {
2679 font-weight: bold;
2680 }
2681
2682 .uscestabs .ui-widget-header a:focus {
2683 box-shadow: none;
2684 }
2685
2686 .uscestabs .ui-widget-header .ui-tabs-anchor {
2687 cursor: pointer;
2688 }
2689
2690 .uscestabs .ui-widget-header .ui-state-default {
2691 border-color: #ccc;
2692 background: #e5e5e5;
2693 }
2694
2695 .uscestabs .ui-widget-header .ui-state-default a {
2696 color: #555;
2697 }
2698
2699 .uscestabs .ui-widget-header .ui-state-active,
2700 .uscestabs .ui-widget-header .ui-state-active.ui-state-hover {
2701 background: #f1f1f1;
2702 }
2703
2704 .uscestabs .ui-widget-header .ui-state-hover a,
2705 .uscestabs .ui-widget-header .ui-state-active a {
2706 color: #000;
2707 }
2708
2709 .uscestabs .ui-widget-header .ui-state-hover {
2710 border-color: #ccc;
2711 background: #f1f1f1;
2712 }
2713
2714 .uscestabs.ui-tabs .ui-tabs-panel {
2715 margin: 20px 0 0;
2716 padding: 0;
2717 }
2718
2719 #uscestabs_settlement .ui-tabs-panel {
2720 margin-right: 500px;
2721 }
2722
2723 .uscestabs h3 {
2724 margin: 0;
2725 padding: 8px 12px;
2726 font-size: 14px;
2727 line-height: 1.4;
2728 }
2729
2730 .uscestabs h3 a {
2731 font-size: 12px;
2732 font-weight: normal;
2733 cursor: pointer;
2734 }
2735
2736 .settlement-ui-sortable {
2737 margin: 0;
2738 }
2739
2740 .settlement-ui-sortable li {
2741 -webkit-box-sizing: border-box;
2742 -moz-box-sizing: border-box;
2743 box-sizing: border-box;
2744 padding: 15px;
2745 border: #e5e5e5 1px solid;
2746 background: #fafafa;
2747 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2748 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2749 color: #23282d;
2750 }
2751
2752 .settlement-ui-sortable li:hover {
2753 cursor: move;
2754 }
2755
2756 .settlement-left,
2757 .usces_settlement .ui-tabs-panel form {
2758 width: 100%;
2759 float: left;
2760 }
2761
2762 .uscestabs_settlement_top form {
2763 float: none;
2764 }
2765
2766 #available-settlement {
2767 min-height: 200px;
2768 overflow: hidden;
2769 }
2770
2771 .settlement-description {
2772 padding: 0 0 15px;
2773 }
2774
2775 #available-settlement li {
2776 width: 49%;
2777 margin-right: 1%;
2778 float: left;
2779 }
2780
2781 .settlement_service {
2782 margin: .83em 0;
2783 font-size: 18px;
2784 font-weight: bold;
2785 }
2786
2787 .settle_table,
2788 .settle_table th,
2789 .settle_table td {
2790 border-collapse: collapse;
2791 border: #e5e5e5 1px solid;
2792 }
2793
2794 .settle_table {
2795 width: 100%;
2796 margin-bottom: 20px;
2797 background-color: #fff;
2798 }
2799
2800 .settle_table th,
2801 .settle_table td {
2802 padding: 13px 15px;
2803 }
2804
2805 .settle_table th {
2806 width: 13em;
2807 background-color: #f9f9f9;
2808 text-align: left;
2809 }
2810
2811 .settle_table td {
2812 border-right-width: 0;
2813 border-left-width: 0;
2814 }
2815
2816 .settle_table th a {
2817 color: #39c;
2818 text-decoration: underline;
2819 }
2820
2821 .settlement-right {
2822 width: 480px;
2823 margin-right: -500px;
2824 float: right;
2825 border: #e5e5e5 1px solid;
2826 background-color: #fff;
2827 }
2828
2829 .settlement-selected-header {
2830 padding: 10px;
2831 border-bottom: #e5e5e5 1px solid;
2832 font-weight: bold;
2833 }
2834
2835 #settlement-selected {
2836 padding: 20px;
2837 }
2838
2839 .settlement-right .error_message {
2840 padding: 0 20px 20px;
2841 }
2842
2843 .settlement-selected-footer {
2844 padding: 10px;
2845 border-top: #e5e5e5 1px solid;
2846 background-color: #f5f5f5;
2847 text-align: right;
2848 }
2849
2850 .settle_exp {
2851 width: 460px;
2852 margin-right: -500px;
2853 padding: 10px;
2854 float: right;
2855 border: #fc0 1px solid;
2856 background-color: #ffe;
2857 font-size: 13px;
2858 }
2859
2860 #download_env_info {
2861 padding-bottom: 20px;
2862 text-align: right;
2863 }
2864
2865 .wc_status_table {
2866 margin-bottom: 20px;
2867 }
2868
2869 #poststuff .wc_status_table h2 {
2870 padding: 0;
2871 }
2872
2873 /* #poststuff .wc_status_table td:first-child {
2874 width: 100px;
2875 } */
2876 #upfront_onboarding_paypal_cp {
2877 margin-left: 1em;
2878 vertical-align: middle;
2879 }
2880
2881 .paypal-settlement-admin-table th {
2882 text-align: right;
2883 }
2884
2885 #client_file_upload,
2886 #ca_file_upload,
2887 #change_certificate_path {
2888 margin-top: 5px;
2889 }
2890
2891 @media only screen and (max-width: 960px) {
2892
2893 #available-settlement li,
2894 .settlement-right,
2895 .settlement-left,
2896 .usces_settlement .ui-tabs-panel form,
2897 .settle_exp {
2898 width: 100%;
2899 float: none;
2900 }
2901
2902 .uscestabs.ui-tabs .ui-tabs-panel {
2903 width: 100%;
2904 }
2905
2906 .settle_exp {
2907 -webkit-box-sizing: border-box;
2908 -moz-box-sizing: border-box;
2909 box-sizing: border-box;
2910 margin-top: 20px;
2911 }
2912 }
2913
2914 /* =Order List
2915 -------------------------------------------------------------- */
2916 .acting-status,
2917 .welcart-settlement-admin,
2918 .sbps-settlement-admin,
2919 .paypal-settlement-admin,
2920 .paygent-settlement-admin,
2921 .zeus-settlement-admin,
2922 .paidy-settlement-admin {
2923 display: inline-block;
2924 -webkit-box-sizing: border-box;
2925 -moz-box-sizing: border-box;
2926 box-sizing: border-box;
2927 background-color: #0085ba;
2928 color: #fff;
2929 text-align: center;
2930 }
2931
2932 .acting-status {
2933 min-width: 5em;
2934 padding: .1em .5em;
2935 font-size: .85em;
2936 }
2937
2938 .status .acting-status {
2939 width: 130px;
2940 padding: .2em 0;
2941 font-size: 1em;
2942 }
2943
2944 .welcart-settlement-admin,
2945 .sbps-settlement-admin,
2946 .paypal-settlement-admin,
2947 .paygent-settlement-admin,
2948 .zeus-settlement-admin,
2949 .paidy-settlement-admin {
2950 width: 100%;
2951 padding: .5em 1em;
2952 font-weight: bold;
2953 }
2954
2955 .card-capture,
2956 .card-gathering,
2957 .card-auto,
2958 .card-sales,
2959 .card-sale,
2960 .card-refund,
2961 .card-payment,
2962 .paypay-auto,
2963 .paypay-sales,
2964 .paypay-refund,
2965 .paypay-increase,
2966 .conv-receipted,
2967 .paypal-capture,
2968 .paidy-capture,
2969 .bnpl-shippingrequest,
2970 .bnpl-shippingrequestOK {
2971 background-color: #093;
2972 }
2973
2974 span[class$="cleared"],
2975 div[class$="cleared"],
2976 span[class$="complete-cleared"],
2977 div[class$="complete-cleared"] {
2978 background-color: #093;
2979 }
2980
2981 .card-change,
2982 .card-reauth,
2983 .paypay-pending,
2984 .conv-chg,
2985 .card-being-sales-canceling,
2986 .card-being-sales-canceling-tally,
2987 .card-authorize-canceling,
2988 .bank-applying {
2989 background-color: #dd823b;
2990 }
2991
2992 span[class$="3dsecure-interruption"],
2993 div[class$="3dsecure-interruption"],
2994 span[class$="registration-suspended"],
2995 div[class$="registration-suspended"] {
2996 background-color: #dd823b;
2997 }
2998
2999 .card-delete,
3000 .card-cancel,
3001 .paypay-cancel,
3002 .conv-del,
3003 .paypal-refund,
3004 .paypal-refunded,
3005 .paypal-void,
3006 .paypal-voided,
3007 .paidy-closed,
3008 .bnpl-canceltransaction,
3009 .bnpl-canceltransactionOK {
3010 background-color: #60646c;
3011 }
3012
3013 span[class$="authorize-canceled"],
3014 div[class$="authorize-canceled"],
3015 span[class$="sales-canceled"],
3016 div[class$="sales-canceled"],
3017 span[class$="preliminary-canceled"],
3018 div[class$="preliminary-canceled"],
3019 span[class$="complete-canceled"],
3020 div[class$="complete-canceled"] {
3021 background-color: #60646c;
3022 }
3023
3024 .card-error,
3025 .conv-noreceipt,
3026 .conv-expiration,
3027 .sbps-error,
3028 .paypal-error,
3029 .paygent-error,
3030 .zeus-error,
3031 .paidy-error,
3032 .bnpl-error {
3033 background-color: #c00;
3034 }
3035
3036 span[class$="authorize-ng"],
3037 div[class$="authorize-ng"],
3038 span[class$="payment-expired"],
3039 div[class$="payment-expired"],
3040 span[class$="payment-invalidity-no-clear"],
3041 div[class$="payment-invalidity-no-clear"],
3042 span[class$="authorize-expired"],
3043 div[class$="authorize-expired"],
3044 span[class$="cleared-sales-cancel-invalidity"],
3045 div[class$="cleared-sales-cancel-invalidity"],
3046 span[class$="reference-error"],
3047 span[class$="payment-error"],
3048 span[class$="customer-error"] {
3049 background-color: #c00;
3050 }
3051
3052 #mainDataTable .acting-status {
3053 margin-left: .5em;
3054 }
3055
3056 #mainDataTable .amount {
3057 text-align: right;
3058 }
3059
3060 .welcart-settlement-admin-button,
3061 .sbps-settlement-admin-button,
3062 .paypal-settlement-admin-button,
3063 .settlement-admin-button {
3064 margin: .7em 0 1em;
3065 }
3066
3067 .welcart-settlement-admin-button .button,
3068 .sbps-settlement-admin-button .button,
3069 .paypal-settlement-admin-button .button,
3070 .settlement-admin-button .button {
3071 margin-right: .5em;
3072 padding: 0 30px 1px;
3073 }
3074
3075 .paygent-settlement-admin-button {
3076 display: flex;
3077 justify-content: flex-start;
3078 margin: .7em 0 1em;
3079 }
3080
3081 .paygent-settlement-admin-button .button {
3082 margin-right: .5em;
3083 padding: 0 30px 1px;
3084 }
3085
3086 .paygent-settlement-admin-button #update-status {
3087 margin-left: auto;
3088 }
3089
3090 table.welcart-settlement-admin-table,
3091 table.welcart-settlement-admin-table th,
3092 table.welcart-settlement-admin-table td,
3093 table.sbps-settlement-admin-table,
3094 table.sbps-settlement-admin-table th,
3095 table.sbps-settlement-admin-table td,
3096 table.paypal-settlement-admin-table,
3097 table.paypal-settlement-admin-table th,
3098 table.paypal-settlement-admin-table td,
3099 table.settlement-admin-table,
3100 table.settlement-admin-table th,
3101 table.settlement-admin-table td,
3102 table.settlement-history,
3103 table.settlement-history th,
3104 table.settlement-history td {
3105 border-collapse: collapse;
3106 border: 1px #e5e5e5 solid;
3107 }
3108
3109 table.settlement-history > tbody > :nth-child(even) {
3110 background-color: #f9f9f9;
3111 }
3112
3113 table.welcart-settlement-admin-table,
3114 table.sbps-settlement-admin-table,
3115 table.paypal-settlement-admin-table,
3116 table.settlement-admin-table,
3117 table.settlement-history {
3118 width: 100%;
3119 margin: 1em 0;
3120 }
3121
3122 table.welcart-settlement-admin-table th,
3123 table.welcart-settlement-admin-table td,
3124 table.sbps-settlement-admin-table th,
3125 table.sbps-settlement-admin-table td,
3126 table.paypal-settlement-admin-table th,
3127 table.paypal-settlement-admin-table td,
3128 table.settlement-admin-table th,
3129 table.settlement-admin-table td {
3130 padding: .5em 1em;
3131 }
3132
3133 table.settlement-history th,
3134 table.settlement-history td {
3135 padding: 1em .5em;
3136 }
3137
3138 table.welcart-settlement-admin-table th,
3139 table.sbps-settlement-admin-table th,
3140 table.paypal-settlement-admin-table th,
3141 table.settlement-admin-table th,
3142 table.settlement-history th {
3143 background-color: #f9f9f9;
3144 }
3145
3146 table.welcart-settlement-admin-table th,
3147 table.sbps-settlement-admin-table th,
3148 table.paypal-settlement-admin-table th,
3149 table.settlement-admin-table th {
3150 width: 20%;
3151 text-align: left;
3152 }
3153
3154 table.settlement-history .num,
3155 table.settlement-history .operateid,
3156 table.settlement-history .responsecd {
3157 text-align: center;
3158 }
3159
3160 table.settlement-history .amount {
3161 text-align: right;
3162 }
3163
3164 table.settlement-history .num {
3165 width: 2em;
3166 }
3167
3168 table.settlement-history .responsecd {
3169 width: 6em;
3170 }
3171
3172 .welcart-settlement-admin-error,
3173 .sbps-settlement-admin-error,
3174 .settlement-admin-error {
3175 display: inline-block;
3176 -webkit-box-sizing: border-box;
3177 -moz-box-sizing: border-box;
3178 box-sizing: border-box;
3179 width: 100%;
3180 margin: .7em 0 1em;
3181 padding: .5em 1em;
3182 background-color: #ffe6ea;
3183 }
3184
3185 .welcart-settlement-admin-expired,
3186 .sbps-settlement-admin-expired,
3187 .settlement-admin-expired {
3188 display: inline-block;
3189 -webkit-box-sizing: border-box;
3190 -moz-box-sizing: border-box;
3191 box-sizing: border-box;
3192 width: 100%;
3193 margin: .7em 0 1em;
3194 padding: .5em 1em;
3195 background-color: #f0f8ff;
3196 }
3197
3198 .settlement-history-body .error {
3199 color: #f00;
3200 }
3201
3202 .settlement-amount {
3203 width: 100px;
3204 text-align: right;
3205 ime-mode: disabled;
3206 }
3207
3208 /* =Continue charging member list
3209 -------------------------------------------------------------- */
3210 #continuation-update {
3211 padding: 0 30px 1px;
3212 }
3213
3214 /*--------------------------------------------------------------
3215 Order Edit Form
3216 --------------------------------------------------------------*/
3217 div#dialog_parent {
3218 top: 0;
3219 }
3220
3221 .wc_status_table > tbody > tr > td,
3222 .wc_status_table > thead > tr > th {
3223 width: 50%;
3224 }
3225
3226 #shipping_method_status > thead > tr > th,
3227 #payment_methods_status > thead > tr > th,
3228 #shipping_method_status > thead > tr > th,
3229 #common_options_status > thead > tr > th {
3230 width: 100%;
3231 }
3232
3233 #shipping_method_status > tbody > tr > td,
3234 #payment_methods_status > tbody > tr > td,
3235 #common_options_status > tbody > tr > td {
3236 width: auto;
3237 }
3238
3239 #download_env_info {
3240 padding-bottom: 5px;
3241 float: right;
3242 }
3243
3244 /*--------------------------------------------------------------
3245 PayPal Bottom Preview Design
3246 --------------------------------------------------------------*/
3247 #button_preview_paypal_cp {
3248 display: flex;
3249 align-items: center;
3250 justify-content: center;
3251 width: 100%;
3252 height: 35px;
3253 margin-top: 10px;
3254 }
3255
3256 #button_preview_paypal_cp span {
3257 display: flex;
3258 align-items: center;
3259 justify-content: center;
3260 }
3261
3262 #button_preview_paypal_cp.color-gold {
3263 -webkit-transition: .3s ease all;
3264 -moz-transition: .3s ease all;
3265 -o-transition: .3s ease all;
3266 transition: .3s ease all;
3267 border: 1px solid #febc46;
3268 background-color: #febc46;
3269 }
3270
3271 #button_preview_paypal_cp.color-blue {
3272 -webkit-transition: .3s ease all;
3273 -moz-transition: .3s ease all;
3274 -o-transition: .3s ease all;
3275 transition: .3s ease all;
3276 border: 1px solid #1191d5;
3277 background-color: #1191d5;
3278 }
3279
3280 #button_preview_paypal_cp.color-silver {
3281 -webkit-transition: .3s ease all;
3282 -moz-transition: .3s ease all;
3283 -o-transition: .3s ease all;
3284 transition: .3s ease all;
3285 border: 1px solid #ebebeb;
3286 background-color: #ebebeb;
3287 }
3288
3289 #button_preview_paypal_cp.color-white {
3290 -webkit-transition: .3s ease all;
3291 -moz-transition: .3s ease all;
3292 -o-transition: .3s ease all;
3293 transition: .3s ease all;
3294 border: 1px solid #272929;
3295 background-color: #fff;
3296 }
3297
3298 #button_preview_paypal_cp.color-black {
3299 -webkit-transition: .3s ease all;
3300 -moz-transition: .3s ease all;
3301 -o-transition: .3s ease all;
3302 transition: .3s ease all;
3303 border: 1px solid #272929;
3304 background-color: #272929;
3305 }
3306
3307 #button_preview_paypal_cp.color-blue span::before,
3308 #button_preview_paypal_cp.color-black span::before {
3309 content: "";
3310 display: block;
3311 width: 12px;
3312 height: 16px;
3313 margin-right: 3px;
3314 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%20%3Cpath%20fill%3D%22%23ffffff%22%20opacity%3D%220.7%22%20d%3D%22M%2020.702%209.446%20C%2020.982%207.347%2020.702%205.947%2019.578%204.548%20C%2018.361%203.148%2016.208%202.548%2013.493%202.548%20L%205.536%202.548%20C%204.974%202.548%204.506%202.948%204.412%203.548%20L%201.136%2025.74%20C%201.042%2026.239%201.323%2026.639%201.791%2026.639%20L%206.753%2026.639%20L%206.378%2028.938%20C%206.285%2029.238%206.659%2029.638%206.94%2029.638%20L%2011.153%2029.638%20C%2011.621%2029.638%2011.995%2029.238%2012.089%2028.739%20L%2012.182%2028.539%20L%2012.931%2023.341%20L%2013.025%2023.041%20C%2013.119%2022.441%2013.493%2022.141%2013.961%2022.141%20L%2014.616%2022.141%20C%2018.642%2022.141%2021.731%2020.342%2022.668%2015.443%20C%2023.042%2013.344%2022.855%2011.545%2021.825%2010.345%20C%2021.451%2010.046%2021.076%209.646%2020.702%209.446%20L%2020.702%209.446%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23ffffff%22%20opacity%3D%220.7%22%20d%3D%22M%2020.702%209.446%20C%2020.982%207.347%2020.702%205.947%2019.578%204.548%20C%2018.361%203.148%2016.208%202.548%2013.493%202.548%20L%205.536%202.548%20C%204.974%202.548%204.506%202.948%204.412%203.548%20L%201.136%2025.74%20C%201.042%2026.239%201.323%2026.639%201.791%2026.639%20L%206.753%2026.639%20L%207.97%2018.342%20L%207.876%2018.642%20C%208.063%2018.043%208.438%2017.643%209.093%2017.643%20L%2011.433%2017.643%20C%2016.021%2017.643%2019.578%2015.643%2020.608%209.946%20C%2020.608%209.746%2020.608%209.546%2020.702%209.446%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%209.28%209.446%20C%209.28%209.146%209.468%208.846%209.842%208.646%20C%209.936%208.646%2010.123%208.546%2010.216%208.546%20L%2016.489%208.546%20C%2017.238%208.546%2017.893%208.646%2018.548%208.746%20C%2018.736%208.746%2018.829%208.746%2019.11%208.846%20C%2019.204%208.946%2019.391%208.946%2019.578%209.046%20C%2019.672%209.046%2019.672%209.046%2019.859%209.146%20C%2020.14%209.246%2020.421%209.346%2020.702%209.446%20C%2020.982%207.347%2020.702%205.947%2019.578%204.648%20C%2018.361%203.248%2016.208%202.548%2013.493%202.548%20L%205.536%202.548%20C%204.974%202.548%204.506%203.048%204.412%203.548%20L%201.136%2025.74%20C%201.042%2026.239%201.323%2026.639%201.791%2026.639%20L%206.753%2026.639%20L%207.97%2018.342%20L%209.28%209.446%20Z%22%3E%3C%2Fpath%3E%20%3Cg%20transform%3D%22matrix(0.497737%2C%200%2C%200%2C%200.52612%2C%201.10144%2C%200.638654)%22%20opacity%3D%220.2%22%3E%20%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M39.3%2016.7c0.9%200.5%201.7%201.1%202.3%201.8%201%201.1%201.6%202.5%201.9%204.1%200.3-3.2-0.2-5.8-1.9-7.8-0.6-0.7-1.3-1.2-2.1-1.7C39.5%2014.2%2039.5%2015.4%2039.3%2016.7z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M0.4%2045.2L6.7%205.6C6.8%204.5%207.8%203.7%208.9%203.7h16c5.5%200%209.8%201.2%2012.2%203.9%201.2%201.4%201.9%203%202.2%204.8%200.4-3.6-0.2-6.1-2.2-8.4C34.7%201.2%2030.4%200%2024.9%200H8.9c-1.1%200-2.1%200.8-2.3%201.9L0%2044.1C0%2044.5%200.1%2044.9%200.4%2045.2z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M10.7%2049.4l-0.1%200.6c-0.1%200.4%200.1%200.8%200.4%201.1l0.3-1.7H10.7z%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
3315 background-repeat: no-repeat;
3316 background-size: contain;
3317 }
3318
3319 #button_preview_paypal_cp.color-blue span::after,
3320 #button_preview_paypal_cp.color-black span::after {
3321 content: "";
3322 display: block;
3323 width: 50px;
3324 height: 16px;
3325 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22100%22%20height%3D%2232%22%20viewBox%3D%220%200%20100%2032%22%20xmlns%3D%22http%3A%26%23x2F%3B%26%23x2F%3Bwww.w3.org%26%23x2F%3B2000%26%23x2F%3Bsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2012%204.917%20L%204.2%204.917%20C%203.7%204.917%203.2%205.317%203.1%205.817%20L%200%2025.817%20C%20-0.1%2026.217%200.2%2026.517%200.6%2026.517%20L%204.3%2026.517%20C%204.8%2026.517%205.3%2026.117%205.4%2025.617%20L%206.2%2020.217%20C%206.3%2019.717%206.7%2019.317%207.3%2019.317%20L%209.8%2019.317%20C%2014.9%2019.317%2017.9%2016.817%2018.7%2011.917%20C%2019%209.817%2018.7%208.117%2017.7%206.917%20C%2016.6%205.617%2014.6%204.917%2012%204.917%20Z%20M%2012.9%2012.217%20C%2012.5%2015.017%2010.3%2015.017%208.3%2015.017%20L%207.1%2015.017%20L%207.9%209.817%20C%207.9%209.517%208.2%209.317%208.5%209.317%20L%209%209.317%20C%2010.4%209.317%2011.7%209.317%2012.4%2010.117%20C%2012.9%2010.517%2013.1%2011.217%2012.9%2012.217%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2035.2%2012.117%20L%2031.5%2012.117%20C%2031.2%2012.117%2030.9%2012.317%2030.9%2012.617%20L%2030.7%2013.617%20L%2030.4%2013.217%20C%2029.6%2012.017%2027.8%2011.617%2026%2011.617%20C%2021.9%2011.617%2018.4%2014.717%2017.7%2019.117%20C%2017.3%2021.317%2017.8%2023.417%2019.1%2024.817%20C%2020.2%2026.117%2021.9%2026.717%2023.8%2026.717%20C%2027.1%2026.717%2029%2024.617%2029%2024.617%20L%2028.8%2025.617%20C%2028.7%2026.017%2029%2026.417%2029.4%2026.417%20L%2032.8%2026.417%20C%2033.3%2026.417%2033.8%2026.017%2033.9%2025.517%20L%2035.9%2012.717%20C%2036%2012.517%2035.6%2012.117%2035.2%2012.117%20Z%20M%2030.1%2019.317%20C%2029.7%2021.417%2028.1%2022.917%2025.9%2022.917%20C%2024.8%2022.917%2024%2022.617%2023.4%2021.917%20C%2022.8%2021.217%2022.6%2020.317%2022.8%2019.317%20C%2023.1%2017.217%2024.9%2015.717%2027%2015.717%20C%2028.1%2015.717%2028.9%2016.117%2029.5%2016.717%20C%2030%2017.417%2030.2%2018.317%2030.1%2019.317%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2055.1%2012.117%20L%2051.4%2012.117%20C%2051%2012.117%2050.7%2012.317%2050.5%2012.617%20L%2045.3%2020.217%20L%2043.1%2012.917%20C%2043%2012.417%2042.5%2012.117%2042.1%2012.117%20L%2038.4%2012.117%20C%2038%2012.117%2037.6%2012.517%2037.8%2013.017%20L%2041.9%2025.117%20L%2038%2030.517%20C%2037.7%2030.917%2038%2031.517%2038.5%2031.517%20L%2042.2%2031.517%20C%2042.6%2031.517%2042.9%2031.317%2043.1%2031.017%20L%2055.6%2013.017%20C%2055.9%2012.717%2055.6%2012.117%2055.1%2012.117%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2067.5%204.917%20L%2059.7%204.917%20C%2059.2%204.917%2058.7%205.317%2058.6%205.817%20L%2055.5%2025.717%20C%2055.4%2026.117%2055.7%2026.417%2056.1%2026.417%20L%2060.1%2026.417%20C%2060.5%2026.417%2060.8%2026.117%2060.8%2025.817%20L%2061.7%2020.117%20C%2061.8%2019.617%2062.2%2019.217%2062.8%2019.217%20L%2065.3%2019.217%20C%2070.4%2019.217%2073.4%2016.717%2074.2%2011.817%20C%2074.5%209.717%2074.2%208.017%2073.2%206.817%20C%2072%205.617%2070.1%204.917%2067.5%204.917%20Z%20M%2068.4%2012.217%20C%2068%2015.017%2065.8%2015.017%2063.8%2015.017%20L%2062.6%2015.017%20L%2063.4%209.817%20C%2063.4%209.517%2063.7%209.317%2064%209.317%20L%2064.5%209.317%20C%2065.9%209.317%2067.2%209.317%2067.9%2010.117%20C%2068.4%2010.517%2068.5%2011.217%2068.4%2012.217%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2090.7%2012.117%20L%2087%2012.117%20C%2086.7%2012.117%2086.4%2012.317%2086.4%2012.617%20L%2086.2%2013.617%20L%2085.9%2013.217%20C%2085.1%2012.017%2083.3%2011.617%2081.5%2011.617%20C%2077.4%2011.617%2073.9%2014.717%2073.2%2019.117%20C%2072.8%2021.317%2073.3%2023.417%2074.6%2024.817%20C%2075.7%2026.117%2077.4%2026.717%2079.3%2026.717%20C%2082.6%2026.717%2084.5%2024.617%2084.5%2024.617%20L%2084.3%2025.617%20C%2084.2%2026.017%2084.5%2026.417%2084.9%2026.417%20L%2088.3%2026.417%20C%2088.8%2026.417%2089.3%2026.017%2089.4%2025.517%20L%2091.4%2012.717%20C%2091.4%2012.517%2091.1%2012.117%2090.7%2012.117%20Z%20M%2085.5%2019.317%20C%2085.1%2021.417%2083.5%2022.917%2081.3%2022.917%20C%2080.2%2022.917%2079.4%2022.617%2078.8%2021.917%20C%2078.2%2021.217%2078%2020.317%2078.2%2019.317%20C%2078.5%2017.217%2080.3%2015.717%2082.4%2015.717%20C%2083.5%2015.717%2084.3%2016.117%2084.9%2016.717%20C%2085.5%2017.417%2085.7%2018.317%2085.5%2019.317%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2095.1%205.417%20L%2091.9%2025.717%20C%2091.8%2026.117%2092.1%2026.417%2092.5%2026.417%20L%2095.7%2026.417%20C%2096.2%2026.417%2096.7%2026.017%2096.8%2025.517%20L%20100%205.617%20C%20100.1%205.217%2099.8%204.917%2099.4%204.917%20L%2095.8%204.917%20C%2095.4%204.917%2095.2%205.117%2095.1%205.417%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
3326 background-repeat: no-repeat;
3327 background-size: contain;
3328 }
3329
3330 #button_preview_paypal_cp.color-gold span::before,
3331 #button_preview_paypal_cp.color-silver span::before,
3332 #button_preview_paypal_cp.color-white span::before {
3333 content: "";
3334 display: block;
3335 width: 12px;
3336 height: 16px;
3337 margin-right: 3px;
3338 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%20%3Cpath%20fill%3D%22%23009cde%22%20d%3D%22M%2020.905%209.5%20C%2021.185%207.4%2020.905%206%2019.782%204.7%20C%2018.564%203.3%2016.411%202.6%2013.697%202.6%20L%205.739%202.6%20C%205.271%202.6%204.71%203.1%204.615%203.6%20L%201.339%2025.8%20C%201.339%2026.2%201.62%2026.7%202.088%2026.7%20L%206.956%2026.7%20L%206.675%2028.9%20C%206.581%2029.3%206.862%2029.6%207.236%2029.6%20L%2011.356%2029.6%20C%2011.825%2029.6%2012.292%2029.3%2012.386%2028.8%20L%2012.386%2028.5%20L%2013.228%2023.3%20L%2013.228%2023.1%20C%2013.322%2022.6%2013.79%2022.2%2014.258%2022.2%20L%2014.821%2022.2%20C%2018.845%2022.2%2021.935%2020.5%2022.871%2015.5%20C%2023.339%2013.4%2023.153%2011.7%2022.029%2010.5%20C%2021.748%2010.1%2021.279%209.8%2020.905%209.5%20L%2020.905%209.5%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23012169%22%20d%3D%22M%2020.905%209.5%20C%2021.185%207.4%2020.905%206%2019.782%204.7%20C%2018.564%203.3%2016.411%202.6%2013.697%202.6%20L%205.739%202.6%20C%205.271%202.6%204.71%203.1%204.615%203.6%20L%201.339%2025.8%20C%201.339%2026.2%201.62%2026.7%202.088%2026.7%20L%206.956%2026.7%20L%208.267%2018.4%20L%208.173%2018.7%20C%208.267%2018.1%208.735%2017.7%209.296%2017.7%20L%2011.636%2017.7%20C%2016.224%2017.7%2019.782%2015.7%2020.905%2010.1%20C%2020.812%209.8%2020.905%209.7%2020.905%209.5%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23003087%22%20d%3D%22M%209.485%209.5%20C%209.577%209.2%209.765%208.9%2010.046%208.7%20C%2010.232%208.7%2010.326%208.6%2010.513%208.6%20L%2016.692%208.6%20C%2017.442%208.6%2018.189%208.7%2018.753%208.8%20C%2018.939%208.8%2019.127%208.8%2019.314%208.9%20C%2019.501%209%2019.688%209%2019.782%209.1%20C%2019.875%209.1%2019.968%209.1%2020.063%209.1%20C%2020.343%209.2%2020.624%209.4%2020.905%209.5%20C%2021.185%207.4%2020.905%206%2019.782%204.6%20C%2018.658%203.2%2016.506%202.6%2013.79%202.6%20L%205.739%202.6%20C%205.271%202.6%204.71%203%204.615%203.6%20L%201.339%2025.8%20C%201.339%2026.2%201.62%2026.7%202.088%2026.7%20L%206.956%2026.7%20L%208.267%2018.4%20L%209.485%209.5%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
3339 background-repeat: no-repeat;
3340 background-size: contain;
3341 }
3342
3343 #button_preview_paypal_cp.color-gold span::after,
3344 #button_preview_paypal_cp.color-silver span::after,
3345 #button_preview_paypal_cp.color-white span::after {
3346 content: "";
3347 display: block;
3348 width: 50px;
3349 height: 16px;
3350 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22100%22%20height%3D%2232%22%20viewBox%3D%220%200%20100%2032%22%20xmlns%3D%22http%3A%26%23x2F%3B%26%23x2F%3Bwww.w3.org%26%23x2F%3B2000%26%23x2F%3Bsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20fill%3D%22%23003087%22%20d%3D%22M%2012%204.917%20L%204.2%204.917%20C%203.7%204.917%203.2%205.317%203.1%205.817%20L%200%2025.817%20C%20-0.1%2026.217%200.2%2026.517%200.6%2026.517%20L%204.3%2026.517%20C%204.8%2026.517%205.3%2026.117%205.4%2025.617%20L%206.2%2020.217%20C%206.3%2019.717%206.7%2019.317%207.3%2019.317%20L%209.8%2019.317%20C%2014.9%2019.317%2017.9%2016.817%2018.7%2011.917%20C%2019%209.817%2018.7%208.117%2017.7%206.917%20C%2016.6%205.617%2014.6%204.917%2012%204.917%20Z%20M%2012.9%2012.217%20C%2012.5%2015.017%2010.3%2015.017%208.3%2015.017%20L%207.1%2015.017%20L%207.9%209.817%20C%207.9%209.517%208.2%209.317%208.5%209.317%20L%209%209.317%20C%2010.4%209.317%2011.7%209.317%2012.4%2010.117%20C%2012.9%2010.517%2013.1%2011.217%2012.9%2012.217%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23003087%22%20d%3D%22M%2035.2%2012.117%20L%2031.5%2012.117%20C%2031.2%2012.117%2030.9%2012.317%2030.9%2012.617%20L%2030.7%2013.617%20L%2030.4%2013.217%20C%2029.6%2012.017%2027.8%2011.617%2026%2011.617%20C%2021.9%2011.617%2018.4%2014.717%2017.7%2019.117%20C%2017.3%2021.317%2017.8%2023.417%2019.1%2024.817%20C%2020.2%2026.117%2021.9%2026.717%2023.8%2026.717%20C%2027.1%2026.717%2029%2024.617%2029%2024.617%20L%2028.8%2025.617%20C%2028.7%2026.017%2029%2026.417%2029.4%2026.417%20L%2032.8%2026.417%20C%2033.3%2026.417%2033.8%2026.017%2033.9%2025.517%20L%2035.9%2012.717%20C%2036%2012.517%2035.6%2012.117%2035.2%2012.117%20Z%20M%2030.1%2019.317%20C%2029.7%2021.417%2028.1%2022.917%2025.9%2022.917%20C%2024.8%2022.917%2024%2022.617%2023.4%2021.917%20C%2022.8%2021.217%2022.6%2020.317%2022.8%2019.317%20C%2023.1%2017.217%2024.9%2015.717%2027%2015.717%20C%2028.1%2015.717%2028.9%2016.117%2029.5%2016.717%20C%2030%2017.417%2030.2%2018.317%2030.1%2019.317%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23003087%22%20d%3D%22M%2055.1%2012.117%20L%2051.4%2012.117%20C%2051%2012.117%2050.7%2012.317%2050.5%2012.617%20L%2045.3%2020.217%20L%2043.1%2012.917%20C%2043%2012.417%2042.5%2012.117%2042.1%2012.117%20L%2038.4%2012.117%20C%2038%2012.117%2037.6%2012.517%2037.8%2013.017%20L%2041.9%2025.117%20L%2038%2030.517%20C%2037.7%2030.917%2038%2031.517%2038.5%2031.517%20L%2042.2%2031.517%20C%2042.6%2031.517%2042.9%2031.317%2043.1%2031.017%20L%2055.6%2013.017%20C%2055.9%2012.717%2055.6%2012.117%2055.1%2012.117%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23009cde%22%20d%3D%22M%2067.5%204.917%20L%2059.7%204.917%20C%2059.2%204.917%2058.7%205.317%2058.6%205.817%20L%2055.5%2025.717%20C%2055.4%2026.117%2055.7%2026.417%2056.1%2026.417%20L%2060.1%2026.417%20C%2060.5%2026.417%2060.8%2026.117%2060.8%2025.817%20L%2061.7%2020.117%20C%2061.8%2019.617%2062.2%2019.217%2062.8%2019.217%20L%2065.3%2019.217%20C%2070.4%2019.217%2073.4%2016.717%2074.2%2011.817%20C%2074.5%209.717%2074.2%208.017%2073.2%206.817%20C%2072%205.617%2070.1%204.917%2067.5%204.917%20Z%20M%2068.4%2012.217%20C%2068%2015.017%2065.8%2015.017%2063.8%2015.017%20L%2062.6%2015.017%20L%2063.4%209.817%20C%2063.4%209.517%2063.7%209.317%2064%209.317%20L%2064.5%209.317%20C%2065.9%209.317%2067.2%209.317%2067.9%2010.117%20C%2068.4%2010.517%2068.5%2011.217%2068.4%2012.217%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23009cde%22%20d%3D%22M%2090.7%2012.117%20L%2087%2012.117%20C%2086.7%2012.117%2086.4%2012.317%2086.4%2012.617%20L%2086.2%2013.617%20L%2085.9%2013.217%20C%2085.1%2012.017%2083.3%2011.617%2081.5%2011.617%20C%2077.4%2011.617%2073.9%2014.717%2073.2%2019.117%20C%2072.8%2021.317%2073.3%2023.417%2074.6%2024.817%20C%2075.7%2026.117%2077.4%2026.717%2079.3%2026.717%20C%2082.6%2026.717%2084.5%2024.617%2084.5%2024.617%20L%2084.3%2025.617%20C%2084.2%2026.017%2084.5%2026.417%2084.9%2026.417%20L%2088.3%2026.417%20C%2088.8%2026.417%2089.3%2026.017%2089.4%2025.517%20L%2091.4%2012.717%20C%2091.4%2012.517%2091.1%2012.117%2090.7%2012.117%20Z%20M%2085.5%2019.317%20C%2085.1%2021.417%2083.5%2022.917%2081.3%2022.917%20C%2080.2%2022.917%2079.4%2022.617%2078.8%2021.917%20C%2078.2%2021.217%2078%2020.317%2078.2%2019.317%20C%2078.5%2017.217%2080.3%2015.717%2082.4%2015.717%20C%2083.5%2015.717%2084.3%2016.117%2084.9%2016.717%20C%2085.5%2017.417%2085.7%2018.317%2085.5%2019.317%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23009cde%22%20d%3D%22M%2095.1%205.417%20L%2091.9%2025.717%20C%2091.8%2026.117%2092.1%2026.417%2092.5%2026.417%20L%2095.7%2026.417%20C%2096.2%2026.417%2096.7%2026.017%2096.8%2025.517%20L%20100%205.617%20C%20100.1%205.217%2099.8%204.917%2099.4%204.917%20L%2095.8%204.917%20C%2095.4%204.917%2095.2%205.117%2095.1%205.417%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
3351 background-repeat: no-repeat;
3352 background-size: contain;
3353 }
3354
3355 #button_preview_paypal_cp.shape-rect {
3356 -moz-border-radius: 4px;
3357 -webkit-border-radius: 4px;
3358 -khtml-border-radius: 4px;
3359 border-radius: 4px;
3360 }
3361
3362 #button_preview_paypal_cp.shape-pill {
3363 -moz-border-radius: 18px;
3364 -webkit-border-radius: 18px;
3365 -khtml-border-radius: 18px;
3366 border-radius: 18px;
3367 }
3368
3369 #button_preview_paypal_cp.label-checkout::after {
3370 content: "Checkout";
3371 display: inline-block;
3372 margin-left: 3px;
3373 color: #111;
3374 font-size: 10px;
3375 }
3376
3377 #button_preview_paypal_cp.color-blue.label-checkout::after,
3378 #button_preview_paypal_cp.color-black.label-checkout::after {
3379 color: #fff;
3380 }
3381
3382 #button_preview_paypal_cp.label-buynow::after {
3383 content: "Buy Now";
3384 display: inline-block;
3385 margin-left: 3px;
3386 color: #111;
3387 font-size: 10px;
3388 }
3389
3390 #button_preview_paypal_cp.color-blue.label-buynow::after,
3391 #button_preview_paypal_cp.color-black.label-buynow::after {
3392 color: #fff;
3393 }
3394
3395 #button_preview_paypal_cp.label-pay::before {
3396 content: "Pay with";
3397 display: inline-block;
3398 margin-right: 3px;
3399 color: #111;
3400 font-size: 10px;
3401 }
3402
3403 #button_preview_paypal_cp.color-blue.label-pay::before,
3404 #button_preview_paypal_cp.color-black.label-pay::before {
3405 color: #fff;
3406 }
3407
3408 #button_preview_paypal_cp.label-pay span::before {
3409 display: none;
3410 }
3411