1.market-connect #contentarea {
2 background-color: #f9f9f9;
3}
4.market-connect #contentarea h1 {
5 display: none;
6}
7
8.panel-market-account {
9 width: 300px;
10}
11.panel-market-account .account-linked {
12 padding: 8px 15px;
13 height: 127px;
14 overflow: hidden;
15}
16.panel-market-account .account-not-linked {
17 height: 127px;
18 line-height: 90px;
19 background-color: #f9f9f9;
20 overflow: hidden;
21}
22.panel-market-account .info-line {
23 margin-bottom: 8px;
24 font-size: 11px;
25}
26.panel-market-account .linked-to,
27.panel-market-account .auth-error,
28.panel-market-account .connection-error {
29 margin: 8px -16px;
30 padding: 6px 15px;
31 background-color: #eee;
32 color: #333;
33 font-size: 12px;
34 white-space: nowrap;
35 text-overflow: ellipsis;
36 overflow: hidden;
37}
38.panel-market-account .auth-error,
39.panel-market-account .connection-error {
40 display: none;
41 background-color: #ff8686;
42 color: #ffe9e9;
43}
44.panel-market-account .auth-error a,
45.panel-market-account .connection-error a {
46 color: #fff;
47 text-decoration: underline;
48}
49.panel-market-account .account-linked {
50 display: none;
51}
52.panel-market-account.account-linked .account-linked {
53 display: block;
54}
55.panel-market-account.account-linked .account-not-linked {
56 display: none;
57}
58
59.marketconnect-logo {
60 max-width: 100%;
61}
62
63.modal-marketconnect-login .modal-dialog {
64 max-width: 485px;
65}
66.modal-marketconnect-login .modal-content {
67 border: 0;
68 border-radius: 0;
69 box-shadow: none;
70 background-color: #fff;
71 color: #333;
72}
73.modal-marketconnect-login .modal-header {
74 display: none;
75}
76.modal-marketconnect-login .modal-mc-logo {
77 padding: 30px 0 35px 0;
78 text-align: center;
79}
80.modal-marketconnect-login .modal-mc-logo img {
81 max-width: 80%;
82}
83.modal-marketconnect-login .modal-content a {
84 text-decoration: underline;
85}
86.modal-marketconnect-login p {
87 margin-bottom: 15px;
88}
89.modal-marketconnect-login .alert {
90 border: 0;
91 border-left: 3px solid;
92 border-radius: 0;
93 padding: 10px 15px;
94}
95.modal-marketconnect-login .login-msg {
96 margin: 12px 0 40px 0;
97 text-align: center;
98}
99.modal-marketconnect-login .login-msg a {
100 font-weight: bold;
101 text-decoration: none;
102}
103.modal-marketconnect-login .create-acct-link {
104 margin: 40px 0 30px 0;
105 text-align: center;
106 font-size: 0.95em;
107}
108.modal-marketconnect-login .create-acct-link a {
109 font-weight: bold;
110 text-decoration: none;
111}
112
113.panel-market-item {
114 text-align: center;
115 font-size: 1.2em;
116 border: 1px solid #f8f8f8;
117 background-color: #fff;
118 font-weight: 300;
119}
120.panel-market-item .panel-body {
121 padding: 45px 50px;
122}
123@media (min-width:1200px) and (max-width: 1400px) {
124 .panel-market-item .panel-body {
125 padding: 45px 35px;
126 }
127}
128
129.panel-market-item .logo {
130 margin-bottom: 30px;
131 background-color: #fff;
132 line-height: 180px;
133 height: 180px;
134 display: flex;
135 justify-content: center;
136 align-items: center;
137}
138.panel-market-item .logo img {
139 max-width: 100%;
140 max-height: 100%;
141}
142.panel-market-item p {
143 margin: 20px 0;
144}
145.panel-market-item h3 {
146 margin: 0;
147 font-size: 28px;
148 font-weight: 300;
149}
150.panel-market-item h4 {
151 margin: 10px 0 0 0;
152 font-size: 16px;
153 color: #bbb9b9;
154 font-weight: 300;
155}
156.panel-market-item .btn-container {
157 margin: 0 auto;
158 max-width: 400px;
159}
160.panel-market-item .btn {
161 white-space: normal;
162 margin-bottom: 10px;
163}
164
165.btn-inverse {
166 color: #fff;
167 background-color: #666;
168 border-color: #555;
169}
170.btn-inverse:active,
171.btn-inverse:focus,
172.btn-inverse:hover {
173 color: #fff;
174 background-color: #555;
175 border-color: #444;
176}
177
178.modal-mc-service .modal-header,
179.modal-mc-service .modal-footer {
180 display: none;
181}
182.modal-mc-service .modal-body {
183 height: 100%;
184 overflow: auto;
185}
186.modal-mc-service .modal-content {
187 border: 0;
188 border-radius: 0;
189 box-shadow: none;
190 height: 600px;
191}
192.modal-mc-service .logo img {
193 max-height: 100%;
194 max-width: 80%;
195 margin-bottom: 10px;
196}
197.modal-mc-service .title {
198 padding: 0 0 20px;
199}
200.modal-mc-service h3 {
201 margin: 0;
202 font-size: 28px;
203 font-weight: 300;
204}
205.modal-mc-service h4 {
206 margin: 10px 0 0 0;
207 font-size: 16px;
208 color: #bbb9b9;
209 font-weight: 300;
210}
211.modal-mc-service .nav-tabs > li:not(.active) > a {
212 padding: 6px 15px;
213 background-color: #f9f9f9;
214}
215.modal-mc-service .nav-tabs > li > a.activate {
216 background-color: #beeaa0;
217 color: #5f9234;
218 border: 1px solid #beeaa0;
219}
220.modal-mc-service .nav-tabs > li > a.deactivate {
221 background-color: #ff9898;
222 color: #ffe6e6;
223 border: 1px solid #ff9898;
224}
225.modal-mc-service .nav-tabs > li > a.deactivate:hover {
226 background-color: #e66666;
227 color: #fff;
228}
229.modal-mc-service .nav-tabs > li.active > a {
230 padding: 6px 15px;
231 background-color: #fff;
232}
233.modal-mc-service .content-padded {
234 padding: 30px 15px;
235}
236
237@media (max-width:991px) {
238 .modal-mc-service .nav-tabs > li {
239 margin-bottom: 0;
240 }
241 .modal-mc-service .nav-tabs > li > a {
242 border-radius: 4px;
243 margin-bottom: 4px;
244 }
245 .modal-mc-service .nav-tabs>li.active>a,
246 .modal-mc-service .nav-tabs>li.active>a:focus,
247 .modal-mc-service .nav-tabs>li.active>a:hover {
248 border-bottom-color: #ddd;
249 }
250}
251@media (min-width:992px) {
252 .modal-mc-service .logo {
253 float: left;
254 height: 100px;
255 }
256 .modal-mc-service .title {
257 float: right;
258 text-align: right;
259 padding: 20px 30px 0;
260 }
261 .modal-mc-service .nav-tabs > li:first-child {
262 padding-left: 20px;
263 }
264 .modal-mc-service .nav-tabs > li:last-child {
265 padding-right: 20px;
266 }
267 .modal-mc-service .nav-tabs > li:not(.active) > a {
268 border-bottom: 1px solid #ddd;
269 }
270 .modal-mc-service .nav-tabs > li.li-right {
271 float: right;
272 }
273 .modal-mc-service .nav-tabs>li>a.activate {
274 border-bottom: 0;
275 }
276 .modal-mc-service .nav-tabs>li>a.deactivate {
277 border-bottom: 0;
278 }
279 .modal-mc-service .content-padded {
280 padding: 30px 30px 0 30px;
281 }
282}
283
284.market-connect-apps-container {
285 max-width: 1650px;
286 margin: 0 auto 25px;
287}
288.market-connect-apps-container .btn-block+.btn-block {
289 margin-top: 0;
290}
291
292.modal-marketconnect-splash .modal-content {
293 border: 0;
294 border-radius: 0;
295 box-shadow: none;
296 background-color: #ff6820;
297 color: #fff;
298 text-align: center;
299 padding-bottom: 65px;
300}
301.modal-marketconnect-splash ul {
302 list-style: none;
303 margin: 0;
304 padding: 0;
305}
306
307.redirect-msg {
308 text-align: center;
309 max-width: 600px;
310 padding: 40px;
311 margin: 30px auto;
312 background-color: #fff;
313}
314.redirect-msg a {
315 text-decoration: underline;
316}
317
318.modal-mc-service .activate {
319 padding: 40px;
320}
321
322.modal-mc-service .activate ul {
323 list-style: none;
324 margin: 22px 0;
325 font-size: 1.3em;
326 line-height: 1.8em;
327 font-weight: 300;
328}
329.modal-mc-service .activate ul i {
330 padding-right: 20px;
331}
332.modal-mc-service .activate-btn-container {
333 margin: 40px 0;
334 text-align: right;
335}
336@media (max-width:991px) {
337 .modal-mc-service .activate {
338 padding: 30px 20px;
339 }
340 .modal-mc-service .activate ul {
341 padding: 0;
342 font-size: 1.1em;
343 }
344 .modal-mc-service .activate ul i {
345 padding-right: 0;
346 }
347 .modal-mc-service .activate-btn-container {
348 text-align: center;
349 }
350}
351
352.modal-mc-service .btn-activate {
353 padding: 10px 25px;
354 font-size: 17px;
355 width: 190px;
356 height: 45px;
357}
358
359.modal-mc-service .activate a {
360 text-decoration: underline;
361}
362
363.tour-marketconnect {
364 padding: 12px;
365 background-color: #f5f5f5;
366 font-family: 'Open Sans', Arial, sans-serif;
367 color: #444;
368 min-width: 335px;
369 border: 0;
370}
371.tour-marketconnect .popover-title {
372 padding-top: 18px;
373 background-color: #f5f5f5;
374 color: #222;
375 font-size: 1.2em;
376 border: 0;
377}
378
379.modal-mc-service ul.products {
380 list-style: none;
381 margin: 0;
382 padding: 0;
383 border: 1px solid #ddd;
384 max-height: 375px;
385 overflow-y: auto;
386 overflow-x: hidden;
387}
388
389.modal-mc-service ul.products li.product {
390 border-bottom: 1px solid #ddd;
391}
392.modal-mc-service ul.products li.product div.content-padded {
393 padding: 10px;
394}
395.modal-mc-service ul.products li.product:last-child {
396 border: 0;
397}
398.modal-mc-service ul.products .toggle-pricing {
399 display: block;
400 text-decoration: none;
401}
402.modal-mc-service ul.products .product-name {
403 font-size: 1.5em;
404 font-weight: 300;
405}
406.modal-mc-service ul.products .btn-manage {
407 border: 0;
408 background-color: #fff;
409 color: #bbb;
410 font-size: 1.5em;
411 padding: 0 10px;
412}
413
414.modal-mc-service .table-pricing th,
415.modal-mc-service .table-pricing td {
416 text-align: center;
417}
418.modal-mc-service .sso-container {
419 padding: 50px;
420 background-color: #f8f8f8;
421 text-align: center;
422}
423.modal-mc-service .sso-container .btn-sso-service {
424 font-weight: 300;
425}
426
427.modal-mc-service .promotions {
428 padding: 15px 20px;
429}
430.modal-mc-service .promotions .promo {
431 margin: 0 0 5px 0;
432 padding: 10px 15px;
433 background-color: #f8f8f8;
434}
435.modal-mc-service .promotions .promo h4{
436 margin: 2px 0 6px 0;
437 color: #666;
438}
439.modal-mc-service .promotions .promo p {
440 margin: 0;
441 font-size: 0.9em;
442}
443.modal-mc-service .promotions .bootstrap-switch {
444 float: right;
445}
446
447.modal-mc-service .table-pricing th {
448 border-top: 0;
449}
450.modal-mc-service .table-pricing tr:last-child td {
451 border-bottom: 1px solid #ddd;
452}
453.modal-mc-service .table-pricing {
454 margin-bottom: 10px;
455}
456
457.modal-mc-service .pricing-login-overlay {
458 position: absolute;
459 width: 90%;
460 text-align: center;
461 background: rgba(0,0,0,0.8);
462 color: #fff;
463 font-weight: 300;
464 height: 378px;
465 padding-top: 150px;
466 font-size: 1.1em;
467}
468.modal-mc-service .pricing-login-overlay .btn {
469 border: 0;
470}
471
472.modal-mc-service .symantec .features-overview {
473 margin: 20px 0;
474 padding: 20px 40px 10px;
475 background-color: #e4e4e4;
476 border-radius: 6px;
477 color: #444;
478 font-size: 0.95em;
479}
480.modal-mc-service .symantec .features-overview i {
481 color: #fff;
482}
483.modal-mc-service .symantec .features-overview h4 {
484 margin: 0;
485 color: #444;
486}
487.modal-mc-service .symantec .row-logos {
488 margin-top: 20px;
489}
490.modal-mc-service .symantec ul {
491 list-style: none;
492}
493.modal-mc-service .symantec-ee {
494 margin: 12px 0;
495 padding: 15px 20px;
496 background-color: #dcf0d7;
497 color: #444;
498}
499.modal-mc-service .symantec-ee .inner {
500 font-weight: 400;
501}
502.modal-mc-service .symantec-ee .inner span {
503 font-size: 1.3em;
504}
505.modal-mc-service .symantec .table-pricing {
506 font-size: 0.9em;
507}
508.modal-mc-service .symantec .table-pricing th {
509 padding: 0 0 2px 0;
510}
511.modal-mc-service .symantec .table-pricing td.issuance {
512 white-space: nowrap;
513}
514
515.modal-mc-service .weebly-features .feature {
516 text-align: center;
517 margin-bottom: 28px;
518}
519.modal-mc-service .weebly-features .feature .icon {
520 height: 60px;
521 margin-bottom: 15px;
522}
523.modal-mc-service .weebly-features .feature h4 {
524 margin-bottom: 5px;
525}
526.modal-mc-service .weebly-features .feature .icon img {
527 max-height: 100%;
528}
529.modal-mc-service .weebly-free i {
530 padding-right: 3px;
531 font-size: 2em;
532 color: #888;
533}
534.modal-mc-service .weebly-free strong,
535.modal-mc-service .site-builder-free strong {
536 font-size: 1.15em;
537}
538.modal-mc-service .weebly.faq h4 {
539 color: #666;
540 font-size: 1.4em;
541 margin-bottom: 10px;
542}
543.modal-mc-service .weebly .table-pricing {
544 font-size: 0.9em;
545}
546.modal-mc-service .weebly .table-pricing th {
547 padding: 6px;
548 vertical-align: bottom;
549}
550.modal-mc-service .weebly .table-pricing th span {
551 font-size: 1.7em;
552 font-weight: 300;
553}
554.modal-mc-service .weebly .table-pricing td {
555 padding: 1px 5px !important;
556}
557
558.modal-mc-service .icon-no {
559 color: #a93717
560}
561
562.modal-mc-service .icon-yes {
563 color: #209e61
564}
565
566.modal-mc-service .spamexperts .solutions {
567 margin-top: 15px;
568 margin-bottom: 15px;
569}
570.modal-mc-service .spamexperts .solutions .item {
571 margin: 0;
572 padding: 15px;
573 background-color: #dbe8ea;
574 text-align: center;
575}
576.modal-mc-service .spamexperts .solutions .item h4 {
577 margin: 0;
578 color: #333;
579}
580.modal-mc-service .spamexperts .solutions .item span {
581 font-weight: bold;
582}
583.modal-mc-service .spamexperts .solutions .item i {
584 margin: 7px;
585 font-size: 2em;
586 color: #5b8890;
587}
588.modal-mc-service .spamexperts .solutions .item p {
589 font-size: 0.9em;
590}
591.modal-mc-service .spamexperts-pricing .item {
592 margin: 0 0 10px 0;
593 padding: 17px 30px;
594 background-color: #f8f8f8;
595}
596.modal-mc-service .spamexperts-pricing h4 {
597 margin: 0 0 5px 0;
598 color: #777;
599}
600.modal-mc-service .spamexperts-pricing h4 span {
601 color: #999;
602}
603.modal-mc-service .spamexperts-pricing i {
604 padding-left: 10px;
605 padding-right: 6px;
606}
607.modal-mc-service .spamexperts.how-it-works {
608 margin-top: 15px;
609 padding: 20px 25px;
610 background-color: #dbe8ea;
611}
612
613.modal-mc-service .activate.advanced-mode {
614 padding: 30px 40px;
615}
616.modal-mc-service .activate.advanced-mode .tab-content {
617 height: 282px;
618 font-size: 0.75em;
619 overflow: hidden;
620}
621.modal-mc-service .activate.advanced-mode ul.products {
622 max-height: 282px;
623}
624.modal-mc-service .activate.advanced-mode .activate-btn-container {
625 margin: 18px 0 0 0;
626}
627@media (max-width:991px) {
628 .modal-mc-service .activate.advanced-mode {
629 padding: 20px 0;
630 }
631}
632
633.modal-mc-service .activate .steps {
634 margin: 0 0 15px 0;
635 white-space: nowrap;
636 overflow: auto;
637}
638.modal-mc-service .activate .steps a {
639 padding: 7px 12px;
640 position: relative;
641 display: inline-block;
642 min-width: 24%;
643 margin-left: 0.25%;
644 height: 32px;
645 text-align: center;
646 text-decoration: none !important;
647 font-size: 13px;
648 color: #707070;
649 background-color: #f8f8f8;
650 cursor: pointer;
651}
652.modal-mc-service .activate .steps a:first-child {
653 margin-left: 0;
654}
655.modal-mc-service .activate .steps:not(.left-arrow) a:before {
656 width: 0;
657 height: 0;
658 border-top: 16px inset transparent;
659 border-bottom: 16px inset transparent;
660 border-left: 16px solid #FFFFFF;
661 position: absolute;
662 content: "";
663 top: 0;
664 left: 0;
665}
666.modal-mc-service .activate .steps:not(.left-arrow) a:after {
667 width: 0;
668 height: 0;
669 border-top: 16px inset transparent;
670 border-bottom: 16px inset transparent;
671 border-left: 16px solid #f8f8f8;
672 position: absolute;
673 content: "";
674 top: 0;
675 right: -16px;
676 z-index: 2;
677}
678
679.modal-mc-service .activate .steps a.active {
680 background-color: #beecbe;
681 color: #226322;
682}
683.modal-mc-service .activate .steps a.active:after {
684 border-left: 16px solid #beecbe;
685}
686
687.modal-mc-service .activate .steps a:first-child:before,
688.modal-mc-service .activate .steps a:last-child:after {
689 border: none;
690}
691.modal-mc-service .activate .steps a:first-child {
692 border-radius: 4px 0 0 4px;
693}
694.modal-mc-service .activate .steps a:last-child {
695 border-radius: 0 4px 4px 0;
696}
697.modal-mc-service .activate .steps a.mode-label {
698 background-color: #eee;
699 font-weight: bold;
700 cursor: auto;
701}
702.modal-mc-service .activate .steps a.mode-label:after {
703 border-left: 16px solid #eee;
704}
705
706.modal-mc-service .advanced-mode .tab-content h3 {
707 font-size: 20px;
708}
709.modal-mc-service .advanced-mode .promo {
710 font-size :13px;
711}
712.modal-mc-service .advanced-mode .promo p {
713 white-space: nowrap;
714 text-overflow: ellipsis;
715 overflow: hidden;
716}
717
718.modal-mc-service .sitelock .icons {
719 margin-top: 20px;
720 margin-bottom: 20px;
721 font-size: 0.9em;
722}
723.modal-mc-service .sitelock .icons img {
724 margin: 0 0 5px 0;
725 max-height: 50px;
726}
727.modal-mc-service .sitelock .feature-wrapper {
728 margin: 0 0 15px 0;
729}
730.modal-mc-service .sitelock .feature-wrapper i {
731 float: left;
732 font-size: 4em;
733}
734.modal-mc-service .sitelock .feature-wrapper .content {
735 margin-left: 100px;
736}
737.modal-mc-service .sitelock .feature-wrapper p {
738 font-size: 0.9em;
739}
740.modal-mc-service .sitelock .lite-features {
741 margin-top: 25px;
742 margin-bottom: 25px;
743 font-size: 1.3em;
744 font-weight: 300;
745}
746.modal-mc-service .sitelock .lite-features i {
747 padding-left: 25px;
748 padding-right: 8px;
749}
750.modal-mc-service .sitelock i.fa-check {
751 color: #36ab3a;
752}
753.modal-mc-service .sitelock .faq .panel {
754 border: 0;
755}
756.modal-mc-service .sitelock .faq .panel-heading {
757 padding: 10px 14px;
758 background: transparent;
759}
760.modal-mc-service .sitelock .faq h4 {
761 margin: 0;
762 padding: 0;
763 font-size: 15px;
764}
765.modal-mc-service .sitelock .faq h4 a {
766 color: #222;
767}
768.modal-mc-service .sitelock .faq .panel-body {
769 padding: 3px 14px 10px;
770 color: #555;
771 border: 0;
772 font-weight: 300;
773}
774.modal-mc-service .sitelock.faq {
775 max-height: 400px;
776 overflow: auto;
777}
778.modal-mc-service .sitelock .table-pricing {
779 font-size: 0.9em;
780}
781.modal-mc-service .content-padded.symantec,
782.modal-mc-service .content-padded.site-builder,
783.modal-mc-service .sitelock.pricing,
784.modal-mc-service .symantec.pricing {
785 max-height: 400px;
786 overflow: auto;
787}
788
789.modal-mc-service .content-padded.site-builder.site-builder-features {
790 padding: 15px 10px 0;
791 overflow: visible;
792}
793.modal-mc-service .content-padded.site-builder.highlights {
794 overflow: visible;
795}
796
797.modal-mc-service .sitelockvpn.features {
798 text-align: center;
799 font-size: 1.1em;
800}
801.modal-mc-service .sitelockvpn.features img {
802 display: block;
803 margin: 10px auto;
804}
805
806.modal-mc-service .site-builder-features .feature {
807 text-align: center;
808 margin-bottom: 0;
809}
810.modal-mc-service .site-builder-features .feature .icon {
811 height: 60px;
812}
813.modal-mc-service .site-builder-features .feature h4 {
814 margin-bottom: 5px;
815}
816.modal-mc-service .site-builder-features .feature .icon img {
817 max-height: 100%;
818}
819.modal-mc-service .site-builder-highlights {
820 margin-top: 15px;
821}
822.modal-mc-service .site-builder-highlights i {
823 padding-right: 3px;
824 font-size: 1.5em;
825 color: #888;
826}
827.modal-mc-service .site-builder-free i {
828 padding-right: 3px;
829 font-size: 2em;
830 color: #888;
831}
832.modal-mc-service .site-builder-highlights strong {
833 font-size: 1.15em;
834}
835.modal-mc-service .site-builder.faq h4 {
836 color: #666;
837 font-size: 1.4em;
838 margin-bottom: 10px;
839}
840.modal-mc-service .site-builder .table-pricing {
841 font-size: 0.9em;
842}
843.modal-mc-service .site-builder .table-pricing th {
844 padding: 6px;
845 vertical-align: bottom;
846}
847.modal-mc-service .site-builder .table-pricing th span {
848 font-size: 1.7em;
849 font-weight: 300;
850}
851.modal-mc-service .site-builder .table-pricing td {
852 padding: 1px 5px !important;
853}
854.modal-mc-service .xovinow.about h4 {
855 font-size: 16px;
856 color: #444;
857 font-weight: 600;
858}
859.modal-mc-service .xovinow.about h4,
860.modal-mc-service .xovinow.about p {
861 margin-bottom: 10px;
862}
863
864.modal-mc-service .xovinow.faq h4 {
865 color: #666;
866 font-size: 1.4em;
867 margin-bottom: 10px;
868}
869.modal-mc-service .xovinow .table-pricing {
870 font-size: 0.9em;
871}
872.modal-mc-service .xovinow .table-pricing th {
873 padding: 6px;
874 vertical-align: bottom;
875}
876.modal-mc-service .xovinow .table-pricing th span {
877 font-size: 1.7em;
878 font-weight: 300;
879}
880.modal-mc-service .xovinow .table-pricing td {
881 padding: 1px 5px !important;
882}
883.modal-mc-service .xovinow.features {
884 overflow: visible;
885}
886.modal-mc-service .xovinow.features img {
887 max-width: 280px;
888 padding-top: 5px;
889}
890.modal-mc-service .xovinow.features .feature-menu {
891 border-right: 1px solid #ddd;
892 height: 400px;
893}
894.modal-mc-service .xovinow.features .feature-menu .feature-menu-item {
895 display: block;
896 border: 1px solid lightgrey;
897 padding: 5px 0;
898 text-align: center;
899 background-color: #f9f9f9;
900 line-height: 1.42857143;
901 border-radius: 4px 0 0 4px;
902 margin-bottom: 2px;
903 margin-right: -16px;
904}
905.modal-mc-service .xovinow.features .feature-menu .feature-menu-item.shown {
906 background-color: #fff;
907 text-decoration: underline;
908 border-right-color: transparent;
909}
910.modal-mc-service .xovinow.features .feature-menu .feature-menu-item small {
911 font-size: 75%;
912 text-decoration: none;
913 text-align: left !important;
914}
915.modal-mc-service .xovinow.features .feature-info {
916 line-height: 30px;
917}
918.modal-mc-service .xovinow.features .feature-info div.feature-info-item.shown {
919 display: block;
920}
921.modal-mc-service .xovinow.features .feature-info div.feature-info-item:not(.shown) {
922 display: none;
923}
924.modal-mc-service .xovinow .faq .panel {
925 border: 0;
926}
927.modal-mc-service .xovinow .faq .panel-heading {
928 padding: 10px 14px;
929 background: transparent;
930}
931.modal-mc-service .xovinow .faq h4 {
932 margin: 0;
933 padding: 0;
934 font-size: 15px;
935}
936.modal-mc-service .xovinow .faq h4 a {
937 color: #222;
938 font-weight: 500;
939}
940.modal-mc-service .xovinow .faq h4 a:not(.collapsed) {
941 text-decoration: underline;
942}
943.modal-mc-service .xovinow .faq .panel-body {
944 padding: 3px 14px 10px;
945 color: #555;
946 border: 0;
947 font-weight: 300;
948}
949.modal-mc-service .xovinow.faq {
950 max-height: 400px;
951 overflow: auto;
952}
953
954.marketconnect-product-redirect {
955 margin: 0 0 10px 0;
956 padding: 65px 50px;
957 text-align: center;
958 background: rgba(0,0,0,0.8);
959 color: #fff;
960 font-weight: 300;
961 font-size: 1.1em;
962 border-radius: 4px;
963}
964.marketconnect-product-redirect .btn {
965 margin-top: 8px;
966}
967
968.mc-smwrapper {
969 padding: 15px;
970}
971.mc-sm-container {
972 margin: 0 auto;
973 padding: 30px;
974 background-color: #fff;
975 border-radius: 6px;
976 max-width: 1000px;
977}
978.mc-sm-container h3 {
979 margin: 0;
980 padding: 0;
981 font-size: 18px;
982 color: #444;
983}
984.mc-sm-container .actions {
985 margin: 20px;
986 text-align: center;
987}
988.mc-sm-container .actions .btn {
989 margin-bottom: 5px;
990 font-size: 0.95em;
991}
992.mc-sm-container .addt-info {
993 margin:20px 0 0;
994 padding: 20px;
995 padding-bottom: 0;
996 border-top: 1px solid #eee;
997}
998.mc-sm-container .detailed-order-status {
999 margin: 20px 0 0 0;
1000}
1001.mc-sm-container .actions .btn-wrapper {
1002 display: inline-block;
1003}
1004
1005.mc-sm-container .field-label {
1006 color: #888;
1007}
1008
1009.mc-sm-container h3 span {
1010 display: block;
1011 padding: 5px 0;
1012 font-size: 12px;
1013 color: #ccc;
1014}
1015
1016.mc-sm-container .status
1017{
1018 display:inline;
1019 padding: 5px 15px;
1020 background-color:#666;
1021 color:#fff;
1022 font-size: 0.9em;
1023}
1024.mc-sm-container .instant-issuance-status.success {
1025 display:inline;
1026 padding: 5px 15px;
1027 background-color: #c756dc;
1028 color:#fff;
1029 font-size: 0.9em;
1030}
1031.mc-sm-container .status.active,
1032.mc-sm-container .status.configurationsubmitted,
1033.mc-sm-container .status.certificateissued {
1034 background-color:#64bf59;
1035}
1036.mc-sm-container .status.awaitingconfiguration {
1037 background-color:#5bc0de;
1038}
1039.mc-sm-container .status.certificatecancelled,
1040.mc-sm-container .status.certificaterejected,
1041.mc-sm-container .status.certificaterevoked {
1042 background-color:#cc0000;
1043}
1044.mc-sm-container .status.reissuepending {
1045 background-color:#F89406;
1046}
1047.mc-sm-container .status.refunded {
1048 background-color:#de9e5b;
1049}
1050
1051@media (min-width:768px) {
1052 .mc-sm-container .field-label {
1053 text-align: right;
1054 }
1055 .mc-sm-container h3 span {
1056 float: right;
1057 padding: 8px 15px;
1058 }
1059}
1060@media (max-width:767px) {
1061 .mc-sm-container .actions .btn {
1062 width: 100%;
1063 text-align: left;
1064 }
1065 .mc-sm-container .field-label {
1066 margin-bottom: 2px;
1067 font-weight: bold;
1068 }
1069 .mc-sm-container .actions {
1070 margin: 20px 0;
1071 }
1072}
1073
1074@media (min-width:992px) {
1075 .market-connect-row {
1076 display: flex;
1077 flex-flow: row wrap;
1078 }
1079}
1080