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 / assets / admin / css / popup.css

popup.css in EmailKit – Email Customizer for WooCommerce & WP 1.5.2, at assets/admin/css/popup.css

2,957 lines 63.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
2
3 body.emailkit_page_emailkit-menu-settings {
4 overflow-y: scroll;
5 }
6 .emailkit-template-loader-wrapper{
7 position: absolute;
8 top: 165px;
9 left: 52%;
10 transform: translate(-50%, -50%);
11 height: 350px;
12 width: 100%;
13 background-color: #fafafa;
14 z-index: 999;
15 display: flex;
16 justify-content: center;
17 align-items: center;
18 }
19 .emailkit-template-loader {
20
21 display: inline-block;
22 width: 50px;
23 height: 50px;
24 border: 3px solid #c9c9c9f1;
25 border-radius: 50%;
26 border-top-color: #797979;
27 animation: spin 1s ease-in-out infinite;
28 -webkit-animation: spin 1s ease-in-out infinite;
29 }
30
31 @keyframes spin {
32 to { -webkit-transform: rotate(360deg); }
33 }
34 @-webkit-keyframes spin {
35 to { -webkit-transform: rotate(360deg); }
36 }
37
38 .elementor-templates-modal__header {
39 position: relative;
40 }
41
42 .emailkit-settings-dashboard {
43 margin-top: 40px;
44 }
45
46 .emailkit-settings-dashboard .attr-row > div {
47 -webkit-box-sizing: border-box;
48 box-sizing: border-box;
49 }
50
51 .emailkit-settings-dashboard > .attr-row {
52 margin: 0;
53 }
54
55 .emailkit-settings-dashboard .emailkit-setting-sidebar {
56 position: fixed;
57 width: 415px;
58 }
59
60 .nav-tab-wrapper {
61 border: none;
62 padding: 0;
63 }
64
65 .emailkit-admin-setting-btn {
66 border: 2px solid #ff433c;
67 color: #ff433c;
68 font-size: 14px;
69 line-height: 16px;
70 text-decoration: none;
71 text-transform: uppercase;
72 border-radius: 100px;
73 padding: 10px 23px;
74 -webkit-transition: all 0.4s;
75 transition: all 0.4s;
76 font-weight: 700;
77 cursor: pointer;
78 background-color: #fff;
79 display: inline-block;
80 }
81
82 .emailkit-admin-setting-btn span {
83 margin-right: 6px;
84 }
85
86 .emailkit-admin-setting-btn.medium {
87 padding: 13px 23px;
88 }
89
90 .emailkit-admin-setting-btn.fatty {
91 padding: 17px 23px;
92 }
93
94 .emailkit-admin-setting-btn:hover, .emailkit-admin-setting-btn.active {
95 background-color: #ff433c;
96 color: #fff;
97 }
98
99 .emailkit-admin-setting-btn:focus {
100 -webkit-box-shadow: none;
101 box-shadow: none;
102 outline: none;
103 }
104
105 .emailkit-settings-tab {
106 margin-bottom: 40px;
107 }
108
109 .emailkit-settings-tab li {
110 -webkit-box-shadow: none;
111 box-shadow: none;
112 border: none;
113 margin: 0;
114 background-color: #fff;
115 }
116
117 .emailkit-settings-tab li:focus, .emailkit-settings-tab li:hover {
118 outline: none;
119 -webkit-box-shadow: none;
120 box-shadow: none;
121 border: none;
122 }
123
124 .emailkit-settings-tab li.nav-tab-active {
125 background-color: #fff;
126 border-left-color: #ff324d;
127 border-radius: 10px;
128 }
129
130 .emailkit-settings-tab li.nav-tab-active .emailkit-setting-title {
131 color: #ff433c;
132 }
133
134 .emailkit-settings-tab li.nav-tab-active .emailkit-setting-nav-link {
135 background-color: #fff;
136 border-top-left-radius: 10px;
137 border-bottom-left-radius: 10px;
138 }
139
140 .emailkit-settings-tab li.nav-tab-active .emailkit-setting-nav-link::before {
141 content: "";
142 background-color: #ff433c;
143 height: 10px;
144 width: 10px;
145 position: absolute;
146 left: 17px;
147 border-radius: 100px;
148 top: 50%;
149 -webkit-transform: translateY(-50%);
150 transform: translateY(-50%);
151 }
152
153 .emailkit-settings-tab .emailkit-setting-nav-link {
154 outline: none;
155 float: none;
156 display: -webkit-box;
157 display: -ms-flexbox;
158 display: flex;
159 color: #121116;
160 border: none;
161 background-color: #f1f1f1;
162 -webkit-box-pack: justify;
163 -ms-flex-pack: justify;
164 justify-content: space-between;
165 -webkit-box-align: center;
166 -ms-flex-align: center;
167 align-items: center;
168 border-radius: 0;
169 -webkit-box-shadow: none;
170 box-shadow: none;
171 position: relative;
172 padding: 23px 40px;
173 text-decoration: none;
174 -webkit-transition: all 0.4s;
175 transition: all 0.4s;
176 }
177
178 .emailkit-settings-tab .emailkit-setting-nav-link:focus, .emailkit-settings-tab .emailkit-setting-nav-link:hover {
179 outline: none;
180 -webkit-box-shadow: none;
181 box-shadow: none;
182 border: none;
183 }
184
185 .emailkit-settings-tab .emailkit-setting-nav-link.emailkit-setting-nav-link.top {
186 border-bottom-right-radius: 20px;
187 }
188
189 .emailkit-settings-tab .emailkit-setting-nav-link.emailkit-setting-nav-link.bottom {
190 border-top-right-radius: 20px;
191 }
192
193 .emailkit-settings-tab .emailkit-setting-nav-link.emailkit-setting-nav-hidden {
194 background-color: #f1f1f1;
195 cursor: default;
196 padding: 15px;
197 }
198
199 .emailkit-settings-tab.nav-tab-active.emailkit-setting-nav-link {
200 border-radius: 10px;
201 background-color: #fff;
202 }
203
204 .emailkit-settings-tab .emailkit-setting-tab-content .emailkit-setting-title {
205 font-size: 0.8125rem;
206 font-weight: 700;
207 color: #333;
208 display: block;
209 margin-bottom: 2px;
210 line-height: 1;
211 text-transform: uppercase;
212 }
213
214 .emailkit-settings-tab .emailkit-setting-tab-content .emailkit-setting-subtitle {
215 color: #72777c;
216 font-size: 0.8125rem;
217 -webkit-transition: all 150ms ease-out;
218 transition: all 150ms ease-out;
219 }
220
221 .emailkit-settings-section {
222 opacity: 0;
223 visibility: hidden;
224 -webkit-transition: opacity 0.4s;
225 transition: opacity 0.4s;
226 position: absolute;
227 top: -9999px;
228 display: none;
229 }
230
231 .emailkit-settings-section.active {
232 opacity: 1;
233 position: static;
234 visibility: visible;
235 display: block;
236 }
237
238 .emailkit-admin-container {
239 background-color: #fff;
240 padding: 50px;
241 border-radius: 20px;
242 border: none;
243 min-height: 550px;
244 padding-top: 30px;
245 margin-bottom: 0;
246 }
247
248 .emailkit-admin-container--body .emailkit-settings-single-section--title {
249 margin: 0;
250 margin-top: 0;
251 color: #ff433c;
252 font-size: 24px;
253 line-height: 28px;
254 font-weight: 700;
255 vertical-align: middle;
256 position: relative;
257 }
258
259 .emailkit-admin-container--body .emailkit-settings-single-section--title span {
260 -webkit-box-align: center;
261 -ms-flex-align: center;
262 align-items: center;
263 -webkit-box-pack: center;
264 -ms-flex-pack: center;
265 justify-content: center;
266 display: inline-block;
267 width: 40px;
268 height: 40px;
269 line-height: 40px !important;
270 margin-right: 24px;
271 background-color: rgba(255, 67, 60, 0.1);
272 color: #ff433c;
273 text-align: center;
274 border-radius: 5px;
275 vertical-align: middle;
276 font-size: 18px;
277 speak: none;
278 font-style: normal;
279 font-weight: 400;
280 font-variant: normal;
281 text-transform: none;
282 -webkit-font-smoothing: antialiased;
283 }
284
285 .emailkit-admin-container--body .emailkit-setting-header {
286 display: -webkit-box;
287 display: -ms-flexbox;
288 display: flex;
289 -webkit-box-pack: justify;
290 -ms-flex-pack: justify;
291 justify-content: space-between;
292 margin-bottom: 40px;
293 -webkit-box-align: center;
294 -ms-flex-align: center;
295 align-items: center;
296 padding-bottom: 17px;
297 position: relative;
298 margin-left: -50px;
299 margin-right: -50px;
300 padding-left: 50px;
301 padding-right: 51px;
302 }
303
304 .emailkit-admin-container--body .emailkit-setting-header::before {
305 content: "";
306 position: absolute;
307 display: block;
308 width: 48px;
309 height: 2px;
310 bottom: -1px;
311 left: 0;
312 background: #ff433c;
313 margin-left: 50px;
314 margin-right: 50px;
315 z-index: 2;
316 }
317
318 .emailkit-admin-container--body .emailkit-setting-header::after {
319 content: "";
320 position: absolute;
321 display: block;
322 width: calc(100% - 100px);
323 height: 1px;
324 bottom: -1px;
325 left: 0;
326 background: #e0e4e9;
327 margin-left: 50px;
328 z-index: 1;
329 }
330
331 .emailkit-admin-container--body .emailkit-setting-header.fixed {
332 position: fixed;
333 top: 0;
334 padding-top: 20px;
335 background-color: #fff;
336 z-index: 999;
337 }
338
339 .emailkit-admin-container--body .emailkit-setting-header.fixed + div {
340 padding-top: 88px;
341 }
342
343 .emailkit-admin-container--body .emailkit-setting-input {
344 width: 100%;
345 max-width: 100%;
346 margin: 0;
347 -webkit-box-sizing: border-box;
348 box-sizing: border-box;
349 }
350
351 .emailkit-admin-container--body .emailkit-setting-label {
352 display: block;
353 margin-bottom: 8px;
354 color: #101010;
355 font-size: 16px;
356 line-height: 19px;
357 font-weight: 500;
358 }
359
360 .emailkit-admin-container--body .emailkit-admin-control-input {
361 margin: 0;
362 }
363
364 .emailkit-admin-container--body .emailkit-admin-control-input[type="checkbox"] {
365 position: relative;
366 -webkit-box-shadow: none;
367 box-shadow: none;
368 height: 16px;
369 width: 16px;
370 border: 2px solid #ff5d20;
371 }
372
373 .emailkit-admin-container--body .emailkit-admin-control-input[type="checkbox"]:checked::before {
374 content: "";
375 position: absolute;
376 background-color: #ff3747;
377 width: 8px;
378 height: 9px;
379 -webkit-box-sizing: border-box;
380 box-sizing: border-box;
381 left: 2px;
382 border-radius: 2px;
383 text-align: center;
384 margin: 0;
385 top: 1.6px;
386 }
387
388 .emailkit-admin-container .emailkit-setting-input {
389 border-radius: 3px;
390 padding: 5px 15px;
391 height: 40px;
392 -webkit-box-sizing: border-box;
393 box-sizing: border-box;
394 font-size: 14px;
395 line-height: 17px;
396 display: inline-block;
397 -webkit-box-shadow: none;
398 box-shadow: none;
399 color: #121116;
400 border: 1px solid #dee3ea;
401 font-weight: 400;
402 }
403
404 .emailkit-admin-container .emailkit-setting-input:focus, .emailkit-admin-container .emailkit-setting-input:active {
405 border-color: #ff324d;
406 -webkit-box-shadow: none;
407 box-shadow: none;
408 outline: none;
409 }
410
411 .emailkit-admin-container .emailkit-admin-save-icon {
412 color: #fff;
413 font-size: 14px;
414 margin-right: 6px;
415 height: 14px;
416 width: 14px;
417 }
418
419 .emailkit-admin-container .button-primary {
420 text-decoration: none;
421 text-shadow: none;
422 background-color: #ff324d;
423 border-radius: 4px;
424 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
425 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
426 font-size: 14px;
427 line-height: 16px;
428 text-transform: uppercase;
429 color: #fff;
430 font-weight: 500;
431 border: none;
432 padding: 12px 23px;
433 -webkit-transition: all 0.4s;
434 transition: all 0.4s;
435 display: -webkit-box;
436 display: -ms-flexbox;
437 display: -webkit-inline-box;
438 display: -ms-inline-flexbox;
439 display: inline-flex;
440 -webkit-box-align: center;
441 -ms-flex-align: center;
442 align-items: center;
443 background-image: linear-gradient(45deg, #ff324d, #ff6b11);
444 position: relative;
445 z-index: 9;
446 }
447
448 .emailkit-admin-container .button-primary:hover, .emailkit-admin-container .button-primary:focus {
449 border: none;
450 outline: none;
451 -webkit-box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
452 box-shadow: 0 7px 15px rgba(242, 41, 91, 0.3);
453 }
454
455 .emailkit-admin-container .button-primary::before {
456 border-radius: inherit;
457 background-image: linear-gradient(45deg, #ff6b11, #ff324d);
458 content: "";
459 display: block;
460 height: 100%;
461 position: absolute;
462 top: 0;
463 left: 0;
464 opacity: 0;
465 width: 100%;
466 z-index: -1;
467 -webkit-transition: opacity 0.7s ease-in-out;
468 transition: opacity 0.7s ease-in-out;
469 }
470
471 .emailkit-admin-container .button-primary:hover {
472 background-color: #dc0420;
473 }
474
475 .emailkit-admin-container .button-primary:hover::before {
476 opacity: 1;
477 }
478
479 .emailkit-recaptcha-settings {
480 display: none;
481 }
482
483 .emailkit_setting_logo {
484 padding-top: 25px;
485 }
486
487 .emailkit_setting_logo img {
488 max-width: 200px;
489 }
490
491 .emailkit-setting-dashboard-banner {
492 border-radius: 20px;
493 padding-top: 0;
494 }
495
496 .emailkit-setting-dashboard-banner img {
497 width: 100%;
498 }
499
500 .emailkit-setting-dashboard-banner--content {
501 padding: 30px;
502 }
503
504 .emailkit-setting-dashboard-banner--content h3 {
505 margin: 0;
506 margin-bottom: 15px;
507 }
508
509 .emailkit-setting-btn {
510 text-decoration: none;
511 background-color: #ff324d;
512 padding: 8px 15px;
513 border: none;
514 -webkit-box-shadow: none;
515 box-shadow: none;
516 background-image: linear-gradient(45deg, #ff324d, #ff6b11);
517 font-weight: 500;
518 }
519
520 .emailkit-setting-btn-link {
521 background-image: none;
522 color: #1f55f8;
523 border-radius: 0;
524 background-color: transparent;
525 border: none;
526 padding: 0;
527 text-decoration: none;
528 border-bottom: 1px solid #1f55f8;
529 font-weight: 600;
530 font-size: 14px;
531 display: inline-block;
532 line-height: 18px;
533 -webkit-transition: all 0.4s;
534 transition: all 0.4s;
535 }
536
537 .emailkit-setting-btn-link:hover {
538 color: #507bff;
539 }
540
541 .emailkit-setting-separator {
542 margin: 50px 0;
543 }
544
545 .emailkit-setting-input-group {
546 margin-bottom: 30px;
547 }
548
549 .emailkit-setting-input-group:last-child {
550 margin-bottom: 0;
551 }
552
553 .emailkit-setting-input-group .description {
554 font-weight: 400;
555 font-size: 13px;
556 line-height: 15px;
557 color: #999;
558 font-style: normal;
559 margin: 0;
560 margin-top: 8px;
561 }
562
563 .emailkit-setting-input-desc {
564 display: none;
565 padding-right: 100px;
566 }
567
568 .emailkit-setting-input-desc .emailkit-setting-btn-link {
569 margin-top: 15px;
570 }
571
572 .emailkit-setting-input-desc--title {
573 margin-top: 0;
574 margin-bottom: 8px;
575 }
576
577 .emailkit-setting-input-desc p,
578 .emailkit-setting-input-desc li {
579 font-size: 14px;
580 line-height: 18px;
581 color: #111;
582 }
583
584 .emailkit-setting-tab-nav {
585 margin-bottom: 30px;
586 }
587
588 .emailkit-setting-tab-nav li {
589 margin-right: 15px;
590 cursor: pointer;
591 }
592
593 .emailkit-setting-tab-nav li:last-child {
594 margin-right: 0;
595 }
596
597 .emailkit-setting-tab-nav .attr-nav-tabs {
598 border: none;
599 }
600
601 .emailkit-setting-tab-nav .attr-nav-item {
602 border: none;
603 border-radius: 4px;
604 text-decoration: none;
605 text-align: center;
606 color: #111;
607 font-size: 14px;
608 text-transform: capitalize;
609 font-weight: 600;
610 padding: 8px 14px;
611 margin-right: 0;
612 display: inline-block;
613 -webkit-box-shadow: none;
614 box-shadow: none;
615 z-index: 2;
616 }
617
618 .emailkit-setting-tab-nav .attr-nav-item:hover {
619 color: #fff;
620 background-color: #ff433c;
621 }
622
623 .emailkit-setting-tab-nav .attr-active .attr-nav-item {
624 color: #fff;
625 background-color: #ff433c;
626 border: none;
627 }
628
629 .emailkit-setting-tab-nav .attr-active .attr-nav-item:focus, .emailkit-setting-tab-nav .attr-active .attr-nav-item:hover, .emailkit-setting-tab-nav .attr-active .attr-nav-item:active {
630 border: none;
631 -webkit-box-shadow: none;
632 box-shadow: none;
633 outline: none;
634 color: #fff;
635 background-color: #ff433c;
636 }
637
638 .emailkit-setting-input-desc-data {
639 display: none;
640 }
641
642 .emailkit-setting-select-container {
643 position: relative;
644 }
645
646 .emailkit-setting-select-container .emailkit-setting-input {
647 -webkit-appearance: none;
648 -moz-appearance: none;
649 appearance: none;
650 background: none;
651 }
652
653 .emailkit-setting-select-container::before {
654 content: "";
655 width: 0;
656 height: 0;
657 border-left: 5px solid transparent;
658 border-right: 5px solid transparent;
659 border-top: 5px solid #111;
660 position: absolute;
661 right: 15px;
662 -webkit-transform: translateY(-50%);
663 transform: translateY(-50%);
664 top: 50%;
665 }
666
667 .emailkit-setting-refresh-btn {
668 margin: 0 10px;
669 font-size: 18px;
670 line-height: 24px;
671 }
672
673 .emailkit-set-dash-tab-img {
674 text-align: center;
675 }
676
677 .emailkit-set-dash-section {
678 padding: 100px 0;
679 }
680
681 .emailkit-set-dash-section:not(:first-child):not(:last-child) {
682 padding-bottom: 20px;
683 display: none;
684 }
685
686 .emailkit-setting-dash-section-heading {
687 text-align: center;
688 position: relative;
689 margin: 0 auto;
690 margin-bottom: 32px;
691 }
692
693 .emailkit-setting-dash-section-heading--title {
694 font-size: 36px;
695 line-height: 42px;
696 margin: 0;
697 color: #121116;
698 font-weight: 700;
699 letter-spacing: -1px;
700 }
701
702 .emailkit-setting-dash-section-heading--title strong {
703 color: #ff433c;
704 }
705
706 .emailkit-setting-dash-section-heading--subtitle {
707 color: rgba(0, 0, 0, 0.05);
708 font-size: 60px;
709 line-height: 69px;
710 margin: 0;
711 font-weight: 700;
712 position: absolute;
713 top: -25px;
714 left: 50%;
715 width: 100%;
716 -webkit-transform: translateX(-50%);
717 transform: translateX(-50%);
718 }
719
720 .emailkit-setting-dash-section-heading--content {
721 width: 440px;
722 margin: 0 auto;
723 margin-top: 8px;
724 }
725
726 .emailkit-setting-dash-section-heading--content p {
727 font-size: 16px;
728 line-height: 21px;
729 color: #121116;
730 }
731
732 .emailkit-setting-dash-section-heading--content p:first-child {
733 margin-top: 0;
734 }
735
736 .emailkit-setting-dash-section-heading--content p:last-child {
737 margin-bottom: 0;
738 }
739
740 .emailkit-set-dash-top-notch {
741 display: -webkit-box;
742 display: -ms-flexbox;
743 display: flex;
744 -ms-flex-wrap: wrap;
745 flex-wrap: wrap;
746 border-right: 1px solid #f0f0f0;
747 border-bottom: 1px solid #f0f0f0;
748 }
749
750 .emailkit-set-dash-top-notch--item {
751 -webkit-box-flex: 0;
752 -ms-flex: 0 0 33.33%;
753 flex: 0 0 33.33%;
754 border: 1px solid #f0f0f0;
755 -webkit-box-sizing: border-box;
756 box-sizing: border-box;
757 padding: 40px;
758 position: relative;
759 border-right: 0;
760 border-bottom: 0;
761 }
762
763 .emailkit-set-dash-top-notch--item__title {
764 font-size: 18px;
765 line-height: 21px;
766 color: #121116;
767 font-weight: 600;
768 margin: 0;
769 margin-bottom: 17px;
770 }
771
772 .emailkit-set-dash-top-notch--item__desc {
773 font-weight: 400;
774 font-size: 16px;
775 line-height: 21px;
776 color: #999;
777 }
778
779 .emailkit-set-dash-top-notch--item::before {
780 content: attr(data-count);
781 font-size: 60px;
782 line-height: 69px;
783 position: absolute;
784 top: -5px;
785 right: 5px;
786 -webkit-text-stroke: 2px;
787 -webkit-text-fill-color: transparent;
788 color: #f0f0f0;
789 }
790
791 .emailkit-set-dash-free-pro-content {
792 display: -webkit-box;
793 display: -ms-flexbox;
794 display: flex;
795 -ms-flex-wrap: wrap;
796 flex-wrap: wrap;
797 }
798
799 .emailkit-set-dash-free-pro-content img {
800 max-width: 100%;
801 }
802
803 .emailkit-set-dash-free-pro-content .attr-nav-tabs {
804 display: -webkit-box;
805 display: -ms-flexbox;
806 display: flex;
807 -webkit-box-orient: vertical;
808 -webkit-box-direction: normal;
809 -ms-flex-direction: column;
810 flex-direction: column;
811 margin: 0;
812 border: 1px solid #f0f0f0;
813 width: 290px;
814 }
815
816 .emailkit-set-dash-free-pro-content .attr-nav-link {
817 text-decoration: none;
818 font-size: 16px;
819 line-height: 18px;
820 color: #121116 !important;
821 border: none !important;
822 padding: 20px 23px;
823 margin: 0;
824 border-radius: 0;
825 -webkit-transition: all 0.4s;
826 transition: all 0.4s;
827 }
828
829 .emailkit-set-dash-free-pro-content .attr-nav-link:focus {
830 outline: none;
831 -webkit-box-shadow: none;
832 box-shadow: none;
833 background-color: transparent;
834 border: none;
835 }
836
837 .emailkit-set-dash-free-pro-content .attr-nav-link:hover {
838 background-color: transparent;
839 }
840
841 .emailkit-set-dash-free-pro-content .attr-nav-item {
842 border-bottom: 1px solid #f0f0f0;
843 }
844
845 .emailkit-set-dash-free-pro-content .attr-nav-item:last-child {
846 border-bottom: 0;
847 }
848
849 .emailkit-set-dash-free-pro-content .attr-nav-item:focus {
850 outline: none;
851 -webkit-box-shadow: none;
852 box-shadow: none;
853 }
854
855 .emailkit-set-dash-free-pro-content .attr-nav-item.attr-active > a {
856 border: none;
857 }
858
859 .emailkit-set-dash-free-pro-content .attr-nav-item.attr-active .attr-nav-link {
860 background-color: #ff433c;
861 color: #fff !important;
862 }
863
864 .emailkit-set-dash-free-pro-content .attr-nav-item.attr-active .emailkit-icon {
865 color: #fff;
866 }
867
868 .emailkit-set-dash-free-pro-content .attr-nav-item.attr-active .emailkit-set-dash-badge {
869 background-color: #fff;
870 }
871
872 .emailkit-set-dash-free-pro-content .emailkit-icon {
873 font-size: 14px;
874 color: #ff433c;
875 margin-right: 7px;
876 }
877
878 .emailkit-set-dash-free-pro-content .emailkit-set-dash-badge {
879 background-color: rgba(242, 41, 91, 0.1);
880 color: #f2295b;
881 font-size: 10px;
882 line-height: 11px;
883 border-radius: 2px;
884 display: inline-block;
885 padding: 3px 6px;
886 margin-left: 18px;
887 font-weight: 600;
888 text-transform: uppercase;
889 }
890
891 .emailkit-set-dash-free-pro-content .attr-tab-content {
892 border: 1px solid #f0f0f0;
893 border-left: 0;
894 padding: 50px;
895 -webkit-box-sizing: border-box;
896 box-sizing: border-box;
897 -webkit-box-flex: 0;
898 -ms-flex: 0 0 calc(100% - 292px);
899 flex: 0 0 calc(100% - 292px);
900 }
901
902 .emailkit-set-dash-free-pro-content .attr-tab-content p {
903 font-size: 16px;
904 line-height: 24px;
905 font-weight: 400;
906 color: #444;
907 }
908
909 .emailkit-set-dash-free-pro-content .attr-tab-content ul li {
910 color: #444;
911 font-size: 16px;
912 line-height: 21px;
913 }
914
915 .emailkit-set-dash-free-pro-content .attr-tab-content ul li::before {
916 content: "";
917 height: 5px;
918 width: 5px;
919 background-color: #f2295b;
920 border-radius: 100px;
921 display: inline-block;
922 vertical-align: middle;
923 margin-right: 7px;
924 }
925
926 .emailkit-set-dash-free-pro-content .attr-tab-content .emailkit-admin-setting-btn {
927 margin-top: 35px;
928 }
929
930 .admin-bar .emailkit-setting-header.fixed {
931 top: 30px;
932 }
933
934 #emailkit-set-dash-faq {
935 background-color: #f1f1f1;
936 padding-bottom: 100px;
937 margin: 100px 0;
938 text-align: center;
939 margin-left: -50px;
940 margin-right: -50px;
941 }
942
943 #emailkit-set-dash-faq .emailkit-admin-setting-btn {
944 margin-top: 30px;
945 }
946
947 .emailkit-admin-accordion {
948 max-width: 700px;
949 margin: 0 auto;
950 margin-top: 30px;
951 }
952
953 .emailkit-admin-single-accordion {
954 background-color: #fff;
955 -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
956 box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
957 margin: 10px 0;
958 text-align: left;
959 }
960
961 .emailkit-admin-single-accordion.active .emailkit-admin-single-accordion--heading::after {
962 content: "\e995";
963 color: #f2295b;
964 }
965
966 .emailkit-admin-single-accordion--heading {
967 cursor: pointer;
968 margin: 0;
969 color: #121116;
970 font-size: 14px;
971 line-height: 20px;
972 padding: 18px 20px;
973 position: relative;
974 }
975
976 .emailkit-admin-single-accordion--heading::after {
977 content: "\e994";
978 font-family: "emailkit";
979 position: absolute;
980 right: 30px;
981 top: 50%;
982 -webkit-transform: translateY(-50%);
983 transform: translateY(-50%);
984 font-size: 12px;
985 }
986
987 .emailkit-admin-single-accordion--body {
988 padding: 0;
989 display: none;
990 }
991
992 .emailkit-admin-single-accordion--body__content {
993 padding: 30px;
994 padding-top: 0;
995 }
996
997 .emailkit-admin-single-accordion--body p {
998 margin: 0;
999 }
1000
1001 #emailkit-set-dash-rate-now {
1002 margin-top: 100px;
1003 display: -webkit-box;
1004 display: -ms-flexbox;
1005 display: flex;
1006 -webkit-box-pack: justify;
1007 -ms-flex-pack: justify;
1008 justify-content: space-between;
1009 -webkit-box-align: center;
1010 -ms-flex-align: center;
1011 align-items: center;
1012 padding-bottom: 0;
1013 padding-top: 0;
1014 -ms-flex-wrap: wrap;
1015 flex-wrap: wrap;
1016 }
1017
1018 #emailkit-set-dash-rate-now .emailkit-setting-dash-section-heading {
1019 text-align: left;
1020 }
1021
1022 #emailkit-set-dash-rate-now .emailkit-admin-left-thumb {
1023 margin-bottom: -50px;
1024 -ms-flex-item-align: end;
1025 align-self: flex-end;
1026 }
1027
1028 #emailkit-set-dash-rate-now > div {
1029 -webkit-box-flex: 1;
1030 -ms-flex: 1;
1031 flex: 1;
1032 }
1033
1034 .emailkit-admin-left-thumb img {
1035 max-width: 100%;
1036 }
1037
1038 .emailkit-other-tab .description {
1039 margin-top: 10px;
1040 }
1041
1042 .emailkit-other-tab .description .description-highlight {
1043 color: red;
1044 }
1045
1046 .emailkit-setting-switch input[type="checkbox"] {
1047 display: none;
1048 }
1049
1050 .emailkit-setting-switch input[type="checkbox"]:checked + span::before {
1051 content: "Yes";
1052 width: 55px;
1053 height: 25px;
1054 background-color: #ff433c;
1055 left: 0;
1056 border-radius: 15px;
1057 display: inline-block;
1058 text-align: left;
1059 color: #fff;
1060 text-transform: uppercase;
1061 font-weight: 700;
1062 font-size: 10px;
1063 padding: 3px;
1064 -webkit-box-sizing: border-box;
1065 box-sizing: border-box;
1066 padding-left: 10px;
1067 }
1068
1069 .emailkit-setting-switch input[type="checkbox"]:checked + span::after {
1070 content: "";
1071 width: 20px;
1072 height: 20px;
1073 background-color: #fff;
1074 border-radius: 100px;
1075 display: inline-block;
1076 position: absolute;
1077 right: 2px;
1078 top: 2px;
1079 }
1080
1081 .emailkit-setting-switch input[type="checkbox"] + span {
1082 position: relative;
1083 display: block;
1084 }
1085
1086 .emailkit-setting-switch input[type="checkbox"] + span::before {
1087 content: "No";
1088 width: 55px;
1089 height: 25px;
1090 background-color: #ededed;
1091 left: 0;
1092 border-radius: 15px;
1093 text-align: right;
1094 color: #fff;
1095 text-transform: uppercase;
1096 font-weight: 700;
1097 font-size: 10px;
1098 padding: 3px;
1099 -webkit-box-sizing: border-box;
1100 box-sizing: border-box;
1101 padding-right: 10px;
1102 -webkit-transition: all 0.4s;
1103 transition: all 0.4s;
1104 float: right;
1105 line-height: 18px;
1106 cursor: pointer;
1107 }
1108
1109 .emailkit-setting-switch input[type="checkbox"] + span::after {
1110 content: "";
1111 width: 20px;
1112 height: 20px;
1113 background-color: #fff;
1114 border-radius: 100px;
1115 display: inline-block;
1116 position: absolute;
1117 right: 31px;
1118 top: 2px;
1119 -webkit-transition: all 0.4s;
1120 transition: all 0.4s;
1121 }
1122
1123 .emailkit-zoho-error-msg {
1124 font-weight: 600;
1125 color: #856404;
1126 background: #fff3cd;
1127 padding: 10px;
1128 border-radius: 8px;
1129 margin-top: 10px;
1130 margin-bottom: 10px;
1131 }
1132
1133 .emailkit-zoho-error-msg a:link, .emailkit-zoho-error-msg a:visited {
1134 display: inline-block;
1135 text-decoration: none;
1136 background-color: #ff324d;
1137 color: #fff;
1138 border-radius: 3px;
1139 padding: 2px 6px;
1140 }
1141
1142 @media (min-width: 768px) {
1143 .emailkit-setting-input-desc-data {
1144 display: block;
1145 }
1146 .emailkit-settings-dashboard > .attr-row > div:last-of-type {
1147 padding-left: 0;
1148 }
1149 .emailkit-settings-dashboard > .attr-row > div:first-of-type {
1150 padding-right: 0;
1151 }
1152 }
1153
1154 @media (max-width: 767px) {
1155 .emailkit-setting-dash-section-heading--content {
1156 width: 100%;
1157 }
1158 .emailkit-set-dash-free-pro-content .attr-nav-tabs {
1159 min-width: 100%;
1160 }
1161 .emailkit-set-dash-free-pro-content .attr-tab-content {
1162 border-left: 1px solid #f0f0f0;
1163 padding: 20px;
1164 -webkit-box-flex: 100%;
1165 -ms-flex: 100%;
1166 flex: 100%;
1167 }
1168 .emailkit-settings-dashboard .emailkit-setting-sidebar {
1169 position: static;
1170 width: 100% !important;
1171 }
1172 .emailkit-admin-container {
1173 padding: 30px;
1174 }
1175 .emailkit-admin-container--body .emailkit-setting-header {
1176 margin-left: -30px;
1177 margin-right: -30px;
1178 padding-left: 30px;
1179 padding-right: 30px;
1180 }
1181 .emailkit-admin-container--body .emailkit-setting-header::before, .emailkit-admin-container--body .emailkit-setting-header::after {
1182 margin-left: 30px;
1183 margin-right: 30px;
1184 }
1185 .emailkit-admin-container--body .emailkit-setting-header::after {
1186 width: calc(100% - 60px);
1187 }
1188 .emailkit-set-dash-top-notch--item {
1189 -webkit-box-flex: 0;
1190 -ms-flex: 0 0 100%;
1191 flex: 0 0 100%;
1192 }
1193 .admin-bar .emailkit-setting-header.fixed {
1194 top: 0;
1195 }
1196 #emailkit-set-dash-faq {
1197 margin-left: -30px;
1198 margin-right: -30px;
1199 }
1200 .emailkit-admin-left-thumb {
1201 margin-bottom: -30px;
1202 text-align: center;
1203 width: 100%;
1204 margin-top: 15px;
1205 }
1206 .emailkit-admin-container--body .emailkit-settings-single-section--title {
1207 font-size: 19px;
1208 }
1209 .emailkit-admin-container--body .emailkit-settings-single-section--title span {
1210 display: none;
1211 }
1212 .emailkit-setting-dash-section-heading--title {
1213 font-size: 25px;
1214 line-height: 30px;
1215 }
1216 .emailkit-setting-dash-section-heading--subtitle {
1217 font-size: 52px;
1218 line-height: 59px;
1219 }
1220 }
1221
1222 .emailkit-setting-spin {
1223 -webkit-animation-name: rotate;
1224 animation-name: rotate;
1225 -webkit-animation-duration: 500ms;
1226 animation-duration: 500ms;
1227 -webkit-animation-iteration-count: infinite;
1228 animation-iteration-count: infinite;
1229 -webkit-animation-timing-function: linear;
1230 animation-timing-function: linear;
1231 }
1232
1233 @-webkit-keyframes rotate {
1234 from {
1235 -webkit-transform: rotate(0deg);
1236 transform: rotate(0deg);
1237 }
1238 to {
1239 -webkit-transform: rotate(360deg);
1240 transform: rotate(360deg);
1241 }
1242 }
1243
1244 @keyframes rotate {
1245 from {
1246 -webkit-transform: rotate(0deg);
1247 transform: rotate(0deg);
1248 }
1249 to {
1250 -webkit-transform: rotate(360deg);
1251 transform: rotate(360deg);
1252 }
1253 }
1254
1255 .loading .attr-modal-content::before {
1256 opacity: 0.8;
1257 position: absolute;
1258 content: "";
1259 top: 0;
1260 left: 0;
1261 height: 100%;
1262 width: 100%;
1263 background-color: #fff;
1264 -webkit-transition: opaicty 0.5s ease;
1265 transition: opaicty 0.5s ease;
1266 z-index: 5;
1267 border-radius: inherit;
1268 }
1269
1270 .loading .emailkit-spinner {
1271 display: block;
1272 }
1273
1274 #emailkit_form_modal {
1275 overflow-y: scroll;
1276 }
1277
1278 .elementor-editor-active .emailkit-form-save-btn-editor {
1279 display: none !important;
1280 }
1281
1282 .attr-modal-dialog-centered {
1283 display: -webkit-box;
1284 display: -ms-flexbox;
1285 display: flex;
1286 -webkit-box-align: center;
1287 -ms-flex-align: center;
1288 align-items: center;
1289 padding-top: 30px;
1290 width: 725px;
1291 max-width: 100%;
1292 }
1293
1294 .attr-modal-dialog-centered .attr-modal-header {
1295 padding: 36px 50px;
1296 border-bottom: none;
1297 }
1298
1299 .attr-modal-dialog-centered .attr-modal-header .attr-modal-title {
1300 font-size: 20px;
1301 font-weight: 700;
1302 color: #111;
1303 text-transform: capitalize;
1304 margin-bottom: 38px;
1305 line-height: 1;
1306 }
1307
1308 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs {
1309 border: none;
1310 display: -webkit-box;
1311 display: -ms-flexbox;
1312 display: flex;
1313 -ms-flex-wrap: wrap;
1314 flex-wrap: wrap;
1315 }
1316
1317 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs li {
1318 -webkit-transition: all 0.4s;
1319 transition: all 0.4s;
1320 }
1321
1322 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs a {
1323 text-decoration: none;
1324 color: #111;
1325 font-size: 14px;
1326 text-transform: capitalize;
1327 font-weight: 600;
1328 padding: 8px 10px;
1329 border: none;
1330 margin-right: 0;
1331 -webkit-transition: all 0.4s;
1332 transition: all 0.4s;
1333 }
1334
1335 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs a:hover {
1336 border: none;
1337 background-color: transparent;
1338 }
1339
1340 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs a:focus {
1341 outline: none;
1342 -webkit-box-shadow: none;
1343 box-shadow: none;
1344 border: none;
1345 }
1346
1347 .attr-modal-dialog-centered .attr-modal-header .attr-nav-tabs li.attr-active a {
1348 border: none;
1349 color: #fff;
1350 background-color: #1f55f8;
1351 border-radius: 4px;
1352 text-align: center;
1353 }
1354
1355 .attr-modal-dialog-centered .attr-modal-header button.attr-close {
1356 opacity: 0.8;
1357 font-size: inherit;
1358 outline: none;
1359 margin-top: -15px;
1360 margin-right: -25px;
1361 }
1362
1363 .attr-modal-dialog-centered .attr-modal-header button.attr-close span {
1364 color: #e81123;
1365 font-size: 35px;
1366 font-weight: 100;
1367 background-color: #fce7e9;
1368 height: 36px;
1369 width: 36px;
1370 display: inline-block;
1371 line-height: 36px;
1372 border-radius: 100px;
1373 outline: none;
1374 margin-top: 5px;
1375 font-family: initial;
1376 }
1377
1378 .attr-modal-dialog-centered .attr-tab-content .attr-modal-body {
1379 padding: 40px 50px;
1380 padding-top: 0;
1381 }
1382
1383 .attr-modal-dialog-centered .attr-tab-content div#limit_status.hide_input {
1384 display: none;
1385 }
1386
1387 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group label.attr-input-label {
1388 color: #111;
1389 font-size: 16px;
1390 margin-bottom: 7px;
1391 display: block;
1392 font-weight: 500;
1393 padding: 15px 0 8px;
1394 }
1395
1396 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group {
1397 border-bottom: 1px solid #f5f5f5;
1398 padding-bottom: 14px;
1399 margin-bottom: 14px;
1400 }
1401
1402 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group:last-of-type {
1403 border-bottom: none;
1404 padding-bottom: 0;
1405 }
1406
1407 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input,
1408 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .attr-form-control {
1409 color: #000;
1410 font-size: 14px;
1411 height: 48px;
1412 padding: 0 22px;
1413 border-color: #ededed;
1414 margin-top: 12px;
1415 max-width: 100%;
1416 background-color: #f9f9f9;
1417 -webkit-transition: all 0.4s;
1418 transition: all 0.4s;
1419 }
1420
1421 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input:hover, .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input:focus,
1422 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .attr-form-control:hover,
1423 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .attr-form-control:focus {
1424 background-color: #fff;
1425 }
1426
1427 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group textarea {
1428 padding: 22px !important;
1429 }
1430
1431 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"] {
1432 display: none;
1433 }
1434
1435 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"] + span {
1436 position: relative;
1437 display: block;
1438 }
1439
1440 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"] + span::before {
1441 content: "No";
1442 width: 55px;
1443 height: 25px;
1444 background-color: #ededed;
1445 left: 0;
1446 border-radius: 15px;
1447 text-align: right;
1448 color: #fff;
1449 text-transform: uppercase;
1450 font-weight: 700;
1451 font-size: 10px;
1452 padding: 3px;
1453 -webkit-box-sizing: border-box;
1454 box-sizing: border-box;
1455 padding-right: 10px;
1456 -webkit-transition: all 0.4s;
1457 transition: all 0.4s;
1458 float: right;
1459 line-height: 18px;
1460 cursor: pointer;
1461 }
1462
1463 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"] + span::after {
1464 content: "";
1465 width: 20px;
1466 height: 20px;
1467 background-color: #fff;
1468 border-radius: 100px;
1469 display: inline-block;
1470 position: absolute;
1471 right: 31px;
1472 top: 2px;
1473 -webkit-transition: all 0.4s;
1474 transition: all 0.4s;
1475 }
1476
1477 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"]:checked + span::before {
1478 content: "Yes";
1479 width: 55px;
1480 height: 25px;
1481 background-color: #1f55f8;
1482 left: 0;
1483 border-radius: 15px;
1484 display: inline-block;
1485 text-align: left;
1486 color: #fff;
1487 text-transform: uppercase;
1488 font-weight: 700;
1489 font-size: 10px;
1490 padding: 3px;
1491 -webkit-box-sizing: border-box;
1492 box-sizing: border-box;
1493 padding-left: 10px;
1494 }
1495
1496 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"]:checked + span::after {
1497 content: "";
1498 width: 20px;
1499 height: 20px;
1500 background-color: #fff;
1501 border-radius: 100px;
1502 display: inline-block;
1503 position: absolute;
1504 right: 2px;
1505 top: 2px;
1506 }
1507
1508 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-rest-api-method {
1509 padding: 0 18px;
1510 margin: 0;
1511 }
1512
1513 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group #emailkit-hubsopt-fileds {
1514 margin-top: 10px;
1515 }
1516
1517 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group #emailkit-hubsopt-fileds .emailkit-input-warning {
1518 color: red;
1519 }
1520
1521 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group span.emailkit-input-help {
1522 color: #b7b7b7;
1523 font-style: italic;
1524 font-size: 12px;
1525 }
1526
1527 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group span.emailkit-input-help strong {
1528 color: #555;
1529 font-weight: 700;
1530 }
1531
1532 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group span.emailkit-input-help a {
1533 color: #1f55f8;
1534 text-decoration: none;
1535 font-weight: 700;
1536 }
1537
1538 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner label.attr-input-label {
1539 display: inline-block;
1540 }
1541
1542 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner #limit_status {
1543 width: 100px;
1544 margin: 0;
1545 position: relative;
1546 margin-left: 15px;
1547 float: right;
1548 margin-top: -2px;
1549 }
1550
1551 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner input {
1552 margin: 0;
1553 }
1554
1555 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner input[type="checkbox"] + span::before {
1556 position: relative;
1557 top: -2px;
1558 left: 5px;
1559 }
1560
1561 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner input[type="checkbox"] + span::after {
1562 right: 28px;
1563 top: 0;
1564 }
1565
1566 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .emailkit-input-group-inner input[type="checkbox"]:checked + span::after {
1567 right: -2px;
1568 top: 0;
1569 }
1570
1571 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group.emailkit-input-group-inline {
1572 display: -webkit-box;
1573 display: -ms-flexbox;
1574 display: flex;
1575 -ms-flex-wrap: wrap;
1576 flex-wrap: wrap;
1577 -webkit-box-align: initial;
1578 -ms-flex-align: initial;
1579 align-items: initial;
1580 }
1581
1582 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group.emailkit-input-group-inline .attr-input-label,
1583 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group.emailkit-input-group-inline .emailkit-inputs {
1584 -webkit-box-flex: 1;
1585 -ms-flex: 1;
1586 flex: 1;
1587 }
1588
1589 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group.emailkit-input-group-inline .attr-input-label select,
1590 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group.emailkit-input-group-inline .emailkit-inputs select {
1591 margin: 0;
1592 }
1593
1594 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group .metfrom-btn-refresh-hubsopt-list {
1595 margin-left: 5px;
1596 }
1597
1598 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="text"] + span,
1599 .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="number"] + span {
1600 display: block;
1601 margin-top: 5px;
1602 }
1603
1604 .attr-modal-dialog-centered .attr-tab-content #limit_status.show_input {
1605 margin-top: 32px;
1606 }
1607
1608 .attr-modal-dialog-centered .attr-modal-footer {
1609 padding: 30px 50px;
1610 }
1611
1612 .attr-modal-dialog-centered .attr-modal-footer button {
1613 color: #fff;
1614 background-color: #1f55f8;
1615 font-size: 16px;
1616 font-weight: 700;
1617 -webkit-box-sizing: border-box;
1618 box-sizing: border-box;
1619 padding: 12px 20px;
1620 -webkit-box-shadow: none;
1621 box-shadow: none;
1622 border: 1px solid transparent;
1623 -webkit-transition: all 0.4s;
1624 transition: all 0.4s;
1625 outline: none;
1626 }
1627
1628 .attr-modal-dialog-centered .attr-modal-footer button:focus {
1629 border: none;
1630 outline: none;
1631 }
1632
1633 .attr-modal-dialog-centered .attr-modal-footer button.emailkit-form-save-btn-editor {
1634 background-color: #d8d8d8;
1635 color: #111;
1636 }
1637
1638 .attr-modal-dialog-centered > form {
1639 width: 100%;
1640 }
1641
1642 .modal-backdrop {
1643 position: fixed;
1644 top: 0;
1645 left: 0;
1646 width: 100vw;
1647 height: 100vh;
1648 background-color: rgba(0, 0, 0, 0.5);
1649 z-index: 999;
1650 }
1651
1652 .attr-modal {
1653 z-index: 10000;
1654 }
1655
1656 .emailkit_multipile_ajax_search_filed .select2-container--default .select2-selection--multiple .select2-selection__choice {
1657 line-height: 1.5;
1658 font-size: 0.9em;
1659 border: none;
1660 border-radius: 0;
1661 color: #6d7882;
1662 }
1663
1664 .emailkit-headerfooter-status {
1665 display: inline-block;
1666 margin-left: 5px;
1667 padding: 2px 5px 3px;
1668 color: #fff;
1669 background-color: #9a9a9a;
1670 border-radius: 3px;
1671 font-size: 10px;
1672 line-height: 1;
1673 font-weight: 700;
1674 }
1675
1676 .emailkit-headerfooter-status-active {
1677 background-color: #00cd00;
1678 }
1679
1680 .irs--round .irs-min,
1681 .irs--round .irs-max {
1682 display: none;
1683 }
1684
1685 .irs--round .irs-handle {
1686 cursor: pointer;
1687 }
1688
1689 .emailkit-success-msg {
1690 position: fixed;
1691 z-index: 9;
1692 text-align: center;
1693 top: 50%;
1694 left: 50%;
1695 -webkit-transform: translate(-50%, -50%);
1696 transform: translate(-50%, -50%);
1697 -webkit-box-shadow: 0 2px 5px rgba(153, 153, 153, 0.2);
1698 box-shadow: 0 2px 5px rgba(153, 153, 153, 0.2);
1699 min-width: 300px;
1700 }
1701
1702 textarea.attr-form-control {
1703 height: auto !important;
1704 }
1705
1706 .post-type-emailkit-form .row-actions .inline {
1707 display: none !important;
1708 }
1709
1710 div.emailkit-entry-data table thead,
1711 div.emailkit-entry-data table tbody,
1712 div.emailkit-entry-browser-data table thead,
1713 div.emailkit-entry-browser-data table tbody {
1714 text-align: left;
1715 }
1716
1717 img.form-editor-icon {
1718 height: 20px;
1719 width: 20px;
1720 margin-right: 5px;
1721 vertical-align: middle;
1722 }
1723
1724 div.emailkit-file-show button.attr-btn.attr-btn-primary {
1725 margin-left: 10px;
1726 }
1727
1728 .emailkit-file-show a {
1729 text-decoration: none;
1730 }
1731
1732 .emailkit-modal-container {
1733 margin-top: 50px;
1734 }
1735
1736 .emailkit-modal-container .attr-modal-body img {
1737 margin: 0 auto;
1738 }
1739
1740 .emailkit-entry-label,
1741 .emailkit-entry-input {
1742 -webkit-box-sizing: border-box;
1743 box-sizing: border-box;
1744 }
1745
1746 .emailkit-entry-filter {
1747 margin-right: 10px;
1748 min-width: 15%;
1749 }
1750
1751 .emailkit-entry-export-csv {
1752 min-width: 20%;
1753 }
1754
1755 .emailkit_open_content_editor_modal .attr-modal-dialog-centered .attr-tab-content .emailkit-input-group input[type="checkbox"] + span::before {
1756 line-height: 20px;
1757 }
1758
1759 /* HIDE RADIO */
1760 .emailkit-image-select-input,
1761 .emailkit-toggle-select-input {
1762 position: absolute;
1763 opacity: 0;
1764 width: 0;
1765 height: 0;
1766 }
1767
1768 /* IMAGE STYLES */
1769 .emailkit-image-select-input + img,
1770 .emailkit-toggle-select-input + p {
1771 cursor: pointer;
1772 }
1773
1774 .emailkit-input-rest-api-group .emailkit-rest-api-key {
1775 width: 100px;
1776 display: inline-block;
1777 position: relative;
1778 top: 17px;
1779 }
1780
1781 .emailkit-input-rest-api-group .emailkit-rest-api {
1782 width: calc(100% - 110px);
1783 vertical-align: middle;
1784 display: inline-block !important;
1785 }
1786
1787 .emailkit_open_content_editor_modal .emailkit-rest-api-key {
1788 top: 19px;
1789 }
1790
1791 .emailkit-entry-data table.emailkit-entry-data {
1792 width: 100%;
1793 background-color: #fff;
1794 border: 1px solid #eaf2fa;
1795 color: #000;
1796 }
1797
1798 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-label {
1799 background-color: #eaf2fa;
1800 }
1801
1802 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-value {
1803 background-color: #fff;
1804 }
1805
1806 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-value pre {
1807 margin: 0;
1808 font: inherit;
1809 }
1810
1811 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-value td.emailkit-value-space {
1812 width: 20px;
1813 }
1814
1815 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-value .signature-img {
1816 max-width: 100%;
1817 }
1818
1819 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit-data-value td .simple-repeater-entry-data-divider:not(:last-child) {
1820 width: 100%;
1821 background: rgba(66, 63, 63, 0.169);
1822 height: 1px;
1823 margin: 6px 0;
1824 }
1825
1826 .emailkit-cf-single-field {
1827 display: -webkit-box;
1828 display: -ms-flexbox;
1829 display: flex;
1830 -webkit-box-align: end;
1831 -ms-flex-align: end;
1832 align-items: flex-end;
1833 position: relative;
1834 margin-bottom: 1rem;
1835 -webkit-box-pack: justify;
1836 -ms-flex-pack: justify;
1837 justify-content: space-between;
1838 }
1839
1840 .emailkit-cf-single-field .emailkit-cf-single-field-input {
1841 width: 48%;
1842 }
1843
1844 .emailkit-cf-single-field .emailkit-cf-single-field-input label {
1845 color: #111;
1846 font-size: 12px;
1847 display: block;
1848 font-weight: 500;
1849 }
1850
1851 .emailkit-cf-single-field .emailkit-cf-single-field-input input,
1852 .emailkit-cf-single-field .emailkit-cf-single-field-input select {
1853 margin-top: 8px !important;
1854 }
1855
1856 .emailkit-cf-single-field .emailkit-btn-del-singl-field {
1857 outline: 0;
1858 color: #fd397a;
1859 background-color: rgba(253, 57, 122, 0.1);
1860 text-decoration: none;
1861 font-size: 12px;
1862 font-weight: 700;
1863 padding: 0 10px;
1864 position: absolute;
1865 right: 0;
1866 top: 0;
1867 line-height: 19px;
1868 display: inline-block;
1869 border-radius: 4px;
1870 }
1871
1872 .emailkit-cf-single-field .emailkit-btn-del-singl-field:hover {
1873 color: #fff;
1874 background-color: #fd397a;
1875 }
1876
1877 .emailkit-cf-single-field .emailkit-btn-del-singl-field:focus {
1878 color: #fff;
1879 background-color: #c9302c;
1880 }
1881
1882 .emailkit-add-cf {
1883 color: #716aca;
1884 background-color: rgba(113, 106, 202, 0.1);
1885 font-size: 20px;
1886 line-height: 0.65em;
1887 padding: 10px 10px;
1888 border: none !important;
1889 -webkit-box-shadow: none;
1890 box-shadow: none;
1891 font-weight: 700;
1892 cursor: pointer;
1893 border-radius: 4px;
1894 outline: 0;
1895 }
1896
1897 .emailkit-add-cf span {
1898 -webkit-transform: translateY(-2px);
1899 transform: translateY(-2px);
1900 display: block;
1901 }
1902
1903 .emailkit-add-cf:hover {
1904 color: #fff;
1905 background-color: #716aca;
1906 }
1907
1908 .emailkit-add-cf:focus {
1909 color: #fff;
1910 background-color: #286090;
1911 }
1912
1913 .emailkit-add-param_fields {
1914 color: #716aca;
1915 background-color: rgba(113, 106, 202, 0.1);
1916 font-size: 20px;
1917 line-height: 0.65em;
1918 padding: 10px 10px;
1919 border: none !important;
1920 -webkit-box-shadow: none;
1921 box-shadow: none;
1922 font-weight: 700;
1923 cursor: pointer;
1924 border-radius: 4px;
1925 outline: 0;
1926 }
1927
1928 .emailkit-add-param_fields span {
1929 -webkit-transform: translateY(-2px);
1930 transform: translateY(-2px);
1931 display: block;
1932 }
1933
1934 .emailkit-add-param_fields:hover {
1935 color: #fff;
1936 background-color: #716aca;
1937 }
1938
1939 .emailkit-add-param_fields:focus {
1940 color: #fff;
1941 background-color: #286090;
1942 }
1943
1944 .emailkit-add-url-param-fields {
1945 color: #716aca;
1946 background-color: rgba(113, 106, 202, 0.1);
1947 font-size: 20px;
1948 line-height: 0.65em;
1949 padding: 10px 10px;
1950 border: none !important;
1951 -webkit-box-shadow: none;
1952 box-shadow: none;
1953 font-weight: 700;
1954 cursor: pointer;
1955 border-radius: 4px;
1956 outline: 0;
1957 }
1958
1959 .emailkit-add-url-param-fields span {
1960 -webkit-transform: translateY(-2px);
1961 transform: translateY(-2px);
1962 display: block;
1963 }
1964
1965 .emailkit-add-url-param-fields:hover {
1966 color: #fff;
1967 background-color: #716aca;
1968 }
1969
1970 .emailkit-add-url-param-fields:focus {
1971 color: #fff;
1972 background-color: #286090;
1973 }
1974
1975 .emailkit-form-data-bypass-delete-btn, .emailkit-btn-del-single-field-zoho {
1976 outline: 0;
1977 color: #fd397a;
1978 background-color: rgba(253, 57, 122, 0.1);
1979 text-decoration: none;
1980 font-size: 12px;
1981 font-weight: 700;
1982 padding: 0 10px;
1983 position: absolute;
1984 right: 0;
1985 top: 0;
1986 line-height: 19px;
1987 display: inline-block;
1988 border-radius: 4px;
1989 }
1990
1991 .emailkit-form-data-bypass-delete-btn:hover, .emailkit-btn-del-single-field-zoho:hover {
1992 color: #fff;
1993 background-color: #fd397a;
1994 }
1995
1996 .emailkit-form-data-bypass-delete-btn:focus, .emailkit-btn-del-single-field-zoho:focus {
1997 color: #fff;
1998 background-color: #c9302c;
1999 }
2000
2001 .emailkit-single-field-delete-btn {
2002 pointer-events: none;
2003 color: #fd397a3d;
2004 }
2005
2006 .achor-style {
2007 color: #1f55f8;
2008 text-decoration: none;
2009 font-weight: 700;
2010 }
2011
2012 .emailkit-add-new-form-model-contents .emailkit-template-input-con label {
2013 display: none;
2014 }
2015
2016 .emailkit-add-new-form-model-contents .emailkit-template-form-type label {
2017 display: none;
2018 }
2019
2020
2021
2022 .emailkit-add-new-form-model-contents .emailkit-editor-input:focus {
2023 border-radius: 4px;
2024 border: 1px solid #227BFF;
2025 box-shadow: 0px 1px 2px 0px rgba(7, 12, 20, 0.06), 0px 0px 0px 3px rgba(34, 123, 255, 0.14);
2026 }
2027
2028 .emailkit-add-new-form-model-contents .emailkit-editor-input:nth-child(2) {
2029 margin-bottom: 10px;
2030 }
2031
2032 .emailkit-templates-list {
2033 font-family: "Roboto", sans-serif;
2034 }
2035
2036 .emailkit-template-alert-msg {
2037 display: none;
2038 /* margin-left: 16px; */
2039 width: 100%;
2040 }
2041 .emailkit-template-alert-msg p{
2042 font-size: 16px;
2043 border-radius: 4px;
2044 background: #f2f2f2;
2045 padding: 12px 0px;
2046 font-weight: 600;
2047 font-family: "Roboto", sans-serif;
2048 }
2049 .emailkit-templates-list .emailkit-pro-alert-msg-wrapper{
2050 display: none;
2051 margin-left: 16px;
2052 width: 100%;
2053 border-radius: 4px;
2054 border: 1px solid #E8EAEC;
2055 background: #F4F5F9;
2056 padding: 24px 24px;
2057 }
2058 .emailkit-template-not-available p {
2059 margin-left: 16px;
2060 }
2061 .emailkit-template-alert-msg-wrap{
2062 position: relative;
2063 }
2064 #emailkit-new-form-modalinput-form .emailkit-open-new-form-editor-modal:disabled{
2065 background-color: #7aa2de;
2066 cursor: not-allowed;
2067 color: #fff;
2068 }
2069 #emailkit-new-form-modalinput-form .emailkit-open-new-form-editor-modal:disabled:hover{
2070 background-color: #7aa2de;
2071 }
2072
2073 .emailkit-templates-list .emailkit-template-alert-msg-wrap{
2074 text-align: right;
2075 }
2076 .emailkit-templates-list .emailkit-template-alert-msg-wrap p{
2077 text-align: center;
2078 margin: 0px 0 0 0;
2079 margin-left: 16px;
2080 }
2081 .emailkit-templates-list .emailkit-template-delete-popover{
2082 position: absolute;
2083 width: 200px;
2084 background-color: rgb(255, 255, 255);
2085 right: 0;
2086 top: 50px;
2087 text-align: left;
2088 box-shadow: 2px 3px 10px 2px rgba(0,0,0,0.45);
2089 border-radius: 4px;
2090 display: none;
2091 }
2092
2093 .emailkit-templates-list .emailkit-template-delete-popover .emailkit-template-delete-popover-heading header{
2094 padding: 8px;
2095 font-size: 15px;
2096 font-weight: 500;
2097 border-bottom: 1px solid #e8e8e8;
2098 }
2099 .emailkit-templates-list .emailkit-template-delete-btns{
2100 padding: 8px;
2101 }
2102 .emailkit-templates-list .emailkit-template-delete-btns .emailkit-template-delete-btn{
2103 border: 1px solid #227BFF;
2104 background: #227BFF;
2105 color: #fff;
2106 padding: 3px 6px;
2107 border-radius: 3px;
2108 transition: all .3s ease-in-out;
2109 cursor: pointer;
2110 }
2111 .emailkit-templates-list .emailkit-template-delete-btns .emailkit-template-delete-btn:hover{
2112 background: #0c69f5;
2113 }
2114 .emailkit-templates-list .emailkit-template-delete-btns .emailkit-template-delete-btn-confirm{
2115
2116 }
2117 .emailkit-templates-list .emailkit-template-delete-btns .emailkit-template-delete-btn-cancel{
2118 background-color: #fd1581;
2119 border-color: #fd1581;
2120
2121 }
2122 .emailkit-templates-list .emailkit-template-delete-btns .emailkit-template-delete-btn-cancel:hover{
2123 background-color: #c40d62;
2124
2125 }
2126
2127
2128 .emailkit-templates-list .emailkit-template-alert-msg-wrap .emailkit-saved-template-delete{
2129 background: none;
2130 border: none;
2131 color: red;
2132 cursor: pointer;
2133 display: flex;
2134 width: 100%;
2135 justify-content: flex-end;
2136 align-items: center;
2137 }
2138 .emailkit-templates-list .emailkit-pro-alert-msg-wrapper .emailkit-pro-alert-msg{
2139 display: flex;
2140
2141 }
2142 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-content{
2143 text-align: left;
2144
2145 }
2146 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-icon{
2147 margin-right: 9px;
2148 }
2149 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-content h1{
2150 margin: 0 0;
2151 color: #070C14;
2152 font-family: "Roboto", sans-serif;
2153 font-size: 20px;
2154 font-style: normal;
2155 font-weight: 700;
2156 line-height: normal;
2157 }
2158 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-content p{
2159 margin: 10px 0 0 0;
2160 color: #636569;
2161 font-family: Roboto;
2162 font-size: 14px;
2163 font-style: normal;
2164 font-weight: 400;
2165 line-height: 18px;
2166 }
2167 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-btn:link,
2168 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-btn:visited,
2169 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-btn{
2170 margin-top: 19px;
2171 text-decoration: none;
2172 display: inline-block;
2173 border-radius: 4px;
2174 border: 1px solid #227BFF;
2175 color: #227BFF;
2176 text-align: center;
2177 font-family: "Roboto", sans-serif;
2178 font-size: 13px;
2179 font-style: normal;
2180 font-weight: 500;
2181 line-height: normal;
2182 padding: 8px 14px;
2183 transition: all .3s ease-in-out;
2184 }
2185 .emailkit-pro-alert-msg .emailkit-pro-alert-msg-btn:hover{
2186 background: #227BFF;
2187 color: #fff;
2188 }
2189
2190 .emailkit-template-radio-data:hover{
2191 border: 2px solid #227BFF;
2192 box-shadow: 0px 1px 4px 0px rgba(4, 8, 14, 0.10);
2193 }
2194
2195 .emailkit-templates-list .emailkit-template-radio-data:hover .emailkit-template-footer-links a {
2196 text-decoration: none;
2197 transition: all .3s ease-in-out;
2198 }
2199
2200 .emailkit-templates-list .emailkit-template-radio-data:hover .emailkit-template-footer-links a:hover {
2201 color: #000;
2202 }
2203 .add-new-model__footer-button-group .emailkit-edit-template-btn.emailkit-pro-inactive{
2204 padding: 2px 23px 0px;
2205 border-radius: 4px;
2206 background: #EEEFF2;
2207 cursor: not-allowed;
2208 color: #A6A7A9;
2209 text-align: center;
2210 font-family: "Roboto", sans-serif;
2211 font-size: 14px;
2212 font-weight: 500;
2213 }
2214
2215 .formpicker_iframe_modal .dialog-widget-content {
2216 position: static !important;
2217 margin: auto;
2218 }
2219
2220 .formpicker_iframe_modal a {
2221 text-decoration: none;
2222 }
2223
2224 .formpicker_iframe_modal > * {
2225 display: -webkit-box;
2226 display: -ms-flexbox;
2227 display: flex;
2228 -webkit-box-align: center;
2229 -ms-flex-align: center;
2230 align-items: center;
2231 gap: 38px;
2232 }
2233
2234 .formpicker_iframe_modal .emailkit-form-update-close-btn {
2235 position: absolute;
2236 right: 10px;
2237 top: 7px;
2238 font-size: 14px;
2239 text-transform: uppercase;
2240 background-color: #39b54a;
2241 color: #fff;
2242 padding: 10px 25px;
2243 border-radius: 100px;
2244 z-index: 1;
2245 cursor: pointer;
2246 line-height: 15px;
2247 padding-top: 10px;
2248 -webkit-transition: all 0.4s;
2249 transition: all 0.4s;
2250 }
2251
2252 .formpicker_iframe_modal .emailkit-form-edit-btn {
2253 position: absolute;
2254 left: 135px;
2255 top: 0;
2256 color: #4285f4;
2257 font-size: 15px;
2258 text-transform: uppercase;
2259 padding: 18px 0;
2260 }
2261
2262 .formpicker_iframe_modal .emailkit-form-edit-btn i {
2263 margin-right: 5px;
2264 font-size: 18px;
2265 margin-top: -2px;
2266 }
2267
2268 #emailkit-new-form-modalinput-form {
2269 position: relative;
2270 top: 20px;
2271 z-index: 999;
2272 width: 640px;
2273 background-color: #fff;
2274 -webkit-box-shadow: -15px 20px 50px rgba(0, 0, 0, 0.16);
2275 box-shadow: -15px 20px 50px rgba(0, 0, 0, 0.16);
2276 padding: 15px 0 40px;
2277 border-radius: 5px;
2278 text-align: center;
2279 -webkit-box-orient: vertical;
2280 -webkit-box-direction: normal;
2281 -ms-flex-direction: column;
2282 flex-direction: column;
2283 }
2284
2285 #emailkit-new-form-modalinput-form .emailkit-add-new-form-model-contents {
2286 background-color: #fff;
2287 min-width: auto;
2288 padding: 10px 38px 38px;
2289 overflow-y: scroll;
2290 max-height: 450px;
2291 border-bottom: 1px solid #f2f2f2;
2292 width: 100%;
2293 -webkit-box-sizing: border-box;
2294 box-sizing: border-box;
2295 }
2296
2297 #emailkit-new-form-modalinput-form .emailkit-add-new-form-model-contents::-webkit-scrollbar {
2298 display: none;
2299 }
2300
2301 #emailkit-new-form-modalinput-form .emailkit-template-radio-data--pro_tag {
2302 background: linear-gradient(45deg, #ff6b11 0%, #ff324d 100%);
2303 color: #fff;
2304 padding: 0px 5px;
2305 display: inline-block;
2306 position: absolute;
2307 right: 2px;
2308 top: 2px;
2309 text-transform: uppercase;
2310 font-size: 10px;
2311 border-radius: 3px;
2312 text-align: center;
2313 }
2314
2315 #emailkit_form_modal {
2316 z-index: 2147483647 !important;
2317 background: rgba(0, 0, 0, 0.507);
2318 }
2319
2320 .emailkit-add-new-form-model-title {
2321 color: #070C14;
2322 text-align: center;
2323 font-family: "Roboto", sans-serif;
2324 font-size: 30px;
2325 font-style: normal;
2326 font-weight: 700;
2327 line-height: normal;
2328 margin: 20px 0px;
2329 }
2330
2331 .elementor-loading-title {
2332 display: none;
2333 }
2334
2335 .emailkit-add-new-form-model-contents {
2336 background-color: #fff;
2337 min-width: 700px;
2338 padding: 10px 38px 38px;
2339 }
2340
2341 .emailkit-add-new-form-model-contents .emailkit-editor-input {
2342 width: 100%;
2343 border-radius: 4px;
2344 border: 1px solid #DADBDD;
2345 background: #FFF;
2346 box-shadow: 0px 1px 2px 0px rgba(7, 12, 20, 0.06);
2347 transition: all .3s ease-in-out;
2348 padding: 9px 23px 9px 20px;
2349 font-size: 14px;
2350 }
2351
2352 .emailkit-add-new-form-model-contents .emailkit-editor-input::placeholder {
2353 color: #6C6F77;
2354 font-family: "Roboto", sans-serif;
2355 font-size: 14px;
2356 font-style: normal;
2357 font-weight: 400;
2358 line-height: normal;
2359 }
2360
2361 .emailkit-add-new-form-model-contents .emailkit-editor-input:focus {
2362 outline: 0;
2363 /* border: none; */
2364
2365 }
2366
2367
2368 .emailkit-templates-list {
2369 display: -webkit-box;
2370 display: -ms-flexbox;
2371 display: flex;
2372 -ms-flex-wrap: wrap;
2373 flex-wrap: wrap;
2374 }
2375
2376 .emailkit-templates-list li {
2377 margin-left: 14px;
2378 margin-bottom: 16px;
2379 -webkit-box-flex: 0;
2380 -ms-flex: 0 0 30.7%;
2381 flex: 0 0 30.7%;
2382 -webkit-box-sizing: border-box;
2383 box-sizing: border-box;
2384 border-radius: 5px;
2385 border-radius: 4px 4px 0px 0px;
2386 height: 228px;
2387 }
2388
2389 .emailkit-templates-list li input {
2390 display: none;
2391 cursor: pointer;
2392 }
2393
2394 .emailkit-template-radio-data {
2395 min-height: 101px;
2396 border-radius: 4px;
2397 border: 2px solid #DADBDD;
2398 display: -webkit-box;
2399 display: -ms-flexbox;
2400 display: flex;
2401 -webkit-box-pack: end;
2402 -ms-flex-pack: end;
2403 justify-content: flex-end;
2404 -webkit-box-align: center;
2405 -ms-flex-align: center;
2406 align-items: center;
2407 cursor: pointer;
2408 height: 100%;
2409 position: relative;
2410 -webkit-box-orient: vertical;
2411 -webkit-box-direction: normal;
2412 -ms-flex-direction: column;
2413 flex-direction: column;
2414 border-radius: 6px;
2415 box-shadow: transparent;
2416 transition: all .2s ease-in-out;
2417 }
2418
2419 .emailkit-templates-list li input:checked + .emailkit-template-radio-data {
2420 border: 2px solid #227BFF;
2421 box-shadow: 0px 1px 4px 0px rgba(4, 8, 14, 0.10);
2422 }
2423
2424 .emailkit-templates-list img {
2425 max-width: 100%;
2426 max-width: 100%;
2427 height: 80%;
2428 width: 100%;
2429 object-fit: cover;
2430 border-top-left-radius: 4px;
2431 border-top-right-radius: 4px;
2432 }
2433
2434 .emailkit-template-footer-content {
2435 -ms-flex-item-align: normal;
2436 align-self: normal;
2437 padding: 0px 10px;
2438 min-height: 45px;
2439 border-top: 1px solid rgba(204, 204, 204, 0.5);
2440 justify-self: auto;
2441 display: -webkit-box;
2442 display: -ms-flexbox;
2443 display: flex;
2444 -webkit-box-align: center;
2445 -ms-flex-align: center;
2446 align-items: center;
2447 }
2448
2449 .emailkit-template-footer-title {
2450 position: static;
2451 opacity: 1;
2452 visibility: visible;
2453 -webkit-transition: opacity 1s;
2454 transition: opacity 1s;
2455 }
2456
2457 .emailkit-template-radio-data:hover .emailkit-template-footer-title {
2458 opacity: 0;
2459 visibility: hidden;
2460 position: absolute;
2461 }
2462
2463 .emailkit-template-footer-links {
2464 display: -webkit-box;
2465 display: -ms-flexbox;
2466 display: flex;
2467 width: 100%;
2468 -webkit-box-pack: justify;
2469 -ms-flex-pack: justify;
2470 justify-content: space-between;
2471 opacity: 0;
2472 visibility: hidden;
2473 position: absolute;
2474 -webkit-transition: opacity .4s;
2475 transition: opacity .4s;
2476 }
2477
2478 .emailkit-template-radio-data:hover .emailkit-template-footer-links {
2479 opacity: 1;
2480 visibility: visible;
2481 position: static;
2482 }
2483
2484 .emailkit-template-footer-title h2 {
2485 font-size: 13px;
2486 text-align: left;
2487 font-weight: 500;
2488 color: #6d7882;
2489 }
2490
2491 .emailkit-template-footer-links a {
2492 color: #4285F4;
2493 font-size: 13px;
2494 line-height: 15px;
2495 }
2496
2497 .emailkit-template-footer-links--icon {
2498 margin-right: 5px;
2499 }
2500
2501 .emailkit-open-new-form-editor-modal,
2502 .emailkit-add-new-form-save-btn {
2503 background-color: #227BFF;
2504 border: none;
2505 font-size: 14px;
2506 font-weight: 500;
2507 line-height: 42px;
2508 color: #fff;
2509 border-radius: 4px;
2510 padding: 1px 23px 2px;
2511 -webkit-box-sizing: border-box;
2512 box-sizing: border-box;
2513 margin-top: 30px;
2514 cursor: pointer;
2515 transition: all .3s;
2516 }
2517
2518 .emailkit-open-new-form-editor-modal:hover{
2519 background:#1168E9;
2520 }
2521
2522
2523 .emailkit-add-new-form-save-btn {
2524 background-color: #d8d8d8;
2525 color: #111;
2526 }
2527
2528 .emailkit-open-new-form-editor-modal > span {
2529 margin-right: 12px;
2530 }
2531
2532 .emailkit-add-new-form-modal-close-btn {
2533 position: absolute;
2534 top: 20px;
2535 right: 20px;
2536 cursor: pointer;
2537
2538 }
2539
2540 .emailkit-add-new-form-modal-close-btn svg path{
2541 transition: all .3s ease-in-out;
2542 }
2543
2544 .emailkit-add-new-form-modal-close-btn:hover svg path{
2545 stroke: #000;
2546 }
2547
2548
2549 /* .emailkit-add-new-form-modal-close-btn::before,
2550 .emailkit-add-new-form-modal-close-btn::after {
2551 content: '';
2552 position: absolute;
2553 top: 0;
2554 left: 0;
2555 width: 18px;
2556 height: 2px;
2557 background-color: #FF433C;
2558 -webkit-transform: rotate(45deg);
2559 transform: rotate(45deg);
2560 top: calc(50% - 1px);
2561 left: calc(50% - 9px);
2562 }
2563
2564 .emailkit-add-new-form-modal-close-btn::after {
2565 -webkit-transform: rotate(-45deg);
2566 transform: rotate(-45deg);
2567 } */
2568
2569 #formpicker-control-iframe {
2570 width: 100%;
2571 height: 75vh;
2572 }
2573
2574 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit_wrong_result {
2575 background-color: #f2dede;
2576 color: #706e6e;
2577 }
2578
2579 .emailkit-entry-data table.emailkit-entry-data tbody tr.emailkit_correct_result {
2580 background-color: #b7f09e;
2581 }
2582
2583 .emailkit-notice {
2584 position: fixed;
2585 top: 50px;
2586 right: 20px;
2587 background-color: #14c87c;
2588 color: white;
2589 padding: 10px;
2590 border-radius: 5px;
2591 display: none;
2592 }
2593
2594 /* select 2 custom styles */
2595
2596 .emailkit-template-form-type{
2597 margin-bottom: 13px;
2598 }
2599
2600
2601
2602
2603 .emailkit-template-form-type .select2-container--default .select2-selection--single .select2-selection__arrow {
2604 height: 23px;
2605 position: absolute;
2606 top: 9px;
2607 right: 8px;
2608 width: 27px;
2609 }
2610 .emailkit-template-form-type .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
2611 border-bottom-left-radius: 4px;
2612 border-bottom-right-radius: 4px;
2613 }
2614 .emailkit-template-form-type .select2-container--default.select2-container--open .select2-selection--single {
2615 border-radius: 4px;
2616 border: 1px solid #1471FC;
2617 background: #FFF;
2618 box-shadow: 0px 0px 0px 2.5px rgba(20, 113, 252, 0.14);
2619
2620 }
2621
2622 .emailkit-template-form-type .select2-container--default .select2-selection--single .select2-selection__rendered {
2623 color: #6C6F77;
2624 line-height: 28px;
2625 font-size: 14px;
2626 text-align: left;
2627 padding-left: 20px;
2628 margin-top: 9px;
2629 font-style: 'Roboto', sans-serif;
2630 }
2631 .emailkit-template-form-type .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{
2632 color: #263043;
2633 }
2634
2635 ul#select2-emailkit-add-new-form-model__form-type-results li,
2636 ul#select2-emailkit-add-new-email__template-type-results li{
2637 margin: 0;
2638 }
2639
2640 .select2-results__option {
2641 padding: 8px;
2642 }
2643
2644 ul#select2-emailkit-add-new-form-model__form-type-results .select2-results__option--highlighted.select2-results__option--selectable,
2645 ul#select2-emailkit-add-new-email__template-type-results .select2-results__option--highlighted.select2-results__option--selectable{
2646 background-color: #f4f5f8;
2647 color: #070C14;
2648 }
2649 ul#select2-emailkit-add-new-form-model__form-type-results .select2-results__option--selected,
2650 ul#select2-emailkit-add-new-email__template-type-results .select2-results__option--selected{
2651 background-color: transparent;
2652 color: #070C14;
2653 }
2654
2655 .emailkit-email-type-dropdown .select2-results > .select2-results__options, .emailkit-template-type-dropdown .select2-results > .select2-results__options{
2656 padding: 6px;
2657 }
2658
2659 .emailkit-email-type-dropdown .select2-results__option, .emailkit-template-type-dropdown .select2-results__option{
2660 padding: 7px 14px;
2661 border-radius: 3px;
2662 font-size: 14px;
2663 color: #070C14;
2664 }
2665
2666 .emailkit-template-form-type .select2-container--default .select2-selection--single {
2667 height: 48px;
2668 border-radius: 4px;
2669 border: 1px solid #DADBDD;
2670 background: #FFF;
2671 transition: all .2s ease-in-out;
2672 }
2673 .emailkit-template-form-type .select2-container--default .select2-selection--single:hover{
2674 border: 1px solid #1471FC;
2675 }
2676
2677
2678 #emailkit_new_form_modal .select2-container--default .select2-search--dropdown .select2-search__field {
2679 border: 1px solid transparent;
2680 border-radius: 4px;
2681 background: #F3F3F7 url(./../img/search.svg) no-repeat 6% 11px;
2682 padding-left: 32px;
2683 outline: 0px;
2684 transition: all .3s ease-in-out;
2685 }
2686
2687
2688 #emailkit_new_form_modal .select2-container--default .select2-search--dropdown .select2-search__field:focus {
2689
2690 border-radius: 4px;
2691 box-shadow: none;
2692 background: #F3F3F7 url(./../img/search.svg) no-repeat 6% 11px;
2693 border-radius: 4px;
2694 border: 1px solid #1471FC;
2695 box-shadow: 0px 0px 0px 2.5px rgba(20, 113, 252, 0.14);
2696 }
2697
2698 #emailkit_new_form_modal .select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
2699 color: #939397;
2700 font-size: 13px;
2701 }
2702
2703
2704 #emailkit_new_form_modal .select2-search--dropdown {
2705 padding: 10px 11px 11px 9px;
2706 /* position: relative; */
2707 }
2708 #emailkit_new_form_modal .select2-container--default .select2-results>.select2-results__options{
2709 max-height: 227px;
2710 }
2711 .select2-results__options{
2712 width: calc(100% - 15px);
2713 }
2714
2715 .select2-results__options::-webkit-scrollbar {
2716 width: 4px;
2717
2718 }
2719
2720 /* Track */
2721 .select2-results__options::-webkit-scrollbar-track {
2722 /* box-shadow: inset 0 0 5px grey; */
2723 /* border-radius: 10px; */
2724 width: 4px;
2725 }
2726
2727 /* Handle */
2728 .select2-results__options::-webkit-scrollbar-thumb {
2729 background: #B7BAC5;
2730 border-radius: 4px;
2731 width: 4px;
2732 }
2733
2734
2735
2736
2737 .emailkit-template-form-type {
2738 width: 100%;
2739 display: flex;
2740 justify-content: end;
2741
2742 }
2743 #emailkit_new_form_modal .emailkit-email-type-dropdown .select2-dropdown{
2744 top: -7px;
2745 box-shadow: 0px 14px 30px 8px rgba(38, 48, 67, 0.05), 0px 4px 6px -4px rgba(38, 48, 67, 0.12), 0px 6px 16px 0px rgba(38, 48, 67, 0.08);
2746 border: none;
2747 border-top-left-radius: 4px;
2748 border-top-left-radius: 4px
2749 }
2750 #emailkit_new_form_modal .emailkit-template-type-dropdown .select2-dropdown{
2751 top: 6px;
2752 box-shadow: 0px 14px 30px 8px rgba(38, 48, 67, 0.05), 0px 4px 6px -4px rgba(38, 48, 67, 0.12), 0px 6px 16px 0px rgba(38, 48, 67, 0.08);
2753 border: none;
2754 border-top-right-radius: 4px;
2755 border-top-left-radius: 4px
2756 }
2757
2758 .emailkit-template-form-type .select2-container--default .select2-selection--single .select2-selection__arrow b {
2759 background-image: url(./../img/arrow.svg);
2760 width: 36%;
2761 height: 12px;
2762 background-size: cover;
2763 background-position: center;
2764 background-size: contain;
2765 background-position: center;
2766 background-repeat: no-repeat;
2767 border: none !important;
2768 position: absolute;
2769 top: 38%;
2770 margin: auto;
2771 left: 19%;
2772 }
2773
2774 .emailkit-template-form-type .select2-container--open .select2-selection--single .select2-selection__arrow b {
2775 transform: rotate(180deg);
2776 }
2777
2778
2779 .emailkit-templates-list {
2780 display: flex;
2781 justify-content: start;
2782 -ms-flex-wrap: wrap;
2783 flex-wrap: wrap;
2784 margin-left: -15px;
2785 }
2786
2787 #emailkit-new-form-modalinput-form .emailkit-add-new-form-model-contents{
2788 /* min-height: 50vh; */
2789 }
2790
2791
2792
2793
2794 .emailkit_update_container{
2795 width: 640px;
2796 min-height: 300px;
2797 flex-shrink: 0;
2798 border-radius: 6px;
2799 background: #FFF;
2800 box-shadow: 0px 30px 40px 0px rgba(4, 8, 14, 0.30);
2801
2802 }
2803 .emailkit_update_header{
2804 text-align: right;
2805 }
2806 .emailkit_update_header .header_title h2{
2807 color: #070C14;
2808 text-align: center;
2809 font-family: 'Roboto', sans-serif;
2810 font-size: 30px;
2811 font-style: normal;
2812 font-weight: 700;
2813 line-height: normal;
2814 margin: 10px 0px -8px 0px;
2815 }
2816
2817 .emailkit_update_header .update_close_icon{
2818 width: 12px;
2819 height: 12px;
2820 flex-shrink: 0;
2821 display: inline-block;
2822 padding: 15px;
2823 }
2824 .emailkit_update_inputs .update_template_name{
2825
2826 width: 520px;
2827 height: 46px;
2828 flex-shrink: 0;
2829 padding: 18px;
2830 }
2831
2832 .update_template_name{
2833
2834
2835 color: #6C6F77;
2836 font-family: 'Roboto', sans-serif;
2837 font-size: 14px;
2838 font-style: normal;
2839 font-weight: 400;
2840 line-height: normal;
2841 display: inline-block;
2842 margin: 15px 0px 26px 0px;
2843
2844 }
2845 .update_template_name:active{
2846
2847 border-radius: 4px;
2848 outline: none;
2849 border: 1px solid #DADBDD;
2850 background: #FFF;
2851 box-shadow: 0px 1px 2px 0px rgba(7, 12, 20, 0.06);
2852 }
2853 .emailkit_update_buttons{
2854 /* display: flex;
2855 align-items: center;
2856 justify-content: center; */
2857 text-align: center;
2858 padding-bottom: 50px;
2859 }
2860 .emailkit_update_buttons .save_changes_button, .emailkit_update_buttons button{
2861
2862 display: inline-flex;
2863 padding: 15px 20px;
2864 justify-content: center;
2865 align-items: center;
2866 border-radius: 4px;
2867 background: #727a85;
2868 border: none;
2869 color: #FFF;
2870 text-align: center;
2871 font-family: 'Roboto', sans-serif;
2872 font-size: 14px;
2873 font-style: normal;
2874 font-weight: 500;
2875 line-height: normal;
2876 cursor: pointer;
2877 justify-content: center;
2878 align-items: center;
2879 gap: 6px;
2880 }
2881
2882 .emailkit_update_buttons .save_changes_button{
2883 margin-right: 10px;
2884
2885 }
2886 .emailkit_update_buttons .loadbuilder:hover{
2887 background: #1168E9;
2888
2889 }
2890 .emailkit_update_buttons .save_changes_button:hover{
2891 background: #565d66;
2892
2893 }
2894 /* .emailkit_update_inputs input{
2895 display: inline-block;
2896 } */
2897 .emailkit_update_inputs {
2898 text-align: center;
2899 /* margin: 26px 0; */
2900 color: #FFF;
2901 text-align: center;
2902 font-family: 'Roboto', sans-serif;
2903 font-size: 14px;
2904 font-style: normal;
2905 font-weight: 500;
2906 line-height: normal;
2907 }
2908
2909 .update_close_icon:hover{
2910 cursor: pointer;
2911 color: red;
2912 }
2913
2914 p.emailkit_update_subtitle{
2915 color: #6C6F77;
2916 text-align: center;
2917 font-family: 'Roboto', sans-serif;
2918 font-size: 16px;
2919 font-style: normal;
2920 font-weight: 400;
2921 line-height: normal;
2922 margin: 20px 0;
2923 }
2924
2925 .emailkit_update_buttons .loadbuilder{
2926 border-radius: 4px;
2927 background: #227BFF;
2928 }
2929
2930
2931 .emailkit-template-wrapper{
2932
2933 background: beige;
2934 margin: 10px 0;
2935 padding: 99px 0;
2936 }
2937 .emailkit-template-wrapper p{
2938
2939 font-size: 15px;
2940 font-weight: 400;
2941 }
2942
2943
2944
2945 a.emailkit_missing_plugin {
2946 display: inline-block;
2947 padding: 10px;
2948 margin-top: 15px;
2949 color: white;
2950 background: #7e7e0e;
2951 text-decoration: none;
2952 font-size: 16px;
2953 border-radius: 2px;
2954 }
2955
2956
2957