PluginProbe
EmailKit – Email Customizer for WooCommerce & WP / 1.5.2
EmailKit – Email Customizer for WooCommerce & WP v1.5.2
1.6.9 1.6.8 1.6.7 trunk 1.0.0 1.2.0 1.4.0 1.4.5 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6
emailkit / Promotional / Onboard / assets / css / admin-style.css

admin-style.css in EmailKit – Email Customizer for WooCommerce & WP 1.5.2, at Promotional/Onboard/assets/css/admin-style.css

3,448 lines 76.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .attr-nav-tabs .emailkit-admin-nav-link {
2 display: -webkit-box;
3 display: -ms-flexbox;
4 display: flex;
5 padding: 16px 44px 18px 20px;
6 color: #121116;
7 border-top: 1px solid #e0e4e9;
8 border-left: 2px solid transparent;
9 -webkit-transition: all 100ms ease-out;
10 transition: all 100ms ease-out;
11 background-color: #f1f1f1;
12 -webkit-box-pack: justify;
13 -ms-flex-pack: justify;
14 justify-content: space-between;
15 -webkit-box-align: center;
16 -ms-flex-align: center;
17 align-items: center;
18 -webkit-transition: all 0.4s ease;
19 transition: all 0.4s ease;
20 border-radius: 0;
21 }
22
23 .attr-nav-tabs .emailkit-admin-nav-link .emailkit-admin-title {
24 font-size: 0.8125rem;
25 font-weight: bold;
26 color: #121116;
27 display: block;
28 margin-bottom: 2px;
29 line-height: 1;
30 }
31
32 .attr-nav-tabs .emailkit-admin-nav-link .emailkit-admin-subtitle {
33 color: #72777c;
34 font-size: 0.8125rem;
35 -webkit-transition: all 150ms ease-out;
36 transition: all 150ms ease-out;
37 }
38
39 .attr-nav-tabs .emailkit-admin-nav-link .emailkit-admin-tab-icon {
40 color: #72777c;
41 font-size: 1.4375rem;
42 -webkit-transition: all 0.4s ease;
43 transition: all 0.4s ease;
44 }
45
46 .attr-nav-tabs .attr-active > a,
47 .attr-nav-tabs > li > a:hover,
48 .attr-nav-tabs > li > a:focus {
49 background-color: #fff;
50 border-left-color: #f2295b;
51 }
52
53 .attr-nav-tabs .attr-active > a .emailkit-admin-title,
54 .attr-nav-tabs .attr-active > a .emailkit-admin-tab-icon,
55 .attr-nav-tabs > li > a:hover .emailkit-admin-title,
56 .attr-nav-tabs > li > a:hover .emailkit-admin-tab-icon,
57 .attr-nav-tabs > li > a:focus .emailkit-admin-title,
58 .attr-nav-tabs > li > a:focus .emailkit-admin-tab-icon {
59 color: #f2295b;
60 }
61
62 /* tab content */
63 .emailkit-admin-header {
64 display: -webkit-box;
65 display: -ms-flexbox;
66 display: flex;
67 -webkit-box-pack: justify;
68 -ms-flex-pack: justify;
69 justify-content: space-between;
70 padding-bottom: 9px;
71 border-bottom: 1px solid #e0e4e9;
72 margin-bottom: 8px;
73 }
74
75 .emailkit-admin-header-title {
76 font-size: 1rem;
77 font-weight: bold;
78 color: #f2295b;
79 margin-bottom: 0;
80 }
81
82 .emailkit-admin-help {
83 color: #0073aa;
84 font-weight: bold;
85 font-size: 0.75rem;
86 }
87
88 .emailkit-admin-help > i {
89 padding-right: 5px;
90 }
91
92 .emailkit-admin-input-switch {
93 position: relative;
94 display: block;
95 -webkit-user-select: none;
96 -moz-user-select: none;
97 -ms-user-select: none;
98 user-select: none;
99 line-height: 1;
100 -ms-flex-item-align: end;
101 align-self: flex-end;
102 }
103
104 #v-elementskit-dashboard > .emailkit-admin-section-header > .emailkit-admin-input-switch {
105 display: none;
106 }
107
108 .emailkit-admin-input-switch .emailkit-admin-control-input:checked ~ .emailkit-admin-control-label .emailkit-admin-control-label-switch::after {
109 left: 30px;
110 background-color: #f2295b;
111 color: #f2295b;
112 }
113
114 .emailkit-admin-input-switch .emailkit-admin-control-input:checked ~ .emailkit-admin-control-label .emailkit-admin-control-label-switch::before {
115 border-color: #f2295b;
116 text-indent: 52px;
117 }
118
119 .emailkit-admin-input-switch .emailkit-admin-control-label {
120 cursor: pointer;
121 margin-bottom: 0;
122 display: -webkit-box;
123 display: -ms-flexbox;
124 display: flex;
125 -webkit-box-align: center;
126 -ms-flex-align: center;
127 align-items: center;
128 }
129
130 .emailkit-admin-input-switch .emailkit-admin-control-label-switch {
131 position: relative;
132 overflow: hidden;
133 width: 52px;
134 height: 26px;
135 display: inline-block;
136 margin-left: 10px;
137 }
138
139 .emailkit-admin-input-switch .emailkit-admin-control-label-switch::before, .emailkit-admin-input-switch .emailkit-admin-control-label-switch::after {
140 position: absolute;
141 -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
142 transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
143 font-weight: 700;
144 font-size: 0.6875rem;
145 display: -webkit-box;
146 display: -ms-flexbox;
147 display: flex;
148 -webkit-box-align: center;
149 -ms-flex-align: center;
150 align-items: center;
151 -webkit-box-sizing: border-box;
152 box-sizing: border-box;
153 }
154
155 .emailkit-admin-input-switch .emailkit-admin-control-label-switch::before {
156 content: attr(data-inactive);
157 top: 0;
158 left: 0;
159 width: 100%;
160 height: 100%;
161 background-color: #fff;
162 border: #444 solid 1px;
163 border-radius: 26px;
164 text-indent: 24px;
165 }
166
167 .emailkit-admin-input-switch .emailkit-admin-control-label-switch::after {
168 position: absolute;
169 top: 4px;
170 left: 4px;
171 display: block;
172 content: attr(data-active);
173 width: 18px;
174 height: 18px;
175 background-color: #444;
176 border-radius: 100%;
177 -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
178 transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
179 text-indent: -22px;
180 display: -webkit-box;
181 display: -ms-flexbox;
182 display: flex;
183 }
184
185 .emailkit-admin-input-switch .emailkit-admin-control-input {
186 opacity: 0;
187 z-index: -1;
188 position: absolute;
189 }
190
191 .emailkit-admin-section-header {
192 display: -webkit-box;
193 display: -ms-flexbox;
194 display: flex;
195 -webkit-box-pack: justify;
196 -ms-flex-pack: justify;
197 justify-content: space-between;
198 position: relative;
199 border-bottom: 1px solid #e0e4e9;
200 padding-bottom: 24px;
201 margin-bottom: 48px;
202 }
203
204 .emailkit-admin-section-header::before {
205 content: "";
206 position: absolute;
207 display: block;
208 width: 48px;
209 height: 2px;
210 bottom: -1px;
211 left: 0;
212 background: #f2295b;
213 }
214
215 .emailkit-admin-section-heaer-title {
216 position: relative;
217 font-size: 1.625rem;
218 font-weight: 600;
219 margin-bottom: 0;
220 line-height: 1;
221 }
222
223 .emailkit-admin-section-heaer-title::before {
224 content: "\f15b";
225 font-family: "FontAwesome";
226 display: inline-block;
227 width: 48px;
228 height: 48px;
229 line-height: 48px;
230 margin-right: 24px;
231 background-color: #fee9ee;
232 color: #f2295b;
233 text-align: center;
234 border-radius: 3px;
235 vertical-align: middle;
236 font-size: 20px;
237 }
238
239 .emailkit-admin-fields-container {
240 font-size: 0.875rem;
241 color: #666;
242 }
243
244 .custom-control .custom-control-label {
245 -webkit-user-select: none;
246 -moz-user-select: none;
247 -ms-user-select: none;
248 user-select: none;
249 cursor: pointer;
250 color: #121116;
251 font-size: 0.875rem;
252 }
253
254 .custom-control .custom-control-input:checked ~ .custom-control-label::before {
255 border-color: #19073b;
256 background-color: #19073b;
257 -webkit-transform: scale(1);
258 transform: scale(1);
259 }
260
261 .custom-control .custom-control-input:checked ~ .custom-control-label::after {
262 -webkit-transform: scale(1);
263 transform: scale(1);
264 }
265
266 .custom-control .custom-control-input .custom-control-label::after, .custom-control .custom-control-input .custom-control-label::before {
267 -webkit-transform: scale(0);
268 transform: scale(0);
269 -webkit-transition: all 0.4s ease;
270 transition: all 0.4s ease;
271 }
272
273 .custom-control .custom-control-input .custom-control-label::after {
274 background-repeat: no-repeat;
275 background-position: center center;
276 background-size: 50% 50%;
277 }
278
279 .emailkit-admin-fields-container-fieldset {
280 margin-top: 16px;
281 }
282
283 .attr-nav-tabs {
284 margin-top: 0;
285 }
286
287 .attr-nav-tabs > li {
288 width: 100%;
289 }
290
291 .attr-nav-tabs > li > a {
292 margin-right: 0;
293 }
294
295 @media (min-width: 992px) {
296 .emailkit-admin-right-content {
297 width: 70%;
298 }
299 }
300
301 @media (min-width: 992px) and (max-width: 1199px) {
302 .emailkit-admin-right-content {
303 width: 100%;
304 padding: 0;
305 }
306 .emailkit-admin-support-section .emailkit-admin-right-content,
307 .emailkit-admin-feature-request-section .emailkit-admin-right-content {
308 padding-left: 20px;
309 }
310 #v-elementskit-userdata .emailkit-admin-fields-container {
311 max-width: 75%;
312 }
313 .emailkit-admin-rate-now-section .emailkit-admin-right-content {
314 padding-bottom: 20px;
315 }
316 .emailkit-admin-fields-container-description {
317 width: 100% !important;
318 }
319 .emailkit-admin-section-header {
320 -webkit-box-orient: vertical;
321 -webkit-box-direction: normal;
322 -ms-flex-direction: column;
323 flex-direction: column;
324 }
325 .emailkit-admin-section-heaer-title {
326 -webkit-box-pack: start !important;
327 -ms-flex-pack: start !important;
328 justify-content: start !important;
329 }
330 .emailkit-admin-input-switch {
331 -ms-flex-item-align: start;
332 align-self: flex-start;
333 }
334 .emailkit-all-element-switch {
335 margin: 15px 0 !important;
336 min-width: 215px !important;
337 }
338 .emailkit-all-element-switch .emailkit-admin-control-label {
339 padding: 7px 0 !important;
340 }
341 }
342
343 @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
344 body .emailkit-onboard-dashboard .emailkit-onboard-step-04 img {
345 display: none;
346 }
347 body .emailkit-onboard-dashboard .emailkit-onboard-step-04 .shape-17 {
348 display: block;
349 }
350 }
351
352 @media (max-width: 991px) {
353 .emailkit-admin-fields-container-description {
354 width: 100%;
355 }
356 .emailkit-admin-right-content {
357 width: 100%;
358 padding: 0;
359 }
360 .emailkit-admin-support-section .emailkit-admin-right-content,
361 .emailkit-admin-feature-request-section .emailkit-admin-right-content {
362 padding-left: 20px;
363 }
364 #v-elementskit-userdata .emailkit-admin-fields-container {
365 max-width: 75%;
366 }
367 .emailkit-admin-section-header {
368 -webkit-box-orient: vertical;
369 -webkit-box-direction: normal;
370 -ms-flex-direction: column;
371 flex-direction: column;
372 }
373 .emailkit-admin-section-heaer-title {
374 -webkit-box-pack: start !important;
375 -ms-flex-pack: start !important;
376 justify-content: start !important;
377 }
378 .emailkit-admin-input-switch {
379 -ms-flex-item-align: start;
380 align-self: flex-start;
381 }
382 .emailkit-all-element-switch {
383 margin: 15px 0 !important;
384 min-width: 215px !important;
385 }
386 .emailkit-all-element-switch .emailkit-admin-control-label {
387 padding: 7px 0 !important;
388 }
389 body .emailkit-onboard-dashboard img {
390 max-width: 100%;
391 }
392 body .emailkit-onboard-dashboard .emailkit-onboard-step-2-inner {
393 padding: 0;
394 }
395 body .emailkit-onboard-dashboard .emailkit-onboard-nav-item {
396 width: 100%;
397 margin-bottom: 10px !important;
398 }
399 body .emailkit-onboard-dashboard .emailkit-onboard-nav-item:last-child {
400 margin-bottom: 0;
401 }
402 body .emailkit-onboard-dashboard .emailkit-onboard-step-02:before {
403 display: none;
404 }
405 body .emailkit-onboard-dashboard .emailkit-onboard-nav .emailkit-onboard-progressbar {
406 display: none;
407 }
408 body .emailkit-onboard-dashboard .emailkit-onboard-step-wrapper {
409 padding: 0 55px;
410 }
411 body .emailkit-onboard-dashboard .emailkit-onboard-dashboard .emailkit-onboard-tutorial {
412 padding: 50px 0;
413 }
414 body .emailkit-onboard-dashboard .emailkit-onboard-dashboard .emailkit-onboard-module-meta li {
415 display: block;
416 }
417 body .emailkit-onboard-dashboard .emailkit-onboard-step-04 .shape-07 {
418 display: none;
419 }
420 body .emailkit-onboard-dashboard .emailkit-onboard-plugin-list .attr-row > div {
421 -webkit-box-flex: 0;
422 -ms-flex: 0 0 50%;
423 flex: 0 0 50%;
424 }
425 }
426
427 @media (max-width: 480px) {
428 .emailkit-admin-video-tutorial-iframe iframe {
429 max-width: 300px;
430 height: auto;
431 }
432 .emailkit-admin-video-tutorial-list a h2 {
433 font-size: 16px;
434 }
435 .emailkit_accordion_card:not(:last-child) {
436 margin-bottom: 15px;
437 }
438 .emailkit_accordion_card .attr-btn {
439 padding: 16px;
440 font-size: 12px;
441 padding-left: 20px;
442 }
443 .emailkit-admin-right-content--link {
444 font-size: 12px;
445 padding: 10px 15px;
446 }
447 .emailkit-admin-right-content--heading h2 {
448 font-size: 20px;
449 }
450 .emailkit-admin-right-content--heading__sub-title {
451 font-size: 50px;
452 }
453 .emailkit-admin-right-content p {
454 font-size: 16px;
455 line-height: 25px;
456 }
457 .emailkit-admin-right-content--form input {
458 height: 50px;
459 padding: 0 25px;
460 }
461 .emailkit-admin-right-content--form button {
462 width: 45px;
463 height: 45px;
464 }
465 .emailkit-admin-section-heaer-title {
466 margin-bottom: 10px;
467 font-size: 14px;
468 }
469 .emailkit-admin-input-switch .emailkit-admin-settings-form-submit {
470 font-size: 12px;
471 padding: 9px 18px;
472 }
473 .emailkit-admin-section-header {
474 font-size: 15px;
475 }
476 .emailkit-admin-section-header .emailkit-admin-input-switch {
477 -ms-flex-item-align: center;
478 align-self: center;
479 }
480 .emailkit_accordion_card .attr-panel-body {
481 padding: 20px;
482 }
483 .emailkit-admin-fields-container-description {
484 font-size: 15px;
485 line-height: 22px;
486 }
487 #v-elementskit-userdata .emailkit-admin-fields-container {
488 max-width: 100%;
489 }
490 #v-elementskit-userdata::before {
491 background-size: contain;
492 width: 100%;
493 height: 100%;
494 }
495 .emailkit-admin-section {
496 padding: 30px 0;
497 }
498 .emailkit-admin-video-tutorial-list {
499 display: block;
500 }
501 .emailkit-admin-video-tutorial-list .emailkit-admin-video-tutorial-item {
502 margin-bottom: 15px;
503 }
504 .emailkit-admin-video-tutorial-list .emailkit-admin-video-tutorial-item:last-child {
505 margin-bottom: 0;
506 }
507 .emailkit-admin-dual-layout {
508 display: block;
509 }
510 .emailkit-admin-dual-layout.emailkit-admin-subscribed-section .emailkit-admin-left-thumb, .emailkit-admin-dual-layout.emailkit-admin-rate-now-section .emailkit-admin-left-thumb {
511 margin: 0;
512 margin-top: 50px;
513 }
514 .emailkit-admin-dual-layout .emailkit-admin-left-thumb {
515 margin-bottom: 50px;
516 }
517 body .emailkit-onboard-dashboard .emailkit-onboard-step-wrapper {
518 padding: 0;
519 }
520 body .emailkit-onboard-dashboard .emailkit-onboard-shapes {
521 display: none;
522 }
523 body .emailkit-onboard-dashboard .emailkit-onboard-main-header--title {
524 font-size: 30px;
525 line-height: 35px !important;
526 }
527 body .emailkit-onboard-dashboard .emailkit-onboard-main-header--title br {
528 display: none;
529 }
530 body .emailkit-onboard-dashboard .emailkit-onboard-main-header--description {
531 font-size: 16px;
532 line-height: 25px;
533 }
534 body .emailkit-onboard-dashboard .emailkit-onboard-section {
535 padding: 30px;
536 }
537 body .emailkit-onboard-dashboard .emailkit-onboard-btn {
538 padding: 10px 30px;
539 }
540 body .emailkit-onboard-dashboard .emailkit-onboard-single-plugin label {
541 -webkit-box-align: center;
542 -ms-flex-align: center;
543 align-items: center;
544 }
545 body .emailkit-onboard-dashboard .emailkit-onboard-tutorial {
546 padding: 35px 15px;
547 }
548 body .emailkit-onboard-dashboard .emailkit-onboard-module-meta li {
549 display: block;
550 margin: 0;
551 margin-bottom: 10px;
552 }
553 body .emailkit-onboard-dashboard .emailkit-onboard-modules li {
554 margin-right: 0;
555 display: block;
556 }
557 body .emailkit-onboard-dashboard .emailkit-onboard-plugin-list .attr-row > div {
558 -webkit-box-flex: 100%;
559 -ms-flex: 100%;
560 flex: 100%;
561 }
562 body .emailkit-onboard-dashboard .emailkit-onboard-tut-term--helptext {
563 padding-right: 0;
564 }
565 }
566
567 body.toplevel_page_elementskit {
568 overflow-y: scroll;
569 }
570
571 #emailkit-admin-settings-form {
572 margin-top: 30px;
573 }
574
575 .emailkit_tab_wraper_group {
576 margin-right: 0;
577 margin-left: 0;
578 }
579
580 .emailkit_tab_wraper_group > div:first-of-type {
581 padding-right: 0;
582 }
583
584 .emailkit_tab_wraper_group > div:last-of-type {
585 padding-left: 0;
586 }
587
588 .emailkit_tab_wraper_group .attr-tab-pane {
589 min-height: 500px;
590 }
591
592 .attr-tab-content {
593 background-color: #fff;
594 padding: 30px;
595 border-radius: 20px;
596 }
597
598 .emailkit-admin-section-heaer-title {
599 margin-top: 0;
600 color: #f2295b;
601 font-size: 24px;
602 line-height: 28px;
603 font-weight: bold;
604 vertical-align: middle;
605 display: -webkit-box;
606 display: -ms-flexbox;
607 display: flex;
608 -webkit-box-pack: center;
609 -ms-flex-pack: center;
610 justify-content: center;
611 -webkit-box-align: center;
612 -ms-flex-align: center;
613 align-items: center;
614 }
615
616 .emailkit-admin-section-heaer-title i {
617 font-size: 18px;
618 line-height: 18px !important;
619 color: #f2295b;
620 width: 40px;
621 height: 40px;
622 background-color: #fde9ee;
623 border-radius: 5px;
624 display: -webkit-inline-box;
625 display: -ms-inline-flexbox;
626 display: inline-flex;
627 vertical-align: middle;
628 text-align: center;
629 -webkit-box-align: center;
630 -ms-flex-align: center;
631 align-items: center;
632 -webkit-box-pack: center;
633 -ms-flex-pack: center;
634 justify-content: center;
635 margin-right: 13px;
636 }
637
638 .emailkit-admin-nav .attr-nav-tabs {
639 border: none;
640 }
641
642 .emailkit-admin-nav li {
643 background-color: #fff;
644 }
645
646 .emailkit-admin-nav li.attr-active {
647 border-top-left-radius: 10px;
648 border-bottom-left-radius: 10px;
649 }
650
651 .emailkit-admin-nav li.attr-active .emailkit-admin-nav-link {
652 border-radius: 10px;
653 }
654
655 .emailkit-admin-nav li.attr-active .emailkit-admin-nav-link::before {
656 content: "";
657 background-color: #f2295b;
658 height: 10px;
659 width: 10px;
660 position: absolute;
661 left: 17px;
662 border-radius: 100px;
663 top: 50%;
664 -webkit-transform: translateY(-50%);
665 transform: translateY(-50%);
666 }
667
668 .emailkit-admin-nav li.attr-active .emailkit-admin-nav-link:hover {
669 background-color: #fff;
670 }
671
672 .emailkit-admin-nav .emailkit-admin-nav-link {
673 text-decoration: none;
674 border: none;
675 padding: 23px 40px;
676 }
677
678 .emailkit-admin-nav .emailkit-admin-nav-link .emailkit-admin-tab-icon {
679 color: #121116;
680 }
681
682 .emailkit-admin-nav .emailkit-admin-nav-link.top {
683 border-bottom-right-radius: 30px;
684 }
685
686 .emailkit-admin-nav .emailkit-admin-nav-link.bottom {
687 border-top-right-radius: 30px;
688 }
689
690 .emailkit-admin-nav .emailkit-admin-nav-link.emailkit-admin-nav-hidden {
691 background-color: #f1f1f1;
692 cursor: default;
693 padding: 15px;
694 pointer-events: none;
695 }
696
697 .emailkit-admin-nav .emailkit-admin-nav-link:hover {
698 background-color: #f1f1f1;
699 }
700
701 .emailkit-admin-nav .emailkit-admin-nav-link:focus {
702 outline: none;
703 -webkit-box-shadow: none;
704 box-shadow: none;
705 }
706
707 .emailkit-admin-nav .emailkit-admin-title {
708 text-transform: uppercase;
709 color: #f2295b;
710 font-size: 14px;
711 line-height: 16px;
712 font-weight: bold;
713 }
714
715 .attr-btn {
716 cursor: pointer;
717 }
718
719 .emailkit_container {
720 width: 100%;
721 }
722
723 .emailkit-admin-card-shadow {
724 border-radius: 3px;
725 border: 1px solid rgba(0, 0, 0, 0.05);
726 -webkit-box-shadow: 0 6px 20px 0 rgba(194, 204, 222, 0.3);
727 box-shadow: 0 6px 20px 0 rgba(194, 204, 222, 0.3);
728 }
729
730 #emailkit-admin-settings-form .emailkit-admin-card {
731 margin-bottom: 50px;
732 border-radius: 20px;
733 }
734
735 .attr-input-switch {
736 margin-bottom: 10px;
737 position: relative;
738 }
739
740 .emailkit-admin-input-switch .emailkit-admin-control-label {
741 -webkit-box-pack: justify;
742 -ms-flex-pack: justify;
743 justify-content: space-between;
744 font-weight: 600;
745 font-size: 14px;
746 line-height: 16px;
747 color: #121116;
748 padding: 23px 26px;
749 }
750
751 .emailkit-all-element-switch {
752 width: 23%;
753 display: inline-block;
754 margin: auto 1rem 0 auto;
755 color: #fff;
756 min-width: 277px;
757 }
758
759 .emailkit-all-element-switch .emailkit-admin-input-switch {
760 padding: 0;
761 }
762
763 .emailkit-all-element-switch .emailkit-admin-control-label {
764 padding: 7px 26px;
765 }
766
767 .emailkit-admin-input-text {
768 margin-bottom: 0;
769 margin-top: 0 !important;
770 }
771
772 .emailkit-admin-input-text:not(:last-child) {
773 margin-bottom: 0;
774 }
775
776 .emailkit-admin-input-text > label {
777 font-weight: 700;
778 margin-bottom: 7px;
779 display: inline-block;
780 color: #121116;
781 font-size: 14px;
782 line-height: 16px;
783 }
784
785 .emailkit-admin-input-text .attr-form-control {
786 border-radius: 5px;
787 padding: 8px 30px;
788 height: 54px;
789 -webkit-box-sizing: border-box;
790 box-sizing: border-box;
791 font-size: 14px;
792 line-height: 28px;
793 display: inline-block;
794 color: rgba(18, 17, 22, 0.4);
795 border: none;
796 -webkit-box-shadow: none;
797 box-shadow: none;
798 color: #121116;
799 }
800
801 .emailkit-admin-input-text .attr-form-control:focus {
802 border: 1px solid #f2295b;
803 -webkit-box-shadow: none;
804 box-shadow: none;
805 outline: none;
806 }
807
808 #emailkit-admin-license-form .attr-form-control {
809 border-radius: 3px;
810 border: 1px solid rgba(0, 0, 0, 0.05);
811 -webkit-box-shadow: 0 6px 20px 0 rgba(194, 204, 222, 0.3);
812 box-shadow: 0 6px 20px 0 rgba(194, 204, 222, 0.3);
813 }
814
815 .emailkit-admin-license-form-submit {
816 border-radius: 5px;
817 padding: 8px 30px;
818 height: 54px;
819 -webkit-box-sizing: border-box;
820 box-sizing: border-box;
821 }
822
823 .emailkit_logo {
824 padding-top: 35px;
825 }
826
827 .emailkit-admin-input-text .attr-form-control::-moz-placeholder {
828 color: rgba(0, 0, 0, 0.3);
829 }
830
831 .emailkit-admin-input-text .attr-form-control:-moz-placeholder {
832 color: rgba(0, 0, 0, 0.3);
833 }
834
835 .emailkit-admin-input-text .attr-form-control:-ms-input-placeholder {
836 color: rgba(0, 0, 0, 0.3);
837 }
838
839 .emailkit-admin-input-text .attr-form-control::-webkit-input-placeholder {
840 color: rgba(0, 0, 0, 0.3);
841 }
842
843 .emailkit_accordion_card {
844 background-color: #f5f5f5;
845 border-radius: 20px;
846 }
847
848 .emailkit_accordion_card:not(:last-child) {
849 margin-bottom: 30px;
850 }
851
852 .emailkit_accordion_card .emailkit-admin-input-text:not(:last-child) {
853 margin-bottom: 30px;
854 }
855
856 .emailkit_accordion_card .attr-panel-body {
857 padding: 30px;
858 padding-top: 0;
859 }
860
861 .emailkit_accordion_card .card-header {
862 padding: 0;
863 border-bottom: 0 solid #000;
864 }
865
866 .emailkit_accordion_card .attr-btn {
867 display: block;
868 text-decoration: none;
869 width: 100%;
870 text-align: left;
871 padding: 29px 30px;
872 color: #333;
873 font-weight: 700;
874 cursor: pointer;
875 font-size: 14px;
876 line-height: 16px;
877 text-transform: uppercase;
878 position: relative;
879 -webkit-transition: all 0.4s;
880 transition: all 0.4s;
881 }
882
883 .emailkit_accordion_card .attr-btn::before {
884 content: "\f107";
885 color: #121116;
886 font-size: 16px;
887 font-family: "fontawesome";
888 position: absolute;
889 right: 30px;
890 top: 50%;
891 -webkit-transform: translateY(-50%);
892 transform: translateY(-50%);
893 }
894
895 .emailkit_accordion_card .attr-btn[aria-expanded="true"] {
896 color: #f2295b;
897 }
898
899 .emailkit_accordion_card .attr-btn[aria-expanded="true"]::before {
900 content: "\f106";
901 color: #f2295b;
902 }
903
904 .emailkit_accordion_card .attr-btn:focus {
905 -webkit-box-shadow: none;
906 box-shadow: none;
907 }
908
909 .emailkit_accordion_card .attr-panel-heading {
910 padding: 0;
911 border-radius: 0;
912 }
913
914 .emailkit_accordion_card .attr-widget-activate-text {
915 text-transform: none;
916 border: 1px solid #333;
917 padding: 0 6px 1px;
918 border-radius: 5px;
919 margin-left: 5px;
920 }
921
922 [class^="attr"] {
923 -webkit-box-sizing: border-box;
924 box-sizing: border-box;
925 }
926
927 .attr-btn-primary {
928 color: #fff;
929 background-color: #f2295b;
930 border-color: #f2295b;
931 text-decoration: none;
932 }
933
934 .attr-btn-primary:hover, .attr-btn-primary:focus {
935 background-color: #f2295b;
936 border-color: #f2295b;
937 outline: none;
938 }
939
940 .attr-card-body {
941 padding: 1.25rem;
942 }
943
944 .attr-card-body .attr-card-title {
945 margin-top: 0;
946 margin-bottom: 0.75rem;
947 }
948
949 .emailkit-admin-dashboard-banner {
950 display: block;
951 }
952
953 .emailkit-admin-save-icon {
954 color: #fff;
955 font-size: 14px;
956 margin-right: 6px;
957 height: 14px;
958 width: 14px;
959 }
960
961 .emailkit-admin-input-switch .emailkit-admin-settings-form-submit {
962 background-color: #f2295b;
963 border-radius: 27px;
964 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
965 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
966 font-size: 14px;
967 line-height: 16px;
968 text-transform: uppercase;
969 color: #fff;
970 font-weight: bold;
971 border: none;
972 padding: 12px 23px;
973 -webkit-transition: all 0.4s;
974 transition: all 0.4s;
975 display: -webkit-box;
976 display: -ms-flexbox;
977 display: flex;
978 -webkit-box-align: center;
979 -ms-flex-align: center;
980 align-items: center;
981 }
982
983 .emailkit-admin-input-switch .emailkit-admin-settings-form-submit:hover, .emailkit-admin-input-switch .emailkit-admin-settings-form-submit:focus {
984 background-color: #ad0730;
985 outline: none;
986 }
987
988 .emailkit-admin-section-header {
989 padding-bottom: 17px;
990 margin-bottom: 30px;
991 }
992
993 .emailkit-admin-section-header.fixed {
994 position: fixed;
995 top: 0;
996 padding-top: 30px;
997 background-color: #fff;
998 z-index: 1;
999 }
1000
1001 .emailkit-admin-section-header.fixed + div {
1002 margin-top: 90px;
1003 }
1004
1005 .emailkit-admin-dual-layout {
1006 display: -webkit-box;
1007 display: -ms-flexbox;
1008 display: flex;
1009 -webkit-box-align: center;
1010 -ms-flex-align: center;
1011 align-items: center;
1012 }
1013
1014 .emailkit-admin-dual-layout .emailkit-admin-right-content {
1015 margin: 0;
1016 }
1017
1018 .emailkit-admin-dual-layout .emailkit-admin-right-content--heading__sub-title {
1019 left: 0;
1020 -webkit-transform: inherit;
1021 transform: inherit;
1022 }
1023
1024 .emailkit-admin-section {
1025 padding: 50px 30px;
1026 }
1027
1028 .emailkit-admin-section:last-of-type {
1029 padding-bottom: 0;
1030 }
1031
1032 .emailkit-admin-right-content {
1033 padding: 0 50px;
1034 width: 50%;
1035 -webkit-box-sizing: border-box;
1036 box-sizing: border-box;
1037 margin: 0 auto;
1038 }
1039
1040 .emailkit-admin-right-content p {
1041 color: #121116;
1042 font-size: 18px;
1043 line-height: 28px;
1044 }
1045
1046 .emailkit-admin-right-content p:last-of-type {
1047 margin-bottom: 0;
1048 }
1049
1050 .emailkit-admin-right-content--form {
1051 position: relative;
1052 max-width: 300px;
1053 }
1054
1055 .emailkit-admin-right-content--form input {
1056 height: 54px;
1057 background-color: #2d3cfe;
1058 border: none;
1059 -webkit-box-shadow: none;
1060 box-shadow: none;
1061 border-radius: 27px;
1062 padding: 0 30px;
1063 color: #fff;
1064 font-size: 14px;
1065 -webkit-box-shadow: 0 7px 15px rgba(45, 60, 254, 0.3);
1066 box-shadow: 0 7px 15px rgba(45, 60, 254, 0.3);
1067 padding-right: 70px;
1068 }
1069
1070 .emailkit-admin-right-content--form input::-webkit-input-placeholder {
1071 color: #fff;
1072 opacity: 0.5;
1073 }
1074
1075 .emailkit-admin-right-content--form input::-moz-placeholder {
1076 color: #fff;
1077 opacity: 0.5;
1078 }
1079
1080 .emailkit-admin-right-content--form input:-ms-input-placeholder {
1081 color: #fff;
1082 opacity: 0.5;
1083 }
1084
1085 .emailkit-admin-right-content--form input::-ms-input-placeholder {
1086 color: #fff;
1087 opacity: 0.5;
1088 }
1089
1090 .emailkit-admin-right-content--form input::placeholder {
1091 color: #fff;
1092 opacity: 0.5;
1093 }
1094
1095 .emailkit-admin-right-content--form input:focus {
1096 outline: none;
1097 border: none;
1098 -webkit-box-shadow: 0 7px 15px rgba(45, 60, 254, 0.3);
1099 box-shadow: 0 7px 15px rgba(45, 60, 254, 0.3);
1100 }
1101
1102 .emailkit-admin-right-content--form button {
1103 width: 48px;
1104 height: 48px;
1105 background-color: #fff;
1106 border-radius: 100px;
1107 color: #2d3cfe;
1108 position: absolute;
1109 right: 2px;
1110 top: 50%;
1111 border-color: transparent;
1112 -webkit-transition: all 0.4s;
1113 transition: all 0.4s;
1114 -webkit-transform: translateY(-50%);
1115 transform: translateY(-50%);
1116 }
1117
1118 .emailkit-admin-right-content--form button:hover, .emailkit-admin-right-content--form button:focus {
1119 outline: none;
1120 -webkit-box-shadow: none;
1121 box-shadow: none;
1122 background-color: inherit;
1123 border: 1px solid #fff;
1124 }
1125
1126 .emailkit-admin-right-content--form button i {
1127 font-size: 18px;
1128 line-height: 16px;
1129 }
1130
1131 .emailkit-admin-right-content--heading {
1132 position: relative;
1133 }
1134
1135 .emailkit-admin-right-content--heading h2 {
1136 color: #f2295b;
1137 font-size: 24px;
1138 line-height: 28px;
1139 font-weight: bold;
1140 letter-spacing: -1px;
1141 }
1142
1143 .emailkit-admin-right-content--heading__sub-title {
1144 font-size: 60px;
1145 line-height: 69px;
1146 color: #000;
1147 opacity: 0.05;
1148 letter-spacing: -1px;
1149 font-weight: bold;
1150 position: absolute;
1151 bottom: 0;
1152 left: 50%;
1153 -webkit-transform: translateX(-50%);
1154 transform: translateX(-50%);
1155 }
1156
1157 .emailkit-admin-right-content--button, .emailkit-admin-right-content--form {
1158 margin-top: 45px;
1159 }
1160
1161 .emailkit-admin-right-content--link {
1162 display: inline-block;
1163 border-radius: 27px;
1164 background-color: #f2295b;
1165 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1166 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1167 border: none;
1168 font-size: 14px;
1169 line-height: 16px;
1170 font-weight: bold;
1171 text-transform: uppercase;
1172 padding: 19px 34px;
1173 -webkit-transition: all 0.4s;
1174 transition: all 0.4s;
1175 }
1176
1177 .emailkit-admin-right-content--link i {
1178 margin-right: 7px;
1179 }
1180
1181 .emailkit-admin-right-content--link:hover, .emailkit-admin-right-content--link:focus {
1182 background-color: #ad0730;
1183 }
1184
1185 .emailkit-admin-subscribed-section .emailkit-admin-right-content--heading h2 {
1186 color: #2d3cfe;
1187 }
1188
1189 .emailkit-admin-support-section .emailkit-admin-right-content--heading h2 {
1190 color: #00be75;
1191 }
1192
1193 .emailkit-admin-support-section .emailkit-admin-right-content--link {
1194 background-color: #00be75;
1195 -webkit-box-shadow: 0 7px 15px rgba(0, 190, 117, 0.3);
1196 box-shadow: 0 7px 15px rgba(0, 190, 117, 0.3);
1197 }
1198
1199 .emailkit-admin-support-section .emailkit-admin-right-content--link:hover, .emailkit-admin-support-section .emailkit-admin-right-content--link:focus {
1200 background-color: #108458;
1201 }
1202
1203 .emailkit-admin-subscribed-section,
1204 .emailkit-admin-support-section {
1205 -webkit-box-pack: justify;
1206 -ms-flex-pack: justify;
1207 justify-content: space-between;
1208 }
1209
1210 .emailkit-admin-rate-now-section {
1211 -webkit-box-pack: justify;
1212 -ms-flex-pack: justify;
1213 justify-content: space-between;
1214 }
1215
1216 .emailkit-admin-rate-now-section .emailkit-admin-right-content p span {
1217 color: #fec42d;
1218 }
1219
1220 .emailkit-admin-rate-now-section .emailkit-admin-right-content--heading h2 {
1221 color: #fec42d;
1222 }
1223
1224 .emailkit-admin-rate-now-section .emailkit-admin-right-content--link {
1225 background-color: #fec42d;
1226 -webkit-box-shadow: 0 7px 15px rgba(254, 196, 45, 0.3);
1227 box-shadow: 0 7px 15px rgba(254, 196, 45, 0.3);
1228 }
1229
1230 .emailkit-admin-rate-now-section .emailkit-admin-right-content--link:hover, .emailkit-admin-rate-now-section .emailkit-admin-right-content--link:focus {
1231 background-color: #dea203;
1232 }
1233
1234 .emailkit-admin-except-title p {
1235 font-size: 24px;
1236 line-height: 25px;
1237 }
1238
1239 .emailkit-admin-except-title p span {
1240 display: block;
1241 font-weight: bold;
1242 }
1243
1244 .emailkit-admin-left-thumb img {
1245 max-width: 100%;
1246 }
1247
1248 .emailkit-admin-faq-section .emailkit-admin-accordion {
1249 max-width: 700px;
1250 margin: 0 auto;
1251 margin-top: 30px;
1252 }
1253
1254 .emailkit-admin-single-accordion {
1255 background-color: #fff;
1256 -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
1257 box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
1258 margin: 10px 0;
1259 }
1260
1261 .emailkit-admin-single-accordion.active .emailkit-admin-single-accordion--heading::after {
1262 content: "\f106";
1263 color: #f2295b;
1264 }
1265
1266 .emailkit-admin-single-accordion--heading {
1267 cursor: pointer;
1268 margin: 0;
1269 color: #121116;
1270 font-size: 14px;
1271 line-height: 20px;
1272 padding: 18px 20px;
1273 position: relative;
1274 }
1275
1276 .emailkit-admin-single-accordion--heading::after {
1277 content: "\f107";
1278 font-family: "fontawesome";
1279 position: absolute;
1280 right: 30px;
1281 top: 50%;
1282 -webkit-transform: translateY(-50%);
1283 transform: translateY(-50%);
1284 font-size: 12px;
1285 }
1286
1287 .emailkit-admin-single-accordion--body {
1288 padding: 0;
1289 display: none;
1290 }
1291
1292 .emailkit-admin-single-accordion--body__content {
1293 padding: 30px;
1294 padding-top: 0;
1295 }
1296
1297 .emailkit-admin-single-accordion--body p {
1298 margin: 0;
1299 }
1300
1301 .emailkit-admin-video-tutorial-list {
1302 display: -webkit-box;
1303 display: -ms-flexbox;
1304 display: flex;
1305 -webkit-box-pack: justify;
1306 -ms-flex-pack: justify;
1307 justify-content: space-between;
1308 -webkit-box-align: center;
1309 -ms-flex-align: center;
1310 align-items: center;
1311 margin-top: 30px;
1312 }
1313
1314 .emailkit-admin-video-tutorial-list a {
1315 text-decoration: none;
1316 }
1317
1318 .emailkit-admin-video-tutorial-list a h2 {
1319 font-size: 18px;
1320 line-height: 20px;
1321 text-align: center;
1322 display: block;
1323 }
1324
1325 .emailkit-admin-video-tutorial-list .tutorial-thumb {
1326 position: relative;
1327 }
1328
1329 .emailkit-admin-video-tutorial-list .tutorial-thumb::before {
1330 content: "";
1331 background-image: url(../images/video-icon.png);
1332 display: inline-block;
1333 height: 30px;
1334 width: 30px;
1335 background-color: #fff;
1336 padding: 20px;
1337 background-repeat: no-repeat;
1338 border-radius: 100px;
1339 -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
1340 box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
1341 background-position: center;
1342 position: absolute;
1343 left: 50%;
1344 top: 50%;
1345 -webkit-transform: translate(-50%, -50%);
1346 transform: translate(-50%, -50%);
1347 }
1348
1349 .emailkit-admin-video-tutorial-list .tutorial-thumb img {
1350 max-width: 100%;
1351 display: block;
1352 }
1353
1354 .emailkit-admin-video-tutorial-popup {
1355 position: fixed;
1356 background-color: rgba(0, 0, 0, 0.5);
1357 width: 100%;
1358 height: 100%;
1359 left: 0;
1360 top: 0;
1361 overflow-y: auto;
1362 z-index: 10000;
1363 opacity: 0;
1364 visibility: hidden;
1365 -webkit-transition: all 0.4s;
1366 transition: all 0.4s;
1367 }
1368
1369 .emailkit-admin-video-tutorial-popup.show {
1370 opacity: 1;
1371 visibility: visible;
1372 }
1373
1374 .emailkit-admin-video-tutorial-popup.show .emailkit-admin-video-tutorial-popup-content {
1375 -webkit-transform: translate(-50%, -50%) scale(1);
1376 transform: translate(-50%, -50%) scale(1);
1377 }
1378
1379 .emailkit-admin-video-tutorial-popup .emailkit-admin-video-tutorial-popup-content {
1380 position: absolute;
1381 top: 50%;
1382 left: 50%;
1383 -webkit-transition: all 0.7s;
1384 transition: all 0.7s;
1385 -webkit-transform: translate(-50%, -50%) scale(0);
1386 transform: translate(-50%, -50%) scale(0);
1387 }
1388
1389 .emailkit-admin-video-tutorial-close {
1390 position: absolute;
1391 top: -10px;
1392 right: -6px;
1393 cursor: pointer;
1394 background-color: #ce1b04;
1395 border-radius: 100px;
1396 width: 30px;
1397 height: 30px;
1398 -webkit-box-sizing: border-box;
1399 box-sizing: border-box;
1400 text-align: center;
1401 line-height: 33px;
1402 }
1403
1404 .emailkit-admin-video-tutorial-close i {
1405 color: #fff;
1406 font-size: 20px;
1407 }
1408
1409 .emailkit-admin-access-token {
1410 text-decoration: none;
1411 color: #f2295b;
1412 text-align: right;
1413 display: block;
1414 font-size: 16px;
1415 font-weight: 600;
1416 }
1417
1418 .emailkit-admin-access-token:focus, .emailkit-admin-access-token:hover {
1419 color: #cd1c48;
1420 outline: none;
1421 }
1422
1423 #v-elementskit-userdata {
1424 padding-bottom: 150px;
1425 position: relative;
1426 z-index: 1;
1427 }
1428
1429 #v-elementskit-userdata .emailkit-admin-fields-container {
1430 max-width: 60%;
1431 }
1432
1433 #v-elementskit-userdata::before {
1434 content: "";
1435 background-image: url(../images/user-data-thumb.png);
1436 position: absolute;
1437 display: block;
1438 bottom: 0;
1439 right: 0;
1440 height: 281px;
1441 width: 444px;
1442 display: block;
1443 background-repeat: no-repeat;
1444 background-position: right bottom;
1445 z-index: -1;
1446 }
1447
1448 .emailkit-admin-fields-container-description {
1449 font-size: 18px;
1450 line-height: 28px;
1451 color: #121116;
1452 width: 55%;
1453 display: inline-block;
1454 }
1455
1456 #v-elementskit-elements .emailkit-admin-fields-container-fieldset,
1457 #v-elementskit-modules .emailkit-admin-fields-container-fieldset {
1458 margin-top: 20px;
1459 }
1460
1461 #v-elementskit-elements .emailkit-admin-section-header,
1462 #v-elementskit-modules .emailkit-admin-section-header {
1463 margin-bottom: 20px;
1464 }
1465
1466 .emailkit-admin-fields-container-fieldset .attr-row {
1467 margin-left: -12px;
1468 margin-right: -12px;
1469 }
1470
1471 .emailkit-admin-fields-container-fieldset .attr-row > div {
1472 padding: 0 10px;
1473 }
1474
1475 .emailkit-admin-fields-container-fieldset .emailkit-admin-card-shadow {
1476 background-color: #fff;
1477 border-radius: 10px;
1478 -webkit-box-shadow: none;
1479 box-shadow: none;
1480 border: 1px solid #ededed;
1481 padding: 0;
1482 margin: 0;
1483 margin-bottom: 20px;
1484 }
1485
1486 .emailkit-admin-fields-container-fieldset .emailkit-admin-card-shadow:hover {
1487 border-color: #f2295b;
1488 }
1489
1490 .emailkit-admin-fields-container-fieldset .attr-input-switch:hover .emailkit-admin-demo-tooltip {
1491 visibility: visible;
1492 opacity: 1;
1493 top: -10px;
1494 }
1495
1496 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-control-input {
1497 opacity: 1;
1498 position: static;
1499 z-index: 1;
1500 -webkit-box-flex: 0;
1501 -ms-flex: 0 0 20px;
1502 flex: 0 0 20px;
1503 width: 20px;
1504 height: 20px;
1505 -webkit-box-shadow: none;
1506 box-shadow: none;
1507 border: 2px solid #CCCED9;
1508 margin-top: 26px;
1509 position: relative;
1510 }
1511
1512 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-control-input:checked {
1513 border-color: #FE0467;
1514 }
1515
1516 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-control-input:checked::before {
1517 background-color: #FE0467;
1518 height: 10px;
1519 width: 10px;
1520 margin: 0;
1521 top: 50%;
1522 left: 50%;
1523 -webkit-transform: translate(-50%, -50%);
1524 transform: translate(-50%, -50%);
1525 position: absolute;
1526 }
1527
1528 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-card-shadow {
1529 margin-bottom: 10px;
1530 padding: 0 0 0 26px;
1531 display: -webkit-box;
1532 display: -ms-flexbox;
1533 display: flex;
1534 -webkit-box-shadow: 0 1px 2px rgba(2, 19, 67, 0.1);
1535 box-shadow: 0 1px 2px rgba(2, 19, 67, 0.1);
1536 border: 1px solid transparent;
1537 }
1538
1539 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-card-shadow.active {
1540 -webkit-box-shadow: 0 20px 30px rgba(2, 19, 67, 0.1);
1541 box-shadow: 0 20px 30px rgba(2, 19, 67, 0.1);
1542 position: relative;
1543 z-index: 1;
1544 }
1545
1546 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-card-shadow:hover {
1547 border-color: #FE0467;
1548 }
1549
1550 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-control-label {
1551 -webkit-box-orient: vertical;
1552 -webkit-box-direction: normal;
1553 -ms-flex-direction: column;
1554 flex-direction: column;
1555 -webkit-box-align: start;
1556 -ms-flex-align: start;
1557 align-items: flex-start;
1558 color: #021343;
1559 font-size: 20px;
1560 line-height: 12px;
1561 padding: 29px 10px;
1562 display: block;
1563 font-weight: normal;
1564 width: 100%;
1565 }
1566
1567 .emailkit-admin-fields-container-fieldset .emailkit-admin-input-radio .emailkit-admin-control-desc {
1568 color: #5D5E65;
1569 font-size: 14px;
1570 line-height: 18px;
1571 font-weight: normal;
1572 margin-top: 11px;
1573 display: block;
1574 }
1575
1576 .emailkit-admin-user-data-separator {
1577 display: block;
1578 border: 2px solid #fff;
1579 margin-bottom: 30px;
1580 position: relative;
1581 }
1582
1583 .emailkit-admin-user-data-separator::before {
1584 content: "";
1585 width: 40px;
1586 height: 4px;
1587 background-color: #f2295b;
1588 display: block;
1589 position: absolute;
1590 top: -2px;
1591 left: -2px;
1592 }
1593
1594 .emailkit-admin-demo-tooltip {
1595 background-color: #121116;
1596 color: #fff;
1597 font-size: 10px;
1598 line-height: 13px;
1599 text-decoration: none;
1600 text-transform: uppercase;
1601 padding: 2px 9px;
1602 border-radius: 3px;
1603 display: inline-block;
1604 position: absolute;
1605 right: 20px;
1606 top: 0;
1607 opacity: 0;
1608 visibility: hidden;
1609 -webkit-transition: all 0.4s;
1610 transition: all 0.4s;
1611 }
1612
1613 .emailkit-admin-demo-tooltip:hover, .emailkit-admin-demo-tooltip:focus {
1614 color: #fff;
1615 border: none;
1616 -webkit-box-shadow: none;
1617 box-shadow: none;
1618 }
1619
1620 .emailkit-admin-demo-tooltip::before {
1621 content: "";
1622 border-left: 8px solid transparent;
1623 border-right: 8px solid transparent;
1624 border-top: 8px solid #121116;
1625 position: absolute;
1626 bottom: -8px;
1627 left: 50%;
1628 -webkit-transform: translateX(-50%);
1629 transform: translateX(-50%);
1630 }
1631
1632 .emailkit-admin-demo-tooltip i {
1633 margin-right: 5px;
1634 }
1635
1636 .admin-bar .emailkit-admin-section-header.fixed {
1637 top: 30px;
1638 }
1639
1640 .emailkit-go-pro-con {
1641 -webkit-box-pack: center;
1642 -ms-flex-pack: center;
1643 justify-content: center;
1644 }
1645
1646 .emailkit-go-pro-close {
1647 float: right;
1648 font-size: 21px;
1649 font-weight: bold;
1650 line-height: 1;
1651 color: #000;
1652 text-shadow: 0 1px 0 #fff;
1653 filter: alpha(opacity=20);
1654 opacity: 0.2;
1655 border: none;
1656 background-color: transparent;
1657 position: relative;
1658 z-index: 9;
1659 cursor: pointer;
1660 }
1661
1662 .emailkit-go-pro-close:focus {
1663 outline: none;
1664 border: none;
1665 -webkit-box-shadow: none;
1666 box-shadow: none;
1667 }
1668
1669 .attr-modal-dialog-centered {
1670 display: -webkit-box;
1671 display: -ms-flexbox;
1672 display: flex;
1673 -webkit-box-align: center;
1674 -ms-flex-align: center;
1675 align-items: center;
1676 }
1677
1678 .toplevel_page_elementskit.attr-modal-open .attr-modal {
1679 display: -webkit-box !important;
1680 display: -ms-flexbox !important;
1681 display: flex !important;
1682 -webkit-box-align: center;
1683 -ms-flex-align: center;
1684 align-items: center;
1685 }
1686
1687 .modal-backdrop {
1688 position: fixed;
1689 top: 0;
1690 left: 0;
1691 width: 100vw;
1692 height: 100vh;
1693 background-color: rgba(0, 0, 0, 0.5);
1694 z-index: 1;
1695 }
1696
1697 .emailkit-admin-input-text--elementskit-license-key {
1698 display: block;
1699 }
1700
1701 .emailkit-admin-license-form-submit.btn-license-activate {
1702 background-color: #f2295b;
1703 border-radius: 27px !important;
1704 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1705 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1706 font-size: 14px;
1707 line-height: 16px;
1708 text-transform: uppercase;
1709 color: #fff;
1710 font-weight: bold;
1711 border: none;
1712 padding: 12px 23px;
1713 -webkit-transition: all 0.4s;
1714 transition: all 0.4s;
1715 margin-left: 0 !important;
1716 height: auto;
1717 display: -webkit-box;
1718 display: -ms-flexbox;
1719 display: flex;
1720 -webkit-box-align: center;
1721 -ms-flex-align: center;
1722 align-items: center;
1723 }
1724
1725 .emailkit-admin-license-form-submit.btn-license-activate:hover, .emailkit-admin-license-form-submit.btn-license-activate:focus {
1726 background-color: #ad0730;
1727 outline: none;
1728 }
1729
1730 .attr-input-group-btn {
1731 text-align: left;
1732 margin-top: 0;
1733 }
1734
1735 .emailkit-spinner {
1736 width: 13px !important;
1737 height: 13px !important;
1738 top: 0 !important;
1739 }
1740
1741 .attr-modal-content {
1742 -webkit-box-shadow: none;
1743 box-shadow: none;
1744 }
1745
1746 .emailkit-go-pro-con .attr-modal-body {
1747 padding: 30px;
1748 }
1749
1750 .emailkit-go-pro-con .attr-modal-body a {
1751 color: #f2295b;
1752 }
1753
1754 .emailkit-go-pro-con .attr-modal-body a:focus {
1755 outline: none;
1756 -webkit-box-shadow: none;
1757 box-shadow: none;
1758 }
1759
1760 .elementskit-template-save-btn-editor {
1761 background-color: #ccc;
1762 border: none;
1763 display: -webkit-inline-box;
1764 display: -ms-inline-flexbox;
1765 display: inline-flex;
1766 -webkit-box-align: center;
1767 -ms-flex-align: center;
1768 align-items: center;
1769 color: #fff;
1770 border-radius: 27px;
1771 -webkit-box-shadow: 0 7px 15px rgba(204, 204, 204, 0.3);
1772 box-shadow: 0 7px 15px rgba(204, 204, 204, 0.3);
1773 font-size: 14px;
1774 line-height: 16px;
1775 text-transform: uppercase;
1776 color: #fff;
1777 font-weight: bold;
1778 border: none;
1779 padding: 12px 23px;
1780 -webkit-transition: all 0.4s;
1781 transition: all 0.4s;
1782 }
1783
1784 .elementskit-template-save-btn-editor:hover, .elementskit-template-save-btn-editor:focus, .elementskit-template-save-btn-editor:active {
1785 color: #fff !important;
1786 background-color: #adadad !important;
1787 outline: none;
1788 border: none;
1789 -webkit-box-shadow: 0 7px 15px rgba(204, 204, 204, 0.3) !important;
1790 box-shadow: 0 7px 15px rgba(204, 204, 204, 0.3) !important;
1791 }
1792
1793 .elementskit-template-save-btn-editor img {
1794 max-width: 14px;
1795 margin-right: 5px;
1796 }
1797
1798 .elementskit-template-save-btn {
1799 background-color: #f2295b;
1800 border-radius: 27px;
1801 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1802 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
1803 font-size: 14px;
1804 line-height: 16px;
1805 text-transform: uppercase;
1806 color: #fff;
1807 font-weight: bold;
1808 border: none;
1809 padding: 12px 23px;
1810 -webkit-transition: all 0.4s;
1811 transition: all 0.4s;
1812 }
1813
1814 .elementskit-template-save-btn:hover, .elementskit-template-save-btn:focus {
1815 background-color: #ad0730;
1816 outline: none;
1817 }
1818
1819 /* pro labal etc */
1820 .attr-panel-heading.pro-disabled {
1821 position: relative;
1822 overflow: hidden;
1823 border-radius: 20px !important;
1824 }
1825
1826 .attr-panel-heading.widget-disabled .attr-btn::before,
1827 .attr-panel-heading.pro-disabled .attr-btn::before {
1828 display: none;
1829 }
1830
1831 .attr-panel-heading.pro-disabled::after {
1832 background-color: #f2295b;
1833 background-image: none;
1834 -webkit-box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1835 box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1836 color: #fff;
1837 content: "PRO";
1838 display: block;
1839 font-size: 10px;
1840 font-weight: 600;
1841 height: 25px;
1842 left: -41px;
1843 line-height: 28px;
1844 padding-bottom: 1px;
1845 padding-left: 3px;
1846 padding-right: 0;
1847 padding-top: 1px;
1848 position: absolute;
1849 text-align: center;
1850 text-transform: uppercase;
1851 top: 0;
1852 -webkit-transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1853 transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1854 width: 100px;
1855 }
1856
1857 .modal-backdrop.attr-fade {
1858 position: fixed;
1859 top: 0;
1860 left: 0;
1861 width: 100vw;
1862 height: 100vh;
1863 background-color: rgba(0, 0, 0, 0.5);
1864 }
1865
1866 .emailkit-go-pro-con {
1867 margin-top: 50px;
1868 }
1869
1870 .emailkit-go-pro-con .icon {
1871 font-size: 90px;
1872 /* color: #339417; */
1873 color: #f2295b;
1874 opacity: 0.3;
1875 }
1876
1877 .emailkit-go-pro-con h2 {
1878 font-size: 44px;
1879 margin: 56px 0 34px 0;
1880 }
1881
1882 .emailkit-go-pro-con p {
1883 font-size: 20px;
1884 font-weight: 300;
1885 line-height: 1.2;
1886 }
1887
1888 .emailkit-go-pro-con .attr-modal-body {
1889 padding: 30px 15px;
1890 }
1891
1892 #v-elementskit-emailkit-go-pro-nav-tab .emailkit-admin-tab-icon {
1893 height: 40px;
1894 overflow: visible;
1895 }
1896
1897 .emailkit-go-pro-gif {
1898 height: 58px;
1899 position: absolute;
1900 top: 9px;
1901 right: 25px;
1902 -webkit-transform: rotate(32deg);
1903 transform: rotate(32deg);
1904 opacity: 0.55;
1905 }
1906
1907 .attr-nav-tabs > li > #v-elementskit-emailkit-go-pro-nav-tab:focus,
1908 .attr-nav-tabs > li > #v-elementskit-emailkit-go-pro-nav-tab:hover {
1909 /* background-color: #eaeaea; */
1910 border-left-color: #fcb214;
1911 }
1912
1913 .attr-nav-tabs > li > #v-elementskit-emailkit-go-pro-nav-tab:focus .emailkit-go-pro-gif,
1914 .attr-nav-tabs > li > #v-elementskit-emailkit-go-pro-nav-tab:hover .emailkit-go-pro-gif {
1915 -webkit-filter: invert(1) brightness(60%) sepia(80%) saturate(10000%) hue-rotate(35deg);
1916 filter: invert(1) brightness(60%) sepia(80%) saturate(10000%) hue-rotate(35deg);
1917 }
1918
1919 .attr-nav-tabs > li > #v-elementskit-emailkit-go-pro-nav-tab .emailkit-admin-title {
1920 color: #fcb214;
1921 }
1922
1923 /* pro labal etc */
1924 .emailkit-content-type-pro-disabled .emailkit-admin-input-switch::before {
1925 background-color: #f2295b;
1926 background-image: none;
1927 -webkit-box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1928 box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1929 color: #fff;
1930 content: "PRO";
1931 display: block;
1932 font-size: 10px;
1933 font-weight: 600;
1934 height: 25px;
1935 left: -41px;
1936 line-height: 28px;
1937 padding-bottom: 1px;
1938 padding-left: 3px;
1939 padding-right: 0;
1940 padding-top: 1px;
1941 position: absolute;
1942 text-align: center;
1943 text-transform: uppercase;
1944 top: 0;
1945 -webkit-transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1946 transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1947 width: 100px;
1948 }
1949
1950 .attr-panel-heading.pro-disabled {
1951 position: relative;
1952 overflow: hidden;
1953 border-radius: 20px !important;
1954 }
1955
1956 .attr-panel-heading.pro-disabled .attr-btn::before {
1957 display: none;
1958 }
1959
1960 .attr-panel-heading.pro-disabled::after {
1961 background-color: #f2295b;
1962 background-image: none;
1963 -webkit-box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1964 box-shadow: rgba(0, 5, 41, 0.1) 0 3px 7px 0;
1965 color: #fff;
1966 content: "PRO";
1967 display: block;
1968 font-size: 10px;
1969 font-weight: 600;
1970 height: 25px;
1971 left: -41px;
1972 line-height: 28px;
1973 padding-bottom: 1px;
1974 padding-left: 3px;
1975 padding-right: 0;
1976 padding-top: 6px;
1977 position: absolute;
1978 text-align: center;
1979 text-transform: uppercase;
1980 top: -4px;
1981 -webkit-transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1982 transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
1983 width: 100px;
1984 }
1985
1986 .emailkit-content-type-pro-disabled .emailkit-admin-input-switch::after {
1987 position: absolute;
1988 content: "";
1989 top: 0;
1990 left: 0;
1991 height: 100%;
1992 width: 100%;
1993 /* background-color: #fff; */
1994 opacity: 0.4;
1995 }
1996
1997 /**
1998 * Accordion Buttons
1999 */
2000 .emailkit-admin-accordion-btn {
2001 display: block;
2002 margin-left: 10px;
2003 padding: 10px 30px 12px;
2004 color: #021343;
2005 border: 2px solid #E3E5EB;
2006 border-radius: 6px;
2007 font-size: 15px;
2008 font-weight: 500;
2009 line-height: 18px;
2010 text-transform: capitalize;
2011 -webkit-transition: color .3s, background .3s, border-color .3s;
2012 transition: color .3s, background .3s, border-color .3s;
2013 cursor: pointer;
2014 }
2015
2016 .emailkit-admin-accordion-btn-group {
2017 display: -webkit-box;
2018 display: -ms-flexbox;
2019 display: flex;
2020 -ms-flex-wrap: wrap;
2021 flex-wrap: wrap;
2022 -webkit-box-pack: end;
2023 -ms-flex-pack: end;
2024 justify-content: flex-end;
2025 }
2026
2027 .emailkit-admin-accordion-btn:hover {
2028 color: #f2295b;
2029 background-color: #fff;
2030 border-color: #fff;
2031 -webkit-box-shadow: none;
2032 box-shadow: none;
2033 }
2034
2035 .emailkit-admin-accordion-btn:focus {
2036 color: #021343;
2037 -webkit-box-shadow: none;
2038 box-shadow: none;
2039 }
2040
2041 .emailkit-admin-accordion-btn[disabled] {
2042 opacity: 0.85;
2043 pointer-events: none;
2044 }
2045
2046 .emailkit-admin-accordion-btn-focused {
2047 color: #fff;
2048 background-color: #f2295b;
2049 border-color: #f2295b;
2050 }
2051
2052 .emailkit-admin-accordion-btn-focused:hover, .emailkit-admin-accordion-btn-focused:focus {
2053 color: #fff;
2054 background-color: #f2295b;
2055 border-color: #f2295b;
2056 }
2057
2058 .emailkit-admin-widget-list .emailkit-widget-group-title,
2059 .emailkit-admin-widgets-container .emailkit-widget-group-title {
2060 color: #021343;
2061 font-size: 16px;
2062 line-height: 28px;
2063 margin-top: 36px;
2064 margin-bottom: 16px;
2065 }
2066
2067 .emailkit-admin-widget-list .emailkit-widget-group-title:first-child,
2068 .emailkit-admin-widgets-container .emailkit-widget-group-title:first-child {
2069 margin-top: 0;
2070 }
2071
2072 .emailkit-admin-widget-list .emailkit-admin-input-switch .emailkit-admin-control-label {
2073 height: 52px;
2074 -webkit-box-sizing: border-box;
2075 box-sizing: border-box;
2076 font-weight: normal;
2077 padding-left: 15px;
2078 padding-right: 15px;
2079 }
2080
2081 .emailkit-admin-widget-list .emailkit-admin-input-switch .emailkit-admin-control-label-switch {
2082 width: 45px;
2083 height: 20px;
2084 margin-left: 0;
2085 min-width: 45px;
2086 }
2087
2088 .emailkit-admin-widget-list .emailkit-admin-input-switch .emailkit-admin-control-label-switch::after {
2089 width: 12px;
2090 height: 12px;
2091 }
2092
2093 .emailkit-admin-widget-list .emailkit-admin-input-switch .emailkit-admin-control-label-switch::before {
2094 text-indent: 18px;
2095 }
2096
2097 .emailkit-admin-widget-list .emailkit-content-type-pro-disabled .emailkit-admin-input-switch::before {
2098 font-size: 9px;
2099 left: -46px;
2100 line-height: 35px;
2101 top: -6px;
2102 }
2103
2104 .emailkit-admin-widget-list .emailkit-admin-demo-tooltip {
2105 right: 0;
2106 }
2107
2108 .emailkit-admin-widget-list .emailkit-admin-control-label-text {
2109 padding-right: 10px;
2110 padding-left: 10px;
2111 }
2112
2113 .emailkit-admin-widgets-container .emailkit-admin-input-switch .emailkit-admin-control-label-switch {
2114 display: none;
2115 }
2116
2117 .emailkit-admin-widgets-container .emailkit-admin-input-switch .emailkit-admin-control-input {
2118 opacity: 1;
2119 z-index: 1;
2120 position: static;
2121 -webkit-box-shadow: none;
2122 box-shadow: none;
2123 border: 1.5px solid #C0C2CE;
2124 height: 16px;
2125 width: 16px;
2126 border-radius: 3px;
2127 margin: 0;
2128 margin-right: 13px;
2129 -webkit-transition: background .4s;
2130 transition: background .4s;
2131 }
2132
2133 .emailkit-admin-widgets-container .emailkit-admin-input-switch .emailkit-admin-control-input:checked {
2134 background-color: #FE0467;
2135 border-color: #FE0467;
2136 }
2137
2138 .emailkit-admin-widgets-container .emailkit-admin-input-switch .emailkit-admin-control-input:checked::before {
2139 content: "\e901";
2140 font-family: 'xs-onboard-icons';
2141 padding: 0;
2142 width: auto;
2143 height: auto;
2144 font-size: 10px;
2145 font-weight: bold;
2146 color: #fff;
2147 margin: 0;
2148 position: absolute;
2149 top: 50%;
2150 left: 8px;
2151 -webkit-transform: translateY(-50%);
2152 transform: translateY(-50%);
2153 }
2154
2155 .emailkit-admin-widgets-container .attr-input-switch {
2156 margin-bottom: 0;
2157 }
2158
2159 .emailkit-admin-widgets-container .emailkit-content-type-pro-disabled .emailkit-admin-control-label:after {
2160 background-color: rgba(62, 119, 252, 0.1);
2161 background-image: none;
2162 content: "PRO";
2163 display: block;
2164 position: absolute;
2165 text-align: center;
2166 text-transform: uppercase;
2167 top: 50%;
2168 right: -40px;
2169 color: #3E77FC;
2170 font-size: 11px;
2171 line-height: 13px;
2172 border-radius: 4px;
2173 -webkit-transform: translateY(-50%);
2174 transform: translateY(-50%);
2175 font-weight: 500;
2176 padding: 2px 5px;
2177 }
2178
2179 .emailkit-admin-widgets-container .emailkit-admin-control-label {
2180 padding: 0;
2181 color: #5D5E65;
2182 font-size: 14px;
2183 line-height: 17px;
2184 position: relative;
2185 font-weight: normal;
2186 }
2187
2188 .emailkit-admin-widgets-container .emailkit-admin-fields-container-fieldset .emailkit-admin-card-shadow {
2189 display: -webkit-box;
2190 display: -ms-flexbox;
2191 display: flex;
2192 -webkit-box-align: center;
2193 -ms-flex-align: center;
2194 align-items: center;
2195 border: none;
2196 padding: 5px;
2197 margin-bottom: 0;
2198 }
2199
2200 .emailkit-admin-widgets-container .emailkit-content-type-pro-disabled .emailkit-admin-input-switch::before {
2201 display: none;
2202 }
2203
2204 .emailkit-onboard-dashboard {
2205 background-color: #F5F6F9;
2206 margin-left: -20px;
2207 padding: 30px;
2208 position: absolute;
2209 top: 0;
2210 left: 0;
2211 z-index: 1;
2212 width: calc(100% + 20px);
2213 -webkit-box-sizing: border-box;
2214 box-sizing: border-box;
2215 min-height: calc(100vh - 32px);
2216 padding-top: 30px;
2217 padding-bottom: 100px;
2218 }
2219
2220 .emailkit-onboard-dashboard .emailkit-onboard-btn {
2221 color: #FFFFFF;
2222 font-size: 15px;
2223 line-height: 18px;
2224 font-weight: 500;
2225 background-color: #FE0467;
2226 border-radius: 6px;
2227 text-decoration: none;
2228 padding: 16px 37px;
2229 display: inline-block;
2230 -webkit-transition: all .4s;
2231 transition: all .4s;
2232 -webkit-box-shadow: none;
2233 box-shadow: none;
2234 outline: none;
2235 cursor: pointer;
2236 border: none;
2237 position: relative;
2238 }
2239
2240 .emailkit-onboard-dashboard .emailkit-onboard-btn:hover {
2241 -webkit-box-shadow: 0 10px 20px #d602574d;
2242 box-shadow: 0 10px 20px #d602574d;
2243 }
2244
2245 .emailkit-onboard-dashboard .emailkit-onboard-btn.prev {
2246 background-color: transparent;
2247 color: #021343;
2248 padding-right: 26px;
2249 -webkit-box-shadow: none;
2250 box-shadow: none;
2251 display: -webkit-box;
2252 display: -ms-flexbox;
2253 display: flex;
2254 -webkit-box-align: center;
2255 -ms-flex-align: center;
2256 align-items: center;
2257 -webkit-column-gap: 10px;
2258 -moz-column-gap: 10px;
2259 column-gap: 10px;
2260 }
2261
2262 .emailkit-onboard-dashboard .emailkit-onboard-btn.prev .icon {
2263 margin-right: 10px;
2264 font-weight: bold;
2265 position: relative;
2266 top: 1px;
2267 }
2268
2269 .emailkit-onboard-dashboard .emailkit-onboard-btn.prev:hover {
2270 background-color: transparent;
2271 color: #3E77FC;
2272 }
2273
2274 .emailkit-onboard-dashboard .emailkit-onboard-btn .emailkit-spinner {
2275 position: absolute;
2276 left: 16px;
2277 top: 20px !important;
2278 }
2279
2280 .emailkit-onboard-dashboard .emailkit-pro-btn {
2281 color: #3E77FC;
2282 font-size: 15px;
2283 line-height: 18px;
2284 background-color: transparent;
2285 font-weight: 500;
2286 border: 1.5px solid #3E77FC;
2287 border-radius: 6px;
2288 padding: 11px 32px;
2289 -webkit-transition: all .4s;
2290 transition: all .4s;
2291 text-decoration: none;
2292 display: inline-block;
2293 }
2294
2295 .emailkit-onboard-dashboard .emailkit-pro-btn:hover {
2296 background-color: #3E77FC;
2297 color: #fff;
2298 }
2299
2300 .emailkit-onboard-dashboard .emailkit-pro-btn:focus {
2301 border-color: #3E77FC;
2302 -webkit-box-shadow: none;
2303 box-shadow: none;
2304 }
2305
2306 .emailkit-onboard-dashboard .emailkit-pro-btn .icon {
2307 position: relative;
2308 top: 1px;
2309 }
2310
2311 .emailkit-onboard-dashboard .emailkit_container {
2312 max-width: 1110px;
2313 margin: auto;
2314 }
2315
2316 .emailkit-onboard-dashboard .emailkit-onboard-progressbar {
2317 background-color: #3E77FC;
2318 height: 4px;
2319 display: block;
2320 position: absolute;
2321 bottom: -4px;
2322 -webkit-transition: all .4s;
2323 transition: all .4s;
2324 }
2325
2326 .emailkit-onboard-dashboard .emailkit-onboard-nav {
2327 display: -webkit-box;
2328 display: -ms-flexbox;
2329 display: flex;
2330 -ms-flex-wrap: wrap;
2331 flex-wrap: wrap;
2332 -webkit-box-align: center;
2333 -ms-flex-align: center;
2334 align-items: center;
2335 border-bottom: 4px solid #E4E6EE;
2336 padding-bottom: 20px;
2337 position: relative;
2338 margin: 0;
2339 margin-bottom: 50px;
2340 }
2341
2342 .emailkit-onboard-dashboard .emailkit-onboard-nav-item {
2343 padding-right: 28px;
2344 margin-right: 97px;
2345 color: #5D5E65;
2346 font-size: 14px;
2347 line-height: 17px;
2348 font-weight: 500;
2349 cursor: pointer;
2350 margin-bottom: 0;
2351 -webkit-transition: all .4s;
2352 transition: all .4s;
2353 }
2354
2355 .emailkit-onboard-dashboard .emailkit-onboard-nav-item.selected .emailkit-onboard-nav-icon {
2356 background-color: #d9e5ff;
2357 font-size: 22px;
2358 vertical-align: middle;
2359 }
2360
2361 .emailkit-onboard-dashboard .emailkit-onboard-nav-item:last-child {
2362 margin-right: 0;
2363 padding-right: 0;
2364 }
2365
2366 .emailkit-onboard-dashboard .emailkit-onboard-nav-item.active .emailkit-onboard-nav-icon {
2367 color: #fff;
2368 background-color: #3E77FC;
2369 }
2370
2371 .emailkit-onboard-dashboard .emailkit-onboard-nav-item.selected .emailkit-onboard-nav-icon:before {
2372 content: "\e901";
2373 color: #3E77FC;
2374 }
2375
2376 .emailkit-onboard-dashboard .emailkit-onboard-nav-icon {
2377 height: 40px;
2378 width: 40px;
2379 background-color: #fff;
2380 display: -webkit-inline-box;
2381 display: -ms-inline-flexbox;
2382 display: inline-flex;
2383 -webkit-box-align: center;
2384 -ms-flex-align: center;
2385 align-items: center;
2386 -webkit-box-pack: center;
2387 -ms-flex-pack: center;
2388 justify-content: center;
2389 border-radius: 6px;
2390 margin-right: 11px;
2391 -webkit-transition: all .4s;
2392 transition: all .4s;
2393 font-size: 20px;
2394 }
2395
2396 .emailkit-onboard-dashboard .emailkit-admin-fields-container-description {
2397 display: none;
2398 }
2399
2400 .emailkit-onboard-dashboard .emailkit-onboard-section {
2401 background-color: #fff;
2402 overflow: hidden;
2403 border-radius: 6px;
2404 padding: 50px;
2405 margin-bottom: 10px;
2406 padding-top: 30px;
2407 }
2408
2409 .emailkit-onboard-dashboard .emailkit-onboard-section:last-child {
2410 margin-bottom: 0;
2411 }
2412
2413 .emailkit-onboard-dashboard .emailkit-onboard-section-title {
2414 font-size: 20px;
2415 line-height: 28px;
2416 color: #021343;
2417 font-weight: bold;
2418 margin-top: 0;
2419 margin-bottom: 24px;
2420 }
2421
2422 .emailkit-onboard-dashboard .emailkit-onboard-module {
2423 margin-top: 60px;
2424 }
2425
2426 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-card-shadow {
2427 border-radius: 6px;
2428 border: 2px solid #EFF0F5;
2429 -webkit-transition: all .4s;
2430 transition: all .4s;
2431 }
2432
2433 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-card-shadow:hover {
2434 border-color: #3E77FC;
2435 }
2436
2437 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-control-label {
2438 padding: 17px 20px 17px 30px;
2439 font-size: 14px;
2440 line-height: 17px;
2441 font-weight: 500;
2442 color: #021343;
2443 }
2444
2445 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-input-switch::before {
2446 background-color: #3E77FC;
2447 left: -43px;
2448 top: -3px;
2449 line-height: 34px;
2450 -webkit-box-shadow: none;
2451 box-shadow: none;
2452 }
2453
2454 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-input-switch .emailkit-admin-control-label-switch {
2455 width: 56px;
2456 }
2457
2458 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-input-switch .emailkit-admin-control-label-switch::before {
2459 border-color: #E7E9EF;
2460 background-color: #F2F3F5;
2461 color: #5D5E65;
2462 font-size: 14px;
2463 line-height: 17px;
2464 font-weight: 400;
2465 }
2466
2467 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-input-switch .emailkit-admin-control-label-switch:after {
2468 background: #777F92;
2469 height: 16px;
2470 width: 16px;
2471 top: 5px;
2472 }
2473
2474 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-control-input:checked ~ .emailkit-admin-control-label .emailkit-admin-control-label-switch::before {
2475 border-color: #E7E9EF;
2476 text-indent: 8px;
2477 content: attr(data-active);
2478 font-size: 14px;
2479 line-height: 17px;
2480 font-weight: 400;
2481 color: #3E77FC;
2482 }
2483
2484 .emailkit-onboard-dashboard .emailkit-onboard-module .emailkit-admin-control-input:checked ~ .emailkit-admin-control-label .emailkit-admin-control-label-switch:after {
2485 left: 35px;
2486 background-color: #3E77FC;
2487 content: '';
2488 }
2489
2490 .emailkit-onboard-dashboard .emailkit-onboard-widget .emailkit-admin-fields-container-fieldset .attr-input-switch .emailkit-admin-demo-tooltip {
2491 top: -20px;
2492 right: inherit;
2493 left: 32px;
2494 }
2495
2496 .emailkit-onboard-dashboard .emailkit-onboard-widget .emailkit-admin-fields-container-fieldset .attr-input-switch .emailkit-admin-demo-tooltip::before {
2497 left: 15px;
2498 }
2499
2500 .emailkit-onboard-dashboard .emailkit-admin-fields-container-fieldset {
2501 margin: 0;
2502 }
2503
2504 .emailkit-onboard-dashboard .emailkit-onboard-step-wrapper {
2505 opacity: 0;
2506 visibility: hidden;
2507 position: absolute;
2508 left: -999999px;
2509 top: -999999px;
2510 -webkit-transition: all .4s;
2511 transition: all .4s;
2512 padding: 0 100px 0 100px;
2513 }
2514
2515 .emailkit-onboard-dashboard .emailkit-onboard-step-wrapper.active {
2516 opacity: 1;
2517 left: inherit;
2518 top: inherit;
2519 visibility: visible;
2520 position: relative;
2521 }
2522
2523 .emailkit-onboard-dashboard .emailkit-onboard-main-header {
2524 margin-bottom: 43px;
2525 }
2526
2527 .emailkit-onboard-dashboard .emailkit-onboard-main-header--title {
2528 color: #021343;
2529 font-size: 40px;
2530 line-height: 54px;
2531 font-weight: normal;
2532 margin: 0;
2533 }
2534
2535 .emailkit-onboard-dashboard .emailkit-onboard-main-header--title strong {
2536 font-weight: 700;
2537 }
2538
2539 .emailkit-onboard-dashboard .emailkit-onboard-main-header--description {
2540 color: #021343;
2541 font-size: 18px;
2542 line-height: 28px;
2543 margin: 0;
2544 }
2545
2546 .emailkit-onboard-dashboard .emailkit-onboard-signup {
2547 display: -webkit-box;
2548 display: -ms-flexbox;
2549 display: flex;
2550 -webkit-box-align: center;
2551 -ms-flex-align: center;
2552 align-items: center;
2553 border-radius: 6px;
2554 background-color: #fff;
2555 padding: 0 26px;
2556 padding-right: 0;
2557 border-left: 3px solid #3E77FC;
2558 margin: 0;
2559 -webkit-box-shadow: 0 20px 40px rgba(0, 10, 36, 0.1);
2560 box-shadow: 0 20px 40px rgba(0, 10, 36, 0.1);
2561 }
2562
2563 .emailkit-onboard-dashboard .emailkit-onboard-signup label {
2564 color: #AAABAF;
2565 font-size: 15px;
2566 }
2567
2568 .emailkit-onboard-dashboard .emailkit-onboard-signup input {
2569 color: #98999E;
2570 font-size: 15px;
2571 line-height: 18px;
2572 font-weight: normal;
2573 -webkit-box-flex: 1;
2574 -ms-flex: 1;
2575 flex: 1;
2576 padding: 19px 15px;
2577 outline: none;
2578 border: none;
2579 -webkit-box-shadow: none;
2580 box-shadow: none;
2581 padding-left: 9px;
2582 }
2583
2584 .emailkit-onboard-dashboard .emailkit-onboard-signup input:-webkit-autofill, .emailkit-onboard-dashboard .emailkit-onboard-signup input:-webkit-autofill:hover, .emailkit-onboard-dashboard .emailkit-onboard-signup input:-webkit-autofill:focus, .emailkit-onboard-dashboard .emailkit-onboard-signup input:-webkit-autofill:active {
2585 -webkit-transition: background-color 5000s ease-in-out 0s;
2586 transition: background-color 5000s ease-in-out 0s;
2587 }
2588
2589 .emailkit-onboard-dashboard .emailkit-onboard-signup--helptext {
2590 color: #021343;
2591 font-size: 16px;
2592 line-height: 26px;
2593 font-weight: normal;
2594 margin: 0;
2595 margin-top: 40px;
2596 }
2597
2598 .emailkit-onboard-dashboard .emailkit-onboard-signup--helptext span {
2599 color: #FE0467;
2600 }
2601
2602 .emailkit-onboard-dashboard .emailkit-onboard-step-2-inner {
2603 max-width: 100%;
2604 padding: 0 148px;
2605 padding-top: 30px;
2606 }
2607
2608 .emailkit-onboard-dashboard .emailkit-onboard-step-2-inner .error {
2609 color: red;
2610 font-size: 14px;
2611 margin: 0;
2612 position: absolute;
2613 margin-top: 4px;
2614 }
2615
2616 .emailkit-onboard-dashboard .emailkit-onboard-step-02:before {
2617 content: "";
2618 background-image: url(../images/shape-08.png);
2619 height: 110px;
2620 width: 105px;
2621 display: block;
2622 position: fixed;
2623 right: -45px;
2624 top: 200px;
2625 }
2626
2627 .emailkit-onboard-dashboard .emailkit-onboard-step-02.active {
2628 position: relative !important;
2629 }
2630
2631 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-main-header--title {
2632 margin-bottom: 12px;
2633 }
2634
2635 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-01 {
2636 position: absolute;
2637 margin-top: 130px;
2638 margin-right: 25px;
2639 -webkit-transition: all .4s;
2640 transition: all .4s;
2641 }
2642
2643 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-09 {
2644 position: absolute;
2645 right: 56px;
2646 margin-top: 16px;
2647 }
2648
2649 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-07 {
2650 position: absolute;
2651 top: 20px;
2652 right: 220px;
2653 }
2654
2655 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-03,
2656 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-02 {
2657 position: absolute;
2658 right: 0;
2659 top: 300px;
2660 opacity: .3;
2661 }
2662
2663 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-02 {
2664 right: inherit;
2665 left: 0;
2666 }
2667
2668 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-06 {
2669 position: absolute;
2670 left: -35px;
2671 top: 130px;
2672 }
2673
2674 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-05 {
2675 position: absolute;
2676 left: -100px;
2677 top: 20px;
2678 }
2679
2680 .emailkit-onboard-dashboard .emailkit-onboard-step-02 .emailkit-onboard-shapes .shape-04 {
2681 position: absolute;
2682 top: 230px;
2683 left: -150px;
2684 }
2685
2686 .emailkit-onboard-dashboard .emailkit-onboard-step-03 {
2687 padding-top: 0;
2688 }
2689
2690 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .emailkit-onboard-main-header {
2691 margin-bottom: 26px;
2692 }
2693
2694 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .shape-11 {
2695 position: absolute;
2696 top: 235px;
2697 right: 0;
2698 }
2699
2700 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .shape-12 {
2701 position: absolute;
2702 left: 20px;
2703 bottom: 150px;
2704 }
2705
2706 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .shape-06 {
2707 position: absolute;
2708 top: 90px;
2709 left: -37px;
2710 }
2711
2712 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .shape-10 {
2713 position: absolute;
2714 top: 185px;
2715 left: -2px;
2716 }
2717
2718 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .shape-13 {
2719 position: absolute;
2720 top: 390px;
2721 left: -145px;
2722 }
2723
2724 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .emailkit-onboard-main-header--description {
2725 color: #5D5E65;
2726 font-size: 16px;
2727 line-height: 26px;
2728 }
2729
2730 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .emailkit-onboard-main-header--title {
2731 margin-bottom: 15px;
2732 line-height: 50px;
2733 }
2734
2735 .emailkit-onboard-dashboard .emailkit-onboard-step-03 .emailkit-onboard-pagination {
2736 margin-top: 50px;
2737 }
2738
2739 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .emailkit-onboard-main-header {
2740 margin-bottom: 50px;
2741 }
2742
2743 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .emailkit-onboard-main-header--title {
2744 margin-top: -7px;
2745 }
2746
2747 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .emailkit-onboard-pagination {
2748 margin-top: 30px;
2749 }
2750
2751 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .shape-07 {
2752 position: absolute;
2753 top: 230px;
2754 right: -90px;
2755 }
2756
2757 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .shape-14 {
2758 position: absolute;
2759 top: 100px;
2760 left: -200px;
2761 }
2762
2763 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .shape-15 {
2764 position: absolute;
2765 top: 230px;
2766 left: -100px;
2767 }
2768
2769 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .shape-16 {
2770 position: absolute;
2771 left: -35px;
2772 top: 370px;
2773 }
2774
2775 .emailkit-onboard-dashboard .emailkit-onboard-step-01 .shape-17 {
2776 position: absolute;
2777 right: 45px;
2778 top: 310px;
2779 }
2780
2781 .emailkit-onboard-dashboard .emailkit-onboard-plugin-list .attr-row {
2782 margin-left: -11px;
2783 margin-right: -11px;
2784 display: -webkit-box;
2785 display: -ms-flexbox;
2786 display: flex;
2787 -webkit-box-pack: center;
2788 -ms-flex-pack: center;
2789 justify-content: center;
2790 -ms-flex-wrap: wrap;
2791 flex-wrap: wrap;
2792 }
2793
2794 .emailkit-onboard-dashboard .emailkit-onboard-plugin-list .attr-row > div {
2795 padding: 11px;
2796 }
2797
2798 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin {
2799 background-color: #fff;
2800 border-radius: 6px;
2801 -webkit-box-shadow: 0 30px 50px rgba(0, 10, 36, 0.1);
2802 box-shadow: 0 30px 50px rgba(0, 10, 36, 0.1);
2803 position: relative;
2804 height: 100%;
2805 }
2806
2807 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin label {
2808 display: block;
2809 padding: 30px 62px 36px 27px;
2810 cursor: default;
2811 }
2812
2813 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin .badge--featured {
2814 position: absolute;
2815 right: -20px;
2816 top: -30px;
2817 height: 100px;
2818 }
2819
2820 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--input {
2821 border: 1px solid #CCCED9;
2822 -webkit-box-shadow: none;
2823 box-shadow: none;
2824 background-color: #F5F5F6;
2825 height: 20px;
2826 width: 20px;
2827 border-radius: 50%;
2828 position: absolute;
2829 top: 14px;
2830 right: 14px;
2831 margin: 0;
2832 }
2833
2834 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--input:checked {
2835 background-color: #3E77FC;
2836 border-color: #3E77FC;
2837 }
2838
2839 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--input:checked::before {
2840 content: "\e901";
2841 font-family: 'xs-onboard-icons';
2842 padding: 0;
2843 width: auto;
2844 height: auto;
2845 font-size: 12px;
2846 font-weight: bold;
2847 color: #fff;
2848 margin: 0;
2849 position: absolute;
2850 top: 50%;
2851 left: 50%;
2852 -webkit-transform: translate(-50%, -50%);
2853 transform: translate(-50%, -50%);
2854 }
2855
2856 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--install {
2857 color: #021343;
2858 font-size: 15px;
2859 font-weight: 500;
2860 display: block;
2861 border: 2px solid #E4E6EE;
2862 border-radius: 6px;
2863 min-height: 175px;
2864 line-height: 175px;
2865 position: relative;
2866 text-decoration: none;
2867 }
2868
2869 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--install i {
2870 padding-left: 9px;
2871 font-weight: bold;
2872 }
2873
2874 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--description {
2875 color: #5D5E65;
2876 font-size: 15px;
2877 line-height: 22px;
2878 font-weight: 400;
2879 margin: 0;
2880 }
2881
2882 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--description span {
2883 background: #d7a1f973;
2884 color: #021343;
2885 font-weight: 500;
2886 }
2887
2888 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--logo {
2889 margin-bottom: 12px;
2890 }
2891
2892 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--install_plugin {
2893 padding: 5px 20px 7px 20px;
2894 margin-top: 23px;
2895 }
2896
2897 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--install_plugin.emailkit-plugin-install-activate {
2898 cursor: no-drop;
2899 background-color: #E8E9EF;
2900 color: #5D5E65;
2901 border-color: #E8E9EF;
2902 }
2903
2904 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin--install_plugin.activated {
2905 cursor: default;
2906 border: 1px solid #2AAE1433;
2907 background: rgba(42, 174, 20, 0.1);
2908 color: #2AAE14;
2909 }
2910
2911 .emailkit-onboard-dashboard .emailkit-onboard-single-plugin.badge--featured:before {
2912 display: block;
2913 position: absolute;
2914 top: 10px;
2915 right: 4px;
2916 }
2917
2918 .emailkit-onboard-dashboard .emailkit-onboard-tutorial {
2919 text-align: center;
2920 background-image: url(../images/tutorial-banner.png);
2921 background-repeat: no-repeat;
2922 background-size: cover;
2923 background-position: center;
2924 padding: 80px 0;
2925 border-radius: 14px;
2926 -webkit-box-shadow: 0 30px 40px rgba(0, 8, 30, 0.2);
2927 box-shadow: 0 30px 40px rgba(0, 8, 30, 0.2);
2928 position: relative;
2929 overflow: hidden;
2930 }
2931
2932 .emailkit-onboard-dashboard .emailkit-onboard-tutorial--btn {
2933 display: inline-block;
2934 padding: 50px;
2935 border: 1px solid rgba(255, 255, 255, 0.06);
2936 border-radius: 100%;
2937 }
2938
2939 .emailkit-onboard-dashboard .emailkit-onboard-tutorial--link {
2940 text-decoration: none;
2941 display: inline-block;
2942 padding: 35px;
2943 border: 2px solid rgba(255, 255, 255, 0.1);
2944 border-radius: 100%;
2945 }
2946
2947 .emailkit-onboard-dashboard .emailkit-onboard-tutorial i {
2948 color: #fff;
2949 font-size: 25px;
2950 background-color: #FE0467;
2951 height: 90px;
2952 width: 90px;
2953 display: block;
2954 line-height: 90px;
2955 text-align: center;
2956 border-radius: 100%;
2957 margin: auto;
2958 border: 1px solid red;
2959 margin: 10px;
2960 -webkit-transition: all .4s;
2961 transition: all .4s;
2962 }
2963
2964 .emailkit-onboard-dashboard .emailkit-onboard-tutorial i:before {
2965 margin-left: 5px;
2966 }
2967
2968 .emailkit-onboard-dashboard .emailkit-onboard-tutorial i:hover {
2969 background-color: #fff;
2970 color: #FE0467;
2971 border-color: #fff;
2972 }
2973
2974 .emailkit-onboard-dashboard .emailkit-onboard-tutorial .emailkit-admin-video-tutorial-popup {
2975 position: absolute;
2976 }
2977
2978 .emailkit-onboard-dashboard .emailkit-onboard-tutorial .emailkit-admin-video-tutorial-popup iframe {
2979 width: 100%;
2980 height: 100%;
2981 }
2982
2983 .emailkit-onboard-dashboard .emailkit-onboard-tutorial .emailkit-admin-video-tutorial-popup .emailkit-admin-video-tutorial-iframe {
2984 height: 100%;
2985 }
2986
2987 .emailkit-onboard-dashboard .emailkit-onboard-tut-term {
2988 margin-top: 35px;
2989 }
2990
2991 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--label {
2992 color: #5D5E65;
2993 font-size: 16px;
2994 line-height: 26px;
2995 font-weight: normal;
2996 }
2997
2998 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--input {
2999 height: 18px;
3000 width: 18px;
3001 -webkit-box-shadow: none;
3002 box-shadow: none;
3003 border: 1.5px solid #C0C2CE;
3004 background-color: #F5F5F6;
3005 border-radius: 4px;
3006 position: relative;
3007 box-shadow: none;
3008 outline: none;
3009 }
3010
3011 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--input:checked {
3012 background-color: #FE0467;
3013 border-color: #FE0467;
3014 }
3015
3016 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--input:checked::before {
3017 content: "\e901";
3018 font-family: 'xs-onboard-icons';
3019 padding: 0;
3020 width: auto;
3021 height: auto;
3022 font-size: 10px;
3023 font-weight: bold;
3024 color: #fff;
3025 margin: 0;
3026 position: absolute;
3027 top: 50%;
3028 left: 3px;
3029 -webkit-transform: translateY(-50%);
3030 transform: translateY(-50%);
3031 }
3032
3033 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--input:focus {
3034 -webkit-box-shadow: none;
3035 box-shadow: none;
3036 outline: none;
3037 }
3038
3039 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--help {
3040 margin: 0;
3041 color: #021343;
3042 font-size: 14px;
3043 font-weight: 500;
3044 line-height: 26px;
3045 margin-top: 10px;
3046 cursor: pointer;
3047 }
3048
3049 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--help:hover {
3050 color: #3E77FC;
3051 }
3052
3053 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--help.active {
3054 color: #3E77FC;
3055 }
3056
3057 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--helptext {
3058 height: 0;
3059 -webkit-transition: opacity .4s;
3060 transition: opacity .4s;
3061 opacity: 0;
3062 visibility: hidden;
3063 line-height: 22px;
3064 color: #5D5E65;
3065 font-size: 14px;
3066 cursor: default;
3067 font-weight: normal;
3068 position: absolute;
3069 padding-right: 95px;
3070 margin-top: 20px;
3071 margin-bottom: -4px;
3072 }
3073
3074 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--helptext.active {
3075 opacity: 1;
3076 visibility: visible;
3077 height: auto;
3078 position: static;
3079 }
3080
3081 .emailkit-onboard-dashboard .emailkit-onboard-tut-term--helptext:hover {
3082 text-decoration: none;
3083 }
3084
3085 .emailkit-onboard-dashboard .emailkit-onboard-pagination {
3086 text-align: right;
3087 border-top: 1px solid #E4E6EE;
3088 padding-top: 20px;
3089 margin-top: 60px;
3090 display: -webkit-box;
3091 display: -ms-flexbox;
3092 display: flex;
3093 -webkit-box-pack: end;
3094 -ms-flex-pack: end;
3095 justify-content: flex-end;
3096 }
3097
3098 .emailkit-onboard-dashboard .emailkit-onboard-shapes {
3099 position: absolute;
3100 top: 50%;
3101 width: 100%;
3102 left: 0;
3103 -webkit-transform: translateY(-50%);
3104 transform: translateY(-50%);
3105 height: 100%;
3106 display: -webkit-box;
3107 display: -ms-flexbox;
3108 display: flex;
3109 -webkit-box-align: center;
3110 -ms-flex-align: center;
3111 align-items: center;
3112 -webkit-box-pack: center;
3113 -ms-flex-pack: center;
3114 justify-content: center;
3115 z-index: -9;
3116 }
3117
3118 .emailkit-onboard-dashboard .emailkit-onboard-pro-features h2 {
3119 margin: 0;
3120 color: #021343;
3121 font-size: 24px;
3122 line-height: 29px;
3123 margin-bottom: 35px;
3124 }
3125
3126 .emailkit-onboard-dashboard .emailkit-onboard-pro-features h2 span {
3127 color: #FE0467;
3128 position: relative;
3129 display: inline-block;
3130 }
3131
3132 .emailkit-onboard-dashboard .emailkit-onboard-pro-features h2 span:before {
3133 content: "";
3134 background-image: url(../images/pro-line-shape.png);
3135 width: 64px;
3136 height: 44px;
3137 display: block;
3138 top: 50%;
3139 position: absolute;
3140 -webkit-transform: translate(-50%, -50%);
3141 transform: translate(-50%, -50%);
3142 left: 50%;
3143 }
3144
3145 .emailkit-onboard-dashboard .emailkit-onboard-modules li {
3146 display: inline-block;
3147 color: #021343;
3148 font-size: 14px;
3149 line-height: 18px;
3150 font-weight: 500;
3151 background-color: #fff;
3152 -webkit-box-shadow: 0 30px 40px rgba(0, 10, 36, 0.1);
3153 box-shadow: 0 30px 40px rgba(0, 10, 36, 0.1);
3154 border-radius: 4px;
3155 padding-left: 10px;
3156 padding-right: 50px;
3157 padding-top: 4px;
3158 padding-bottom: 4px;
3159 margin-right: 10px;
3160 margin-bottom: 10px;
3161 }
3162
3163 .emailkit-onboard-dashboard .emailkit-onboard-modules img {
3164 display: inline-block;
3165 vertical-align: middle;
3166 }
3167
3168 .emailkit-onboard-dashboard .emailkit-onboard-modules span {
3169 display: inline-block;
3170 padding-left: 10px;
3171 }
3172
3173 .emailkit-onboard-dashboard .emailkit-onboard-module-meta {
3174 margin: 0;
3175 margin-top: 30px;
3176 margin-bottom: 50px;
3177 }
3178
3179 .emailkit-onboard-dashboard .emailkit-onboard-module-meta li {
3180 display: inline-block;
3181 font-size: 14px;
3182 line-height: 17px;
3183 font-weight: 500;
3184 margin: 0;
3185 color: #5D5E65;
3186 margin-right: 45px;
3187 }
3188
3189 .emailkit-onboard-dashboard .emailkit-onboard-module-meta li:last-child {
3190 margin-right: 0;
3191 }
3192
3193 .emailkit-onboard-dashboard .emailkit-onboard-module-meta li i {
3194 font-size: 15px;
3195 height: 24px;
3196 width: 24px;
3197 display: inline-block;
3198 background-color: rgba(62, 119, 252, 0.1);
3199 text-align: center;
3200 border-radius: 100%;
3201 line-height: 24px;
3202 color: #3E77FC;
3203 margin-right: 7px;
3204 }
3205
3206 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .emailkit-onboard-main-header {
3207 margin-bottom: 44px;
3208 }
3209
3210 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .emailkit-onboard-pagination {
3211 margin-top: 70px;
3212 }
3213
3214 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .shape-14 {
3215 position: absolute;
3216 top: 90px;
3217 left: -200px;
3218 }
3219
3220 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .shape-15 {
3221 position: absolute;
3222 top: 240px;
3223 left: -124px;
3224 }
3225
3226 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .shape-18 {
3227 position: absolute;
3228 margin-right: 150px;
3229 margin-top: 80px;
3230 }
3231
3232 .emailkit-onboard-dashboard .emailkit-onboard-step-05 .shape-19 {
3233 position: absolute;
3234 top: 240px;
3235 right: 80px;
3236 }
3237
3238 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .emailkit-onboard-main-header {
3239 text-align: center;
3240 }
3241
3242 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .emailkit-onboard-btn {
3243 margin-top: 43px;
3244 }
3245
3246 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .emailkit-onboard-main-header {
3247 padding-top: 20px;
3248 }
3249
3250 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .emailkit-onboard-main-header--description {
3251 font-size: 16px;
3252 line-height: 26px;
3253 }
3254
3255 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .emailkit-onboard-main-header--title {
3256 margin-bottom: 10px;
3257 }
3258
3259 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .shape-04 {
3260 position: absolute;
3261 left: 20px;
3262 top: 400px;
3263 }
3264
3265 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .shape-07 {
3266 position: absolute;
3267 top: 100px;
3268 right: 74px;
3269 }
3270
3271 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .shape-15 {
3272 position: absolute;
3273 left: 130px;
3274 top: 200px;
3275 }
3276
3277 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .shape-21 {
3278 position: absolute;
3279 top: 90px;
3280 left: 0;
3281 }
3282
3283 .emailkit-onboard-dashboard .emailkit-onboard-step-06 .shape-22 {
3284 position: absolute;
3285 top: 300px;
3286 right: 95px;
3287 }
3288
3289 @-webkit-keyframes infinite-spinning {
3290 from {
3291 -webkit-transform: rotate(0);
3292 transform: rotate(0);
3293 }
3294 to {
3295 -webkit-transform: rotate(360deg);
3296 transform: rotate(360deg);
3297 }
3298 }
3299
3300 @keyframes infinite-spinning {
3301 from {
3302 -webkit-transform: rotate(0);
3303 transform: rotate(0);
3304 }
3305 to {
3306 -webkit-transform: rotate(360deg);
3307 transform: rotate(360deg);
3308 }
3309 }
3310
3311 .emailkit-spinner {
3312 display: none;
3313 position: relative;
3314 width: 18px;
3315 height: 18px;
3316 border-radius: 18px;
3317 background: rgba(0, 0, 0, 0.5);
3318 -webkit-animation: infinite-spinning 1.08s linear infinite;
3319 animation: infinite-spinning 1.08s linear infinite;
3320 vertical-align: middle;
3321 margin-right: 7px;
3322 top: -1px;
3323 }
3324
3325 .is-loading .emailkit-spinner {
3326 display: inline-block;
3327 }
3328
3329 .emailkit-spinner:after {
3330 content: "";
3331 position: absolute;
3332 top: 2px;
3333 left: 50%;
3334 width: 4px;
3335 height: 4px;
3336 border-radius: 4px;
3337 margin-left: -2px;
3338 background: #fff;
3339 }
3340
3341 .emailkit-admin-fields-container-description {
3342 margin-bottom: 16px;
3343 }
3344
3345 .emailkit-admin-dashboard-banner {
3346 width: 100%;
3347 }
3348
3349 .xx {
3350 margin: 16px 0 0 0 !important;
3351 }
3352
3353 .emailkit-admin-input-text {
3354 margin-top: 2rem;
3355 }
3356
3357 .emailkit-admin-section-heaer-title > i {
3358 display: inline-block;
3359 width: 48px;
3360 height: 48px;
3361 line-height: 48px !important;
3362 margin-right: 24px;
3363 background-color: #fee9ee;
3364 color: #f2295b;
3365 text-align: center;
3366 border-radius: 3px;
3367 vertical-align: middle;
3368 font-size: 20px;
3369 }
3370
3371 .attr-card-body {
3372 position: relative;
3373 overflow: hidden;
3374 }
3375
3376 .emailkit-admin-section-heaer-title::before {
3377 display: none;
3378 }
3379
3380 .emailkit_tab_wraper {
3381 margin: 0 15px;
3382 }
3383
3384 .btn-license-activate {
3385 border-radius: 4px !important;
3386 margin: 0 0 0 15px !important;
3387 }
3388
3389 .emailkit-admin-form {
3390 margin-top: 30px;
3391 }
3392
3393 @-webkit-keyframes Gradient {
3394 0%, 100% {
3395 background-position: 0 50%;
3396 }
3397 50% {
3398 background-position: 100% 50%;
3399 }
3400 }
3401
3402 @keyframes Gradient {
3403 0%, 100% {
3404 background-position: 0 50%;
3405 }
3406 50% {
3407 background-position: 100% 50%;
3408 }
3409 }
3410
3411 a.toplevel_page_elementskit.wp-menu-open {
3412 background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
3413 -webkit-animation: Gradient 15s ease infinite;
3414 animation: Gradient 15s ease infinite;
3415 background-size: 400% 400% !important;
3416 color: #fff !important;
3417 }
3418
3419 #emailkit-admin-option-text-elementskit-license-key {
3420 color: #f2295b;
3421 }
3422
3423 .attr-panel-body .emailkit-admin-input-switch {
3424 padding: 0 0 11px;
3425 border-width: 0;
3426 -webkit-box-shadow: none;
3427 box-shadow: none;
3428 }
3429
3430 .attr-panel-body .emailkit-admin-input-switch > label {
3431 padding: 0;
3432 -webkit-box-orient: vertical;
3433 -webkit-box-direction: normal;
3434 -ms-flex-direction: column;
3435 flex-direction: column;
3436 -webkit-box-align: start;
3437 -ms-flex-align: start;
3438 -ms-grid-row-align: flex-start;
3439 -webkit-box-align: start;
3440 -ms-flex-align: start;
3441 align-items: flex-start;
3442 }
3443
3444 .attr-panel-body .emailkit-admin-input-switch > label > span {
3445 margin-top: 10px;
3446 margin-left: 0;
3447 }
3448