PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.4.4
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.4.4
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
formidable / css / frm_admin.css

frm_admin.css in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 5.4.4, at css/frm_admin.css

8,695 lines 160.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url(font_icons.css);
2
3 :root,
4 .frm_wrap {
5 --light-blue: rgba(188, 224, 253, .2);
6 --blue-border: rgb(188, 224, 253);
7 --darkest-grey: rgb(40, 47, 54);
8 --dark-grey: rgba(40, 47, 54, .85);
9 --medium-grey: rgba(40, 47, 54, .65);
10 --grey: rgba(40, 47, 54, .45);
11 --grey-border: rgba(40, 47, 54, .2);
12 --lightest-grey: rgb(250, 250, 250);
13 --sidebar-color: rgb(246, 247, 251);
14 --sidebar-hover: rgb(227, 232, 235);
15 --primary-color: rgb(65, 153, 253);
16 --primary-hover: rgb(49, 119, 199);
17 --green: rgb(63, 172, 37);
18 --orange: #F15A24;
19 --pink: rgb(226, 42, 110);
20 --purple: rgb(141, 53, 245);
21 --border-radius: 35px;
22 --small-radius: 6px;
23 --small-sidebar: 275px;
24 --medium-sidebar: 350px;
25 --big-sidebar: 390px;
26 --biggest-sidebar: 450px;
27 }
28
29 body:not(.frm-admin-page-styles) .with_frm_style .frm_form_fields > fieldset {
30 --fieldset-padding: 15px 0;
31 }
32
33 a, .widget .widget-top, .stuffbox h3, .frm-collapsed {
34 cursor: pointer;
35 text-decoration: none;
36 }
37
38 .wrap.frm-with-margin,
39 #frm_top_bar + .wrap,
40 .frm_wrap > .wrap {
41 margin: 10px 40px 30px;
42 }
43
44 .frm-full-screen #wpbody-content > .wrap {
45 margin: 0;
46 }
47
48 .post-type-frm_display .wrap {
49 margin: 0;
50 }
51
52 .columns-2 .frm-right-panel + #post-body-content {
53 padding-bottom: 26px;
54 border-left: 1px solid var(--sidebar-hover);
55 }
56
57 .toplevel_page_formidable #post-body-content {
58 overflow-x: visible;
59 }
60
61 .formidable_page_formidable-pro-upgrade #wpfooter,
62 .toplevel_page_formidable #wpfooter {
63 border-top: 1px solid #ddd;
64 background: #fff;
65 }
66
67 .frm-full-screen {
68 height: 100%;
69 overflow: hidden;
70 }
71
72 .frm-full-screen.frm-admin-page-reports,
73 .frm-full-screen.frm-admin-page-entries,
74 .frm-full-screen.post-type-frm_display {
75 overflow: auto;
76 }
77
78 .frm-full-screen .wp-header-end {
79 display: none;
80 }
81
82 .frm-full-screen #wpbody-content,
83 .frm-full-screen #wpbody,
84 .frm-full-screen #wpcontent {
85 padding-bottom: 0;
86 overflow: hidden;
87 }
88
89 .frm-white-body #wpbody-content {
90 position: relative; /* For screen meta links */
91 }
92
93 .post-new-php.post-type-frm_display #screen-meta-links,
94 .post-php.post-type-frm_display #screen-meta-links,
95 .frm-full-screen #wpfooter {
96 display: none;
97 }
98
99 .frm-white-body #screen-meta-links {
100 position: absolute;
101 right: 20px;
102 }
103
104 .frm-full-screen #screen-meta-links .screen-meta-toggle {
105 right: 55px;
106 }
107
108 .frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle {
109 right: 125px; /* Don't cover the lite upgrade button */
110 }
111
112 .frm-white-body #screen-meta {
113 margin: 0;
114 }
115
116 .frm-white-body #screen-meta-links .show-settings:after {
117 color: var(--grey);
118 }
119
120 .frm-white-body .columns-2 {
121 border-bottom: 1px solid var(--grey-border);
122 }
123
124 .frm-full-screen .columns-2 {
125 border: none;
126 }
127
128 body.formidable_page_formidable-pro-upgrade,
129 body.post-type-frm_display.edit-php,
130 body.frm-white-body {
131 background: #fff;
132 }
133
134 body.frm-white-body ul#adminmenu a.wp-has-current-submenu:after,
135 body.frm-white-body ul#adminmenu > li.current > a.current:after {
136 border-right-color: #fff;
137 }
138
139 .frm-white-body #wpcontent {
140 padding-left: 0;
141 padding-right: 0;
142 }
143
144 .frm-white-body .wrap #post-body {
145 padding: 0 20px;
146 }
147
148 .post-type-frm_display .tablenav,
149 .frm_wrap .tablenav {
150 margin-bottom: 10px;
151 }
152
153 .wp-admin .frm_wrap .tablenav select {
154 margin-right: 6px;
155 }
156
157 .tablenav .actions .button {
158 margin-top: 1px;
159 }
160
161 .frm-white-body table.widefat {
162 background: var(--lightest-grey);
163 border-width: 0;
164 box-shadow: none;
165 margin: 20px 0;
166 }
167
168 .frm-white-body table.widefat tfoot,
169 .frm-white-body table.widefat thead {
170 background: #fff;
171 }
172
173 .frm-white-body table.widefat th {
174 font-size: 16px;
175 }
176
177 .frm-white-body table.widefat th a {
178 color: var(--dark-grey);
179 }
180
181 .frm-white-body table.widefat strong a {
182 color: var(--primary-hover);
183 }
184
185 .frm-scroll-box {
186 clear: both;
187 overflow: auto;
188 max-height: 405px;
189 border: 1px solid var(--grey-border);
190 border-radius: var(--small-radius);
191 }
192
193 .frm_form_field.frm_scroll_box .frm_opt_container {
194 height: 100px;
195 overflow: auto;
196 border: 1px solid var(--grey-border);
197 }
198
199 .frm-short-list {
200 overflow: auto;
201 max-height: 190px;
202 }
203
204 .frm-white-body table.frm-border td {
205 font-size: 14px;
206 }
207
208 .frm-white-body .striped > tbody > :nth-child(odd) {
209 background-color: #fff;
210 }
211
212 .frm_wrap td.column-title strong {
213 display: inline;
214 }
215
216 td.column-title .frm_actions_dropdown {
217 float: right;
218 }
219
220 #frm_top_bar {
221 display: block;
222 width: 100%;
223 max-height: 100px;
224 padding: 25px 40px 25px;
225 margin: 0;
226 box-sizing: border-box;
227 text-align: center;
228 }
229
230 .post-type-frm_display:not(.edit-php) #frm_top_bar,
231 .frm-full-screen.post-type-frm_display #frm_top_bar,
232 .frm_page_container #frm_top_bar {
233 border-bottom: 1px solid var(--grey-border);
234 padding: 0 20px;
235 overflow: visible;
236 }
237
238 .frm-full-screen #frm_top_bar {
239 padding: 0 15px !important;
240 }
241
242 .frm-upgrade-bar {
243 background: var(--sidebar-color);
244 border-bottom: 1px solid var(--sidebar-hover);
245 padding: 3px 0 3px 60px;
246 font-size: 95%;
247 }
248
249 .frm-upgrade-bar span {
250 opacity: .9;
251 }
252
253 a h1 .frmsvg {
254 color: var(--medium-grey);
255 vertical-align: baseline;
256 }
257
258 .frm_wrap .view-switch a.current:before,
259 a .frmsvg,
260 .frm_wrap a i,
261 .frm_wrap a {
262 color: var(--primary-color);
263 }
264
265 .frm_wrap a:active,
266 .frm_wrap a:hover {
267 color: var(--primary-hover);
268 box-shadow: none;
269 }
270
271 .post-type-frm_display a:focus,
272 .frm_wrap a:focus {
273 box-shadow: none;
274 }
275
276 .frm_top_left {
277 text-align: left;
278 float: left;
279 white-space: nowrap;
280 max-width: 250px;
281 overflow: hidden;
282 text-overflow: ellipsis;
283 }
284
285 .frm_top_left.frm_top_wide {
286 max-width: 100%;
287 }
288
289 .frm-header-logo,
290 .edit-php.post-type-frm_display .frm-header-logo {
291 float: left;
292 margin: 0 15px 0 0;
293 }
294
295 .frm-full-screen.post-type-frm_display .frm-header-logo,
296 .post-type-frm_display .frm-header-logo,
297 .frm_page_container .frm-header-logo {
298 margin: 13px 0 0;
299 }
300
301 .frm_page_container .frm-header-logo {
302 margin-bottom: 6px;
303 }
304
305 ul.frm_form_nav {
306 margin: 0 auto;
307 padding-top: 19px;
308 display: block;
309 }
310
311 .nav-tab-wrapper.frm_form_nav {
312 padding: 0 25px;
313 }
314
315 ul.frm_form_nav > li {
316 margin: 0 3.5% 0 0;
317 display: inline-block;
318 }
319
320 ul.frm_form_nav > li:last-of-type {
321 margin-right: 0;
322 }
323
324 .post-type-frm_display #advanced-sortables h2.hndle,
325 .post-type-frm_display #side-sortables h2.hndle,
326 .post-type-frm_display #normal-sortables h2.hndle,
327 .post-type-frm_display .frm_form_nav .nav-tab-active,
328 .frm_form_nav > li > a {
329 font-size: 1.3em;
330 text-decoration: none;
331 display: block;
332 padding: 5px 2px 15px;
333 font-weight: 500;
334 color: var(--dark-grey);
335 border-bottom: 3px solid transparent;
336 letter-spacing: 1px;
337 }
338
339 .post-type-frm_display.js .postbox .handlediv .toggle-indicator:before {
340 margin-top: 10px;
341 }
342
343 .frm-nav-tabs a:focus,
344 .frm-nav-tabs a:active,
345 .frm_form_nav a:active,
346 .frm_form_nav a:focus {
347 outline: none;
348 -webkit-box-shadow: none;
349 box-shadow: none;
350 }
351
352 .frm_form_nav > li > a {
353 font-size: 13px;
354 text-transform: uppercase;
355 }
356
357 .frm_form_nav > li > a:not(.frm_noallow) {
358 opacity: 0.8;
359 }
360
361 .frm_form_nav > li > a:hover {
362 border-color: var(--primary-hover);
363 }
364
365 .frm_form_nav .frm-dropdown-menu a:hover {
366 background-color: #eaf2fa;
367 }
368
369 .post-type-frm_display .frm_form_nav .nav-tab-active,
370 .post-type-frm_display .frm_form_nav .nav-tab-active:hover,
371 .frm_form_nav > li a.current_page {
372 color: var(--primary-color);
373 border-color: var(--primary-color);
374 background: transparent;
375 opacity: 1;
376 }
377
378 .frm-full-close {
379 display: none;
380 float: right;
381 padding: 15px 0 14px 12px;
382 border-left: 1px solid var(--grey-border);
383 height: 100%;
384 box-sizing: border-box;
385 }
386
387 .frm-full-screen .frm-full-close {
388 display: block;
389 }
390
391 .frm-full-close a {
392 display: block;
393 }
394
395 .frm-full-close .frmsvg {
396 font-size: 20px;
397 width: 20px;
398 height: 20px;
399 padding: 5px;
400 color: var(--grey);
401 }
402
403 .edit-php.post-type-frm_display #frm_top_bar h1,
404 .frm_wrap #frm_top_bar h1 {
405 font-size: 22px;
406 font-weight: 400;
407 padding: 0;
408 margin: 0;
409 color: var(--medium-grey);
410 display: inline-block;
411 line-height: 1.4;
412 }
413
414 .frm-full-screen.post-type-frm_display #frm_top_bar h1,
415 .post-type-frm_display #frm_top_bar h1,
416 .frm_page_container #frm_top_bar h1 {
417 margin: 0 15px;
418 padding: 20px 0 0;
419 text-align: left;
420 width: 200px;
421 line-height: 1.16;
422 }
423
424 .frm-full-screen.post-type-frm_display #frm_top_bar h1 span,
425 .post-type-frm_display #frm_top_bar h1 span,
426 .frm_page_container #frm_top_bar h1 span {
427 font-size: 19px;
428 max-width: 175px;
429 text-overflow: ellipsis;
430 overflow: hidden;
431 white-space: nowrap;
432 display: inline-block;
433 }
434
435 #frm_top_bar h1,
436 #frm_top_bar h2 {
437 color: var(--medium-grey);
438 }
439
440 #frm_top_bar #frm_bs_dropdown {
441 float: left;
442 }
443
444 #frm_top_bar h2 {
445 float: left;
446 margin: 0 0 0 15px;
447 padding: 2px 0 2px 15px;
448 font-weight: normal;
449 border-left: 2px solid var(--grey);
450 }
451
452 .frm_wrap > #frm_top_bar #frm-publishing {
453 margin-top: 0;
454 }
455
456 #frm-publishing {
457 float: right;
458 margin-top: 15px;
459 min-width: 225px;
460 max-width: 325px;
461 min-height: 10px;
462 }
463
464 #frm-publishing #publishing-action,
465 #frm-publishing #preview-action,
466 #frm-preview-action,
467 #frm-publishing > input[type=submit],
468 #frm-publishing > .button,
469 #frm-publishing > button,
470 #frm-embed-action {
471 float: right;
472 margin: 0 10px 0 0;
473 }
474
475 .frm_wrap .postbox {
476 border-color: var(--grey-border);
477 border-radius: 6px;
478 box-shadow: none;
479 }
480
481 .frm_wrap .postbox h3.hndle {
482 cursor: default;
483 padding: 10px 20px;
484 margin: 0;
485 line-height: 1.4em;
486 border-color: var(--grey-border);
487 }
488
489 .frm-pre-hndle {
490 font-size: 15px;
491 padding: 5px;
492 margin: 9px 15px;
493 }
494
495 .frm-empty-row {
496 display: none;
497 }
498
499 .frm-child-row {
500 box-shadow: 5px 0px 0px 0px inset var(--sidebar-hover);
501 }
502
503 .frm_animate_bg {
504 transition: background 200ms linear, color 200ms linear;
505 }
506
507 .wrap > .subsubsub {
508 clear: both;
509 margin: 0;
510 }
511
512 .frm_wrap .frm_page_container {
513 height: calc( 100vh - 32px );
514 display: flex;
515 flex-direction: column;
516 overflow: hidden;
517 padding-top: 0;
518 }
519
520 .frm-full-screen.frm-admin-page-entries .frm_page_container,
521 .frm-new-entry .frm_page_container,
522 .frm-admin-page-reports .frm_page_container,
523 .frm_list_entry_page .frm_page_container {
524 height: auto;
525 display: block;
526 }
527
528 .frm-new-entry .columns-2 {
529 border: none;
530 }
531
532 .frm_wrap #frm_top_bar,
533 .frm_wrap .columns-2 {
534 flex: 0 0 auto;
535 }
536
537 .frm_wrap #post-body-content {
538 padding-bottom: 0;
539 padding-top: 20px;
540 margin-bottom: 0;
541 background: #fff;
542 width: auto;
543 float: none;
544 flex: 2;
545 }
546
547 .frm_wrap .columns-2 {
548 flex: 1;
549 display: flex;
550 overflow: hidden;
551 }
552
553 .frm_wrap .columns-2 > div {
554 overflow-y: auto;
555 }
556
557 .frm_wrap .columns-2 .frm-right-panel,
558 .frm-right-panel {
559 flex: 0 0 var(--biggest-sidebar);
560 float: none;
561 width: var(--biggest-sidebar);
562 min-width: var(--biggest-sidebar);
563 background-color: var(--sidebar-color);
564 margin: 0;
565 box-shadow: none;
566 border: none;
567 padding-bottom: 25px;
568 }
569
570 .frm-right-panel .frm_field_list,
571 .frm_wrap .frm-right-panel #frm_adv_info,
572 .frm_wrap #postbox-container-1 #frm_adv_info {
573 box-shadow: none;
574 border: none;
575 margin-bottom: 26px;
576 }
577
578 .frm-default-switcher {
579 float: right;
580 position: absolute;
581 top: 15px;
582 right: 7px;
583 z-index: 1;
584 }
585
586 .frm-default-switcher a {
587 padding: 0 2px;
588 }
589
590 .frm-default-switcher a .frmsvg {
591 vertical-align: initial;
592 }
593
594 .frm-default-switcher a,
595 .frm-default-switcher a .frmsvg,
596 .frm-default-switcher a i {
597 color: var(--grey);
598 }
599
600 .frm-default-switcher a.current,
601 .frm-default-switcher a.current .frmsvg,
602 .frm-default-switcher a.current i {
603 color: var( --primary-color);
604 }
605
606 #new_fields,
607 .frm-has-modal,
608 p.frm_has_shortcodes {
609 position: relative;
610 }
611
612 .frm-inline-modal.postbox {
613 background: #fff;
614 }
615
616 .frm_has_shortcodes > .frmsvg,
617 .frm_has_shortcodes > i {
618 top: 37px;
619 right: 5px;
620 margin-top: -9px;
621 padding: 5px;
622 font-size: 10px;
623 height: 10px;
624 width: 10px;
625 line-height: 9px;
626 font-weight: bold;
627 }
628
629 .frm_has_shortcodes .frmsvg,
630 .frm_has_shortcodes i {
631 position: absolute;
632 color: var(--primary-color);
633 border-radius: 50%;
634 border: 1px solid transparent;
635 z-index: 100;
636 text-align: center;
637 }
638
639 .frm_has_shortcodes input,
640 .frm_has_shortcodes textarea {
641 padding-left: 18px;
642 box-sizing: border-box;
643 }
644
645 #form_settings_page #frm_adv_info {
646 display: none;
647 position: absolute;
648 top: 0;
649 left: 0;
650 width: 300px;
651 max-height: 350px;
652 min-height: 200px;
653 overflow-y: scroll;
654 z-index: 100;
655 }
656
657 #form_global_settings .columns-2 .frm-right-panel,
658 #form_settings_page .columns-2 .frm-right-panel {
659 flex: 0 0 var(--small-sidebar);
660 width: var(--small-sidebar);
661 min-width: var(--small-sidebar);
662 }
663
664 .frm-inner-content {
665 padding: 10px 25px;
666 }
667
668 .post-type-frm_display #poststuff {
669 padding: 0 0 10px 40px;
670 }
671
672 #postbox-container-2 .postbox .inside {
673 padding: 15px 25px;
674 }
675
676 #postbox-container-2 #frm_advanced .inside h3 {
677 margin: 15px -25px;
678 font-weight: 600;
679 }
680
681 #form_settings_page .frm-inner-content {
682 padding-top: 0;
683 padding-bottom: 150px;
684 position: relative;
685 }
686
687 .frm_wrap #submitdiv {
688 margin-bottom: 0;
689 border-width: 0 0 1px;
690 width: 100%;
691 min-width: unset;
692 }
693
694 .frm_wrap #frm_adv_info .handlediv,
695 .frm_wrap #frm_adv_info .hndle {
696 display: none;
697 }
698
699 .frm_wrap .menu-settings {
700 /* for add-on reverse compatibility */
701 border: none;
702 margin-top: 0;
703 }
704
705 .nodrag a {
706 cursor: pointer;
707 }
708
709 .frm_wrap #frm_adv_info .inside {
710 margin: 0;
711 }
712
713 #frm_adv_info > .inside {
714 padding: 0;
715 }
716
717 .frm-right-panel .frm-inline-modal.postbox .inside {
718 margin: 0;
719 padding-top: 0;
720 }
721
722 .frm-right-panel .frm-inline-modal .inside p:not(.howto),
723 .frm-right-panel .frm-inline-modal .inside a {
724 font-size: 15px;
725 }
726
727 .frm-inline-modal .inside a.frm_icon_font {
728 font-size: 18px;
729 }
730
731 .frm-right-panel .frm_field_list #frm-insert-fields {
732 max-height: none;
733 font-size: 14px;
734 padding: 0;
735 }
736
737 .frm-nav-tabs {
738 margin: 10px 0 20px;
739 padding: 0 15px;
740 display: block;
741 border-bottom: 2px solid var(--sidebar-hover);
742 }
743
744 #frm-nav-tabs {
745 position: -webkit-sticky;
746 position: sticky;
747 top: 0;
748 background-color: var(--sidebar-color);
749 z-index: 98; /* must be < 99 */
750 margin-top: 0;
751 padding-top: 5px;
752 }
753
754 .frm-inline-modal .frm-nav-tabs,
755 #frm_adv_info .frm-nav-tabs {
756 margin: 5px 0 10px;
757 }
758
759 #frm_adv_info .frm-nav-tabs.frm-compact-nav {
760 padding-right: 0;
761 padding-left: 20px;
762 }
763
764 .frm-nav-tabs li {
765 display: inline-block;
766 font-size: 15px;
767 margin: 0;
768 }
769
770 .frm-nav-tabs a {
771 color: var(--dark-grey);
772 padding: 10px 1px;
773 margin: 0 9px;
774 border-bottom: 2px solid transparent;
775 }
776
777 .frm-nav-tabs.frm-compact-nav a {
778 margin: 0 5px;
779 }
780
781 .frm-nav-tabs a {
782 display: block;
783 opacity: .9;
784 }
785
786 #frm_adv_info .frm-nav-tabs a {
787 color: var(--dark-grey);
788 }
789
790 .frm-nav-tabs a:hover,
791 .frm-nav-tabs .frm-tabs a {
792 color: var(--primary-color) !important;
793 border-color: var(--primary-color);
794 }
795
796 #frm-bulk-modal .howto,
797 #frm-bulk-modal h3 {
798 font-size: 14px;
799 font-weight: 400;
800 margin: 5px 0 10px;
801 color: var(--grey);
802 }
803
804 #frm-bulk-modal h3 {
805 margin-left: 20px;
806 }
807
808 .frm-right-panel h3 {
809 color: var(--dark-grey);
810 font-size: 20px;
811 font-weight: 400;
812 border-top: 2px solid var(--sidebar-hover);
813 margin: 0;
814 }
815
816 .frm-single-settings > h3:first-of-type {
817 border-bottom: 2px solid var(--sidebar-hover);
818 border-top: none;
819 padding-top: 0 !important;
820 }
821
822 .frm-right-panel h3 i {
823 color: var(--dark-grey);
824 float: right;
825 width: 16px;
826 cursor: pointer;
827 }
828
829 /* right sidebar */
830 #post-body-content + .frm-right-panel {
831 flex: 0 0 var(--medium-sidebar);
832 width: var(--medium-sidebar);
833 min-width: var(--medium-sidebar);
834 border-left: 1px solid var(--sidebar-hover);
835 }
836
837 .frm-new-entry #post-body-content + .frm-right-panel,
838 .frm-new-entry .frm-right-panel {
839 background: none;
840 border: none;
841 }
842
843 #post-body-content + .frm-right-panel h3 {
844 padding: 20px 20px 0;
845 font-size: 17px;
846 }
847
848 #post-body-content + .frm-right-panel .frm_with_icons:first-of-type h3 {
849 border: none;
850 }
851
852 #frm-insert-fields h3 {
853 color: var(--grey);
854 font-size: 15px;
855 font-weight: normal;
856 border-top: none;
857 border-bottom: 1px solid var(--sidebar-hover);
858 margin: 0;
859 padding: 10px 10px 10px 25px;
860 }
861
862 .frm_wrap #frm_adv_info ul.category-tabs {
863 margin: 0;
864 padding: 10px 0 9px;
865 font-size: 15px;
866 background: transparent;
867 }
868
869 .frm_wrap #frm_adv_info ul.category-tabs li {
870 padding: 10px;
871 background-color: transparent !important;
872 }
873
874 .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
875 border: none;
876 }
877
878 .frm_wrap #frm_adv_info .categorydiv div.tabs-panel {
879 border: none;
880 background: transparent;
881 }
882
883 .frm_wrap #frm-categorydiv {
884 border-right: none;
885 }
886
887 #postbox-container-1 #taxonomy-linkcategory #frm-html-tags {
888 display: none;
889 max-height: none;
890 }
891
892 #postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown {
893 position: relative;
894 }
895
896 .toplevel_page_formidable #footer-upgrade {
897 display: none;
898 }
899
900 .frm_list_entry_page h2 {
901 float: left;
902 }
903
904 .frm_list_entry_page h2 + .error {
905 clear: both;
906 }
907
908 #titlediv #title {
909 line-height: 1.5;
910 height: auto;
911 }
912
913 .frm_sidebar select {
914 width: 100%;
915 margin-left: 0;
916 margin-right: 0;
917 }
918
919 .frm_sidebar #search-submit {
920 float: right;
921 }
922
923 .frm_single_entry_page #submitdiv {
924 margin: 0;
925 }
926
927 .frm_single_entry_page .hndle a {
928 font-size: 13px;
929 }
930
931 /* Build New Form page */
932
933 .frm-right-panel #publishing-action {
934 float: none;
935 }
936
937 .frm-right-panel #major-publishing-actions {
938 border-top: none;
939 height: 32px;
940 background: transparent;
941 }
942
943 #major-publishing-actions .frm_submit_form {
944 float: right;
945 margin-left: 5px;
946 }
947
948 /* Buttons */
949
950 .frm_orange_button,
951 .frm_reverse_button,
952 .post-type-frm_display .wrap .add-new-h2 {
953 font-size: 12px;
954 border: 1px solid var(--orange);
955 color: var(--orange);
956 line-height: 1.4;
957 font-weight: 600;
958 padding: 1px 4px;
959 border-radius: 4px;
960 background: transparent;
961 }
962
963 .post-type-frm_display .wrap .add-new-h2 {
964 margin: 1px 0 0 10px;
965 text-transform: lowercase;
966 position: initial;
967 vertical-align: middle;
968 }
969
970 h1 .frm-button-secondary,
971 h1 .frm-button-primary,
972 h2 .frm-button-secondary,
973 h2 .frm-button-primary {
974 font-size: 14px !important;
975 font-weight: normal;
976 margin: 0 5px !important;
977 line-height: 25px !important;
978 vertical-align: text-bottom !important;
979 height: auto !important;
980 }
981
982 .frm_reverse_button:hover,
983 .frm_reverse_button:active,
984 .frm_reverse_button:focus,
985 .post-type-frm_display .wrap .add-new-h2:hover,
986 .post-type-frm_display .wrap .add-new-h2:active,
987 .post-type-frm_display .wrap .add-new-h2:focus {
988 color: #fff;
989 background: var(--orange);
990 border: 1px solid var(--orange);
991 }
992
993 .frm_reverse_button {
994 font-size: 1em;
995 transition: all .2s ease;
996 }
997
998 .frm-button-primary,
999 .wp-core-ui .button-primary.frm-button-primary,
1000 .frm-button-secondary,
1001 .wp-core-ui .button-secondary.frm-button-secondary,
1002 .wp-core-ui .button.frm-button-secondary,
1003 .frm_orange_button,
1004 .toplevel_page_formidable #frm_upgrade_modal .button-primary,
1005 #form_global_settings .button-secondary,
1006 .wp-core-ui.frm-white-body .button-primary,
1007 .wp-core-ui.frm-white-body .button-secondary,
1008 .frm-white-body .button-primary,
1009 .frm-white-body .button-secondary,
1010 .wp-core-ui.frm-white-body .button:not(.button-small),
1011 .frm-white-body button:not(.wp-switch-editor):not(.dropdown-toggle):not(.media-menu-item):not(.media-modal-close):not(.frm_no_style_button){
1012 text-shadow: none;
1013 box-shadow: none;
1014 border-radius: 30px;
1015 border-color: var(--primary-color);
1016 font-size: 1em;
1017 transition: all .2s ease;
1018 padding: 0 15px;
1019 height: 28px;
1020 min-height: 28px;
1021 outline: none;
1022 line-height: 26px;
1023 }
1024
1025 .wp-core-ui.frm-white-body #post-query-submit.button,
1026 .wp-core-ui.frm-white-body .button.first-page,
1027 .wp-core-ui.frm-white-body .button.prev-page,
1028 .wp-core-ui.frm-white-body .button.next-page,
1029 .wp-core-ui.frm-white-body .button.last-page,
1030 .wp-core-ui.frm-white-body .button.action {
1031 background-color: var(--lightest-grey);
1032 border-color: var(--grey-border);
1033 color: var(--dark-grey);
1034 }
1035
1036 .post-type-frm_display.wp-core-ui .button-primary,
1037 .frm-button-primary,
1038 .wp-core-ui .button-primary.frm-button-primary,
1039 .frm_single_entry_page .button-primary {
1040 background-color: var(--primary-color) !important;
1041 color: #fff !important;
1042 }
1043
1044 .frm-button-primary.frm_large{
1045 font-size: 22px !important;
1046 height: auto !important;
1047 padding: 16px 32px !important;
1048 }
1049
1050 .frm-button-primary i:before {
1051 color: #fff;
1052 }
1053
1054 .wp-core-ui .button-primary.frm-button-primary:hover,
1055 .frm-button-primary:hover {
1056 background: var(--primary-hover) !important;
1057 border-color: var(--primary-hover) !important;
1058 }
1059
1060 .wp-core-ui .button-primary.frm-button-primary:active {
1061 vertical-align: inherit;
1062 }
1063
1064 #frm-form-button .frm_button_submit,
1065 .wp-core-ui.frm-white-body .button-secondary,
1066 .wp-core-ui .button-secondary.frm-button-secondary,
1067 .wp-core-ui .button.frm-button-secondary,
1068 .frm-button-secondary {
1069 color: var(--primary-color);
1070 background-color: transparent;
1071 }
1072
1073 #wp-content-media-buttons button,
1074 #wp-content-media-buttons a.button {
1075 border-color: var(--grey-border);
1076 }
1077
1078 .frm_orange_button {
1079 border-color: #da791d !important;
1080 background: var(--orange);
1081 color: #fff;
1082 }
1083
1084 .wp-core-ui.frm-white-body .frm-button-secondary:hover,
1085 .wp-core-ui.frm-white-body .button-secondary:hover,
1086 .wp-core-ui.frm-white-body .button-secondary:focus,
1087 .frm_wrap .preview > .button:hover {
1088 border-color: var(--primary-hover) !important;
1089 background: var(--primary-hover) !important;
1090 color: #fff;
1091 box-shadow: none;
1092 }
1093
1094 .frm-with-plus {
1095 padding-left: 10px !important;
1096 }
1097
1098 .frm-with-plus .frmsvg {
1099 margin-right: 5px;
1100 }
1101
1102 .frm-button-primary .frmsvg {
1103 color: #fff;
1104 }
1105
1106 .frm_wrap .preview i {
1107 font-size: inherit;
1108 }
1109
1110 .wp-core-ui.frm-white-body .frm-button-secondary:hover .frmsvg,
1111 .frm_wrap .preview > .button:hover .frmsvg,
1112 .wp-core-ui.frm-white-body .frm-button-secondary:hover i,
1113 .frm_wrap .preview > .button:hover i {
1114 color: #fff;
1115 }
1116
1117 #frm-addons-page .button-primary:focus,
1118 #form_global_settings .button-primary:focus,
1119 #frm_upgrade_modal .button:focus,
1120 .frm_wrap .preview > .button:focus {
1121 border-color: var(--primary-hover) !important;
1122 outline: none;
1123 }
1124
1125 .frm_orange_button:hover,
1126 .frm_orange_button:focus,
1127 .toplevel_page_formidable #frm_upgrade_modal .button-primary:hover,
1128 .toplevel_page_formidable #frm_upgrade_modal .button-primary:focus,
1129 .toplevel_page_formidable .frm_wrap button.button-primary:hover,
1130 .toplevel_page_formidable .frm_wrap button.button-primary:focus {
1131 outline: none;
1132 }
1133
1134 .frm_orange_button:hover,
1135 .frm_orange_button:focus {
1136 border-color: var(--orange) !important;
1137 background: transparent;
1138 color: var(--orange);
1139 opacity: 1;
1140 }
1141
1142 .major-publishing-actions.frm_create_form_header {
1143 padding: 8px 0;
1144 }
1145
1146 .major-publishing-actions.frm_create_form_header .frm_create_form_header_inner {
1147 font-size: 15px;
1148 background: transparent;
1149 }
1150
1151 .frm-menu-boxes .frm_blank_form_text {
1152 padding-bottom: 26px;
1153 }
1154
1155 input.frm_insert_in_template {
1156 font-size: 10px;
1157 width: 98%;
1158 font-weight: normal
1159 }
1160
1161 /* Review request */
1162 .frm-review-notice.notice {
1163 border: 1px solid #ddd;
1164 text-align: center;
1165 position: fixed !important;
1166 z-index: 999;
1167 bottom: 0;
1168 right: 0;
1169 width: 400px;
1170 }
1171
1172 .frm-review-notice.notice form,
1173 .frm-review-notice.notice p {
1174 font-size: 14px;
1175 max-width: 600px;
1176 margin-left: auto;
1177 margin-right: auto;
1178 }
1179
1180 .frm-review-notice a {
1181 margin: 5px;
1182 }
1183
1184 .frm-review-notice .frm-button-primary,
1185 .frm-review-notice .frm-button-secondary {
1186 min-width: 100px;
1187 display: inline-block;
1188 text-align: center;
1189 padding: 2px 10px;
1190 }
1191
1192 .frm-review-notice p > span {
1193 font-size: 13px;
1194 opacity: 0.75;
1195 }
1196
1197 #frmapi-feedback {
1198 margin-top: 30px;
1199 }
1200
1201 .frm-review-notice .frm_error,
1202 .frm-review-notice label {
1203 color: #444;
1204 text-align: left;
1205 }
1206
1207 .frm-review-notice label {
1208 font-size: 14px;
1209 }
1210
1211 /* Generic Classes */
1212 .frm_invisible {
1213 visibility: hidden;
1214 transition: all .2s ease;
1215 }
1216
1217 .frm_no_float {
1218 float: none;
1219 }
1220
1221 .frm_block,
1222 .frm_no_section_fields.frm_block {
1223 display: block;
1224 }
1225
1226 .frm_inline {
1227 display: inline;
1228 }
1229
1230 .frm_inline_block {
1231 display: inline-block !important;
1232 }
1233
1234 .frm-lookup-modal .dismiss,
1235 .frm-right-panel .inside a.frm_hidden,
1236 ul.frm_form_nav > li.frm_hidden,
1237 a.frm_hidden,
1238 .button.frm_hidden,
1239 .wp-core-ui .button.frm_hidden,
1240 .frm_hidden {
1241 display: none;
1242 }
1243
1244 .frm_no_margin {
1245 margin: 0;
1246 }
1247
1248 .frm_no_top_margin {
1249 margin-top: 0 !important;
1250 }
1251
1252 .postbox .inside > p.frm_no_bottom_margin:last-child,
1253 .frm_no_bottom_margin {
1254 margin-bottom: 0 !important;
1255 }
1256
1257 .frm_tiny_top_margin {
1258 margin-top: 1px;
1259 }
1260
1261 .frm_small_top_margin {
1262 margin-top: 5px;
1263 }
1264
1265 .frm_cursor_pointer {
1266 cursor: pointer;
1267 }
1268
1269 .frm_right_text {
1270 text-align: right;
1271 }
1272
1273 .frm_submit .frm_full_opacity, .frm_full_opacity {
1274 opacity: 1;
1275 }
1276
1277 .frm_med_padding {
1278 padding: 10px;
1279 }
1280
1281 .actions.frm_visible_overflow {
1282 overflow: visible !important;
1283 }
1284
1285 .frm-dropdown-menu.frm-on-top {
1286 z-index: 99999;
1287 }
1288
1289 .frm-on-bottom {
1290 z-index: -1;
1291 }
1292
1293 .frm_forms.with_frm_style {
1294 max-width: 100%;
1295 }
1296
1297 .post-type-frm_display .wrap > #posts-filter,
1298 .post-type-frm_display .wrap > .subsubsub,
1299 .post-type-frm_display .wrap > .icl_subsubsub,
1300 .frm_form_settings > p {
1301 margin: 6px 40px;
1302 padding: 0;
1303 }
1304
1305 .frm-entry-container {
1306 margin: 20px 40px 40px;
1307 padding: 0;
1308 }
1309
1310 #form_reports_page .frm-inner-content {
1311 width: calc(100% - 40px);
1312 max-width: 900px;
1313 margin: 20px auto;
1314 padding: 20px;
1315 }
1316
1317 .frm_inner_field_container > .frm_form_fields {
1318 clear: both;
1319 }
1320
1321 .post-type-frm_display h2,
1322 .frm_page_container h2 {
1323 margin: 10px 0 !important;
1324 color: var(--medium-grey);
1325 font-weight: 500;
1326 font-size: 19px;
1327 }
1328
1329 .post-type-frm_display .wrap > h2:first-child,
1330 .frm_page_container .wrap > h2:first-child {
1331 margin-top: 0 !important;
1332 font-size: 22px;
1333 }
1334
1335 #frm_form_editor_container {
1336 position: relative;
1337 margin: 25px 50px 50px;
1338 }
1339
1340 .form-field p {
1341 /* for conflicts */
1342 background: none;
1343 border: none;
1344 }
1345
1346 .form-field label.frm_primary_label {
1347 display: block;
1348 float: none;
1349 width: auto;
1350 }
1351
1352 .accordion-container label,
1353 .frm-fields td > label,
1354 .frm-fields td > div > label,
1355 .frm-fields p > label,
1356 .post-type-frm_display .frm_form_field > label,
1357 #new_fields .frm_primary_label,
1358 #frm_form_editor_container .frm_primary_label {
1359 color: var(--dark-grey);
1360 margin: 0 0 3px;
1361 padding: 0;
1362 width: auto;
1363 font-size: 14px;
1364 display: block;
1365 }
1366
1367 .frm-fields td input + label {
1368 display: inline;
1369 }
1370
1371 #frm_form_editor_container .edit_field_type_end_divider .frm_primary_label,
1372 #frm_form_editor_container .edit_field_type_break .frm_primary_label {
1373 display: none;
1374 }
1375
1376 form .frm_primary_label input {
1377 font-size: 12px;
1378 }
1379
1380 .with_frm_style form .form-field {
1381 margin-bottom: 20px;
1382 }
1383
1384 .with_frm_style form .frm_combo_inputs_container > .form-field {
1385 margin-bottom: 0;
1386 }
1387
1388 .frm_description,
1389 .with_frm_style form div.description,
1390 .frm_error,
1391 .with_frm_style form div.description textarea {
1392 padding: 0;
1393 font-size: 11px;
1394 }
1395
1396 .with_frm_style .description {
1397 color: inherit;
1398 }
1399
1400 #frm_form_editor_container .divider_section_only .frm_primary_label {
1401 font-size: 20px;
1402 }
1403
1404 form .form-field.frm_field_loading {
1405 margin-bottom: 0;
1406 min-height: 0;
1407 padding: 0;
1408 text-align: center;
1409 }
1410
1411 .frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait {
1412 margin-bottom: 10px;
1413 }
1414
1415 .frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait {
1416 margin-bottom: 0;
1417 display: none;
1418 }
1419
1420 .frm_description,
1421 .with_frm_style form div.description,
1422 .frm_error {
1423 margin: 0;
1424 }
1425
1426 .frm_error {
1427 color: #B94A48;
1428 }
1429
1430 form .frm_blank_field input,
1431 form .frm_blank_field textarea,
1432 form .frm_blank_field select,
1433 form .frm_blank_field .frm-g-recaptcha iframe,
1434 form .frm_blank_field .g-recaptcha iframe {
1435 border-color: #B94A48;
1436 }
1437
1438 form .frm_blank_field label {
1439 color: #B94A48;
1440 }
1441
1442 .frm_required {
1443 color: #B94A48;
1444 }
1445
1446 .with_frm_style .wp-editor-container textarea,
1447 .postbox .wp-editor-container textarea,
1448 .frm_remove_border {
1449 border: none;
1450 }
1451
1452 .with_frm_style .mceIframeContainer,
1453 .postbox .mceIframeContainer {
1454 background-color: #fff;
1455 }
1456
1457 .frm_pro_license_msg {
1458 clear: left;
1459 margin-top: 10px;
1460 }
1461
1462 .frm-license-input {
1463 position: relative;
1464 }
1465
1466 .frm-license-input span {
1467 position: absolute;
1468 right: 0;
1469 top: 5px;
1470 padding: 0 10px;
1471 font-size: 15px;
1472 }
1473
1474 .frm-license-input .frmsvg {
1475 width: 20px;
1476 height: 20px;
1477 margin-left: 5px;
1478 vertical-align: text-top;
1479 }
1480
1481 .frm-license-input .frmsvg,
1482 .frm-license-input span,
1483 .frm-license-input i {
1484 color: rgb(0, 131, 26);
1485 }
1486
1487 .upgrade_to_pro {
1488 padding: 10px 25px 25px;
1489 max-width: 700px;
1490 margin: 20px auto !important;
1491 }
1492
1493 .upgrade_to_pro h1,
1494 .upgrade_to_pro h3,
1495 .upgrade_to_pro {
1496 color: #444;
1497 }
1498
1499 .upgrade_to_pro .error {
1500 display: none;
1501 }
1502
1503 .toplevel_page_formidable #wpbody-content > .error {
1504 margin: 1px;
1505 padding: 5px 12px;
1506 }
1507
1508 .frm_error_style,
1509 .frm_warning_style,
1510 .frm_message,
1511 #post-body-content .frm_updated_message,
1512 div.frm_updated_message {
1513 border-radius: var(--border-radius);
1514 border: 1px solid #D6E9C6;
1515 background-color: #DFF0D8;
1516 color: #468847;
1517 padding: 5px 25px;
1518 font-size: 14px;
1519 margin: 5px 0 15px;
1520 text-align: center;
1521 }
1522
1523 #frm_top_bar + .wrap > .frm_updated_message, #frm_top_bar + .wrap > .frm_warning_style {
1524 display: inline-block;
1525 width: 100%;
1526 box-sizing: border-box;
1527 }
1528
1529 #post-body-content > .frm_updated_message {
1530 margin: 5px 65px;
1531 }
1532
1533 #form_global_settings .frm_updated_message {
1534 margin: 5px 25px;
1535 }
1536
1537 .frm_error_style {
1538 color: #973937;
1539 border-color: #F2DEDE;
1540 background-color: #F2DEDE;
1541 clear: both;
1542 }
1543
1544 .frm_error_style a {
1545 color: #973937;
1546 text-decoration: underline;
1547 font-weight: 600;
1548 }
1549
1550 .frm_error_style svg {
1551 opacity: .7;
1552 }
1553
1554 .frm_warning_style {
1555 color: #8B6E3C;
1556 border-color: #FBECCD;
1557 background-color: #FDF9E3;
1558 border-radius: 10px;
1559 text-align: left;
1560 padding-top: 5px;
1561 }
1562
1563 .frm_warning_heading{
1564 font-weight: bold;
1565 margin-bottom:4px;
1566 }
1567
1568 .frm-banner-alert {
1569 text-align: left;
1570 margin: 0;
1571 border-radius: 0;
1572 padding: 10px 0 10px 50px;
1573 }
1574
1575 .frm-banner-alert a {
1576 color: var(--primary-color);
1577 font-weight: 400;
1578 text-decoration: none;
1579 }
1580
1581 .frm_updated_message ul,
1582 .frm_updated_message li,
1583 .frm_warning_style ul,
1584 .frm_warning_style li,
1585 .frm_error_style ul,
1586 .frm_error_style li {
1587 margin: 0;
1588 }
1589
1590 .frm-inline-message {
1591 border: 1px solid var(--primary-hover);
1592 border-radius: var(--small-radius);
1593 color: var(--primary-hover);
1594 background: #fff;
1595 text-align: center;
1596 padding: 20px;
1597 font-size: 14px;
1598 line-height: 1.4em;
1599 }
1600
1601 .frm-inline-message a {
1602 font-weight: 600;
1603 color: var(--primary-hover);
1604 }
1605
1606 .frm_ribbon {
1607 -webkit-transform: rotate(45deg);
1608 -moz-transform: rotate(45deg);
1609 -ms-transform: rotate(45deg);
1610 -o-transform: rotate(45deg);
1611 transform: rotate(45deg);
1612 border: 25px solid transparent;
1613 border-bottom: 25px solid var(--orange);
1614 position: absolute;
1615 top: -31px;
1616 right: -74px;
1617 padding: 0px 10px;
1618 width: 30px;
1619 color: white;
1620 font-family: sans-serif;
1621 size: 11px;
1622 }
1623
1624 .plugin-card-top .frm_ribbon {
1625 right: -33px;
1626 top: -28px;
1627 }
1628
1629 .frm_ribbon span {
1630 position: absolute;
1631 left: 25px;
1632 font-size: 15px;
1633 top: 4px;
1634 }
1635
1636 .accordion-section-content .frm-selectable:hover .frm_ribbon {
1637 display: none;
1638 }
1639
1640 .frm_pro_heading span {
1641 margin-top: 10px;
1642 }
1643
1644 .frm_pro_heading .alignright {
1645 text-align: right;
1646 }
1647
1648 .frm-yes {
1649 color: var(--green);
1650 font-size: 21px;
1651 font-weight: 500;
1652 }
1653
1654 .frm-nope {
1655 color: #d2e0f2;
1656 font-size: 21px;
1657 }
1658
1659 .upgrade_to_pro a {
1660 color: var(--orange);
1661 }
1662
1663 .upgrade_to_pro table .frmsvg {
1664 height: 20px;
1665 width: 20px;
1666 }
1667
1668 .upgrade_to_pro table.widefat {
1669 background-color: #fff;
1670 border-collapse: collapse;
1671 }
1672
1673 .upgrade_to_pro table th,
1674 .upgrade_to_pro table td {
1675 padding: 10px 15px;
1676 border: 1px solid #d2e0f2;
1677 }
1678
1679 .upgrade_to_pro table th.frmcenter {
1680 text-align: center;
1681 }
1682
1683 .widefat th.frm_table_break {
1684 background-color: #f6f7fb;
1685 }
1686
1687 h2.frm-h2 + .howto {
1688 color: var(--medium-grey);
1689 max-width: 850px;
1690 margin: 5px 0 20px;
1691 }
1692
1693 .frm-admin-page-addons #frm-using-lite {
1694 display: none;
1695 }
1696
1697 .frm-admin-page-addons .frm-search {
1698 margin-top: 0;
1699 }
1700
1701 .frm-addons {
1702 margin-top: 30px;
1703 display: grid;
1704 grid-template-columns: 1fr 1fr 1fr;
1705 grid-gap: 30px 2%;
1706 }
1707
1708 .frm-addons,
1709 .frm-addons h2,
1710 .frm-addons h3 {
1711 color: var(--dark-grey);
1712 }
1713
1714 .frm-addons h2 {
1715 font-size: 17px;
1716 }
1717
1718 .frm-addons h3 {
1719 margin-top: 0;
1720 }
1721
1722 .frm-card {
1723 width: 100%;
1724 border-radius: 10px;
1725 border: 1px solid var(--grey-border);
1726 opacity: 1;
1727 transition: opacity 1s;
1728 }
1729
1730 .frm-fade {
1731 opacity: 0;
1732 transition: all 1s;
1733 }
1734
1735 /* Add-on tiles */
1736 .frm-addons .frm-card.frm-addon-not-installed {
1737 position: relative;
1738 }
1739
1740 .frm-addons .plugin-card-top {
1741 height: 140px;
1742 padding-top: 30px;
1743 overflow: hidden;
1744 }
1745
1746 .frm-addons .plugin-card-top h2 {
1747 margin-top: 0;
1748 font-weight: 400;
1749 }
1750
1751 .frm-template-row p,
1752 .frm-addons .plugin-card-top p {
1753 opacity: 0.8;
1754 }
1755
1756 .frm-addons .plugin-card-bottom {
1757 padding: 5px 20px 20px;
1758 text-align: center;
1759 background: transparent;
1760 border-top: none;
1761 }
1762
1763 .frm-addons .plugin-card-bottom,
1764 .frm-addons .plugin-card-bottom .button {
1765 font-size: 15px;
1766 }
1767
1768 .frm-addons .button {
1769 float: right;
1770 }
1771
1772 .frm-addons .addon-status {
1773 float: left;
1774 padding-top: 4px;
1775 }
1776
1777 .frm-addon-active .button {
1778 visibility: hidden;
1779 }
1780
1781 .frm-save-and-reload-options {
1782 margin-top: 10px;
1783 font-size: 13px;
1784 }
1785
1786 .frm-save-and-reload,
1787 .frm-save-and-reload + .frm-button-secondary {
1788 visibility: visible !important;
1789 }
1790
1791 .addon-status-label {
1792 opacity: .7;
1793 }
1794
1795 .frm-addon-active .addon-status-label {
1796 color: var(--green);
1797 opacity: 1;
1798 }
1799
1800 .frm-addon-error {
1801 position: absolute;
1802 top: 55px;
1803 left: 10px;
1804 right: 10px;
1805 font-weight: bold;
1806 text-align: center;
1807 }
1808
1809 /* Form Templates */
1810
1811 .frm-featured-form .frm-inner-circle {
1812 margin: 0 auto 5px;
1813 }
1814
1815 .frm-new-template.plugin-card-bottom {
1816 overflow: visible;
1817 }
1818
1819 .frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install),
1820 #wpbody-content > .updated,
1821 #wpbody-content > #update-nag,
1822 #wpbody-content > .update-nag,
1823 #wpbody-content > .notice:not(.frm-review-notice),
1824 #wpbody-content > .error:not(.frm_previous_install),
1825 .frm-white-body .updated,
1826 .frm-white-body .notice:not(.frm-review-notice),
1827 .frm-white-body .error:not(.frm_previous_install)
1828 {
1829 display: none;
1830 }
1831
1832 .frm-admin-page-formidableedit #frm_builder_page {
1833 display: block !important;
1834 }
1835
1836 .frm-white-body .updated,
1837 .frm-white-body .notice,
1838 .frm-white-body .error {
1839 margin: 0;
1840 padding: 10px 20px;
1841 }
1842
1843 .frm-modal .postbox,
1844 #frm_new_form_modal .postbox {
1845 max-height: 600px;
1846 overflow: hidden;
1847 margin-bottom: 0;
1848 }
1849
1850 .frm-modal .postbox .frm_modal_top,
1851 .frm-dialog .frm_common_modal .postbox > div:first-child {
1852 padding: 30px 30px 10px;
1853 position: relative;
1854 }
1855
1856 .frm-modal .postbox .frm_modal_top {
1857 border-bottom: 1px solid var(--sidebar-hover);
1858 }
1859
1860 .frm-modal .postbox .frm-modal-title,
1861 .frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child {
1862 display: inline-block;
1863 font-size: 24px;
1864 color: #282F36;
1865 }
1866
1867 .frm-inline-modal > a.dismiss,
1868 .frm-modal .postbox > a.dismiss,
1869 .frm-modal .postbox .frm-modal-title + div:last-child,
1870 .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child {
1871 position: absolute;
1872 right: 30px;
1873 top: 25px;
1874 z-index: 2;
1875 }
1876
1877 .frm-info-modal .postbox > a.dismiss,
1878 .frm-inline-modal > a.dismiss {
1879 right: 13px;
1880 top: 13px;
1881 }
1882
1883 .frm-modal .postbox .frm-modal-title + div:last-child a,
1884 .frm-modal a.dismiss .frmsvg,
1885 .frm_common_modal .frm_modal_top a .frmsvg {
1886 color: var(--grey);
1887 }
1888
1889 .frm-modal .frm_modal_content > div.inside,
1890 .frm_common_modal .frm_modal_content > div.inside {
1891 padding: 10px 30px;
1892 margin: 0;
1893 }
1894
1895 .frm_common_modal .postbox {
1896 display: flex;
1897 flex-direction: column;
1898 }
1899
1900 .frm-modal .postbox > div.inside .cta-inside {
1901 overflow-y: auto;
1902 height: auto;
1903 padding: 0 15px;
1904 }
1905
1906 .frm_modal_footer {
1907 padding: 15px 30px;
1908 text-align: right;
1909 border-top: 1px solid var(--sidebar-hover);
1910 }
1911
1912 #frm_new_form_modal .postbox > div.inside {
1913 max-height: 490px;
1914 overflow-y: auto;
1915 overflow-x: hidden;
1916 margin: 0;
1917 padding: 10px 0 0;
1918 }
1919
1920 #frm_new_form_modal .postbox > div.inside .cta-inside {
1921 overflow-y: auto;
1922 height: auto;
1923 padding: 0 20px;
1924 }
1925
1926 #frm_new_form_modal .accordion-container {
1927 width: 100%;
1928 }
1929
1930 .frm-templates-list {
1931 margin-top: 0px;
1932 }
1933
1934 .frm-templates-list li {
1935 width: 50%;
1936 vertical-align: top;
1937 position: relative;
1938 box-sizing: border-box;
1939 border-radius: 6px;
1940 border: 1px solid transparent;
1941 text-align: left;
1942 }
1943
1944 .frm-templates-list li:not(.frm_hidden) {
1945 display: inline-block;
1946 }
1947
1948 .frm-templates-list.frm-categories-list li {
1949 width: 100%;
1950 }
1951
1952 .frm-templates-list li.frm-selectable {
1953 cursor: pointer;
1954 }
1955
1956 .frm-templates-list li.frm-selectable:hover {
1957 background: var(--light-blue);
1958 border-color: rgba(65, 153, 253, 0.5);
1959 }
1960
1961 .frm-templates-list li.frm-selectable:hover h3,
1962 .frm-templates-list li.frm-selectable:hover p {
1963 max-width: calc( 100% - 65px );
1964 }
1965
1966 .frm-templates-list li > div:not(.frm-hover-icons) {
1967 display: inline-block;
1968 width: 100%;
1969 padding: 5px;
1970 }
1971
1972 .frm-templates-list li li > div {
1973 padding-left: 0;
1974 }
1975
1976 .frm-templates-list li > div > div {
1977 vertical-align: middle;
1978 }
1979
1980 .frm-templates-list li .frm-category-icon {
1981 width: 40px;
1982 height: 40px;
1983 overflow: hidden;
1984 display: inline-block;
1985 border-radius: 4px;
1986 text-align: center;
1987 vertical-align: top;
1988 }
1989
1990 .frm-templates-list li > div > div:last-child:not(.frm-dropdown-menu) {
1991 /* the content container to the right of the icon in Create new form modal */
1992 display: inline-block;
1993 width: calc( 100% - 40px );
1994 padding-left: 13px;
1995 box-sizing: border-box;
1996 transform: translateY(-2px);
1997 }
1998
1999 .frm-templates-list li h3,
2000 .frm-templates-list li p {
2001 text-align: left;
2002 margin: 0;
2003 white-space: nowrap;
2004 text-overflow: ellipsis;
2005 overflow: hidden;
2006 }
2007
2008 .frm-templates-list li h3,
2009 .frm-templates-list .frm-install-template h3 {
2010 font-size: 14px !important;
2011 line-height: 24px;
2012 height: 24px;
2013 }
2014
2015 .frm-templates-list li p {
2016 font-size: 13px;
2017 color: rgba(40, 47, 54, 0.6);
2018 }
2019
2020 .frm-templates-list .frm-install-template div {
2021 text-align: left;
2022 }
2023
2024 .frm-templates-list .frm-add-blank-form .frm-category-icon .frmsvg,
2025 .frm-templates-list li:last-child div:not(.frm-hover-icons) > .frmsvg {
2026 color: #fff;
2027 transform: translateY(10px);
2028 }
2029
2030 .frm-templates-list .frm-inner-circle {
2031 border-radius: 4px;
2032 width: 40px;
2033 height: 40px;
2034 padding: 0;
2035 box-sizing: border-box;
2036 display: flex;
2037 flex-direction: row;
2038 align-items: center;
2039 justify-content: center;
2040 position: relative;
2041 }
2042
2043 .frm-templates-list .frm-inner-circle .frmsvg {
2044 position: absolute;
2045 top: 0;
2046 left: 0;
2047 width: 100%;
2048 height: 100%;
2049 box-sizing: border-box;
2050 padding: 10px;
2051 }
2052
2053 #frm_new_form_modal .frm-search {
2054 width: calc( 100% - 20px );
2055 margin: 15px 10px 30px;
2056 }
2057
2058 #frm_leave_email,
2059 #frm_code_from_email
2060 {
2061 width: 480px;
2062 }
2063
2064 #frm_new_form_modal #template-search-input,
2065 #frm_new_form_modal #frm_leave_email,
2066 #frm_new_form_modal #frm_code_from_email
2067 {
2068 border-radius: 4px !important;
2069 }
2070
2071 #frm-email-block .frm-with-left-icon .frmsvg {
2072 padding: 0;
2073 top: 0;
2074 left: 13px;
2075 }
2076
2077 #frm_new_form_modal .accordion-container {
2078 display: inline-block;
2079 padding: 0;
2080 border-top: 1px solid var(--grey-border);
2081 box-sizing: border-box;
2082 margin: 0 10px;
2083 width: calc( 100% - 20px );
2084 }
2085
2086 #frm_new_form_modal .accordion-section-title {
2087 padding: 0;
2088 }
2089
2090 #frm_new_form_modal .accordion-section-title:hover,
2091 .control-section:hover .accordion-section-title,
2092 #frm_new_form_modal .accordion-section.open .accordion-section-title
2093 {
2094 background: #fff !important;
2095 border-bottom: none;
2096 }
2097
2098 #frm_new_form_modal .accordion-section.open:hover {
2099 border-bottom: none;
2100 }
2101
2102 #frm_new_form_modal .accordion-section {
2103 padding: 8px 0 4px;
2104 }
2105
2106 #frm_new_form_modal .accordion-section + .accordion-section {
2107 border-top: 1px solid var(--grey-border);
2108 border-radius: 0;
2109 }
2110
2111 .frm-templates-list.frm-categories-list li > div > div:last-child,
2112 #frm_new_form_modal .accordion-section .frm-featured-form
2113 {
2114 padding-left: 0;
2115 }
2116
2117 #frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title {
2118 padding-left: 10px;
2119 }
2120
2121 #frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable {
2122 padding: 0 10px;
2123 overflow: hidden;
2124 }
2125
2126 #frm_new_form_modal .accordion-section-content {
2127 padding: 10px 0;
2128 }
2129
2130 .frm-hover-icons {
2131 position: absolute;
2132 right: 0;
2133 top: 0;
2134 height: 20px;
2135 width: 65px;
2136 height: 100%;
2137 box-sizing: border-box;
2138 padding: 14px 10px 0 5px !important;
2139 border-radius: 6px;
2140 text-align: right;
2141 }
2142
2143 #frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons {
2144 width: 91px;
2145 }
2146
2147 .frm-hover-icons a {
2148 width: 22px;
2149 height: 22px;
2150 display: inline-block;
2151 border-radius: 50%;
2152 box-sizing: border-box;
2153 line-height: 20px;
2154 text-align: center;
2155 }
2156
2157 .frm-hover-icons > .frm-preview-form,
2158 .frm-hover-icons > .frm-delete-form {
2159 border: 1px solid var(--primary-color);
2160 margin-right: 5px;
2161 }
2162
2163 .frm-hover-icons > .frm-create-form,
2164 .frm-ready-made-solution .frm-hover-icons a {
2165 background-color: var(--primary-color);
2166 }
2167
2168 .frm-hover-icons > .frm-preview-form .frmsvg {
2169 width: 16px;
2170 height: 16px;
2171 color: var(--primary-color);
2172 }
2173
2174 .frm-hover-icons > .frm-delete-form .frmsvg {
2175 width: 14px;
2176 height: 14px;
2177 color: var(--primary-color);
2178 transform: translateY(-1px);
2179 }
2180
2181 .frm-hover-icons > .frm-unlock-form {
2182 background-color: var(--primary-color);
2183 }
2184
2185 .frm-hover-icons > .frm-unlock-form .frmsvg {
2186 width: 12px;
2187 height: 12px;
2188 background-color: var(--primary-color);
2189 transform: translateY(-2px);
2190 }
2191
2192 .frm-hover-icons > .frm-create-form .frmsvg,
2193 .frm-ready-made-solution .frmsvg {
2194 width: 14px;
2195 height: 14px;
2196 }
2197
2198 .frm-hover-icons .frm-create-form svg,
2199 .frm-ready-made-solution .frm-hover-icons svg {
2200 color: #fff;
2201 }
2202
2203 .frm-hover-icons .frm-create-form:hover,
2204 .frm-ready-made-solution .frm-hover-icons a:hover,
2205 .frm-hover-icons > .frm-unlock-form:hover,
2206 .frm-hover-icons > .frm-unlock-form:hover .frmsvg
2207 {
2208 background-color: var(--primary-hover) !important;
2209 }
2210
2211 .frm-hover-icons .frm-preview-form:hover,
2212 .frm-hover-icons .frm-delete-form:hover
2213 {
2214 border: 1px solid var(--primary-hover) !important;
2215 }
2216
2217 .frm-hover-icons .frm-preview-form:hover .frmsvg,
2218 .frm-hover-icons .frm-delete-form:hover .frmsvg {
2219 color: var(--primary-hover) !important;
2220 }
2221
2222 .frm-locked-template h3 .frmsvg {
2223 height: 12px;
2224 width: 14px;
2225 vertical-align: top;
2226 padding-top: 6px;
2227 }
2228
2229 #frm_new_form_modal .frm-use-this-template {
2230 margin-left: 10px;
2231 }
2232
2233 #frm_new_form_modal #frm-preview-block {
2234 padding: 20px 30px;
2235 overflow-x: hidden;
2236 }
2237
2238 #frm_new_form_modal #frm-details-block {
2239 padding: 20px 30px;
2240 }
2241
2242 .frm-modal-back {
2243 cursor: pointer;
2244 font-size: 17px;
2245 vertical-align: top;
2246 margin-top: 4px;
2247 margin-right: 4px;
2248 }
2249
2250 .frm-modal-cancel {
2251 float: left;
2252 }
2253
2254 .frm-plan-required-tag {
2255 background: #FDE6DE;
2256 color: #F15A24;
2257 font-size: 10px;
2258 padding: 4px 8px;
2259 border-radius: 4px;
2260 text-transform: uppercase;
2261 font-weight: normal;
2262 display: inline-block;
2263 line-height: 12px;
2264 transform: translateY(-1px);
2265 margin-left: 5px;
2266 }
2267
2268 #frm_new_form_modal.frm-expired #frm-create-block,
2269 #frm_new_form_modal.frm-expiring #frm-create-block {
2270 max-height: 450px;
2271 }
2272
2273 #frm-create-footer {
2274 padding: 15px 20px;
2275 }
2276
2277 #frm-create-footer .frm_error_style {
2278 border-radius: 6px;
2279 }
2280
2281 #frm_code_from_email_options {
2282 margin-top: 20px;
2283 }
2284
2285 #frm_code_from_email_options * {
2286 color: var(--primary-color);
2287 }
2288
2289 #frm-email-block p,
2290 #frm-code-block p,
2291 #frm-renew-block p
2292 {
2293 padding: 0 40px;
2294 max-width: 400px;
2295 margin: 0 auto 20px;
2296 }
2297
2298 li .frm-hover-icons .frm-preview-form,
2299 .frm-hover-icons .frm-unlock-form,
2300 .frm-locked-template .frm-hover-icons .frm-create-form,
2301 #frm_new_form_modal .frm-modal-back ~ span,
2302 #frm_new_form_modal .postbox > div:first-child ~ div,
2303 .frm-modal-back,
2304 #frm_new_form_modal:not([frm-page="create"]) a.dismiss,
2305 #frm_code_from_email_error span,
2306 #frm_leave_email_error span,
2307 #frm_new_form_modal .frm-delete-form,
2308 #frm-details-block #frm-new-template button,
2309 #frm-create-title span[frm-type="template"],
2310 #frm-create-title[frm-type="template"] span[frm-type="form"]
2311 {
2312 display: none;
2313 }
2314
2315 #frm_new_form_modal:not([frm-page="create"]) .frm-modal-back,
2316 #frm_new_form_modal[frm-page="create"] #frm-create-title,
2317 #frm-create-title[frm-type="template"] span[frm-type="template"],
2318 #frm_new_form_modal[frm-page="preview"] #frm-preview-title,
2319 #frm_new_form_modal[frm-page="details"] #frm-create-title,
2320 #frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title,
2321 #frm_new_form_modal[frm-page="email"] #frm-email-title,
2322 #frm_new_form_modal[frm-page="code"] #frm-email-title,
2323 #frm_new_form_modal[frm-page="renew"] #frm-renew-title,
2324 .frm-locked-template .frm-hover-icons .frm-unlock-form,
2325 li[data-preview] .frm-hover-icons .frm-preview-form,
2326 #frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"],
2327 #frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"],
2328 #frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"],
2329 #frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"],
2330 #frm_leave_email_error[frm-error="empty"] span[frm-error="empty"],
2331 #frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form
2332 {
2333 display: inline-block;
2334 }
2335
2336 #frm_new_form_modal[frm-page="create"] #frm-create-block,
2337 #frm_new_form_modal[frm-page="preview"] #frm-preview-block,
2338 #frm_new_form_modal[frm-page="details"] #frm-details-block,
2339 #frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block,
2340 #frm_new_form_modal[frm-page="email"] #frm-email-block,
2341 #frm_new_form_modal[frm-page="code"] #frm-code-block,
2342 #frm_new_form_modal[frm-page="renew"] #frm-renew-block,
2343 #frm_new_form_modal[frm-page="create"] #frm-create-footer,
2344 #frm_new_form_modal[frm-page="preview"] #frm-preview-footer,
2345 #frm_new_form_modal[frm-page="details"] #frm-details-footer,
2346 #frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer,
2347 #frm_new_form_modal[frm-page="email"] #frm-email-footer,
2348 #frm_new_form_modal[frm-page="code"] #frm-code-footer,
2349 #frm_new_form_modal[frm-page="renew"] #frm-renew-footer
2350 {
2351 display: block;
2352 }
2353
2354 .frm-modal-back svg {
2355 color: #7F7F7F;
2356 }
2357
2358 #frm-upgrade-body-list-wrapper > div {
2359 display: inline-block;
2360 width: calc( 100% / 3 );
2361 vertical-align: top;
2362 text-align: left;
2363 margin-bottom: 10px;
2364 }
2365
2366 #frm-upgrade-body-list-wrapper ul {
2367 padding-left: 40px;
2368 }
2369
2370 #frm-upgrade-body-list-wrapper ul li:before {
2371 content: "\2022";
2372 color: var(--primary-color);
2373 display: inline-block;
2374 width: 1em;
2375 margin-left: -1em;
2376 }
2377
2378 /* Embed Form Modal */
2379
2380 #frm_embed_modal label {
2381 font-size: 14px;
2382 line-height: 25px;
2383 color: rgba(40, 47, 54, 0.8);
2384 font-weight: 600;
2385 }
2386
2387 .frm-embed-modal-content {
2388 padding: 20px;
2389 }
2390
2391 .frm-embed-modal-content.frm-loading-page-options {
2392 display: flex;
2393 justify-content: center;
2394 }
2395
2396 #frm_embed_modal .frm_embed_example {
2397 background: #F6F7FB;
2398 border: 1px solid #E3E8EB;
2399 border-radius: 6px;
2400 color: rgba(40, 47, 54, 0.85);
2401 font-size: 14px;
2402 padding: 10px 30px 10px 10px;
2403 width: 100%;
2404 margin-bottom: 15px;
2405 height: auto !important;
2406 resize: none;
2407 }
2408
2409 #frm_embed_modal textarea.frm_embed_example {
2410 padding-bottom: 0;
2411 }
2412
2413 .frm-embed-modal-content > div a {
2414 position: absolute;
2415 right: 0;
2416 top: 8px;
2417 }
2418
2419 .frm-embed-modal-content > div {
2420 position: relative;
2421 }
2422
2423 .frm-embed-modal-content svg[id^="frm_copy_embed_"] {
2424 position: absolute;
2425 top: 35px;
2426 right: 10px;
2427 cursor: pointer;
2428 opacity: 0.5;
2429 }
2430
2431 .frm-embed-modal-option {
2432 border-radius: 6px;
2433 border: 1px solid #E3E8EB;
2434 padding: 20px;
2435 cursor: pointer;
2436 }
2437
2438 .frm-embed-modal-option + .frm-embed-modal-option {
2439 margin-top: 10px;
2440 }
2441
2442 #frm_embed_modal .frm-modal-cancel {
2443 display: none;
2444 }
2445
2446 #frm_embed_modal.frm-on-page-2 .frm-modal-cancel {
2447 display: inline;
2448 }
2449
2450 .frm-embed-modal-icon-wrapper {
2451 background: var(--primary-color);
2452 border-radius: 4px;
2453 padding: 10px;
2454 color: #fff;
2455 display: inline-block;
2456 vertical-align: top;
2457 }
2458
2459 .frm-embed-modal-icon-wrapper + div {
2460 display: inline-block;
2461 padding-left: 13px;
2462 transform: translateY(-4px);
2463 }
2464
2465 .frm-embed-modal-option:after {
2466 content: "\e913" !important;
2467 font-family: "s11-fp" !important;
2468 font-size: 18px;
2469 position: absolute;
2470 right: 10px;
2471 top: 50%;
2472 transform: translateY(-50%);
2473 }
2474
2475 .frm-embed-modal-content ul {
2476 max-height: 300px;
2477 overflow-y: scroll;
2478 }
2479
2480 .frm-embed-modal-wrapper.frm-dialog {
2481 overflow: visible;
2482 }
2483
2484 /* Bulk Options */
2485 #frm-bulk-modal .frm_grid_container {
2486 grid-template-columns: repeat(12, 8.33%);
2487 grid-gap: 0;
2488 }
2489
2490 #frm-bulk-modal .frm8 {
2491 border-right: 1px solid var(--grey-border);
2492 padding: 10px 20px 10px 30px;
2493 }
2494
2495 #frm-bulk-modal .frm4 {
2496 padding: 10px 0;
2497 }
2498
2499 .frm-inline-modal .howto {
2500 margin: 5px 0 10px;
2501 color: var(--grey);
2502 }
2503
2504 .frm-inline-modal .frm_code_list + .howto {
2505 margin-bottom: 0;
2506 }
2507
2508 #frm_bulk_options {
2509 height: 240px;
2510 width: 100%;
2511 border: none;
2512 box-shadow: none;
2513 padding: 0;
2514 }
2515
2516 .frm-bulk-edit-link {
2517 text-align: right;
2518 font-size: 14px;
2519 padding: 0 5px 10px;
2520 }
2521
2522 .frm-small-add {
2523 font-size: 14px !important;
2524 }
2525
2526 .frm-small-add span {
2527 color: var(--primary-color);
2528 font-size: 12px;
2529 height: 12px;
2530 width: 12px;
2531 }
2532
2533 .frm_no_captcha_text {
2534 font-weight: bold;
2535 color: #AA0000;
2536 }
2537
2538 .frm_image_from_url {
2539 height: 50px;
2540 }
2541
2542 .frm-right-panel .inside a.frm_pro_tip,
2543 a.frm_pro_tip {
2544 font-size: 14px;
2545 display: inline-block;
2546 color: var(--dark-grey);
2547 background: #FFE7DE;
2548 border-radius: var(--small-radius);
2549 padding: 5px 15px;
2550 margin: 0 auto;
2551 line-height: 1.4;
2552 display: flex;
2553 align-items: center;
2554 }
2555
2556 a.frm_pro_tip:hover {
2557 color: var(--dark-grey);
2558 border-color: var(--primary-color);
2559 }
2560
2561 a.frm_pro_tip:hover .frmsvg {
2562 fill: var(--primary-color);
2563 }
2564
2565 .frm_field_list .frm_pro_tip {
2566 margin: 10px 15px;
2567 padding-left: 40px;
2568 position: relative;
2569 width: calc(100% - 30px);
2570 box-sizing: border-box;
2571 }
2572
2573 a.frm_pro_tip .frmsvg,
2574 a.frm_pro_tip i {
2575 color: var(--orange);
2576 margin-right: 5px;
2577 }
2578
2579 a.frm_pro_tip .frmsvg {
2580 margin-right: 10px;
2581 }
2582
2583 .frm-tip-info {
2584 flex: 1;
2585 text-align: left;
2586 }
2587
2588 .frm-tip-cta {
2589 color: var(--orange);
2590 }
2591
2592 .nav-tab-wrapper .frm_pro_tip {
2593 float: right;
2594 }
2595
2596 .frm_pro_tip:hover .frm-tip-cta {
2597 color: var(--primary-color);
2598 }
2599
2600 /*Switch form dropdown*/
2601 h1 .fa-caret-down {
2602 font-size: 18px;
2603 }
2604
2605 .caret {
2606 display: inline-block;
2607 width: 19px;
2608 height: 9px;
2609 margin-right: -8px;
2610 vertical-align: middle;
2611 }
2612
2613 .caret,
2614 .frm_wrap .ui-autocomplete-input {
2615 background:#fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
2616 background-size: 16px 16px;
2617 }
2618
2619 .frm-btn-group .caret {
2620 float: right;
2621 margin-top: 6px;
2622 }
2623
2624 .dropdown {
2625 position: relative;
2626 }
2627
2628 .dropdown-toggle:focus {
2629 outline: 0;
2630 }
2631
2632 .frm-dropdown-menu {
2633 /* Copied from .dropdown-menu rules from Bootstrap */
2634 position: absolute;
2635 top: 100%;
2636 left: 0;
2637 z-index: 1000;
2638 display: none;
2639 float: left;
2640 padding: 0.5rem 0;
2641 margin: 0;
2642 text-align: left;
2643 list-style: none;
2644 background-color: #fff;
2645 background-clip: padding-box;
2646 border: 1px solid rgba(0, 0, 0, 0.15);
2647 border-radius: 0.25rem;
2648
2649 /* Custom rules */
2650 max-height: 200px;
2651 overflow-y: auto;
2652 overflow-x: hidden;
2653 font-size: 0.9rem;
2654 width: auto;
2655 min-width: 160px;
2656 }
2657
2658 .frm6 .frm-dropdown-menu {
2659 min-width: 100px;
2660 max-width: 99%;
2661 }
2662
2663 #frm_bs_dropdown > a {
2664 font-size: 1em;
2665 }
2666
2667 #frm_bs_dropdown .frm-dropdown-menu {
2668 max-width: 400px;
2669 }
2670
2671 .field_type_list .frm-dropdown-menu {
2672 min-width: 150px !important;
2673 }
2674
2675 #frm_field_group_controls .frm-dropdown-menu,
2676 .frm-field-action-icons .frm-dropdown-menu {
2677 min-width: 160px !important;
2678 }
2679
2680 .multiselect-container.frm-dropdown-menu,
2681 #search-submit .frm-dropdown-menu {
2682 min-width: 200px !important;
2683 }
2684
2685 .preview .frm-dropdown-menu {
2686 min-width: 230px !important;
2687 }
2688
2689 .frm-dropdown-menu.pull-right {
2690 right: 0;
2691 left: auto;
2692 }
2693
2694 .frm-dropdown-menu .divider {
2695 height: 1px;
2696 margin: 9px 0;
2697 overflow: hidden;
2698 background-color: #e5e5e5;
2699 }
2700
2701 .frm-dropdown-menu > .dropdown-item {
2702 margin: 0;
2703 }
2704
2705 .frm-dropdown-menu > .dropdown-item > a,
2706 .frm-dropdown-menu .frm_dropdown_li {
2707 clear: both;
2708 font-weight: normal;
2709 white-space: nowrap;
2710 text-decoration: none;
2711 }
2712
2713 .frm-dropdown-menu > .active > a, .frm-dropdown-menu > .active > a:hover, .frm-dropdown-menu > .active > a:focus {
2714 text-decoration: none;
2715 outline: 0;
2716 }
2717
2718 .frm-dropdown-menu > .disabled > a, .frm-dropdown-menu > .disabled > a:hover, .frm-dropdown-menu > .disabled > a:focus {
2719 color: #999999;
2720 }
2721
2722 .frm-dropdown-menu > .disabled > a:hover,
2723 .frm-dropdown-menu > .disabled > a:focus {
2724 text-decoration: none;
2725 background-color: transparent;
2726 background-image: none;
2727 cursor: not-allowed;
2728 }
2729
2730 .open > .frm-dropdown-menu {
2731 display: block;
2732 }
2733
2734 .open > a {
2735 outline: 0;
2736 }
2737
2738 .dropdown-header {
2739 display: block;
2740 padding: 3px 20px;
2741 font-size: 12px;
2742 line-height: 1.428571429;
2743 color: #999999;
2744 }
2745
2746 .dropdown-backdrop {
2747 position: fixed;
2748 left: 0;
2749 right: 0;
2750 bottom: 0;
2751 top: 0;
2752 z-index: 990;
2753 }
2754
2755 .pull-right > .frm-dropdown-menu {
2756 right: 0;
2757 left: auto;
2758 }
2759
2760 .navbar-fixed-bottom .dropdown .caret {
2761 border-top: 0 dotted;
2762 border-bottom: 4px solid #000000;
2763 content: "";
2764 }
2765
2766 .navbar-fixed-bottom .dropdown .frm-dropdown-menu {
2767 top: auto;
2768 bottom: 100%;
2769 margin-bottom: 1px;
2770 }
2771
2772 .btn {
2773 border: 1px solid #ddd;
2774 background: #fff;
2775 height: 28px;
2776 line-height: 1.5;
2777 }
2778
2779 a.frm_option_icon:before {
2780 color: var(--primary-color);
2781 font-size: 22px;
2782 width: 22px;
2783 height: 22px;
2784 }
2785
2786 a.frm_option_icon:focus::before,
2787 a.frm_option_icon:hover::before {
2788 color: var(--primary-hover);
2789 }
2790
2791 .frm_top_left .frm-dropdown-toggle {
2792 color: #999;
2793 }
2794
2795 .frm-card ol {
2796 margin-left: 15px;
2797 }
2798
2799 .frm-dropdown-toggle {
2800 text-decoration: none;
2801 }
2802
2803 .frm-card .frm-dropdown-toggle {
2804 border: 1px solid var(--grey-border);
2805 border-radius: var(--small-radius);
2806 font-size: 13px;
2807 color: var(--dark-grey);
2808 padding: 7px 20px;
2809 }
2810
2811 .frm_actions_dropdown .frm-dropdown-menu {
2812 font-size: 14px;
2813 color: #5F6C72;
2814 }
2815
2816 .frm-dropdown-menu .frm_icon_font {
2817 vertical-align: middle;
2818 color: #5F6C72;
2819 margin-right: 3px;
2820 }
2821
2822 /* BS Multiselect */
2823 .multiselect-container.frm-dropdown-menu {
2824 top: auto;
2825 left: auto;
2826 font-size: 14px;
2827 padding-top: 3px;
2828 margin-bottom: 3px;
2829 }
2830
2831 .frm-right-panel .accordion-section-content {
2832 background: transparent;
2833 padding-top: 0
2834 }
2835
2836 .frm-right-panel .accordion-section-content > .inside {
2837 padding: 0;
2838 }
2839
2840 .frm-right-panel .accordion-section-content .inside a {
2841 font-size: inherit;
2842 }
2843
2844 #post-body-content + .frm-right-panel h3.accordion-section-title {
2845 padding: 7px 10px 8px 14px;
2846 font-size: 16px;
2847 color: var(--dark-grey);
2848 }
2849
2850 .frm-right-panel .control-section.open h3 {
2851 border-bottom: none;
2852 }
2853
2854 .js .frm-right-panel .control-section.open .accordion-section-title,
2855 .js .frm-right-panel .control-section .accordion-section-title:focus,
2856 .js .frm-right-panel .control-section .accordion-section-title:hover {
2857 background: transparent;
2858 color: var(--dark-grey);
2859 }
2860
2861 .js .frm-right-panel .control-section .accordion-section-title:hover:before {
2862 color: var(--dark-grey);
2863 }
2864
2865 .frm-with-line,
2866 .accordion-section-content h4 {
2867 font-size: 16px;
2868 font-weight: 400;
2869 margin: 20px -20px 10px;
2870 padding: 0 20px;
2871 color: var(--dark-grey);
2872 position: relative;
2873 border: none !important;
2874 }
2875
2876 .frm-with-line span,
2877 .accordion-section-content h4 span {
2878 background: #fff;
2879 padding: 0 10px;
2880 position: relative;
2881 display: inline-block;
2882 z-index: 2;
2883 }
2884
2885 .accordion-section-content h4 span {
2886 background: var(--sidebar-color);
2887 }
2888
2889 .frm-right-panel .frm-with-line span {
2890 background: var(--sidebar-color) !important;
2891 margin-left: -4px;
2892 }
2893
2894 .frm-right-panel .frm-inline-modal .frm-with-line span {
2895 background: #fff !important;
2896 }
2897
2898 .frm-with-line:before,
2899 .accordion-section-content h4:before {
2900 content: '';
2901 display: block;
2902 position: absolute;
2903 border-bottom: 1px solid var(--grey-border);
2904 left: 0;
2905 width: 100%;
2906 top: 50%;
2907 }
2908
2909 .frm-right-panel .accordion-section {
2910 border: none;
2911 position: relative;
2912 }
2913
2914 .frm-right-panel .accordion-section-title:before,
2915 .frm-right-panel .accordion-section-title:after,
2916 #frm_new_form_modal .accordion-section-title:after
2917 {
2918 content: "\e913" !important;
2919 font-family: "s11-fp" !important;
2920 font-size: 18px;
2921 font-variant: normal;
2922 text-rendering: auto;
2923 }
2924
2925 #frm_new_form_modal .accordion-section.open .accordion-section-title:after {
2926 transform: rotate(90deg);
2927 }
2928
2929 .frm-right-panel .accordion-section-title:after {
2930 right: 20px;
2931 }
2932
2933 .frm-right-panel .open .accordion-section-title:after {
2934 content: "\e62a" !important;
2935 }
2936
2937 .frm-right-panel .accordion-section-title:before {
2938 content: "\f1de" !important;
2939 color: var(--grey);
2940 font-size: 17px !important;
2941 margin: 0 10px;
2942 }
2943
2944 .form-title-style .accordion-section-title:before,
2945 .section-fields-style .accordion-section-title:before {
2946 content: "\f1dc" !important;
2947 }
2948
2949 .form-description-style .accordion-section-title:before {
2950 content: "\e90f" !important;
2951 }
2952
2953 .field-colors-style .accordion-section-title:before {
2954 content: "\e96d" !important;
2955 }
2956
2957 .field-sizes-style .accordion-section-title:before {
2958 content: "\e920" !important;
2959 }
2960
2961 .field-labels-style .accordion-section-title:before {
2962 content: "\e953" !important;
2963 }
2964
2965 .field-description-style .accordion-section-title:before{
2966 content: "\e611" !important;
2967 }
2968
2969 .check-box-radio-fields-style .accordion-section-title:before{
2970 content: "\f14a" !important;
2971 }
2972
2973 .buttons-style .accordion-section-title:before{
2974 content: "\e911" !important;
2975 }
2976
2977 .repeater-fields-style .accordion-section-title:before{
2978 content: "\e974" !important;
2979 }
2980
2981 .toggle-fields-style .accordion-section-title:before{
2982 content: "\f205" !important;
2983 }
2984
2985 .slider-fields-style .accordion-section-title:before{
2986 content: "\f386" !important;
2987 }
2988
2989 .form-messages-style .accordion-section-title:before{
2990 content: "\e915" !important;
2991 }
2992
2993 .date-fields-style .accordion-section-title:before{
2994 content: "\f073" !important;
2995 }
2996
2997 .progress-bars-style .accordion-section-title:before{
2998 content: "\e939" !important;
2999 }
3000
3001 .frm-right-panel h3.accordion-section-title {
3002 padding: 15px 20px;
3003 background: var(--sidebar-color);
3004 line-height: 1;
3005 }
3006
3007 .control-section .accordion-section-title:after, /** Form template list */
3008 .customize-pane-child .accordion-section-title:after {
3009 top: 15px;
3010 }
3011
3012 .accordion-container .frm-dropdown-menu {
3013 min-width: 40px;
3014 }
3015
3016 .frm-btn-group .multiselect.dropdown-toggle {
3017 box-sizing: border-box;
3018 min-height: unset;
3019 }
3020
3021 .accordion-container .frm-dropdown-menu:before,
3022 .accordion-container .multiselect.dropdown-toggle:before {
3023 font-family: "s11-fp" !important;
3024 }
3025
3026 .multiselect-container {
3027 position: absolute;
3028 list-style-type: none;
3029 margin: 0;
3030 padding: 0;
3031 width: 100%;
3032 max-width: 250px;
3033 }
3034
3035 .multiselect-container button.multiselect-option {
3036 display: block;
3037 width: 100%;
3038 text-align: left;
3039 background: none;
3040 border: none;
3041 padding: 5px 0 5px 15px;
3042 }
3043
3044 .multiselect-container button.multiselect-option label {
3045 margin-left: 5px;
3046 }
3047
3048 .accordion-container .multiselect-container label {
3049 padding: 3px 19px 3px 7px;
3050 }
3051
3052 .frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
3053 border-top-left-radius: 4px;
3054 border-bottom-left-radius: 4px
3055 }
3056
3057 .frm-btn-group.btn-group, .frm-btn-group.btn-group-vertical {
3058 display: block;
3059 }
3060
3061 .multiselect-option label {
3062 max-width: calc(100% - 22px);
3063 text-overflow: ellipsis;
3064 overflow: hidden;
3065 white-space: nowrap;
3066 }
3067
3068 .frm_scale {
3069 text-align: center;
3070 float: left;
3071 margin-right: 10px;
3072 }
3073
3074 .frm_scale input {
3075 display: block;
3076 margin: 5px
3077 }
3078
3079 .frm_multi_fields_container {
3080 float: left;
3081 }
3082
3083 .frm_multi_fields_container,
3084 .frm_form_builder .frm_form_fields input[type=tel]
3085 .frm_form_builder .frm_form_fields input[type=range],
3086 .frm_form_builder .frm_form_fields input[type=text] {
3087 width: 100%;
3088 height: auto;
3089 }
3090
3091 .frm_form_builder input[type=range]::-webkit-slider-runnable-track {
3092 background-color: var(--blue-border);
3093 }
3094
3095 .frm_form_builder input[type=range]::-moz-range-track {
3096 background-color: var(--blue-border);
3097 }
3098
3099 .frm_form_builder input[type=range]::-ms-fill-lower {
3100 background-color: var(--blue-border);
3101 }
3102
3103 .frm_form_builder input[type=range]::-ms-fill-upper {
3104 background-color: var(--blue-border);
3105 }
3106
3107 .frm-embed-field-placeholder {
3108 text-align: center;
3109 height: 145px;
3110 display: flex;
3111 align-items: center;
3112 justify-content: center;
3113 }
3114
3115 .frm-fake-field {
3116 display: block;
3117 height: 25px;
3118 background-color: var(--light-blue);
3119 border: 1px solid var(--grey-border);
3120 margin: 10px 0;
3121 border-radius: var(--small-radius);
3122 }
3123
3124 .frm-embed-message {
3125 position: absolute;
3126 background: #fff;
3127 border: 1px solid var(--grey-border);
3128 color: var(--dark-grey);
3129 padding: 37px 0;
3130 font-size: 18px;
3131 max-width: 200px;
3132 min-width: 50%;
3133 margin: 0 25px;
3134 overflow: hidden;
3135 text-overflow: ellipsis;
3136 }
3137
3138 .frm-summary-message {
3139 top: 50%;
3140 left: 50%;
3141 padding: 15px 0;
3142 font-size: 16px;
3143 transform: translate(-50%, -50%);
3144 }
3145
3146 .frm-summary-learn-more {
3147 font-size: inherit !important;
3148 }
3149
3150 .frm-single-settings .frm-embed-message {
3151 width: 100%;
3152 position: static;
3153 }
3154
3155 #new_fields input[type=text],
3156 #new_fields input[type=number],
3157 .frm_field_box .frm_form_fields > textarea,
3158 .frm_form_fields .frm_form_field > textarea,
3159 .frm_form_fields .frm_form_field > input[type=email],
3160 .frm_form_fields .frm_form_field > input[type=url],
3161 .frm_form_fields .frm_form_field > input[type=number],
3162 .frm_form_fields .frm_form_field > input[type=tel],
3163 .frm_form_fields .frm_form_field > input[type=text],
3164 .frm_form_fields .frm_form_field > input[type=range] {
3165 width: 100%;
3166 }
3167
3168 .frm_form_fields textarea.wp-editor-area {
3169 width: 100%;
3170 border: none;
3171 }
3172
3173 .frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled {
3174 background: transparent;
3175 border: none;
3176 box-shadow: none;
3177 width: auto;
3178 }
3179
3180 .frm_form_fields select {
3181 width: auto;
3182 max-width: 100%;
3183 }
3184
3185 input[type="radio"],
3186 input[type="checkbox"] {
3187 width: 16px;
3188 padding: 0;
3189 }
3190
3191 .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before,
3192 .frm-star-group input + label:hover:before,
3193 .frm-star-group:hover input + label:hover:before,
3194 .frm-star-group .star-rating-on:before,
3195 .frm-star-group .star-rating-hover:before,
3196 .frm-star-group input[type=radio]:checked + label:before,
3197 .frm-star-group input + label:before,
3198 .frm-star-group .star-rating:before {
3199 color: var( --blue-border);
3200 }
3201
3202 .frm_wrap .frm-number-range + .frm_last input,
3203 .frm_wrap .frm-number-range input {
3204 text-align: center;
3205 font-weight: 600;
3206 }
3207
3208 .frm_wrap .frm-number-range input[type=number],
3209 .frm_wrap .frm-number-range input[type=text] {
3210 color: var(--primary-hover);
3211 }
3212
3213 .frm-range-min {
3214 position: relative;
3215 }
3216
3217 .frm-range-min:after {
3218 content: '';
3219 height: 3px;
3220 width: 10px;
3221 border-radius: 30%;
3222 background: var(--primary-hover);
3223 position: absolute;
3224 top: 17px;
3225 right: -28%;
3226 }
3227
3228 .frm_grid_container > p.frm_form_field,
3229 .frm_grid_container > div.frm_form_field,
3230 #new_fields .frm_grid_container > p {
3231 margin-top: 7px;
3232 margin-bottom: 7px;
3233 margin-right: 0;
3234 }
3235
3236 #new_fields div.frm_grid_container > .frm_primary_label {
3237 margin-top: 7px;
3238 }
3239
3240 #new_fields .frm_primary_label + p,
3241 #new_fields .frm_primary_label + .frm6 + .frm6,
3242 #new_fields .frm_primary_label + .frm6 + .frm-inline-modal + .frm6 {
3243 margin-top: 0;
3244 }
3245
3246 .frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5 {
3247 margin-left: 18px;
3248 }
3249
3250 .frm_wrap .frm-fields .auto_width,
3251 .frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width {
3252 width: auto !important;
3253 }
3254
3255 .frm_form_fields select.auto_width {
3256 min-width: 60px;
3257 }
3258
3259 .frm_form_fields input:focus, .frm_form_fields select:focus,
3260 .frm_form_fields textarea:focus, .frm_focus_field input {
3261 background-color: #fff;
3262 border-color: #ddd;
3263 }
3264
3265 .frm_form_builder .frm_radio,
3266 .frm_form_builder .frm_checkbox {
3267 display: block;
3268 margin-bottom: 2px;
3269 }
3270
3271 .frm_form_builder .frm_radio label,
3272 .frm_form_builder .frm_checkbox label {
3273 font-size: 14px;
3274 }
3275
3276 /* Start copied front-end CSS */
3277 .horizontal_radio .frm_radio,
3278 .horizontal_radio .frm_checkbox {
3279 margin-right: 5px;
3280 display: inline-block;
3281 }
3282
3283 .frm_form_field.frm_two_col .frm_opt_container,
3284 .frm_form_field.frm_three_col .frm_opt_container,
3285 .frm_form_field.frm_four_col .frm_opt_container{
3286 display: grid;
3287 grid-template-columns: repeat(2, 1fr);
3288 grid-auto-rows: max-content;
3289 grid-gap: 0 2.5%;
3290 }
3291
3292 .frm_form_field.frm_three_col .frm_opt_container{
3293 grid-template-columns: repeat(3, 1fr);
3294 }
3295
3296 .frm_form_field.frm_four_col .frm_opt_container{
3297 grid-template-columns: repeat(4, 1fr);
3298 }
3299
3300 .frm_form_field.frm_two_col .frm_radio,
3301 .frm_form_field.frm_two_col .frm_checkbox,
3302 .frm_form_field.frm_three_col .frm_radio,
3303 .frm_form_field.frm_three_col .frm_checkbox,
3304 .frm_form_field.frm_four_col .frm_radio,
3305 .frm_form_field.frm_four_col .frm_checkbox{
3306 grid-column-end: span 1;
3307 }
3308 /* End copied */
3309
3310 .frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],
3311 .frm_wrap .with_frm_style .frm_radio input[type=radio],
3312 .frm_wrap input[type=checkbox],
3313 .field-group input[type=checkbox],
3314 .frm_scale input[type=radio],
3315 .frm_radio input[type=radio],
3316 .frm_checkbox input[type=checkbox] {
3317 border: 1px solid var(--grey-border);
3318 box-shadow: none;
3319 -webkit-appearance: none;
3320 }
3321
3322 .frm_radio input[type="radio"],
3323 .frm_checkbox input[type="checkbox"] {
3324 margin-right: 5px;
3325 }
3326
3327 .frm_inner_field_container {
3328 margin-bottom: 10px;
3329 }
3330
3331 .frm_conf_inline .frm_inner_field_container,
3332 .frm_conf_inline .frm_inner_conf_container {
3333 width: 49%;
3334 float: left;
3335 }
3336
3337 .frm_conf_inline .frm_inner_field_container {
3338 margin-right: 2%;
3339 clear: both;
3340 }
3341
3342 .frm_inner_field_container > label {
3343 text-overflow: ellipsis;
3344 overflow: hidden;
3345 white-space: nowrap;
3346 }
3347
3348 .frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > label,
3349 .frm_field_box .divider_section_only:hover > .frm_inner_field_container > label,
3350 li.ui-state-default.selected > .frm_inner_field_container > label {
3351 max-width: calc(100% - 100px);
3352 }
3353
3354 .frm_form_settings #op-popup, /* 1Password */
3355 .frm_form_settings com-1password-op-button,
3356 .frm_conf_below .frm_conf_field_container .frm_primary_label,
3357 .frm_conf_inline .frm_inner_field_container .frm-show-click a,
3358 .frm_conf_below .frm_conf_field_container .frm-show-click a {
3359 display: none !important;
3360 }
3361
3362 .frm_conf_inline .frm_inner_field_container .frm-field-action-icons {
3363 position: absolute;
3364 right: 5px;
3365 }
3366
3367 .frm_conf_below .frm_conf_field_container {
3368 margin-top: 10px;
3369 }
3370
3371 .frm_calc_dec {
3372 width: 50px;
3373 }
3374
3375 .frm_ext_sc {
3376 display: none;
3377 }
3378
3379 .frm_long_input {
3380 width: 100% !important;
3381 box-sizing: border-box;
3382 }
3383
3384 .frmcenter {
3385 text-align: center;
3386 }
3387
3388 img.frm_help {
3389 margin-left: 2px;
3390 vertical-align: middle;
3391 padding-bottom: 2px;
3392 }
3393
3394 /* Loading */
3395 .frm_spinner.frm-wait,
3396 .frm_spinner.spinner {
3397 float: left;
3398 visibility: hidden;
3399 margin: 0 10px;
3400 }
3401
3402 .frm_visible_spinner.frm-wait,
3403 .frm_visible_spinner.spinner {
3404 visibility: visible;
3405 float: none;
3406 }
3407
3408 .frm_form_action_settings .frm_spinner.frm-wait,
3409 .frm_form_action_settings .frm_spinner.spinner {
3410 visibility: visible;
3411 float: none;
3412 vertical-align: bottom;
3413 }
3414
3415 .frm_form_action_settings .frm_loading {
3416 font-size: 15px;
3417 text-align: center;
3418 }
3419
3420 .frm_ajax_settings_tab .frm-wait,
3421 .frm_ajax_settings_tab .spinner {
3422 visibility: visible;
3423 float: none;
3424 margin-top: 20px;
3425 }
3426
3427 .wp-core-ui .frm_loading_button.button-primary.frm-button-primary,
3428 .frm_loading_button,
3429 .frm_loading_form.frm_button_submit {
3430 position: relative !important;
3431 opacity: .8;
3432 color: transparent !important;
3433 text-shadow: none !important;
3434 }
3435
3436 .frm_loading_button:hover,
3437 .frm_loading_button:active,
3438 .frm_loading_button:focus,
3439 .frm_loading_form.frm_button_submit:hover,
3440 .frm_loading_form.frm_button_submit:active,
3441 .frm_loading_form.frm_button_submit:focus {
3442 cursor: not-allowed;
3443 color: transparent !important;
3444 outline: none !important;
3445 box-shadow: none;
3446 }
3447
3448 .frm-wait {
3449 margin: 20px;
3450 width: 20px;
3451 height: 20px;
3452 position: relative;
3453 display: inline-block;
3454 }
3455
3456 #frm-show-fields .frm-wait:only-child {
3457 position: absolute;
3458 left: 50px;
3459 top: 30px;
3460 }
3461
3462 .frm-wait:before,
3463 .frm_loading_button:before,
3464 .frm_loading_form.frm_button_submit:before {
3465 content: '';
3466 display: inline-block;
3467
3468 position: absolute;
3469 background: transparent;
3470 border: 1px solid #fff;
3471 border-top-color: transparent;
3472 border-left-color: transparent;
3473 border-radius: 50%;
3474
3475 box-sizing: border-box;
3476 top: 50%;
3477 left: 50%;
3478 margin-top: -10px;
3479 margin-left: -10px;
3480 width: 20px;
3481 height: 20px;
3482
3483 -webkit-animation: spin 2s linear infinite;
3484 -moz-animation: spin 2s linear infinite;
3485 -o-animation: spin 2s linear infinite;
3486 animation: spin 2s linear infinite;
3487 }
3488
3489 .frm-wait:before {
3490 border-bottom-color: var(--primary-hover);
3491 border-right-color: var(--primary-hover);
3492 }
3493
3494 .frm_loading_button.frm-button-secondary:before {
3495 border-bottom-color: var(--primary-color);
3496 border-right-color: var(--primary-color);
3497 }
3498
3499 input[type=submit]:focus {
3500 outline: none !important;
3501 }
3502
3503 /* Effects */
3504
3505 @keyframes spin {
3506 0% {
3507 transform: rotate(0deg);
3508 }
3509 100% {
3510 transform: rotate(360deg);
3511 }
3512 }
3513
3514 label input[type="checkbox"], label input[type="radio"] {
3515 vertical-align: inherit;
3516 }
3517
3518 #editorcontainer #dyncontent {
3519 margin: 0;
3520 width: 100%;
3521 padding: 6px;
3522 line-height: 1.5;
3523 border: 0 none;
3524 outline: none;
3525 -moz-box-sizing: border-box;
3526 -webkit-box-sizing: border-box;
3527 box-sizing: border-box;
3528 }
3529
3530 /*ICONS*/
3531 .frm_postbox_icon {
3532 margin: -6px 0 0 -10px;
3533 }
3534
3535 .frm_form_builder a:hover {
3536 text-decoration: underline;
3537 }
3538
3539 .frm_form_builder .widget-title h4 {
3540 padding: 10px 15px;
3541 }
3542
3543 .frm_form_builder .widget-top a.widget-action:after {
3544 margin: 7px 12px 0;
3545 }
3546
3547 .frmbutton.frm_tgateway {
3548 display: none !important;
3549 }
3550
3551 .frm_html_legend pre {
3552 display: inline;
3553 }
3554
3555 #ed_fullscreen {
3556 display: none !important;
3557 }
3558
3559 .frm_posttax_opt_list {
3560 overflow: auto;
3561 max-height: 200px;
3562 background-color: #fff;
3563 }
3564
3565 .frm_posttax_opt_list p.howto {
3566 font-size: 12px;
3567 }
3568
3569 .frm_border_bottom {
3570 border-bottom: 1px solid var(--grey-border);
3571 margin-bottom: 10px;
3572 padding-bottom: 10px;
3573 }
3574
3575 .frm_posttax_opt_list .frm_border_bottom span.howto {
3576 padding-right: 10px;
3577 }
3578
3579 .frm_posttax_opt_list .frm_border_bottom input {
3580 margin-right: 1px;
3581 }
3582
3583 .frm_logic_row,
3584 .frm_add_remove div.frm_form_field {
3585 padding-bottom: 5px;
3586 }
3587
3588 .frm_field_opts_list {
3589 max-height: 190px;
3590 overflow: auto;
3591 }
3592
3593 .frm_white_bg {
3594 background-color: #fff;
3595 }
3596
3597 .frm_border_light {
3598 border: solid 1px #ddd;
3599 }
3600
3601 #new_fields .form-table input[type=text],
3602 #new_fields .form-table select,
3603 .form-table .form-field input,
3604 .form-table .form-field .quicktags-toolbar input,
3605 .form-field input, .form-field .quicktags-toolbar input {
3606 width: auto;
3607 }
3608
3609 .frm_aff_link {
3610 float: right;
3611 }
3612
3613 .frm_select_box {
3614 text-align: center;
3615 font-weight: bold;
3616 width: 100%;
3617 background-color: transparent !important;
3618 }
3619
3620 .wp-list-table input.frm_select_box {
3621 text-align: left;
3622 font-weight: normal;
3623 font-size: inherit !important;
3624 border: none;
3625 padding: 0 !important;
3626 background-color: transparent !important;
3627 }
3628
3629 .wp-list-table input.frm_select_box:focus {
3630 outline: none;
3631 box-shadow: none;
3632 }
3633
3634 .wp-list-table .frm_no_items.frm_select_box {
3635 text-align: center;
3636 font-weight: bold;
3637 width: 500px;
3638 max-width: 100%;
3639 font-size: inherit;
3640 }
3641
3642 #frm-options-panel {
3643 padding: 0 15px;
3644 color: var(--darkest-grey);
3645 }
3646
3647 #frm-options-panel h3 {
3648 padding: 15px 0;
3649 margin-top: -2px;
3650 }
3651
3652 .frm_field_key {
3653 background-color: #F7F7F7;
3654 }
3655
3656 #frm_form_editor_container #edit-slug-box {
3657 padding: 0;
3658 }
3659
3660 .frm-alt-table {
3661 width:100%;
3662 border-collapse:collapse;
3663 margin-top:0.5em;
3664 font-size:15px;
3665 }
3666
3667 .frm-alt-table th {
3668 width:200px;
3669 }
3670
3671 .frm-alt-table tr {
3672 background-color:transparent;
3673 }
3674
3675 .frm-alt-table th,
3676 .frm-alt-table td {
3677 background-color:transparent;
3678 vertical-align:top;
3679 text-align:left;
3680 padding:20px;
3681 }
3682
3683 .frm-alt-table tr:nth-child(even) {
3684 background-color: var(--sidebar-color);
3685 }
3686
3687 .frm-alt-table h3 {
3688 margin-bottom: 0;
3689 }
3690
3691 .form-field .frm_cb_button {
3692 height: 22px;
3693 line-height: 20px;
3694 margin-bottom: 10px;
3695 margin-right: 5px;
3696 }
3697
3698 .edit_field_type_select .frm_option_val_label {
3699 margin-left: 12px;
3700 }
3701
3702 .frm_rte {
3703 background: url(../images/rte.png) no-repeat;
3704 }
3705
3706 .frm_rte .howto {
3707 margin: 10px 0 46px;
3708 }
3709
3710 .subform_section {
3711 margin: 25px;
3712
3713 }
3714
3715 .subform_section,
3716 .subform_section label,
3717 .subform_section input {
3718 opacity: 80;
3719 }
3720
3721 .subform_section .frm_sortable_field_opts {
3722 display: none;
3723 }
3724
3725 #frm_form_editor_container .subform_section .frm_primary_label {
3726 display: block;
3727 }
3728
3729 .subform_section.subform_break {
3730 border-top: 1px dashed #ccc;
3731 }
3732
3733 .button-secondary.frm_html_field {
3734 background-color: #ededed;
3735 padding: 10px 20px;
3736 line-height: inherit;
3737 width: auto;
3738 height: auto !important;
3739 -moz-border-radius: 0;
3740 -webkit-border-radius: 0;
3741 border-radius: 0;
3742 -webkit-box-sizing: content-box;
3743 -moz-box-sizing: content-box;
3744 box-sizing: content-box;
3745 }
3746
3747 .frm_html_field_placeholder {
3748 margin-bottom: 10px;
3749 text-align: center;
3750 }
3751
3752 .recaptcha_placeholder {
3753 border: 1px solid #d3d3d3;
3754 width: 300px;
3755 }
3756
3757 .frm_sorting .frm_rte textarea {
3758 width: 653px;
3759 background: #fff;
3760 margin: 1px 0 0;
3761 border: 1px solid #dfdfdf;
3762 border-top: none;
3763 -moz-border-radius: 0;
3764 -webkit-border-radius: 0;
3765 border-radius: 0;
3766 float: none !important;
3767 }
3768
3769 .frm_full_rte textarea {
3770 width: 98%;
3771 padding: 0;
3772 }
3773
3774 .frm_field_box {
3775 padding: 5px;
3776 min-height: 20px;
3777 margin: 10px 0;
3778 }
3779
3780 .frm_indent_opt, td.frm_indent_opt {
3781 padding-left: 25px;
3782 }
3783
3784 .frm_charts object {
3785 background: transparent;
3786 }
3787
3788 .frm_charts h2 {
3789 height: 34px;
3790 }
3791
3792 .frm_single_option.ui-sortable-placeholder,
3793 li.sortable-placeholder {
3794 border: none;
3795 margin: 0;
3796 visibility: visible !important;
3797 box-shadow: 2px -10px 0 1px var(--primary-color);
3798 }
3799
3800 #frm_form_editor_container > ul > .frm_single_option.ui-sortable-placeholder,
3801 #frm_form_editor_container > ul > li.sortable-placeholder {
3802 width: calc(100% - 5px) !important;
3803 height: 0 !important;
3804 }
3805
3806 #frm_form_editor_container > ul > li > ul {
3807 position: relative;
3808 }
3809
3810 #frm_form_editor_container > ul > li > ul > .frm_single_option.ui-sortable-placeholder,
3811 #frm_form_editor_container > ul > li > ul > li.sortable-placeholder,
3812 #frm_form_editor_container ul.start_divider > li > ul > li.sortable-placeholder {
3813 position: absolute;
3814 top: 20px;
3815 bottom: 0;
3816 }
3817
3818 .edit_field_type_divider + li.sortable-placeholder {
3819 box-shadow: 2px 5px 0 1px var(--primary-color);
3820 }
3821
3822 .start_divider li.sortable-placeholder {
3823 box-shadow: 2px -5px 0 1px var(--primary-color);
3824 }
3825
3826 .frm_single_option.ui-sortable-placeholder {
3827 box-shadow: 0 0 1px 1px var(--primary-color);
3828 }
3829
3830 .frm-is-collapsed + .sortable-placeholder {
3831 box-shadow: 2px 15px 0 1px var(--primary-color);
3832 }
3833
3834 .frm_sorting > li.edit_field_type_end_divider:first-child,
3835 .frm_sorting > .frmbutton + .sortable-placeholder, /* hide for first field */
3836 .no-drop-placeholder,
3837 .frm-show-click,
3838 li.ui-state-default.edit_field_type_divider .frm-show-click {
3839 display: none;
3840 }
3841
3842 .frm_form_field.ui-sortable-helper {
3843 height: 30px !important;
3844 background-color: #fff !important;
3845 overflow: hidden !important;
3846 box-sizing: border-box;
3847 }
3848
3849 .frm_form_field.ui-sortable-helper .frm-field-action-icons,
3850 .frm_form_field.ui-sortable-helper .frm_form_fields,
3851 .frm_form_field.ui-sortable-helper .frm_description,
3852 .frm_form_field.ui-sortable-helper .description {
3853 display: none;
3854 }
3855
3856 .frm_form_field.ui-sortable-helper .frm_primary_label,
3857 .frm_form_field.ui-sortable-helper .frm_inner_field_container {
3858 margin: 0 !important;
3859 }
3860
3861 .frm-single-settings .frm-show-click {
3862 display: block !important;
3863 }
3864
3865 .frm-show-hover,
3866 .frm_single_visible_hover,
3867 li.ui-state-default.edit_field_type_divider .frm-show-hover {
3868 opacity: 0;
3869 transition: opacity .15s ease-in-out;
3870 }
3871
3872 #frm-show-fields .frm-field-settings-open .frm-show-hover {
3873 opacity: 1;
3874 }
3875
3876 .frm_sortable_field_opts {
3877 margin-top: 5px;
3878 }
3879
3880 .frm_single_option {
3881 clear: both;
3882 margin: 0;
3883 padding-bottom: 5px;
3884 }
3885
3886 .frm_product_price_wrapper,
3887 .frm_image_preview_wrapper,
3888 #new_fields .frm_single_option select,
3889 #new_fields .frm_single_option input[type=text] {
3890 width: calc(100% - 73px);
3891 }
3892
3893 .frm-right-panel.styling_settings .frm_image_preview_wrapper {
3894 width: 100%;
3895 }
3896
3897 .frm-right-panel.styling_settings .frm_image_preview_wrapper .frm_choose_image_box {
3898 margin-left: 0;
3899 }
3900
3901 .frm-right-panel .frm_single_option a.frm_remove_tag,
3902 .frm_single_option a {
3903 padding-left: 7px;
3904 }
3905
3906 .frm_single_option:hover .frm_single_visible_hover {
3907 opacity: 100;
3908 }
3909
3910 .frm_single_option .frm-drag {
3911 font-size: 23px;
3912 width: 22px;
3913 height: 19px;
3914 margin-left: -6px;
3915 color: var(--grey);
3916 }
3917
3918 .frm_single_option .frm-drag:before {
3919 vertical-align: middle;
3920 }
3921
3922 .frm-drag,
3923 .frm_single_option.ui-sortable-helper {
3924 cursor: move;
3925 }
3926
3927 .frm_single_option .frm_option_key {
3928 margin-left: 19px !important;
3929 }
3930
3931 .frm_option_key input[type=text] {
3932 margin-top: 15px !important;
3933 }
3934
3935 li.ui-state-default.selected .frm-show-click,
3936 li.ui-state-default.selected.edit_field_type_divider .frm-show-click {
3937 display: inline;
3938 vertical-align: top;
3939 }
3940
3941 .frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > .frm-show-hover,
3942 .frm_field_box .divider_section_only:hover > .frm_inner_field_container > .frm-show-hover,
3943 li.ui-state-default.selected > .frm_inner_field_container > .frm-show-hover,
3944 li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
3945 opacity: 100;
3946 }
3947
3948 li.frm_field_box > ul.frm_grid_container {
3949 position: relative;
3950 }
3951
3952 .frm_sorting span.ui-icon {
3953 width: 16px;
3954 }
3955
3956 /* Image options for Radio and Checkbox */
3957
3958 .frm_image_options .frm_image_option_container {
3959 --field-border-width: 1px;
3960 --border-color: var(--grey-border);
3961 --border-color-active: var(--primary-color);
3962 --border-radius: var(--small-radius);
3963 }
3964
3965 .frm_image_option_container svg {
3966 height: 50px;
3967 margin: 10px auto 0;
3968 }
3969
3970 #form_show_entry_page .frm_file_link,
3971 #form_show_entry_page .frm_image_option_container {
3972 display: inline-flex;
3973 flex-wrap: nowrap;
3974 flex-direction: column;
3975 text-align: center;
3976 align-items: center;
3977 width: 150px;
3978 margin-right: 10px;
3979 margin-bottom: 10px;
3980 }
3981
3982 #form_show_entry_page .frm_image_option_container img {
3983 width: 150px;
3984 height: 150px;
3985 object-fit: cover;
3986 }
3987
3988 #form_show_entry_page .frm_file_link img {
3989 max-width: 150px;
3990 height: auto;
3991 }
3992
3993 #form_show_entry_page .frm_file_link ~ br {
3994 display: none;
3995 }
3996
3997 #form_show_entry_page .frm_upload_label {
3998 padding: 10px;
3999 }
4000
4001 .frm_image_option_container .frm_image_placeholder_icon svg{
4002 height: 150px;
4003 }
4004
4005 .frm_list_entry_page .frm_file_link,
4006 .frm_list_entry_page .frm_image_option_container.frm_label_with_image {
4007 display: block;
4008 text-align: center;
4009 }
4010
4011 .frm_list_entry_page .frm_image_option_container img {
4012 width: 75px;
4013 height: 75px;
4014 object-fit: cover;
4015 }
4016
4017 .frm_list_entry_page img {
4018 max-width: 100%;
4019 height: auto;
4020 }
4021
4022 .frm_image_option_container .frm_empty_url {
4023 background-color: var(--sidebar-color);
4024 }
4025
4026 .frm_list_entry_page .frm_image_option_container .frm_text_label_for_image {
4027 display: block;
4028 padding: 5px 0 10px;
4029 }
4030
4031 .frm_list_entry_page .frm_upload_label,
4032 .frm-summary-page-wrapper .frm_text_label_for_image {
4033 display: block;
4034 }
4035
4036 #frm-welcome .frm_image_options .frm_image_option_container,
4037 #form_global_settings .frm_image_options .frm_image_option_container{
4038 background: var(--sidebar-color);
4039 }
4040
4041 #frm-welcome .frm_image_option_container svg,
4042 #form_global_settings .frm_image_option_container svg {
4043 max-width: calc( 100% - 20px );
4044 }
4045
4046 /* Show an icon on top */
4047 .frm_image_option_container {
4048 position: relative;
4049 }
4050
4051 .frm_text_label_for_image > svg {
4052 width: 30px;
4053 position: absolute;
4054 top: 5px;
4055 right: calc( 50% - 15px );
4056 }
4057 /* End show an icon on top */
4058
4059 .frm_single_option .frm_option_key {
4060 margin-top: 17px;
4061 }
4062
4063 .frm_image_data {
4064 margin-left: 10px;
4065 display: flex;
4066 flex-direction: column;
4067 font-size: 14px;
4068 line-height: 17px;
4069 }
4070
4071 .frm_image_styling_frame {
4072 display: flex;
4073 align-items: stretch;
4074 margin-left: 1.5rem;
4075 }
4076
4077 .frm_image_styling_frame img{
4078 height: 54px;
4079 width: 54px;
4080 min-width: auto;
4081 min-height: auto;
4082 border-radius: 3px;
4083 object-fit: cover;
4084 object-position: center;
4085 }
4086
4087 .frm_image_styling_frame .frm_email_attachment_icon img {
4088 height: auto;
4089 width: auto;
4090 max-width: 54px;
4091 }
4092
4093 .frm_image_preview_title{
4094 margin-top: 6px;
4095 color: rgba(40, 47, 54, 0.65);
4096 overflow: hidden;
4097 white-space: nowrap;
4098 text-overflow: ellipsis;
4099 }
4100
4101 .frm_wrap .frm_choose_image_box {
4102 cursor: pointer;
4103 color: var(--dark-grey);
4104 background-color: #F2F2F2;
4105 margin-left: 24px;
4106 text-align: center;
4107 width: 100%;
4108 }
4109
4110 .frm_wrap .frm_choose_image_box:hover {
4111 background: #fff;
4112 }
4113
4114 a.frm_remove_image_option .frmsvg,
4115 a.frm_remove_image_option,
4116 .frm_remove_image_option {
4117 margin-top: 9px;
4118 color: rgba(40, 47, 54, 0.4);
4119 cursor: pointer;
4120 }
4121
4122 a.frm_remove_image_option:hover .frmsvg,
4123 a.frm_remove_image_option:hover,
4124 .frm_remove_image_option:hover {
4125 color: rgba(40, 47, 54, 0.8);
4126 }
4127
4128 /* Form settings */
4129
4130 #form_settings_page label,
4131 .frm_form_builder label {
4132 font-weight: normal;
4133 font-size: 15px;
4134 color: var(--dark-grey);
4135 }
4136
4137 .frm-form-setting-tabs {
4138 margin-top: 20px !important;
4139 }
4140
4141 .frm-right-panel > .postbox {
4142 background-color: transparent;
4143 border: none;
4144 box-shadow: none;
4145 margin: 0;
4146 }
4147
4148 .frm-right-panel .postbox.frm_with_icons .inside,
4149 .frm-right-panel .postbox .inside,
4150 .frm-right-panel .inside {
4151 font-size: 16px;
4152 padding: 15px 20px 20px;
4153 color: var(--dark-grey);
4154 }
4155
4156 .frm-right-panel .misc-pub-section {
4157 padding: 10px 0;
4158 line-height: 1.4em;
4159 position: relative;
4160 }
4161
4162 .frm-right-panel .inside a,
4163 .frm-form-setting-tabs a {
4164 font-size: 16px;
4165 color: var(--dark-grey);
4166 padding: 15px 15px 15px 20px;
4167 display: block;
4168 }
4169
4170 .frm-right-panel .inside a {
4171 padding: 0;
4172 color: var(--primary-color);
4173 display: inline-block;
4174 }
4175
4176 .frm-right-panel .inside a:hover {
4177 color: var(--primary-hover);
4178 }
4179
4180 .frm-form-setting-tabs a:hover {
4181 background: var(--sidebar-hover);
4182 color: var(--dark-grey);
4183 }
4184
4185 .frm-right-panel .inside i,
4186 .frm-right-panel .inside .frmsvg,
4187 .frm-form-setting-tabs a i,
4188 .frm-form-setting-tabs a .frmsvg {
4189 margin: 0 5px;
4190 display: inline-block;
4191 width: 20px;
4192 height: 20px;
4193 color: var(--grey);
4194 }
4195
4196 .frm-right-panel .inside a:hover i,
4197 .frm-right-panel .inside a:hover .frmsvg,
4198 .frm-form-setting-tabs a:hover .frmsvg,
4199 .frm-form-setting-tabs a:hover span {
4200 color: var(--dark-grey);
4201 }
4202
4203 .frm_settings_form .tabs-panel {
4204 padding: 0 25px;
4205 }
4206
4207 #form_settings_page .tabs-panel,
4208 .frm_settings_form .tabs-panel {
4209 max-height: initial !important;
4210 min-height: 50px !important;
4211 }
4212
4213 #frm_adv_info .tabs-panel {
4214 min-height: 0 !important;
4215 overflow-x: hidden;
4216 padding: 0 20px;
4217 border: none;
4218 background: transparent;
4219 }
4220
4221 select.frm_cancelnew, input.frm_enternew {
4222 width: 175px;
4223 }
4224
4225 .frm_posttax_opt_list,
4226 .frm_submit_logic_rows {
4227 border: 1px solid var(--grey-border);
4228 padding: 25px;
4229 border-radius: var(--small-radius);
4230 margin: 5px 0 5px 25px;
4231 }
4232
4233 /* Admin toggle */
4234 .frm_toggle_off,
4235 .frm_toggle_on {
4236 display: none;
4237 color: #fff;
4238 z-index: 999;
4239 position: absolute;
4240 font-size: 10px;
4241 line-height: 20px;
4242 left: 6px;
4243 }
4244
4245 .frm_toggle_off {
4246 display: inline;
4247 left: auto;
4248 right: 5px;
4249 color: var(--dark-grey);
4250 }
4251
4252 .frm_toggle {
4253 position: relative;
4254 display: inline-block;
4255 width: 45px;
4256 height: 20px;
4257 vertical-align: middle;
4258 margin: 2px;
4259 }
4260
4261 label > span.frm_toggle {
4262 margin-right: 15px;
4263 }
4264
4265 .frm_toggle input {
4266 display: none !important;
4267 }
4268
4269 .frm_toggle_slider {
4270 position: absolute;
4271 cursor: pointer;
4272 top: 0;
4273 left: 0;
4274 right: 0;
4275 bottom: 0;
4276 transition: .4s;
4277 border-radius: 30px;
4278 background-color: #fff;
4279 box-shadow: 0 0 0 2px var(--grey);
4280 }
4281
4282 .frm_toggle_slider:before {
4283 border-radius: 50%;
4284 position: absolute;
4285 content: "";
4286 height: 16px;
4287 width: 16px;
4288 left: 2px;
4289 top: 2px;
4290 transition: .3s;
4291 background-color: var(--grey);
4292 }
4293
4294 input[disabled] + .frm_toggle_slider {
4295 pointer-events: none;
4296 cursor: text;
4297 opacity: .5;
4298 }
4299
4300 .frm_toggle_long {
4301 width: 80%;
4302 height: 28px;
4303 }
4304
4305 .frm_toggle_long .frm_toggle_slider {
4306 background: var(--primary-hover);
4307 box-shadow: 0 0 0 2px var(--primary-hover);
4308 }
4309
4310 .frm_toggle_long .frm_toggle_off,
4311 .frm_toggle_long .frm_toggle_on {
4312 width: 50%;
4313 text-align: center;
4314 font-size: 13px;
4315 line-height: 28px;
4316 }
4317
4318 .frm_toggle_long .frm_toggle_on {
4319 left: 0;
4320 }
4321
4322 .frm_toggle_long .frm_toggle_off {
4323 right: 0;
4324 }
4325
4326 .frm_toggle_long .frm_toggle_slider:before {
4327 width: 50%;
4328 left: 0;
4329 top: 0;
4330 border-radius: var(--border-radius) 0 0 var(--border-radius);
4331 height: 100%;
4332 background-color: #fff;
4333 color: var(--primary-color);
4334 }
4335
4336 input:checked + .frm_toggle_slider {
4337 background-color: var(--primary-hover);
4338 box-shadow: 0 0 0 2px var(--primary-hover);
4339 }
4340
4341 input:checked + .frm_toggle_slider:before {
4342 transform: translateX(25px);
4343 background-color: #fff;
4344 }
4345
4346 .frm_toggle_long input:checked + .frm_toggle_slider:before {
4347 transform: translateX(101%);
4348 border-radius: 0 var(--border-radius) var(--border-radius) 0;
4349 }
4350
4351 input:checked + .frm_toggle_slider + .frm_toggle_on {
4352 display: inline;
4353 }
4354
4355 input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
4356 display: none;
4357 }
4358
4359 .frm_toggle_long .frm_toggle_on,
4360 .frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
4361 display: inline;
4362 color: var(--primary-color);
4363 font-weight: normal;
4364 }
4365
4366 .frm_toggle_long .frm_toggle_off,
4367 .frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on {
4368 color: #fff;
4369 font-weight: bold;
4370 }
4371
4372 input:focus + .frm_toggle_slider {
4373 box-shadow: 0 0 1px #008ec2;
4374 }
4375
4376 /* Global Settings */
4377
4378 .tabs-panel {
4379 height: auto !important;
4380 min-height: 260px;
4381 }
4382
4383 .tabs-panel.panel_secondary {
4384 min-height: 20px;
4385 margin-top: 10px;
4386 margin-left: 150px;
4387 }
4388
4389 label.frm-example-icon {
4390 margin-right: 20px !important;
4391 display: inline-block !important;
4392 }
4393
4394 .frm-example-icon .frmsvg,
4395 .frm-example-icon i {
4396 height: 20px;
4397 width: 20px;
4398 font-size: 20px;
4399 color: var(--dark-grey);
4400 }
4401
4402 .edd_frm_license_row {
4403 clear: both;
4404 line-height: 2em;
4405 }
4406
4407 .frm_license_msg {
4408 margin-top: 0;
4409 }
4410
4411 .frm_authorized_box .frm-show-unauthorized,
4412 .frm_unauthorized_box .frm-show-authorized {
4413 display: none;
4414 }
4415
4416 .edd_frm_status_icon.frm_icon_font {
4417 color: #D54E21;
4418 margin: 0 5px;
4419 }
4420
4421 .edd_frm_status_icon.frm_icon_font.frm_inactive_icon {
4422 color: green;
4423 }
4424
4425 /* Hide the install steps for solutions */
4426 #form_global_settings .tabs-panel .num svg {
4427 display: none;
4428 }
4429
4430 /* Empty List */
4431
4432 .frm_no_items {
4433 margin: 0 auto 50px;
4434 text-align: center;
4435 color: var(--dark-grey);
4436 max-width: 500px;
4437 }
4438
4439 .frm_no_items h2 {
4440 font-size: 25px;
4441 margin-bottom: 30px !important;
4442 }
4443
4444 .frm_no_items p {
4445 font-size: 14px;
4446 }
4447
4448 .frm-subscribe {
4449 margin: 30px 0;
4450 }
4451
4452 /* Inbox */
4453
4454 #frm_inbox_page .frm_page_container {
4455 height: auto;
4456 }
4457
4458 .frm_inbox_card {
4459 display: grid;
4460 grid-template-columns: 72px 1fr;
4461 grid-gap: 15px;
4462 border-bottom: 1px solid var(--grey-border);
4463 padding: 25px;
4464 }
4465
4466 .frm_inbox_card_icon {
4467 grid-row: span 3 / span 3;
4468 padding-top: 20px;
4469 text-align: center
4470 }
4471
4472 .frm_inbox_card_icon svg {
4473 height: 48px;
4474 width: 48px;
4475 color: var(--blue-border);
4476 }
4477
4478 .frm_inbox_card header {
4479 display: grid;
4480 grid-template-columns: 1fr 150px;
4481 align-items: center;
4482 }
4483
4484 .frm_inbox_card h3 {
4485 border: none;
4486 text-transform: none;
4487 margin: 0;
4488 padding: 0;
4489 font-weight: 600;
4490 color: var(--medium-grey);
4491 font-size: 16px;
4492 }
4493
4494 .frm_inbox_date {
4495 text-align: right;
4496 }
4497
4498 .frm_inbox_count,
4499 .frm_inbox_unread {
4500 background: var(--orange);
4501 color: #fff;
4502 border-radius: 50%;
4503 display: inline-block;
4504 margin-right: 8px;
4505 font-size: 11px;
4506 text-align: center;
4507 }
4508
4509 .frm_inbox_unread {
4510 width: 8px;
4511 height: 8px;
4512 }
4513
4514 .frm_inbox_count {
4515 min-width: 18px;
4516 height: 18px;
4517 margin-left: 2px;
4518 vertical-align: text-bottom;
4519 }
4520
4521 /* Styles tabs */
4522
4523 #frm_styling_form #frm_delete_style {
4524 padding-right: 10px;
4525 }
4526
4527 #frm_styling_form #frm_delete_style .frmsvg {
4528 vertical-align: -webkit-baseline-middle;
4529 }
4530
4531 .frm_pro_form .frm_form_field.frm_lite_style,
4532 .frm_pro_form .frm_lite_style {
4533 display: none !important;
4534 }
4535
4536 label.default-style-box input[type="checkbox"] {
4537 vertical-align: middle;
4538 }
4539
4540 #frm_styling_form .frm_form_field input[type="checkbox"],
4541 #frm_styling_form .frm_form_field input[type="radio"] {
4542 vertical-align: bottom;
4543 }
4544
4545 #frm_styling_form .howto span {
4546 float: none;
4547 margin-top: 0;
4548 }
4549
4550 /* Import/Export */
4551 .csv_opts #frm_csv_col_sep {
4552 width: 45px;
4553 }
4554
4555 #frm_advanced td.frm_left_label {
4556 width: 20%;
4557 padding-right: 2px;
4558 }
4559
4560 #frm_where_options select {
4561 max-width: 200px;
4562 }
4563
4564 #frm_where_options select.frm_insert_where_options {
4565 width: 30%;
4566 }
4567
4568 #frm_where_options select.frm_where_is_options {
4569 width: 20%;
4570 }
4571
4572 #frm_where_options span.frm_where_val {
4573 width: 32%;
4574 display: inline-block;
4575 position: relative;
4576 }
4577
4578 #frm_where_options span.frm_where_val .frm_tooltip_icon {
4579 left: -4px;
4580 position: absolute;
4581 }
4582
4583 #frm_where_options span.frm_where_val.frm_hidden {
4584 display: none;
4585 }
4586
4587 #frm_where_options span.frm_where_val input, #frm_where_options span.frm_where_val select {
4588 width: 90%;
4589 margin-left: 10px;
4590 }
4591
4592 #frm_where_options {
4593 min-height: 31px;
4594 }
4595
4596 .tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel {
4597 border: none;
4598 padding: 0;
4599 }
4600
4601 .frm-feature-banner {
4602 background: var(--dark-grey);
4603 color: #fff;
4604 border-radius: var(--small-radius);
4605 padding: 20px;
4606 margin: 10px 0;
4607 }
4608
4609 .frm-feature-banner p {
4610 font-size: 14px;
4611 }
4612
4613 .frm-feature-banner .dismiss {
4614 margin-top: -10px;
4615 margin-right: -10px;
4616 }
4617
4618 .frm-feature-banner .dismiss svg {
4619 color: #fff;
4620 }
4621
4622 .frm-feature-banner .frm-big-icon {
4623 padding-right: 20px;
4624 float: left;
4625 min-height: 60px;
4626 }
4627
4628 .frm-big-icon svg {
4629 height: 60px;
4630 width: 60px;
4631 }
4632
4633 .frm-feature-banner p {
4634 margin-top: 0;
4635 }
4636
4637 /*for add-on reverse compatibility */
4638
4639 .frm_98_width {
4640 width: 100% !important;
4641 }
4642
4643 /*Form Settings Tab*/
4644
4645 h2.frm-h2,
4646 .frm_form_settings h2 {
4647 border-bottom: 1px solid var(--grey-border);
4648 color: var(--dark-grey);
4649 font-size: 20px !important;
4650 font-weight: 500 !important;
4651 padding: 9px 0 5px;
4652 margin: 0;
4653 }
4654
4655 .frm_settings_form h3,
4656 .frm_form_settings h3 {
4657 font-size: 16px;
4658 border-top: 1px solid var(--grey-border);
4659 padding-top: 10px;
4660 font-weight: normal;
4661 text-transform: uppercase;
4662 color: var(--medium-grey);
4663 }
4664
4665 .frm_form_settings .howto {
4666 color: var(--medium-grey);
4667 font-size: 15px;
4668 margin-top: 8px;
4669 }
4670
4671 .frm_form_settings .advanced_settings .form-table {
4672 margin-top: 0;
4673 }
4674
4675 .frm_form_settings td.frm_175_width {
4676 width: 175px;
4677 }
4678
4679 .frm_form_settings #success_url {
4680 width: 95%;
4681 }
4682
4683 .frm_wrap .ui-autocomplete {
4684 box-shadow: none;
4685 border: 1px solid var(--grey-border);
4686 border-radius: var(--small-radius);
4687 background: var(--lightest-grey);
4688 position: absolute;
4689 padding: 3px 0;
4690 font-size: 15px;
4691 max-height: 310px;
4692 overflow-y: auto;
4693 overflow-x: hidden;
4694 }
4695
4696 .frm_wrap .ui-widget {
4697 font-family: inherit;
4698 }
4699
4700 .frm_wrap .ui-autocomplete li {
4701 padding: 2px 10px;
4702 background: none;
4703 color: var(--dark-grey);
4704 border: none;
4705 font-weight: normal;
4706 }
4707
4708 .frm_wrap .ui-autocomplete li div.ui-state-active,
4709 .frm_wrap .ui-autocomplete li.ui-state-focus {
4710 background: rgb(65, 153, 253);
4711 color: #fff;
4712 }
4713
4714 .frm_wrap .ui-autocomplete .ui-menu-item-wrapper {
4715 padding: 2px 10px;
4716 border-radius: var(--small-radius);
4717 }
4718
4719 .frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
4720 border: none;
4721 font-weight: inherit;
4722 }
4723
4724 .frm_select_with_label {
4725 margin: 7px 0 0;
4726 }
4727
4728 /* Customization Panel */
4729 #frm-insert-fields-box, #frm-conditionals {
4730 max-height: none;
4731 }
4732
4733 #frm-conditionals, #frm-adv-info-tab {
4734 display: none;
4735 max-height: 355px;
4736 }
4737
4738 #frm-insert-fields-box ul.subsubsub,
4739 #frm-conditionals ul.subsubsub {
4740 float: right;
4741 margin: 0;
4742 }
4743
4744 #frm-insert-fields-box ul.alignleft,
4745 #frm-conditionals ul.alignleft {
4746 margin: 5px 0 0;
4747 }
4748
4749 #frm_adv_info ul.frm_code_list.frm-full-hover {
4750 clear: both;
4751 max-height: 215px;
4752 overflow: auto;
4753 }
4754
4755 #frm-insert-fields-box ul.frm_code_list li.clear.frm_block {
4756 height: 10px;
4757 }
4758
4759 .frm_page_container #frm_adv_info .frm_noallow {
4760 display: none;
4761 }
4762
4763 #frm_adv_info #frm-conditionals .frm_noallow {
4764 display: block;
4765 }
4766
4767 /* Customize HTML Tab */
4768 #frm_html_tab.frm_hidden {
4769 display: none;
4770 }
4771
4772 #frm_html_tab.active {
4773 display: inline;
4774 }
4775
4776 /*Form Actions Tab*/
4777 .frm_email_reply_container select,
4778 .frm_email_reply_container input,
4779 .form-table td.frm_150_width {
4780 width: 170px;
4781 }
4782
4783 #frm_notification_settings .frm_no_top_padding {
4784 padding-top: 0;
4785 }
4786
4787 .frm_email_settings.frm_email_settings.widgets-holder-wrap {
4788 overflow: auto;
4789 box-shadow: none;
4790 }
4791
4792 #frm_notification_settings .widget-top .widget-action,
4793 #frm_form_editor_container .widget-top .widget-action {
4794 border: 0;
4795 margin: 0;
4796 padding: 10px;
4797 background: 0 0;
4798 cursor: pointer;
4799 outline: 0;
4800 }
4801
4802 #frm_email_addon_menu {
4803 border: 1px solid var(--grey-border);
4804 padding: 15px;
4805 border-radius: 4px;
4806 margin: 25px 0 15px;
4807 }
4808
4809 #frm_email_addon_menu .frm-search {
4810 float: right;
4811 margin: 0;
4812 }
4813
4814 #frm_email_addon_menu h3.frm-no-border {
4815 clear: none;
4816 padding-top: 7px;
4817 }
4818
4819 .frm_email_settings .widget .widget-top,
4820 .frm_email_settings .widget .widget-top h3 {
4821 cursor: pointer !important;
4822 }
4823
4824 .frm_email_settings .widget {
4825 margin-bottom: 15px;
4826 line-height: 1.4em;
4827 padding: 0;
4828 }
4829
4830 .frm_email_settings .widget:last-of-type {
4831 margin-bottom: 20px;
4832 }
4833
4834 .frm_form_action_settings .widget-top {
4835 box-shadow: none;
4836 border-color: var(--grey-border);
4837 border-radius: 4px;
4838 background: var(--lightest-grey);
4839 color: var(--dark-grey);
4840 }
4841
4842 .frm_form_action_settings:hover .widget-top {
4843 border-color: var(--grey);
4844 }
4845
4846 .frm_form_action_settings.open .widget-top {
4847 border-bottom-left-radius: 0;
4848 border-bottom-right-radius: 0;
4849 border-bottom: none;
4850 }
4851
4852 .frm_form_action_settings.open:hover .widget-top {
4853 border-color: var(--grey-border);
4854 }
4855
4856 .frm_form_action_settings > .widget-inside {
4857 display: none;
4858 }
4859
4860 .frm_form_action_settings.open > .widget-inside {
4861 display: block;
4862 }
4863
4864 .frm_form_action_settings .widget-inside {
4865 min-height: 25px;
4866 padding: 15px;
4867 border-color: var(--grey-border);
4868 border-bottom-left-radius: 4px;
4869 border-bottom-right-radius: 4px;
4870 }
4871
4872 .frm_form_action_settings .widget-title h4,
4873 .frm_form_action_settings .widget-title h3 {
4874 display: inline-block;
4875 border-bottom: none;
4876 padding: 10px 10px 5px;
4877 font-size: 16px;
4878 font-weight: 500;
4879 }
4880
4881 #frm_email_addon_menu h3 {
4882 margin: 0 0 15px;
4883 clear: both;
4884 }
4885
4886 .frm_single_api_settings p > label {
4887 display: inline;
4888 }
4889
4890 .frm_form_action_icon {
4891 margin-right: 5px;
4892 }
4893
4894 .frm_actions_list {
4895 margin: 0;
4896 display: inline;
4897 }
4898
4899 .frm_actions_list li {
4900 float: left;
4901 width: 15.6%;
4902 margin: 10px .5% 15px;
4903 height: 100px;
4904 text-align: center;
4905 }
4906
4907 .frm-limited-actions .frm-group-heading,
4908 .frm-limited-actions #frm-hide-groups,
4909 .frm-all-actions #frm-show-groups,
4910 .frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show) {
4911 display: none;
4912 }
4913
4914 label.frm_action_events {
4915 padding-left: 15px;
4916 }
4917
4918 #frm-hide-groups,
4919 #frm-show-groups {
4920 font-size: 16px;
4921 float: right;
4922 }
4923
4924 .frm_actions_list a:active, .frm_actions_list a:focus {
4925 outline: none;
4926 }
4927
4928 .frm_actions_list a {
4929 font-size: 14px;
4930 color: var(--dark-grey);
4931 word-break: break-word;
4932 }
4933
4934 .frm_actions_list span.frm-outer-circle {
4935 /* 50px total with 30px content */
4936 background-color: var(--sidebar-color);
4937 padding: 10px;
4938 text-align: center;
4939 border-radius: 50%;
4940 display: block;
4941 width: 30px;
4942 height: 30px;
4943 margin: 0 auto 15px;
4944 }
4945
4946 .frm_email_settings .widget-title h4 {
4947 color: var(--dark-grey);
4948 }
4949
4950 .frm_disabled_action .widget-title h4 {
4951 color: var(--grey);
4952 }
4953
4954 .frm_actions_list a .frmsvg,
4955 .frm_actions_list a i {
4956 height: 18px;
4957 width: 18px;
4958 font-size: 18px;
4959 padding: 2px;
4960 color: var(--lightest-grey);
4961 }
4962
4963 span.frm-inner-circle,
4964 .frm_email_settings .widget-title .frm_form_action_icon {
4965 background-color: var(--grey-border);
4966 border-radius: 50%;
4967 display: inline-block;
4968 text-align: center;
4969 }
4970
4971 span.frm-inner-circle {
4972 background-color: var(--primary-hover);
4973 height: 22px;
4974 width: 22px;
4975 padding: 4px;
4976 color: #fff;
4977 }
4978
4979 .frm-inner-circle svg {
4980 fill: currentColor;
4981 }
4982
4983 .frm_email_settings .widget-title .frm_form_action_icon {
4984 height: 15px;
4985 width: 15px;
4986 padding: 5px;
4987 color: var(--lightest-grey);
4988 vertical-align: middle;
4989 }
4990
4991 .frm_actions_list .frmsvg,
4992 .frm_actions_list i:before,
4993 .frm_email_settings .widget-title .frm_form_action_icon i,
4994 .frm_email_settings .widget-title .frm_form_action_icon .frmsvg {
4995 height: 15px;
4996 width: 15px;
4997 vertical-align: text-top;
4998 }
4999
5000 .frm_actions_list i:before {
5001 vertical-align: middle;
5002 }
5003
5004 .frm_email_settings .widget-title:hover .frm_form_action_icon {
5005 background-color: var(--grey);
5006 }
5007
5008 span.frm-inner-circle.frm-inverse {
5009 background-color: transparent;
5010 color: var(--primary-hover);
5011 padding: 0;
5012 height: 30px;
5013 width: 100%;
5014 }
5015
5016 .frm_actions_list span.frm-inverse i,
5017 .frm_actions_list span.frm-inverse .frmsvg {
5018 color: var(--primary-hover);
5019 height: 30px;
5020 width: 30px;
5021 font-size: 30px;
5022 padding: 0;
5023 }
5024
5025 .frm_actions_list i.frm-inverse:before {
5026 height: 30px;
5027 width: 100%;
5028 font-size: 30px;
5029 }
5030
5031 .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse {
5032 background: transparent;
5033 padding: 0;
5034 height: 24px;
5035 width: 24px;
5036 }
5037
5038 .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg,
5039 .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i:before {
5040 color: var(--grey-border);
5041 height: 24px;
5042 width: 24px;
5043 font-size: 24px;
5044 line-height: 1em;
5045 }
5046
5047 .frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg,
5048 .frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i:before {
5049 color: var(--grey);
5050 }
5051
5052 .frm_email_icons {
5053 padding: 10px 0 5px 6px;
5054 font-size: 20px;
5055 }
5056
5057 .frm_email_icons a {
5058 margin-left: 8px;
5059 color: var(--grey);
5060 opacity: 0;
5061 transition: all .2s ease;
5062 vertical-align: middle;
5063 }
5064
5065 .frm_email_icons a .frmsvg {
5066 color: var(--grey);
5067 }
5068
5069 .frm_email_icons a:hover,
5070 .widget-top:hover .frm_email_icons a {
5071 opacity: 1;
5072 }
5073
5074 .frm_actions_list a.frm_inactive_action {
5075 color: var(--grey);
5076 }
5077
5078 .frm_inactive_action .frm-inner-circle,
5079 .frm_actions_list .frm_inactive_action i {
5080 opacity: .4;
5081 }
5082
5083 .frm-no-margin {
5084 margin: 0;
5085 }
5086
5087 .frm-no-border {
5088 border: none !important;
5089 }
5090
5091 table td, .form-table tr td {
5092 vertical-align: top;
5093 }
5094
5095 #new_fields .form-table tr td {
5096 display: block;
5097 padding: 7px 0 0;
5098 }
5099
5100 #new_fields .form-table tr td:first-child {
5101 margin: 0;
5102 }
5103
5104 #new_fields .form-table tr td:last-child {
5105 margin-bottom: 9px;
5106 }
5107
5108 .form-table #list-table th {
5109 text-align: center;
5110 }
5111
5112 #form_settings_page th,
5113 #form_settings_page td,
5114 .frm_settings_form td,
5115 #frm_notification_settings .frm_form_action_settings td p {
5116 padding: 7px 0;
5117 }
5118
5119 #frm_notification_settings .form-table > tbody > tr > th {
5120 width: 150px;
5121 font-weight: normal;
5122 padding-right: 10px;
5123 }
5124
5125 #frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th {
5126 width: 80px;
5127 }
5128
5129 #frm_notification_settings table tr td:first-child {
5130 padding-left: 0;
5131 }
5132
5133 #frm_notification_settings table tr td:last-child {
5134 padding-right: 0;
5135 }
5136
5137
5138 #frm_notification_settings .frm_left_label {
5139 /* For add-ons that haven't been updated for 4.0 */
5140 float: none;
5141 width: auto !important;
5142 line-height: 1;
5143 }
5144
5145 .frm-fields .frm_autoresponder_rows select {
5146 width: auto;
5147 }
5148
5149 #frm_notification_settings .frm_with_left_label,
5150 #frm_notification_settings .frm_left_label + textarea,
5151 #frm_notification_settings .frm_left_label + select,
5152 #frm_notification_settings .frm_left_label + input[type=text] {
5153 width: 100%;
5154 }
5155
5156 #frm_notification_settings .frm_email_buttons {
5157 padding: 7px;
5158 background: var(--light-blue);
5159 color: var(--primary-hover);
5160 border-radius: 4px;
5161 border-color: var(--blue-border);
5162 line-height: 1em;
5163 height: auto;
5164 font-size: 12px;
5165 box-shadow: none;
5166 }
5167
5168 .frm_reply_to_container,
5169 .frm_bcc_cc_container {
5170 float: right;
5171 margin: -8px 0 0;
5172 z-index: 1;
5173 position: relative;
5174 }
5175
5176 .frm_email_row .frm_cancel1_icon:before {
5177 line-height: 1;
5178 vertical-align: bottom;
5179 }
5180
5181 .frm_action_id {
5182 padding-top: 10px;
5183 }
5184
5185 .frm_logic_field_opts {
5186 max-width: 35%;
5187 }
5188
5189 .frm-inline-select,
5190 #frm_submit_logic_row,
5191 .frm_logic_rows .frm-collapse-me {
5192 line-height: 30px;
5193 }
5194
5195 .frm_logic_row:first-of-type {
5196 padding-top: 8px;
5197 }
5198
5199 .frm-single-settings .frm_logic_row > select {
5200 max-width: 32.5% !important;
5201 }
5202
5203 .frm-single-settings .frm_logic_row select:nth-child(2) {
5204 max-width: 20% !important;
5205 }
5206
5207 .frm-single-settings .frm_logic_row span input,
5208 .frm-single-settings .frm_logic_row span select {
5209 max-width: 36% !important;
5210 }
5211
5212 .frm-single-settings .frm_logic_row input {
5213 max-width: 118px !important;
5214 }
5215
5216 .frm-single-settings ul.frm_sortable_field_opts {
5217 margin-bottom: 5px;
5218 }
5219
5220 .advanced_settings .frm_logic_row {
5221 margin: 14px 0;
5222 }
5223
5224 .advanced_settings .frm_logic_row select,
5225 .advanced_settings .frm_logic_row input {
5226 max-width: 30% !important;
5227 }
5228
5229 .frm_form_action_settings .frm_logic_row p {
5230 margin-top: 0;
5231 margin-bottom: 0;
5232 padding: 0;
5233 }
5234
5235 .frm_form_settings input[type="text"] {
5236 line-height: normal;
5237 height: auto;
5238 }
5239
5240 #poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside {
5241 padding-bottom: 0;
5242 }
5243
5244 #poststuff .frm_form_settings .widgets-holder-wrap .widget-inside {
5245 padding-left: 15px;
5246 padding-right: 15px;
5247 }
5248
5249 #form_global_settings h3 {
5250 font-size: 14px;
5251 margin-top: 25px;
5252 }
5253
5254 #form_global_settings .tabs-panel + h3 {
5255 margin-top: 0;
5256 border: none;
5257 }
5258
5259 #poststuff .frm_form_settings .widget-inside h3,
5260 #poststuff .frm_form_settings .advanced_settings h3,
5261 #poststuff .frm_settings_form h3,
5262 #frm_advanced .inside h3 {
5263 border-top: 1px solid #eee;
5264 border-bottom: none;
5265 margin: 15px -15px 0;
5266 padding: 8px 15px;
5267 font-size: 14px;
5268 }
5269
5270 #poststuff .frm_form_settings h3.frm_first_h3,
5271 #poststuff h3.frm_first_h3 {
5272 border: none;
5273 margin-top: 0;
5274 }
5275
5276 h3.frm_add_logic_link {
5277 margin-bottom: 0 !important;
5278 }
5279
5280 a.frm_add_logic_link {
5281 display: block;
5282 text-align: center;
5283 margin: 10px auto;
5284 padding: 10px;
5285 width: 80%;
5286 max-width: 290px;
5287 font-size: 19px;
5288 border: 1px solid var(--primary-color);
5289 border-radius: var(--border-radius);
5290 }
5291
5292 a.frm_add_logic_link.frm_hidden {
5293 display: none;
5294 }
5295
5296 .frm_add_logic_link .frmsvg,
5297 .frm_add_logic_link i {
5298 margin-right: 5px;
5299 }
5300
5301 .frm_right_addon {
5302 position: relative;
5303 }
5304
5305 .frm_right_addon .frm_remove_field {
5306 position: absolute;
5307 padding: 5px 10px;
5308 right: 10px;
5309 bottom: 0;
5310 }
5311
5312 .frm_right_addon input {
5313 padding-right: 30px;
5314 }
5315
5316 .frm_icon_font {
5317 color: #A0A0A0;
5318 color: var(--grey);
5319 }
5320
5321 .misc-pub-revisions.frm_icon_font,
5322 .misc-pub-revisions.frm_icon_font:hover {
5323 color: inherit;
5324 }
5325
5326 .postbox.frm_with_icons .inside {
5327 padding: 0;
5328 margin: 0;
5329 }
5330
5331 .frm_add_tag:before {
5332 content: '\e602';
5333 }
5334
5335 .frm_remove_tag:before {
5336 content: '\e600';
5337 }
5338
5339 .frm_logic_row .frm_remove_tag {
5340 padding-left: 7px;
5341 }
5342
5343 .frm_logic_row .frm1 > .frm_remove_tag {
5344 padding: 0;
5345 }
5346
5347 .frm_tooltip_icon:before {
5348 font-size: 13px;
5349 vertical-align: top;
5350 }
5351
5352 .form-field input[type=text].frm_other_input {
5353 width: 30%;
5354 margin-left: 10px;
5355 }
5356
5357 .frm-add-other {
5358 text-align: right;
5359 }
5360
5361 .frm_add_opt .frm_add_tag,
5362 .frm-add-other .frm_add_tag {
5363 vertical-align: 20%;
5364 }
5365
5366 .frm_action_icon {
5367 margin: 5px 0 0 5px;
5368 }
5369
5370 span.frm_action_icon {
5371 margin: 0 4px 0 0;
5372 }
5373
5374 .frm_action_icon:active {
5375 outline: none;
5376 }
5377
5378 a.frm_action_icon:hover {
5379 text-decoration: none;
5380 }
5381
5382 .frm_action_icon.frm_error_icon:before {
5383 content: '\e608';
5384 }
5385
5386 .frm_inactive_icon.frm_action_icon.frm_error_icon:before {
5387 content: '\e606';
5388 }
5389
5390 .frm-field-action-icons {
5391 text-align: right;
5392 position: absolute;
5393 top: 2px;
5394 right: 2px;
5395 max-width: 100%;
5396 }
5397
5398 .frm-field-action-icons .frm-field-id {
5399 display: inline-block;
5400 overflow: hidden;
5401 text-overflow: ellipsis;
5402 white-space: nowrap;
5403 width: 80px;
5404 max-width: calc( 100% - 50px );
5405 position: relative;
5406 top: 2px;
5407 }
5408
5409 .frm-field-action-icons a {
5410 font-size: 16px;
5411 width: 17px;
5412 }
5413
5414 .frm-field-action-icons a:hover {
5415 text-decoration: none;
5416 }
5417
5418 .frm-field-action-icons .dropdown {
5419 display: inline-block;
5420 }
5421
5422 .frm-field-action-icons a .frmsvg {
5423 color: #9EA9B8 !important;
5424 font-size: 17px;
5425 width: 17px;
5426 height: 17px;
5427 }
5428
5429 .edit_field_type_end_divider .frm-field-action-icons {
5430 display: none !important;
5431 }
5432
5433 .frm-move {
5434 cursor: move;
5435 }
5436
5437 span.howto {
5438 display: inline;
5439 }
5440
5441 .frm_import_message {
5442 margin: 15px 0;
5443 line-height: 2.5em;
5444 }
5445
5446 .frm_sorting .form-field .widget input[type="text"],
5447 .frm_sorting .form-field .widget input[type="number"],
5448 .frm_sorting .form-field .widget select,
5449 #wpcontent .frm_sorting .form-field .widget select,
5450 .frm_sorting .form-field .widget textarea {
5451 width: auto;
5452 }
5453
5454 .tagchecklist span.no_taglist {
5455 display: inline;
5456 float: none;
5457 line-height: 15px;
5458 margin-right: 0;
5459 font-size: inherit;
5460 }
5461
5462 .tagchecklist .frm_exclude_cat_list span {
5463 display: inline;
5464 }
5465
5466 .tagchecklist span a:before {
5467 line-height: 23px;
5468 text-align: start;
5469 }
5470
5471 /* Entries Page */
5472 .frm_no_entries_form {
5473 padding: 60px 0;
5474 }
5475
5476 .frm_no_entries_form .frm_no_entries_header {
5477 font-size: 20px;
5478 margin-bottom: 10px;
5479 }
5480
5481 .frm_no_entries_form .frm_no_entries_text {
5482 line-height: 200%;
5483 }
5484
5485 #form_entries_page #the-list .no-items {
5486 height: 240px; /* Equals to the max height of search dropdown */
5487 }
5488
5489 /* Reports Page */
5490 #form_reports_page img.frm_no_reports {
5491 max-width: 100%;
5492 }
5493
5494 .frm_wrap .google-visualization-table .gradient,
5495 .frm_wrap .google-visualization-table-tr-head,
5496 .frm_wrap .google-visualization-table-tr-odd,
5497 .frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over {
5498 background: var(--lightest-grey);
5499 }
5500
5501 .frm_wrap .google-visualization-table-tr-over {
5502 background: #fff;
5503 }
5504
5505 .frm_wrap .google-visualization-table-table th,
5506 .frm_wrap .google-visualization-table-table td {
5507 border-right-width: 0;
5508 padding: 10px !important;
5509 }
5510
5511 .frm_wrap .google-visualization-table-tr-head,
5512 .frm_wrap .google-visualization-table-tr-head th {
5513 font-size: 16px;
5514 font-weight: 400 !important;
5515 text-align: left;
5516 }
5517
5518 .frm_wrap .google-visualization-table-td-number {
5519 text-align: inherit;
5520 }
5521
5522 #form_reports_page .postbox{
5523 text-align: center;
5524 float: none;
5525 display: inline-block;
5526 margin-right: 2%;
5527 width: 20%;
5528 min-width: 175px;
5529 }
5530
5531 #form_reports_page h2 {
5532 margin-top: 2em !important;
5533 }
5534
5535 /* Views Page */
5536 #form_views_page img.frm_no_views {
5537 max-width: 100%;
5538 }
5539
5540 /* Field options popup */
5541 .frm_field_opts_popup {
5542 min-width: 300px;
5543 background-color: #fff;
5544 }
5545
5546 .frm_field_opts_popup #wpadminbar {
5547 display: none;
5548 }
5549
5550 .frm_prepop {
5551 width: 100%;
5552 list-style: none;
5553 overflow: auto;
5554 margin: 0;
5555 max-height: 295px;
5556 }
5557
5558 .frm_prepop li {
5559 margin: 0;
5560 }
5561
5562 .frm_prepop li a {
5563 display: block;
5564 text-decoration: none;
5565 cursor: pointer;
5566 padding: 5px 20px;
5567 }
5568
5569 .frm_prepop li a:hover {
5570 background: var(--sidebar-color);
5571 }
5572
5573 /* */
5574 #frm_form_editor_container #frm_form_key_box {
5575 width: 13em;
5576 max-width: 30%
5577 }
5578
5579 #frm_form_editor_container #frm_form_desc {
5580 width: 70%;
5581 }
5582
5583 #frm_form_editor_container .ui-widget-content {
5584 display: none;
5585 padding: 15px;
5586 }
5587
5588 #frm_form_editor_container .ui-widget-content label {
5589 float: left;
5590 width: 170px;
5591 text-align: right;
5592 padding-right: 5px;
5593 clear: both;
5594 }
5595
5596 #frm_form_editor_container .ui-widget-content label.nofloat {
5597 clear: none;
5598 float: none;
5599 margin-left: 10px;
5600 }
5601
5602 #frm_form_editor_container .ui-state-default {
5603 color: #333 !important;
5604 }
5605
5606 .frm_green {
5607 color: var(--green) !important;
5608 }
5609
5610 #frm_form_editor_container .ui-state-default a.frm_orange, .frm-right-panel a.frm_orange, #postbox-container-1 a.frm_orange {
5611 color: #D54E21;
5612 }
5613
5614 #styling_settings input[type=checkbox], #styling_settings input[type=radio] {
5615 border: solid 1px #bbb;
5616 }
5617
5618 #styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top {
5619 cursor: pointer;
5620 }
5621
5622 .frm_sorting .widget, .frm_settings_page .widget {
5623 background: #fff;
5624 }
5625
5626 .frm_sorting .widget-title h4 {
5627 font-weight: normal;
5628 }
5629
5630 .frm_sorting .widget, #postbox-container-1 .widget, .frm-right-panel .widget, .frm_settings_page .widget {
5631 margin-bottom: 0;
5632 }
5633
5634 .frm_settings_page .widget-inside {
5635 padding: 0 5px 5px;
5636 }
5637
5638 .frm_sorting .widget,
5639 .widget-inside,
5640 .frm_sorting .form-field .widget {
5641 display: none;
5642 }
5643
5644 #frm-show-fields {
5645 min-height: 350px;
5646 padding: 10px 0 35px;
5647 margin: 0;
5648 position: relative;
5649 }
5650
5651 .frm-has-fields #frm-show-fields {
5652 min-height: 50px;
5653 }
5654
5655 #frm_builder_page #frm_field_group_controls {
5656 position: absolute;
5657 padding: 5px;
5658 border-radius: 4px 4px 0 0;
5659 text-align: right;
5660 box-sizing: border-box;
5661 right: 0;
5662 top: -28px;
5663 height: 28px;
5664 z-index: 3; /* section dividers use z-index: 2; position above that to avoid it taking over hover control. */
5665 }
5666
5667 .frm-field-group-hover-target,
5668 .frm-has-open-field-group-popup,
5669 #frm_builder_page #frm_field_group_controls,
5670 .frm-selected-field-group {
5671 background: rgba(65, 153, 253, 0.04);
5672 }
5673
5674 .frm-selected-field-group {
5675 position: relative;
5676 }
5677
5678 #frm_builder_page #frm_field_group_controls > span:first-child {
5679 margin-right: 5px;
5680 }
5681
5682 #frm_builder_page #frm_field_group_controls svg {
5683 pointer-events: none;
5684 }
5685
5686 #frm_field_group_controls {
5687 visibility: hidden;
5688 }
5689
5690 .frm-field-group-hover-target #frm_field_group_controls {
5691 visibility: visible;
5692 }
5693
5694 #frm_field_group_controls .dropdown-item a span,
5695 .frm-field-action-icons .dropdown-item a span {
5696 color: var(--dark-grey);
5697 }
5698
5699 #frm_field_group_controls .dropdown-item a:hover {
5700 text-decoration: none;
5701 }
5702
5703 .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider {
5704 display: none !important;
5705 }
5706
5707 .frm-right-panel .ui-state-default,
5708 #postbox-container-1 .ui-state-default,
5709 .frm_sorting > li.ui-state-default,
5710 .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
5711 border: 1px solid transparent;
5712 font-weight: normal !important;
5713 background-color: transparent;
5714 background-image: none;
5715 padding: 5px;
5716 margin: 0;
5717 box-shadow: none;
5718 display: block;
5719 text-align: inherit !important;
5720 overflow: visible;
5721 position: relative;
5722 }
5723
5724 #frm-show-fields li.frm_cancel_sort {
5725 /* If a section gets dropped into a section, hide it */
5726 display: none;
5727 }
5728
5729 .divider_drop {
5730 text-align: center;
5731 }
5732
5733 .divider_drop .howto .frm_icon_font {
5734 font-style: normal;
5735 }
5736
5737 .show_repeat_sec {
5738 display: none;
5739 }
5740
5741 .repeat_section .show_repeat_sec {
5742 display: inline-block;
5743 margin: 5px 0 0;
5744 }
5745
5746 .repeat_section tr.show_repeat_sec {
5747 display: table-row;
5748 }
5749
5750 .repeat_format .frm_repeat_label,
5751 .repeat_formattext .frmsvg,
5752 .repeat_formattext i {
5753 display: none;
5754 }
5755
5756 .frm_button {
5757 text-decoration: none;
5758 border: 1px solid #eee;
5759 padding: 5px;
5760 color: #444;
5761 vertical-align: middle;
5762 box-shadow: none !important;
5763 }
5764
5765 a.frm_button:hover {
5766 text-decoration: none !important;
5767 }
5768
5769 .frm_button,
5770 .frm_button .frm_icon_font:before {
5771 font-size: 13px;
5772 vertical-align: middle;
5773 }
5774
5775 .frm_button .frmsvg {
5776 width: 13px;
5777 height: 13px;
5778 }
5779
5780 .frm-right-panel .ui-state-default,
5781 #postbox-container-1 .ui-state-default {
5782 padding: 0;
5783 margin: 0;
5784 }
5785
5786 ul.start_divider {
5787 padding: 8px 13px 0 8px;
5788 min-height: 115px;
5789 transition: all 0.4s linear;
5790 }
5791
5792 .frm-section-collapsed .frm_no_section_fields,
5793 .frm-section-collapsed ul.start_divider {
5794 height: 0;
5795 min-height: 0 !important;
5796 }
5797
5798 .frm-section-collapsed ul.start_divider {
5799 overflow: hidden;
5800 }
5801
5802 .frm-section-collapsed .frm_no_section_fields {
5803 overflow: hidden;
5804 padding: 0;
5805 opacity: 0;
5806 }
5807
5808 .frm-section-collapsed .divider_section_only .frm-collapsed-label {
5809 display: inline;
5810 }
5811
5812 .frm-page-collapsed .frm_clone_icon,
5813 .frm-page-collapsed .frm_delete_field,
5814 .frm-section-collapsed .frm_clone_icon,
5815 .frm-section-collapsed .frm_delete_field {
5816 opacity: .5;
5817 cursor: not-allowed;
5818 }
5819
5820 .edit_field_type_summary .frm_clone_field {
5821 display: none !important;
5822 }
5823
5824 .frm_no_section_fields:not(.frm_block) + ul.start_divider {
5825 padding: 0;
5826 min-height: 132px;
5827 }
5828
5829 .frm_sorting li.ui-state-default .divider_section_only {
5830 padding: 6px;
5831 margin-top: -10px;
5832 border: 2px solid transparent;
5833 border-radius: var(--small-radius);
5834 z-index: 2;
5835 position: relative;
5836 }
5837
5838 .divider_section_only > .frm_inner_field_container {
5839 padding: 5px 0;
5840 margin: 0;
5841 }
5842
5843 .frm-collapsed-label,
5844 .divider_section_only > .frm_inner_field_container .frm_form_fields {
5845 display: none;
5846 }
5847
5848 .frm-section-collapsed .divider_section_only:after,
5849 .divider_section_only:before {
5850 content: '';
5851 display: block;
5852 padding: 2px 0;
5853 line-height: 1px;
5854 border-top: 2px solid var(--grey-border);
5855 top: -2px;
5856 position: absolute;
5857 width: 100%;
5858 transition: .5s border-color ease-in-out;
5859 }
5860
5861 .frm-section-collapsed .divider_section_only:after {
5862 top: auto;
5863 bottom: -6px;
5864 }
5865
5866 .frm-section-collapsed .divider_section_only:hover:after,
5867 li.selected.frm-section-collapsed .divider_section_only:before,
5868 .divider_section_only:hover:before,
5869 li.selected .divider_section_only:before {
5870 border-color: transparent;
5871 }
5872
5873 .frm_sorting li.ui-state-default.edit_field_type_divider {
5874 overflow: visible;
5875 position: relative;
5876 padding: 0 0 0 20px;
5877 margin: 25px 0 0 -20px;
5878 border-left: 1px solid var(--primary-hover);
5879 transition: border 0.7s ease-out;
5880 }
5881
5882 .frm-section-collapsed {
5883 border-left-color: transparent !important;
5884 }
5885
5886 .frm_sorting li.edit_field_type_end_divider,
5887 .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
5888 margin: 0 0 15px;
5889 }
5890
5891 .frm-first-page .frm_prev_page {
5892 display: none;
5893 }
5894
5895 #frm-form-button button,
5896 .frm_remove_form_row.frm_button,
5897 .frm_add_form_row.frm_button,
5898 .frm-white-body .frm-preview-buttons button {
5899 border-radius: var(--small-radius);
5900 border: 1px solid var(--blue-border);
5901 color: var(--primary-color);
5902 }
5903
5904 .frm_wrap .frm_remove_form_row .frmsvg,
5905 .frm_remove_form_row i:before,
5906 .frm_wrap .frm_add_form_row .frmsvg,
5907 .frm_add_form_row i:before {
5908 color: var(--primary-hover);
5909 }
5910
5911 .frm-preview-buttons .frm_button_submit {
5912 margin: 0 5px;
5913 }
5914
5915 .frm-page-break {
5916 border-top: 1px dashed var(--primary-hover);
5917 margin-top: 30px;
5918 position: relative;
5919 }
5920
5921 .edit_field_type_divider:before,
5922 .edit_field_type_divider:after,
5923 .frm-page-break:before,
5924 .frm-page-break:after {
5925 content: '';
5926 position: absolute;
5927 top: -4px;
5928 width: 4px;
5929 height: 4px;
5930 background-color: #fff;
5931 border-radius: 50%;
5932 border: 1px solid var(--primary-hover);
5933 text-rendering: auto;
5934 -webkit-font-smoothing: antialiased;
5935 }
5936
5937 .frm-page-break:after {
5938 right: 0;
5939 }
5940
5941 #frm-fake-page {
5942 padding: 0 5px;
5943 }
5944
5945 #frm-fake-page .frm-page-break,
5946 #frm-fake-page .frm-page-break:before,
5947 #frm-fake-page .frm-page-break:after {
5948 border-color: var(--grey);
5949 }
5950
5951 .edit_field_type_divider:before {
5952 width: 20px;
5953 height: 20px;
5954 left: -11px;
5955 top: 0;
5956 background: var(--primary-hover);
5957 text-align: center;
5958 color: #fff;
5959 font-size: 13px;
5960 line-height: 22px;
5961 }
5962
5963 .edit_field_type_divider:before{
5964 font-family: 's11-fp';
5965 content: '\f1dc';
5966 }
5967
5968 .repeat_section.edit_field_type_divider:before {
5969 font-family: 's11-fp';
5970 content: '\f363';
5971 }
5972
5973 .edit_field_type_divider:after {
5974 left: -4px;
5975 bottom: 0;
5976 top: auto;
5977 transition: all 0.4s ease-out;
5978 }
5979
5980
5981 .frm_sorting li.edit_field_type_divider:hover,
5982 .frm_sorting li.edit_field_type_divider.selected {
5983 border-left-color: var(--primary-color);
5984 }
5985
5986 .edit_field_type_divider.selected:before,
5987 .edit_field_type_divider:hover:before {
5988 border-color: var(--primary-color);
5989 background: var(--primary-color);
5990 }
5991
5992 .edit_field_type_divider.selected:after,
5993 .edit_field_type_divider:hover:after {
5994 border-color: var(--primary-color);
5995 }
5996
5997 .frm-section-collapsed:after {
5998 border-color: transparent !important;
5999 color: transparent;
6000 }
6001
6002 .frm-page-break .frm-collapse-page.button {
6003 margin-left: 46%;
6004 margin-top: -15px;
6005 background-color: #fff;
6006 border-color: var(--primary-hover) !important;
6007 color: var(--primary-hover);
6008 }
6009
6010 #frm-fake-page .frm-collapse-page.button {
6011 border-color: var(--grey) !important;
6012 color: var(--grey);
6013 }
6014
6015 #frm-fake-page.frm-page-collapsed {
6016 margin-bottom: 0;
6017 }
6018
6019 .frm-page-collapsed {
6020 position: relative;
6021 overflow: visible !important;
6022 margin-bottom: 30px;
6023 }
6024
6025 .frm-page-collapsed:after {
6026 content: '';
6027 display: block;
6028 border: 1px dashed var(--grey-border);
6029 border-left: none;
6030 border-right: none;
6031 height: 6px;
6032 position: absolute;
6033 width: calc( 100% - 10px );
6034 bottom: -15px;
6035 }
6036
6037 .frm-collapse-page .frm_arrowdown6_icon {
6038 width: 16px;
6039 text-align: center;
6040 margin-left: 2px;
6041 color: var(--primary-hover);
6042 }
6043
6044 #frm-fake-page .frm_arrowdown6_icon {
6045 color: var(--grey);
6046 }
6047
6048 #frm-fake-page .frm-collapse-page:hover,
6049 #frm-fake-page .frm-collapse-page:hover .frm_arrowdown6_icon,
6050 .frm-collapse-page:hover .frm_arrowdown6_icon {
6051 color: #fff;
6052 }
6053
6054 .frm-collapsed i:before,
6055 .frm-section-collapsed .frm_arrowdown6_icon:before,
6056 .frm-page-collapsed .frm_arrowdown6_icon:before {
6057 content: '\e913';
6058 }
6059
6060 .open .widget-top .frm_arrow_right_icon:before {
6061 content: '\e62a';
6062 }
6063
6064 .frm-collapsed + .frm-collapse-me {
6065 overflow: hidden !important;
6066 }
6067
6068 .frm-collapse-me {
6069 padding-bottom: 10px;
6070 }
6071
6072 .frm-collapsed + div {
6073 height: 0;
6074 padding: 0;
6075 border-bottom: 2px solid var(--sidebar-hover);
6076 }
6077
6078 .frm_sorting .divider_section_only > .frm_ipe_field_label {
6079 font-size: 116%;
6080 }
6081
6082 #frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button {
6083 width: 150px;
6084 text-align: center;
6085 margin-bottom: 3px;
6086 display: block;
6087 }
6088
6089 tr.frm_options_heading td {
6090 padding-bottom: 0;
6091 }
6092
6093 .frm_sorting .widget-inside .form-table td p,
6094 .frm_sorting .widget-inside .form-wrap label {
6095 padding: 10px 0;
6096 }
6097
6098 .frm_no_fields,
6099 .frm_no_section_fields {
6100 text-align: center;
6101 position: absolute;
6102 color: var(--medium-grey);
6103 font-size: 16px;
6104 box-sizing: border-box;
6105 border: 1px dashed var(--grey-border);
6106 }
6107
6108 .drop-me + .frm_no_fields {
6109 border-style: solid;
6110 }
6111
6112 .frm_no_section_fields {
6113 display: none;
6114 margin: 0;
6115 padding: 20px 0 0;
6116 width: calc( 100% - 20px );
6117 height: 121px;
6118 transition: all 0.4s linear;
6119 }
6120
6121 .frm_no_fields {
6122 min-height: 300px;
6123 margin: 20px 5%;
6124 width: 90%;
6125 top: 0;
6126 }
6127
6128 .frm-has-fields .frm_no_fields {
6129 display: none;
6130 }
6131
6132 #frm-form-button {
6133 display: none;
6134 margin: 0 7px 25px;
6135 }
6136
6137 .frm-has-fields #frm-form-button {
6138 display: block;
6139 }
6140
6141 .frm-large-plus.frmsvg {
6142 color: var(--primary-hover);
6143 height: 45px;
6144 width: 45px;
6145 }
6146
6147 .frm_drag_inst {
6148 line-height: normal;
6149 font-size: 35px;
6150 font-weight: 300;
6151 margin: 80px 0 25px;
6152 }
6153
6154 .frm_no_section_fields p,
6155 .frm_no_fields p {
6156 color: var(--grey);
6157 font-size: 15px;
6158 }
6159
6160 .frm_product_price_wrapper {
6161 display: inline-block;
6162 vertical-align: middle;
6163 }
6164
6165 .frm_prod_type_single .frm_product_price_wrapper {
6166 width: 100%;
6167 }
6168
6169 #new_fields .frm_product_price_wrapper input:first-child {
6170 width: 60%;
6171 float: left;
6172 }
6173
6174 #new_fields .frm_product_price_wrapper input:nth-child(2) {
6175 width: 37%;
6176 float: right;
6177 }
6178
6179 .frm_priority_field_choices,
6180 li.frm_single_option {
6181 padding-bottom: 16px;
6182 border-bottom: 1px solid var(--sidebar-hover);
6183 }
6184
6185 .frm_priority_field_choices,
6186 li.frm_single_option:not(:last-child) {
6187 margin-bottom: 16px;
6188 }
6189
6190 .frm_prod_type_single input[type=radio],
6191 .frm_prod_type_single .frm_drag_icon,
6192 .frm_prod_type_single .frm_sortable_field_opts li:nth-child( n + 3 ),
6193 .frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag,
6194 .frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product),
6195 .frm_prod_type_single .frm-bulk-edit-link,
6196 .frm_prod_type_user_def.frm_grid_container,
6197 .frm_prod_options_heading.frm_prod_user_def {
6198 display: none;
6199 }
6200
6201 #frm-preview-block {
6202 height: 400px;
6203 overflow: scroll;
6204 margin: 0;
6205 }
6206
6207 .plugin-card-bottom .frm-trash {
6208 color: #a00;
6209 }
6210
6211 .frm-fields p > .frm_inline_label,
6212 .frm_inline_label {
6213 padding-left: 3px;
6214 margin-right: 12px;
6215 display: inline-block;
6216 }
6217
6218 .frm_left_label {
6219 clear: both;
6220 float: left;
6221 width: 32% !important;
6222 margin-right: 2% !important;
6223 line-height: 2em;
6224 }
6225
6226 table td.frm_left_label {
6227 float: none;
6228 line-height: inherit;
6229 padding: 5px 0 5px 2%;
6230 }
6231
6232 .frm_left_label.frm_alignright {
6233 padding-right: 10px;
6234 text-align: right;
6235 }
6236
6237 .frm-fields .frm_left_label + textarea,
6238 .frm-fields .frm_left_label + select,
6239 .frm-fields .frm_left_label + input[type=text],
6240 .frm_with_left_label {
6241 width: 66%;
6242 }
6243
6244 td.frm_left_label + td {
6245 width: 66%;
6246 padding-top: 0;
6247 }
6248
6249 #html_settings label {
6250 display: block;
6251 }
6252
6253 #html_settings .frm_field_html_box {
6254 width: 100%;
6255 }
6256
6257 ul.frm-category-tabs {
6258 margin-top: 2px;
6259 }
6260
6261 .frm-category-tabs > li a,
6262 .frm-category-tabs > li a:active {
6263 outline: none;
6264 -webkit-box-shadow: none;
6265 box-shadow: none;
6266 }
6267
6268 .frm-category-tabs > li.active .frmsvg,
6269 .frm-category-tabs > li.active i,
6270 .frm-category-tabs > li.active span,
6271 .frm-category-tabs > li.active a {
6272 color: var(--primary-color);
6273 }
6274
6275 .frm_wrap .manage-menus {
6276 margin-top: 0;
6277 border: none;
6278 border-bottom: 1px solid var(--grey-border);
6279 background: var(--lightest-grey);
6280 }
6281
6282 .general_settings .postbox .manage-menus {
6283 border-top: none;
6284 border-left: none;
6285 border-right: none;
6286 }
6287
6288 .postbox .frm-help-tabs.inside,
6289 #poststuff .frm-help-tabs.inside {
6290 padding-left: 0;
6291 padding-right: 0;
6292 padding-bottom: 12px;
6293 margin-top: 0;
6294 margin-bottom: 0;
6295 }
6296
6297 .postbox .frm-help-tabs.inside {
6298 padding-bottom: inherit;
6299 }
6300
6301 .frm-help-tabs form > .submit {
6302 margin-left: 154px;
6303 padding-left: 0.9em;
6304 }
6305
6306 #poststuff h3.frm_no_bg {
6307 background: none;
6308 cursor: default;
6309 }
6310
6311 .frm-postbox-no-h3 {
6312 padding-top: 10px;
6313 }
6314
6315 .frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default {
6316 color: var(--darkest-grey);
6317 }
6318
6319 .no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover {
6320 box-shadow: none;
6321 }
6322
6323 .frm-selected-field-group li.ui-state-default,
6324 .start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected,
6325 .start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover,
6326 .frm_sorting li.ui-state-default.frm_not_divider:hover,
6327 .frm_sorting li.ui-state-default.ui-sortable-helper,
6328 .frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover,
6329 .frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover,
6330 .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only,
6331 .frm_update_msg,
6332 .frm_sorting li.ui-state-default.frm_not_divider.selected,
6333 .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only {
6334 border-color: var(--primary-color);
6335 transition: .5s border-color ease-in-out;
6336 }
6337
6338 .frm_sorting li.ui-state-default.frm_not_divider.selected {
6339 box-shadow: 0 0 1px 0 var(--primary-color);
6340 }
6341
6342 .frm_sorting li.ui-state-default {
6343 transition: .7s box-shadow ease-in-out, .7s height linear;
6344 }
6345
6346 .frm_sorting li.ui-state-default.frm-newly-added {
6347 box-shadow: inset 0 0 2px 1px var(--blue-border);
6348 }
6349
6350 .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
6351 visibility: visible !important;
6352 display: inline !important;
6353 }
6354
6355 .edit_field_type_end_divider > label {
6356 display: none !important;
6357 }
6358
6359 .frm_email_actions.feature-filter {
6360 font-weight: bold;
6361 border: 1px solid #DFDFDF;
6362 background-color: #EEEEEE;
6363 padding: 3px 5px 2px;
6364 font-size: 16px;
6365 line-height: 20px;
6366 }
6367
6368 .frm_update_msg {
6369 border-style: solid;
6370 margin: 10px 0;
6371 color: #21759B;
6372 padding: 8px 15px;
6373 border-radius: 4px;
6374 }
6375
6376 .frm_update_msg.wrap {
6377 margin: 10px 20px 0 2px;
6378 }
6379
6380 #frm-insert-fields-box .frm_update_msg {
6381 margin-right: 0.9em;
6382 }
6383
6384 .frm_update_msg a {
6385 font-weight: bold;
6386 }
6387
6388 .widefat td {
6389 width: auto;
6390 }
6391
6392 .widefat .column-id {
6393 width: 3.7em;
6394 }
6395
6396 .widefat .column-show_count {
6397 width: 5em;
6398 }
6399
6400 .widefat .column-shortcode {
6401 width: 9em;
6402 }
6403
6404 .widefat .column-entries, .widefat .column-link {
6405 width: 10%;
6406 text-align: center;
6407 }
6408
6409 .widefat .column-form_key, .widefat .column-created_at {
6410 width: 10%;
6411 }
6412
6413 .post-type-frm_display .search-box,
6414 .frm_wrap .frm-search {
6415 float: right;
6416 margin-bottom: 15px;
6417 clear: right;
6418 }
6419
6420 #form_entries_page form .frm-search {
6421 margin-top: 15px;
6422 }
6423
6424 .frm-search {
6425 width: 32%;
6426 float: right;
6427 position: relative;
6428 }
6429
6430 .frm-inline-modal .frm-search,
6431 #frm_adv_info .frm-search {
6432 float: none;
6433 width: 100%;
6434 clear: both;
6435 margin: 5px 0 10px;
6436 }
6437
6438 .frm-button-group a {
6439 margin: 0 7px !important;
6440 }
6441
6442 .frm_has_textarea .frm-with-right-icon {
6443 display: block;
6444 }
6445
6446 .frm-with-left-icon,
6447 .frm-with-right-icon {
6448 position: relative;
6449 }
6450
6451 i.frm-show-box,
6452 i.frm-show-inline-modal,
6453 .frm-with-left-icon i,
6454 .frm-with-right-icon i,
6455 .frmsvg.frm-show-box,
6456 .frmsvg.frm-show-inline-modal,
6457 .frm-with-left-icon .frmsvg,
6458 .frm-with-right-icon .frmsvg,
6459 .frm-search > .frmsvg,
6460 .frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) {
6461 position: absolute;
6462 padding: 7px 10px;
6463 pointer-events: none;
6464 left: 0;
6465 color: var(--grey);
6466 opacity: .5;
6467 font-size: 18px;
6468 }
6469
6470 .frm-with-right-icon .frmsvg,
6471 .frm-with-right-icon i {
6472 right: 0;
6473 top: -3px;
6474 left: auto;
6475 padding: 0 10px 0 5px;
6476 }
6477
6478 .frmsvg.frm-show-box,
6479 .frmsvg.frm-show-inline-modal,
6480 i.frm-show-box,
6481 i.frm-show-inline-modal {
6482 color: var(--primary-color);
6483 pointer-events: initial;
6484 cursor: pointer;
6485 z-index: 1;
6486 opacity: 1;
6487 right: 2px;
6488 top: auto;
6489 padding: 7px 10px;
6490 }
6491
6492 .frm-open .frmsvg.frm-show-inline-modal,
6493 .frm-open i.frm-show-inline-modal {
6494 opacity: .5;
6495 }
6496
6497 .frm-lookup-box-label + .frm-inline-modal,
6498 .frm-open + .frm-inline-modal {
6499 top: -10px;
6500 margin-bottom: 0;
6501 }
6502
6503 .frm_grid_container > .frm-open + .frm-inline-modal {
6504 top: -4px;
6505 }
6506
6507 .frm-with-left-icon input {
6508 padding-left: 37px !important;
6509 }
6510
6511 .frm_wrap .frm-with-right-icon textarea,
6512 .frm_wrap .frm-with-right-icon input,
6513 .frm_wrap .frm-with-right-icon input[type=text] {
6514 padding-right: 35px;
6515 }
6516
6517 #frm-show-fields .frm-with-left-icon .frmsvg,
6518 #frm-show-fields .frm-with-left-icon i {
6519 padding-top: 10px;
6520 }
6521
6522 .frm-search input.frm-search-input,
6523 .frm-search input[name="s"],
6524 .frm-search #search-submit {
6525 border-color: var(--grey-border);
6526 box-shadow: none;
6527 margin: 0;
6528 padding: 7px;
6529 height: auto;
6530 font-size: 13px;
6531 line-height: normal;
6532 }
6533
6534 .frm-search .dropdown-toggle,
6535 .frm-search input.frm-search-input {
6536 border-radius: var(--border-radius);
6537 padding-left: 33px !important;
6538 }
6539
6540 .frm-search input[name="s"] {
6541 width: 70%;
6542 float: left;
6543 border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
6544 border-right-width: 0;
6545 padding-left: 33px;
6546 }
6547
6548 .frm-search .dropdown-toggle,
6549 .frm-search input.frm-auto-search {
6550 width: 100%;
6551 border-right-width: 1px;
6552 border-radius: var(--border-radius) !important;
6553 float: none;
6554 }
6555
6556 .frm-search .dropdown-toggle {
6557 max-width: 200px;
6558 background: transparent;
6559 padding: 7px;
6560 min-height: 32px;
6561 text-align: inherit;
6562 overflow: hidden;
6563 text-overflow: ellipsis;
6564 }
6565
6566 .frm-search span.multiselect-selected-text {
6567 white-space: nowrap;
6568 display: inline-block;
6569 }
6570
6571 .frm-search #search-submit {
6572 width: 30%;
6573 border-radius: 0 var(--border-radius) var(--border-radius) 0;
6574 text-align: center;
6575 background-color: var(--lightest-grey);
6576 }
6577
6578 .frm-search #search-submit a {
6579 color: var(--primary-color);
6580 }
6581
6582 .frm-search #search-submit .caret {
6583 opacity:.7;
6584 }
6585
6586 .frm-not-set input {
6587 color: var(--primary-color) !important;
6588 font-size: 13px;
6589 }
6590
6591 .frm-not-set .frmsvg,
6592 .frm-not-set i {
6593 color: var(--primary-hover);
6594 opacity: 1;
6595 }
6596
6597 .post-type-frm_display select[name="m"] + #post-query-submit,
6598 select[name="m"] {
6599 display: none;
6600 }
6601
6602 .frm_shortcode_select optgroup option {
6603 margin-left: 1em;
6604 }
6605
6606 .frm_shortcode_select optgroup {
6607 padding-top: 5px;
6608 }
6609
6610 .frm_shortcode_select .frm_subopt {
6611 margin-left: 2em;
6612 }
6613
6614 .misc-pub-section a.edit-frm_shortcode, .misc-pub-section a.edit-form-status {
6615 float: none;
6616 font-size: 13px;
6617 }
6618
6619 .frm-grid {
6620 border-collapse: collapse;
6621 border: none;
6622 margin-right: 10px;
6623 }
6624
6625 .frm-grid td, .frm-grid th {
6626 padding: 5px;
6627 border: 1px solid black;
6628 }
6629
6630 .pro_feature {
6631 text-decoration: line-through;
6632 }
6633
6634 /* View page */
6635
6636 .post-type-frm_display #poststuff #post-body.columns-2 {
6637 margin-right: var(--big-sidebar);
6638 }
6639
6640 .post-type-frm_display #post-body.columns-2 #postbox-container-1 {
6641 margin-right: calc( var(--big-sidebar) * -1 );
6642 width: calc( var(--big-sidebar) - 40px );
6643 }
6644
6645 .post-type-frm_display #poststuff #post-body.columns-2 #side-sortables {
6646 width: 100%;
6647 }
6648
6649 #frm_dyncontent .hndle,
6650 #frm_dyncontent .handlediv {
6651 display: none !important;
6652 }
6653
6654 .post-type-frm_display .meta-box-sortables .frm_form_nav > li > a,
6655 .post-type-frm_display .frm_form_nav .nav-tab-active {
6656 padding: 0 2px 5px;
6657 line-height: 1.4;
6658 }
6659
6660 .post-type-frm_display #advanced-sortables h2.hndle,
6661 .post-type-frm_display #side-sortables h2.hndle,
6662 .post-type-frm_display #normal-sortables h2.hndle {
6663 border-bottom: 1px solid var(--grey-border);
6664 margin: 10px 0 0 !important;
6665 padding: 0 25px 8px;
6666 }
6667
6668 .post-type-frm_display #side-sortables h2.hndle {
6669 margin-top: 0 !important;
6670 padding-top: 10px;
6671 }
6672
6673 .post-type-frm_display #post-body-content {
6674 margin-top: 30px;
6675 }
6676
6677 .post-type-frm_display.edit-php #wpbody-content > .wrap {
6678 margin: 0;
6679 }
6680
6681 .post-type-frm_display .postbox .hndle,
6682 .post-type-frm_display .postbox {
6683 border-color: var(--grey-border);
6684 }
6685
6686 .post-type-frm_display #postbox-container-1 .postbox,
6687 .post-type-frm_display #postbox-container-2 .postbox {
6688 border-radius: var(--small-radius);
6689 border-color: var(--grey-border);
6690 box-shadow: none;
6691 }
6692
6693 .post-type-frm_display #side-sortables .postbox {
6694 border-radius: 0;
6695 border-top-width: 0;
6696 margin-bottom: 0;
6697 }
6698
6699 .post-type-frm_display #side-sortables .misc-pub-section {
6700 padding: 15px 20px 10px;
6701 }
6702
6703 .post-type-frm_display .misc-pub-section .frmsvg,
6704 .post-type-frm_display #post-body .misc-pub-post-status:before,
6705 .post-type-frm_display #post-body #visibility:before,
6706 .post-type-frm_display .curtime #timestamp:before,
6707 .post-type-frm_display #post-body .misc-pub-revisions:before,
6708 .post-type-frm_display span.wp-media-buttons-icon:before {
6709 color: var( --grey);
6710 }
6711
6712 .post-type-frm_display #frm_top_bar + #poststuff #submitdiv #publishing-action, /* Hide only if top bar is present */
6713 .post-type-frm_display #frm_top_bar + #poststuff #submitdiv #minor-publishing-actions,
6714 .post-type-frm_display #frm_top_bar + #poststuff #edit-slug-box,
6715 .post-type-frm_display .wrap h1.wp-heading-inline,
6716 .post-type-frm_display .wrap > .page-title-action {
6717 display: none;
6718 }
6719
6720 .post-type-frm_display #poststuff h2.nav-tab-wrapper {
6721 padding-left: 10px;
6722 margin-bottom: 0;
6723 padding-bottom: 0;
6724 }
6725
6726 .post-type-frm_display .nav-menus-php .wrap {
6727 margin: 10px 0 0;
6728 }
6729
6730 .post-type-frm_display .nav-menus-php .wrap p {
6731 padding-left: 12px;
6732 padding-right: 12px;
6733 }
6734
6735 .post-type-frm_display .nav-tab {
6736 display: inline-block;
6737 background-color: #f4f4f4;
6738 }
6739
6740 .post-type-frm_display .nav-tab.frm_hidden {
6741 display: none;
6742 }
6743
6744 .post-type-frm_display .nav-tab:hover {
6745 background-color: #e4e4e4;
6746 }
6747
6748 .frm_order_row,
6749 .frm_where_row {
6750 margin-bottom: 7px;
6751 line-height: 30px;
6752 }
6753
6754 .frm-single-settings .frm_prod_field_opt_cont {
6755 margin-top: initial;
6756 margin-bottom: 20px;
6757 }
6758
6759 /*hide elements if js is avail*/
6760 select.texture {
6761 display: none;
6762 }
6763
6764 .post-type-frm_display #wp-content-editor-tools,
6765 #wp-content-editor-tools {
6766 background-color: transparent;
6767 }
6768
6769 .post-type-frm_display #major-publishing-actions {
6770 border-color: var(--grey-border);
6771 background: var(--sidebar-color);
6772 }
6773
6774 .post-type-frm_display #frm_adv_info {
6775 width: calc( var(--big-sidebar) - 40px );
6776 height: calc( 100vh - 32px );
6777 overflow: hidden;
6778 }
6779
6780 .post-type-frm_display #frm_adv_info:not(.frm_fixed) {
6781 top: 0 !important;
6782 }
6783
6784 .post-type-frm_display #frm_adv_info.frm_fixed {
6785 position: fixed;
6786 z-index: 9999;
6787 top: 32px;
6788 }
6789
6790 .post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover {
6791 max-height: calc( 100vh - 180px );
6792 }
6793
6794 .frm_col_one {
6795 margin-right: 4%;
6796 clear: both;
6797 }
6798
6799 ul .frm_col_one {
6800 float: left;
6801 }
6802
6803 ul .frm_col_two {
6804 float: right;
6805 }
6806
6807 .frm_two_col li {
6808 float: left;
6809 width: 48%;
6810 margin-right: 4%;
6811 }
6812
6813 .frm_two_col li:nth-child(2n+2) {
6814 margin-right: 0;
6815 }
6816
6817 .frm-info-modal a,
6818 .frm-info-modal ul,
6819 .frm-info-modal p,
6820 .frm-info-modal,
6821 .settings-lite-cta a,
6822 .settings-lite-cta ul,
6823 .settings-lite-cta p,
6824 .settings-lite-cta {
6825 color: #666;
6826 font-size: 16px;
6827 box-shadow: none !important;
6828 }
6829
6830 .frm-info-modal h3,
6831 .settings-lite-cta h3 {
6832 font-size: 17px !important;
6833 }
6834
6835 .frm_placeholder_block h3 {
6836 font-size: 22px;
6837 font-weight: 400;
6838 color: var(--medium-grey);
6839 }
6840
6841 .frm-green-icons .frmsvg {
6842 color: var(--green);
6843 }
6844
6845 .frm-info-modal .postbox .inside,
6846 .settings-lite-cta .postbox .inside {
6847 padding: 20px 40px;
6848 margin: 0;
6849 }
6850
6851 .cta-inside a {
6852 color: var(--orange)
6853 }
6854
6855 .info-modal-inside a.frm-standard-link {
6856 color: var(--primary-color);
6857 }
6858
6859 .info-modal-inside a.frm-standard-link:hover {
6860 color: var(--primary-hover);
6861 }
6862
6863 .frm-caution {
6864 text-transform: uppercase;
6865 font-weight: bold;
6866 color: var(--dark-grey);
6867 }
6868
6869 .frm_no_p_margin > p {
6870 margin: 0;
6871 }
6872
6873 .frm_code_list a.button {
6874 display: block;
6875 text-align: center;
6876 font-size: 11px;
6877 overflow: hidden;
6878 }
6879
6880 .frm_code_list.frm-full-hover {
6881 margin: 0 -20px;
6882 }
6883
6884 #frm-navbarDrop + .frm_code_list.frm-full-hover {
6885 margin: 4px 0 0;
6886 }
6887
6888 .frm_code_list.frm-full-hover li {
6889 margin: 0;
6890 }
6891
6892 .frm-dropdown-menu > .dropdown-item > a,
6893 .frm-dropdown-menu .frm_dropdown_li,
6894 .frm_code_list.frm-full-hover a {
6895 display: block;
6896 color: var(--dark-grey);
6897 padding: 3px 25px;
6898 font-size: 15px;
6899 }
6900
6901 #frm_field_group_controls .frm-dropdown-menu,
6902 .frm-field-action-icons .frm-dropdown-menu {
6903 padding: 0;
6904 margin: 0;
6905 }
6906
6907 #frm_builder_page .frm-dropdown-menu .frm_dropdown_li.frm_more_options_li {
6908 padding: 0;
6909 color: rgba(40, 47, 54, 0.85);
6910 cursor: pointer;
6911 position: relative;
6912 height: 32px;
6913 }
6914
6915 #frm_builder_page .frm-dropdown-menu .frm_dropdown_li.frm_more_options_li .frmsvg {
6916 color: rgba(40, 47, 54, 0.85) !important;
6917 }
6918
6919 #frm_builder_page .frm-dropdown-menu .frm_dropdown_li.frm_more_options_li a {
6920 padding: 6px 10px;
6921 position: absolute;
6922 top: 0;
6923 left: 0;
6924 bottom: 0;
6925 width: 100%;
6926 box-sizing: border-box;
6927 }
6928
6929 #frm_builder_page .frm-dropdown-menu .frm_dropdown_li.frm_more_options_li:hover {
6930 background: #F6F7FB;
6931 }
6932
6933 .frm_code_list.frm-full-hover a span {
6934 color: var(--grey);
6935 float: right;
6936 font-size: 14px;
6937 max-width: 83px;
6938 text-align: right;
6939 }
6940
6941 .frm_code_list.frm-full-hover a,
6942 .frm_code_list.frm-full-hover a span {
6943 white-space: nowrap;
6944 overflow: hidden;
6945 text-overflow: ellipsis;
6946 }
6947
6948 .frm-dropdown-menu > .dropdown-item > a:hover,
6949 .frm_code_list.frm-full-hover a:hover span,
6950 .frm_code_list.frm-full-hover a:hover {
6951 background: var(--sidebar-color);
6952 color: var(--primary-color);
6953 }
6954
6955 .frm-dropdown-menu.frm_code_list > li > a {
6956 padding: 3px 15px;
6957 width: 300px;
6958 }
6959
6960 .frm-dropdown-menu.frm_code_list .frm-with-search {
6961 padding: 3px 10px;
6962 }
6963
6964 .frm_grid_container {
6965 overflow: visible;
6966 }
6967
6968 .frm_code_list.frm_grid_container {
6969 grid-gap: 5px;
6970 }
6971
6972 .frm_code_list.frm_grid_container li {
6973 width: auto;
6974 margin: 0;
6975 }
6976
6977 .frm_code_list.frm_grid_container a {
6978 padding: 5px 0;
6979 text-align: center;
6980 background-color: var(--light-blue);
6981 border: 1px solid var(--primary-color);
6982 color: var(--primary-color);
6983 display: block;
6984 border-radius: var(--small-radius);
6985 }
6986
6987 .frm_code_list.frm_grid_container a:hover {
6988 background-color: var(--primary-hover);
6989 color: #fff;
6990 }
6991
6992 .frm_field_list #frm-insert-fields .button a {
6993 display: block;
6994 max-width: 95%;
6995 overflow: hidden;
6996 }
6997
6998 .field_type_list li {
6999 margin: 0 0 10px;
7000 padding: 0;
7001 }
7002
7003 #frm-insert-fields .frm-search {
7004 float: none;
7005 margin: 15px 20px;
7006 width: auto;
7007 }
7008
7009 #frm-insert-fields li,
7010 #frm-insert-fields li a {
7011 text-decoration: none;
7012 font-weight: normal;
7013 font-size: 15px !important;
7014 color: var(--dark-grey);
7015 }
7016
7017 #frm-insert-fields li a {
7018 padding: 5px 20px;
7019 display: block;
7020 border-radius: 0 var(--border-radius) var(--border-radius) 0;
7021 }
7022
7023 #frm-insert-fields li.frm_show_upgrade {
7024 margin: 0 0 10px;
7025 padding: 5px 20px;
7026 box-sizing: border-box;
7027 cursor: pointer;
7028 opacity: .5;
7029 }
7030
7031 #frm-insert-fields li a span {
7032 vertical-align: middle;
7033 }
7034
7035 #frm-insert-fields li:nth-child(2n) a {
7036 border-radius: var(--border-radius) 0 0 var(--border-radius);
7037 }
7038
7039 #frm-insert-fields li a:not(.disabled):hover {
7040 background: var(--sidebar-hover);
7041 }
7042
7043 #frm-insert-fields li a.disabled:hover {
7044 cursor: not-allowed;
7045 }
7046
7047 #frm-insert-fields li.ui-draggable-disabled {
7048 opacity: 0.5;
7049 }
7050
7051 .frm_code_list {
7052 clear: both;
7053 }
7054
7055 .frm_code_list.frm-full-hover a.frm_hidden,
7056 .frm_code_list .frmkeys {
7057 display: none;
7058 }
7059
7060 .frmsvg {
7061 fill: currentColor;
7062 width: 18px;
7063 height: 18px;
7064 vertical-align: text-bottom;
7065 }
7066
7067 input[disabled],
7068 .frmsvg svg {
7069 pointer-events: none;
7070 }
7071
7072 .frmsvg.frm_svg20 {
7073 width: 20px;
7074 height: 20px;
7075 }
7076
7077 .frmsvg.frm_svg15 {
7078 width: 15px;
7079 height: 15px;
7080 }
7081
7082 .frmsvg.frm_svg14 {
7083 width: 14px;
7084 height: 14px;
7085 }
7086
7087 .frmsvg.frm_svg13 {
7088 width: 13px;
7089 height: 13px;
7090 }
7091
7092 .frm_code_list a .frmsvg,
7093 .frmbutton.ui-sortable-helper .frmsvg,
7094 .field_type_list li.frmbutton .frmsvg,
7095 .frm_code_list a i,
7096 .frmbutton.ui-sortable-helper i,
7097 .field_type_list li.frmbutton i {
7098 margin: .15em .2em;
7099 color: var(--grey);
7100 display: inline-block;
7101 vertical-align: middle;
7102 width: 20px;
7103 height: 20px;
7104 padding-right: 15px;
7105 text-align: left;
7106 font-size: 18px;
7107 }
7108
7109 /* Icon for Name field is larger */
7110 .field_type_list li.frm_tname.frmbutton .frmsvg {
7111 width: 24px;
7112 height: 24px;
7113 padding-right: 11px;
7114 }
7115
7116 .frm_code_list a .frmsvg,
7117 .frm_code_list a i {
7118 margin: 0 5px 0 0;
7119 padding: 0;
7120 width: 15px;
7121 font-size: 15px;
7122 }
7123
7124 .frm_code_list i:before {
7125 font-size: inherit;
7126 }
7127
7128 #frm-insert-fields li a:not(.disabled):hover .frmsvg,
7129 #frm-insert-fields li a:not(.disabled):hover i {
7130 color: var(--dark-grey);
7131 }
7132
7133 .frmbutton.ui-draggable-dragging {
7134 width: auto !important;
7135 }
7136
7137 /* Icon while dragging */
7138 .frmbutton.ui-draggable-dragging,
7139 .frmbutton.ui-draggable-dragging a {
7140 cursor: move;
7141 }
7142
7143 .frmbutton.ui-sortable-helper a,
7144 .frmbutton.ui-draggable-dragging a:hover,
7145 .frmbutton.ui-draggable-dragging a {
7146 text-decoration: none;
7147 height: 25px !important;
7148 width: 180px;
7149 text-align: center;
7150 display: block !important;
7151 background-color: var(--primary-hover) !important;
7152 border-radius: 35px !important;
7153 padding: 5px 20px !important;
7154 color: #fff !important;
7155 }
7156
7157 .frmbutton.ui-draggable-dragging:not(.ui-sortable-helper) a {
7158 /* When the new field is held outside of a dropzone */
7159 cursor: not-allowed;
7160 background: var(--sidebar-color) !important;
7161 color: var(--dark-grey) !important;
7162 }
7163
7164 .frmbutton.ui-draggable-dragging span {
7165 font-size: 15px;
7166 }
7167
7168 #frm-show-fields .frmbutton.ui-sortable-helper i,
7169 .frmbutton.ui-sortable-helper span,
7170 .frmbutton.ui-draggable-dragging i,
7171 .frmbutton.ui-draggable-dragging .frmsvg {
7172 color: #fff !important;
7173 }
7174
7175 .frmbutton.ui-draggable-dragging:not(.ui-sortable-helper) i,
7176 .frmbutton.ui-draggable-dragging:not(.ui-sortable-helper) .frmsvg {
7177 color: var(--dark-grey) !important;
7178 }
7179
7180 .frmbutton.ui-draggable-dragging .frm-dropdown-menu {
7181 display: none;
7182 }
7183
7184 .frm_sorting li.ui-state-default.ui-sortable-helper,
7185 .frmbutton.ui-sortable-helper {
7186 transition: opacity .2s;
7187 opacity: 1;
7188 }
7189
7190 .frmbutton.ui-sortable-helper:not(.ui-draggable-dragging) {
7191 opacity: 0;
7192 }
7193
7194 /* End dragging */
7195
7196 .field_type_list .frm_icon_font:before {
7197 font-size: 20px;
7198 }
7199
7200 li.frm_noallow.button,
7201 .frm_noallow {
7202 opacity: .5;
7203 filter: alpha(opacity=50);
7204 }
7205
7206 .frm_actions_list a.frm_show_upgrade.frm_inactive_action:before,
7207 li.frm_noallow.button.frm_show_upgrade {
7208 cursor: pointer;
7209 }
7210
7211 .field_type_list li.frm_noallow.button.frm_show_upgrade:hover {
7212 border-color: inherit;
7213 }
7214
7215 .frm_noallow a {
7216 color: inherit;
7217 }
7218
7219 #frm_upgrade_modal_image {
7220 max-width: 200px;
7221 }
7222
7223 .frm-tab-message {
7224 max-width: 600px;
7225 margin: 20px auto;
7226 color: rgba(63, 75, 91, 0.8);
7227 }
7228
7229 .frm-settings-screenshot-toolbar {
7230 min-height: 39px;
7231 display: flex;
7232 }
7233
7234 .frm-settings-screenshot-toolbar .frm-minmax-icon {
7235 height: 8px;
7236 width: 8px;
7237 border-radius: 50%;
7238 align-self: center;
7239 margin-left: 10px;
7240 }
7241
7242 .frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type {
7243 margin-left: 20px;
7244 }
7245
7246 .frm-settings-screenshot-toolbar img {
7247 object-fit: contain;
7248 align-self: flex-end;
7249 margin-left: 25px;
7250 }
7251
7252 .frm-settings-screenshot-toolbar + div {
7253 background: #fff;
7254 padding-top: 25px;
7255 border-radius: 0 0 16px 16px;
7256 }
7257
7258 .frm-settings-screenshot-toolbar + div img {
7259 max-width: calc( 100% - 40px );
7260 }
7261
7262 .frm-settings-screenshot-wrapper {
7263 max-width: 700px;
7264 margin: 50px auto 0;
7265 box-shadow: 0px 4px 4px rgba(189, 196, 205, 0.25), 0px 12px 56px rgba(42, 57, 75, 0.25);
7266 border-radius: 16px;
7267 background: #EBECF1;
7268 }
7269
7270 .frm-dialog {
7271 z-index: 100;
7272 padding: 0 !important;
7273 border-radius: 10px;
7274 border: 1px solid var(--grey);
7275 background-color: #fff;
7276 max-width: 100% !important;
7277 }
7278
7279 .frm-dialog .postbox {
7280 background: transparent;
7281 box-shadow: none;
7282 border: none;
7283 line-height: 1.4em;
7284 }
7285
7286 .frm-dialog .frm-sub-label,
7287 .frm-dialog label {
7288 color: var(--dark-grey);
7289 font-size: 17px;
7290 font-weight: 300;
7291 }
7292
7293 .frm-dialog input[type=text],
7294 .frm-dialog textarea {
7295 font-size: 16px;
7296 }
7297
7298 .frm-dialog textarea {
7299 height: 75px;
7300 }
7301
7302 .frm-dialog button.frm-button-primary {
7303 margin-right: 10px;
7304 }
7305
7306 .frm-dialog .frm-sub-label,
7307 .frm-sub-label {
7308 color: var(--grey);
7309 text-transform: none;
7310 }
7311
7312 h2 .frm-sub-label {
7313 font-size: 16px;
7314 }
7315
7316 .frm-white-body .ui-widget-overlay,
7317 .toplevel_page_formidable .ui-widget-overlay {
7318 position: fixed;
7319 width: 100%;
7320 height: 100%;
7321 top: 0;
7322 left: 0;
7323 right: 0;
7324 bottom: 0;
7325 background: var(--grey-border);
7326 z-index: 2;
7327 }
7328
7329 #frm_upgrade_modal {
7330 text-align: center;
7331 }
7332
7333 #frm_upgrade_modal .frm_lock_icon {
7334 display: block;
7335 margin: 0 auto;
7336 height: 35px;
7337 width: 35px;
7338 color: #c4c4c4;
7339 padding-bottom: 20px;
7340 }
7341
7342 .frm-upgrade-message img {
7343 max-width: 100%;
7344 }
7345
7346 a.frm-link-secondary {
7347 color: #c4c4c4;
7348 font-size: 14px;
7349 text-decoration: underline;
7350 }
7351
7352 .field_type_list li.button.frm_noallow,
7353 .field_type_list li.button.frm_noallow:hover,
7354 .button.frm_noallow,
7355 .button.frm_noallow:hover {
7356 color: inherit;
7357 border-color: #ccc;
7358 background: inherit;
7359 }
7360
7361 iframe#dyncontent_ifr {
7362 min-height: 150px;
7363 }
7364
7365 /*!
7366 * Bootstrap v4.6.1
7367 */
7368
7369 .tooltip {
7370 /* Copied from Bootstrap */
7371 position: absolute;
7372 display: block;
7373 margin: 0;
7374 font-style: normal;
7375 font-weight: 400;
7376 line-height: 1.5;
7377 text-align: left;
7378 text-align: start;
7379 text-decoration: none;
7380 text-shadow: none;
7381 text-transform: none;
7382 letter-spacing: normal;
7383 word-break: normal;
7384 word-spacing: normal;
7385 white-space: normal;
7386 line-break: auto;
7387 font-size: 0.875rem;
7388 word-wrap: break-word;
7389 opacity: 0;
7390
7391 /* Custom rules */
7392 z-index: 9999999;
7393 }
7394
7395 .tooltip.show {
7396 opacity: 0.9;
7397 }
7398
7399 .tooltip .arrow {
7400 position: absolute;
7401 display: block;
7402 width: 0.8rem;
7403 height: 0.4rem;
7404 margin-left: 0 !important;
7405 }
7406
7407 .tooltip .arrow::before {
7408 position: absolute;
7409 content: "";
7410 border-color: transparent;
7411 border-style: solid;
7412 }
7413
7414 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
7415 padding: 0.4rem 0;
7416 }
7417
7418 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
7419 bottom: 0;
7420 }
7421
7422 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
7423 top: 0;
7424 border-width: 0.4rem 0.4rem 0;
7425 border-top-color: #000;
7426 }
7427
7428 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
7429 padding: 0 0.4rem;
7430 }
7431
7432 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
7433 left: 0;
7434 width: 0.4rem;
7435 height: 0.8rem;
7436 }
7437
7438 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
7439 right: 0;
7440 border-width: 0.4rem 0.4rem 0.4rem 0;
7441 border-right-color: #000;
7442 }
7443
7444 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
7445 padding: 0.4rem 0;
7446 }
7447
7448 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
7449 top: 0;
7450 }
7451
7452 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
7453 bottom: 0;
7454 border-width: 0 0.4rem 0.4rem;
7455 border-bottom-color: #000;
7456 }
7457
7458 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
7459 padding: 0 0.4rem;
7460 }
7461
7462 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
7463 right: 0;
7464 width: 0.4rem;
7465 height: 0.8rem;
7466 }
7467
7468 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
7469 left: 0;
7470 border-width: 0.4rem 0 0.4rem 0.4rem;
7471 border-left-color: #000;
7472 }
7473
7474 .tooltip-inner {
7475 max-width: 200px;
7476 padding: 0.25rem 0.5rem;
7477 color: #fff;
7478 text-align: center;
7479 background-color: #000;
7480 border-radius: 0.25rem;
7481 }
7482
7483 .frm-dropdown-menu.show {
7484 display: block;
7485 }
7486
7487 /* End Bootstrap */
7488
7489 .preview.dropdown .dropdown-menu {
7490 min-width: 205px;
7491 }
7492
7493 .frm_clear {
7494 clear: both;
7495 }
7496
7497 .frm_clearfix:after {
7498 content: ".";
7499 display: block;
7500 clear: both;
7501 visibility: hidden;
7502 line-height: 0;
7503 height: 0;
7504 }
7505
7506 .frm_clearfix {
7507 display: block;
7508 }
7509
7510 .frm_admin_progress {
7511 overflow: hidden;
7512 height: 20px;
7513 margin-bottom: 20px;
7514 background-color: #f5f5f5;
7515 border-radius: 4px;
7516 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7517 }
7518
7519 .frm_admin_progress_bar {
7520 float: left;
7521 width: 0;
7522 height: 100%;
7523 font-size: 12px;
7524 line-height: 20px;
7525 color: #ffffff;
7526 text-align: center;
7527 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
7528 transition: width 0.6s ease;
7529 background-color: #04A4CC;
7530 }
7531
7532 .tooltip.frm_tooltip {
7533 position: fixed;
7534 top: auto !important;
7535 bottom: 0 !important;
7536 left: 0 !important;
7537 max-width: none;
7538 width: 100% !important;
7539 z-index: 99999;
7540 }
7541
7542 .tooltip.frm_tooltip.bottom {
7543 padding: 0;
7544 }
7545
7546 .frm_tooltip .tooltip-inner {
7547 max-width: none;
7548 min-height: 40px !important;
7549 text-align: left;
7550 box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
7551 padding: 10px 40px;
7552 border-top-color: #ccc;
7553 background: var(--sidebar-color);
7554 color: var(--dark-grey);
7555 border-radius: 0;
7556 opacity: 1;
7557 font-size: 14px;
7558 }
7559
7560 #frm_styling_form #post-body {
7561 padding: 20px;
7562 }
7563
7564 .ui-datepicker-inline.ui-datepicker {
7565 max-width: 19em;
7566 }
7567
7568 .default-style-box.howto {
7569 margin-left: 20px;
7570 font-style: normal;
7571 }
7572
7573 #frm_custom_css_box {
7574 width: 100%;
7575 }
7576
7577 #frm_styling_form .wp-picker-container .wp-color-result.button {
7578 width: 100%;
7579 overflow: hidden;
7580 margin: 0 !important;
7581 height: 32px !important;
7582 padding: 0 0 0 30px !important;
7583 border-radius: var(--small-radius);
7584 border-color: var(--grey-border);
7585 }
7586
7587 #frm_styling_form .wp-color-result-text {
7588 line-height: 30px !important;
7589 font-size: 15px;
7590 background: #fff !important;
7591 }
7592
7593 .wp-picker-open + .wp-picker-input-wrap {
7594 position: absolute;
7595 margin-left: -87px;
7596 margin-top: 1px;
7597 width: 86px;
7598 }
7599
7600 .wp-picker-container input[type="text"].wp-color-picker {
7601 border: none;
7602 padding: 3px;
7603 font-family: inherit;
7604 color: var(--dark-grey);
7605 font-size: 15px;
7606 width: 100%;
7607 line-height: 1;
7608 text-align: center;
7609 }
7610
7611 .wp-picker-input-wrap .wp-picker-clear {
7612 display: none !important;
7613 }
7614
7615 .wp-picker-holder {
7616 position: absolute;
7617 z-index: 999;
7618 }
7619
7620 .frm_end .wp-picker-holder {
7621 margin-left: -145px;
7622 }
7623
7624 .frm_end.frm6 .wp-picker-holder {
7625 margin-left: -86px;
7626 }
7627
7628 #frm_styling_form div.tabs-panel {
7629 padding-left: 5px;
7630 padding-right: 5px;
7631 }
7632
7633 /*form inputs/selects */
7634 .frm_form_field.frm_scroll_box .frm_opt_container,
7635 #postbox-container-2 input[type="text"],
7636 #postbox-container-2 input[type="number"],
7637 #postbox-container-2 select,
7638 #postbox-container-2 textarea,
7639 button.frm_choose_image_box,
7640 #titlediv input[type="text"],
7641 .frm-fields button.btn,
7642 .frm_wrap textarea,
7643 .frm_wrap input[type="tel"],
7644 .frm_wrap input[type="text"],
7645 .frm_wrap input[type="number"],
7646 .frm_wrap select,
7647 .wp-admin .frm_wrap select,
7648 .field-group textarea,
7649 .field-group input[type="text"],
7650 .field-group select {
7651 outline: 0;
7652 box-shadow: none;
7653 border-radius: var(--small-radius);
7654 padding: 6px 9px;
7655 border-color: var(--grey-border);
7656 color: var(--dark-grey);
7657 font-size: 15px;
7658 margin: 0;
7659 background-color: #fff;
7660 line-height: 1;
7661 }
7662
7663 #postbox-container-2 textarea,
7664 .frm_wrap textarea,
7665 .field-group textarea {
7666 line-height: 2;
7667 }
7668
7669 .frm_wrap input[type="number"] {
7670 height: auto;
7671 }
7672
7673 .frm_wrap select {
7674 padding: 2px;
7675 }
7676
7677 .wp-admin .frm_wrap select {
7678 max-width: 100%;
7679 }
7680
7681 .frm_form_field.frm_scroll_box .frm_opt_container,
7682 .frm_wrap .frm_form_builder textarea,
7683 .frm_wrap .frm_form_builder input[type="tel"],
7684 .frm_wrap .frm_form_builder input[type="text"] {
7685 padding: 10px 12px;
7686 }
7687
7688 .frm_wrap .frm_form_builder input[type="text"].frm_other_input {
7689 padding: 6px 9px;
7690 }
7691
7692 .frm_wrap input[disabled],
7693 .frm_wrap select[disabled],
7694 .frm_wrap textarea[disabled],
7695 .frm_wrap input[readonly],
7696 .frm_wrap select[readonly],
7697 .frm_wrap textarea[readonly],
7698 .frm_wrap input::placeholder {
7699 color: var(--grey);
7700 }
7701
7702 #postcustomstuff table input {
7703 width: 100% !important;
7704 margin: 0 !important;
7705 }
7706
7707 #postcustomstuff table td {
7708 padding: 7px 0 7px 7px !important;
7709 line-height: 30px;
7710 }
7711
7712 #postcustomstuff table td > div {
7713 /* To override some inline css in add-on */
7714 padding-top: 0 !important;
7715 }
7716
7717 .wp-admin .frm_wrap .form-table select,
7718 #postbox-container-2 select,
7719 .wp-admin .frm_wrap select {
7720 line-height: 32px;
7721 height: 32px;
7722 vertical-align: top;
7723 }
7724
7725 .frm_wrap .frm_form_builder select {
7726 line-height: 40px;
7727 height: 40px;
7728 width: 100%;
7729 }
7730
7731 #postbox-container-2 select,
7732 .wp-admin .frm_wrap select,
7733 .frm_wrap .frm_form_builder select {
7734 height: auto;
7735 padding: 0 24px 0 12px;
7736 }
7737
7738 .frm-fields button.btn,
7739 .frm-fields textarea,
7740 .frm-fields input[type="text"],
7741 .frm-fields select,
7742 .field-group textarea,
7743 .field-group input[type="text"],
7744 .field-group select,
7745 .accordion-container input.hex {
7746 width: 100%;
7747 outline: 0;
7748 }
7749
7750 .frm-fields button.btn {
7751 line-height: normal;
7752 height: auto;
7753 text-align: inherit;
7754 }
7755
7756 .global-font .field-group input[type="text"] {
7757 width: auto;
7758 }
7759
7760 /* Image Options */
7761
7762 .frm_images_dropdown .frm_image_option {
7763 margin: 0 !important;
7764 }
7765
7766 .frm_images_dropdown .frm_radio input[type=radio] {
7767 opacity: 0;
7768 position: absolute;
7769 z-index: -1;
7770 }
7771
7772 .frm_images_dropdown__image .frmsvg {
7773 width: 100%;
7774 max-width: 102px;
7775 fill: none;
7776 margin: 0;
7777 }
7778
7779 .frm_images_dropdown .frm_noallow .frm_image_option_container {
7780 opacity: .5;
7781 }
7782
7783 .frm_images_dropdown .frm_image_option_container {
7784 border-radius: var(--small-radius);
7785 border: 2px solid transparent;
7786 align-items: center;
7787 }
7788
7789 .frm_images_dropdown .frm_image_option_container:hover {
7790 background: #fff !important;
7791 }
7792
7793 .frm_images_dropdown input[type="radio"]:checked + .frm_image_option_container {
7794 background: #fff !important;
7795 border-color: var(--primary-color);
7796 }
7797
7798 .frm_images_dropdown .frm_text_label_for_image {
7799 padding: 0;
7800 text-align: left;
7801 }
7802
7803 /* End Image Options */
7804
7805 /* Welcome page */
7806
7807 .wp-core-ui .frm_grey.frm-button-primary.disabled,
7808 .wp-core-ui .frm_grey.frm-button-primary,
7809 #frm-welcome .frm_grey {
7810 opacity: 0.5;
7811 background: #F6F6F6 !important;
7812 border-color: #ddd !important;
7813 color: #9FA5AA !important;
7814 }
7815
7816 /* Chrome Scrollbars for Windows */
7817 .windows::-webkit-scrollbar,
7818 .windows ::-webkit-scrollbar {
7819 width: 7px;
7820 background: transparent;
7821 }
7822
7823 .windows::-webkit-scrollbar-thumb,
7824 .windows ::-webkit-scrollbar-thumb {
7825 background: var(--grey-border);
7826 -webkit-border-radius: var(--border-radius);
7827 -webkit-box-shadow: none;
7828 }
7829
7830 .windows::-webkit-scrollbar-corner,
7831 .windows ::-webkit-scrollbar-corner {
7832 background: transparent;
7833 }
7834
7835 /* RTL */
7836 .rtl h3 {
7837 font-weight: inherit !important;
7838 }
7839
7840 .rtl.js .accordion-section-title:after {
7841 left: 10px;
7842 right: auto;
7843 }
7844
7845 .rtl #frm_top_bar #frm_bs_dropdown {
7846 padding-left: 15px;
7847 }
7848
7849 .rtl .frm_wrap .columns-2 .frm-right-panel,
7850 .rtl .frm-right-panel {
7851 border-right-width: 1px;
7852 border-left-width: 0;
7853 }
7854
7855 .rtl .frm_right_text {
7856 text-align: left;
7857 }
7858
7859 .rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
7860 border-left-width: 1px;
7861 }
7862
7863 .rtl .frm-dropdown-menu {
7864 text-align: right;
7865 }
7866
7867 .rtl .frm_actions_dropdown .frm_icon_font {
7868 float: right;
7869 margin-right: 0;
7870 margin-left: 3px;
7871 }
7872
7873 .rtl #frm-insert-fields-box,
7874 .rtl #frm-conditionals {
7875 padding-right: .9em;
7876 }
7877
7878 .rtl #html_settings .frm_field_html_box {
7879 margin-right: 0;
7880 }
7881
7882 .rtl .frm_list_entry_page h2 {
7883 float: right;
7884 }
7885
7886 .rtl .frm_scale {
7887 float: right;
7888 margin-left: 10px;
7889 margin-right: 0;
7890 }
7891
7892 .rtl .frm-page-break .frm-collapse-page.button {
7893 margin-left: 0;
7894 margin-right: 46%;
7895 }
7896
7897 .rtl .frm-field-action-icons {
7898 right: unset;
7899 left: 2px;
7900 }
7901
7902 .rtl .frm_has_shortcodes > i {
7903 right: auto;
7904 left: 5px;
7905 }
7906
7907 .rtl .frm_code_list.frm-full-hover a span,
7908 .rtl .frm_reply_to_container,
7909 .rtl .frm_bcc_cc_container {
7910 float: left;
7911 }
7912
7913 /* ---------------------------------------------------------------
7914 Clearfix
7915 --------------------------------------------------------------- */
7916 span.clear {
7917 display: block;
7918 }
7919
7920 .clearfix:after {
7921 content: ".";
7922 display: block;
7923 height: 0;
7924 clear: both;
7925 visibility: hidden;
7926 }
7927
7928 .clearfix {
7929 display: inline-block;
7930 }
7931
7932 /*Override styling from other plugins*/
7933 .frm_form_fields .clear {
7934 height: auto;
7935 }
7936
7937 /* Hides from IE-mac \*/
7938 * html .clearfix {
7939 height: 1%;
7940 }
7941
7942 .clearfix {
7943 display: block;
7944 }
7945
7946 /* End hide from IE-mac */
7947
7948 /*-----------------------------------------------------------------
7949 Responsive Design
7950 ---------------------------------------------------------------- */
7951
7952 @media only screen and (max-width: 1200px) {
7953 .frm-addons {
7954 grid-template-columns: 1fr 1fr;
7955 }
7956
7957 ul.frm_form_nav > li {
7958 margin-right: 2.5%;
7959 }
7960 }
7961
7962 @media only screen and (max-width: 1050px) {
7963 .frm_wrap {
7964 --biggest-sidebar: 390px;
7965 }
7966
7967 #form_settings_page .columns-2 {
7968 margin: 0;
7969 }
7970
7971 .frm_actions_list {
7972 margin-left: 0;
7973 }
7974
7975 ul.frm_form_nav > li {
7976 margin-right: 1.5%;
7977 }
7978 }
7979
7980 @media only screen and (max-width: 960px) {
7981 .auto-fold #adminmenuwrap {
7982 width: 36px;
7983 }
7984
7985 .frm_wrap #postbox-container-1 #frm_adv_info {
7986 min-width: 220px;
7987 }
7988
7989 p.howto {
7990 display: inline-block;
7991 }
7992
7993 ul.frm_form_nav {
7994 clear: left;
7995 padding-top: 0;
7996 }
7997
7998 ul.frm_form_nav > li {
7999 margin-right: 3.5%;
8000 }
8001
8002 .frm-full-screen #frm_top_bar {
8003 padding: 0 10px !important;
8004 }
8005
8006 .frm-full-close {
8007 padding: 15px 0 10px 10px;
8008 }
8009
8010 .frm-full-close .frmsvg {
8011 padding: 0;
8012 }
8013
8014 .frm-full-screen .frm_top_left {
8015 padding-top: 10px
8016 }
8017
8018 .frm-full-screen .frm_top_left h1 {
8019 padding-top: 0 !important;
8020 }
8021
8022 .frm-full-screen .frm-header-logo {
8023 margin-top: 6px !important;
8024 }
8025 }
8026
8027 @media only screen and (max-width: 850px) {
8028 .frm_wrap {
8029 --biggest-sidebar: 350px;
8030 --big-sidebar: 350px;
8031 }
8032
8033 .frm_col_one {
8034 clear: none;
8035 }
8036
8037 .frm-fields p > .frm_inline_label,
8038 .frm_inline_label {
8039 display: block;
8040 margin: 5px 0;
8041 }
8042
8043 .post-type-frm_display #frm_top_bar h1,
8044 .frm_page_container #frm_top_bar h1 {
8045 width: auto;
8046 max-width: 200px;
8047 }
8048
8049 #frm-publishing {
8050 width: auto;
8051 }
8052
8053 #frm_form_editor_container,
8054 .frm-entry-container {
8055 margin: 0 20px;
8056 }
8057
8058 .frmbutton.ui-sortable-helper .frmsvg,
8059 .field_type_list li.frmbutton .frmsvg,
8060 .frmbutton.ui-sortable-helper i,
8061 .field_type_list li.frmbutton i {
8062 margin: .15em 0 .15em .1em;
8063 width: 25px;
8064 }
8065
8066 .rtl .frmbutton.ui-sortable-helper .frmsvg,
8067 .rtl .field_type_list li.frmbutton .frmsvg,
8068 .rtl .frmbutton.ui-sortable-helper i,
8069 .rtl .field_type_list li.frmbutton i {
8070 margin: .15em .1em .15em 0;
8071 }
8072
8073 .frm_wrap .frm-search {
8074 float: none !important;
8075 width: auto;
8076 clear: both;
8077 }
8078
8079 .post-type-frm_display #frm_adv_info {
8080 top: auto !important;
8081 position: static;
8082 width: auto;
8083 }
8084
8085 .frm_wrap .frm-right-panel #frm_adv_info,
8086 .frm_wrap #postbox-container-1 #frm_adv_info {
8087 min-width: 275px;
8088 }
8089
8090 .frm_wrap #frm_adv_info ul.category-tabs li,
8091 .frm_wrap #frm_adv_info ul.category-tabs li.tabs {
8092 border: none;
8093 }
8094
8095 .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
8096 margin-left: 12px;
8097 }
8098
8099 .frm_wrap #frm_adv_info ul.category-tabs li.tabs {
8100 border-bottom: 2px solid #5b9dd9;
8101 padding-bottom: 8px;
8102 }
8103
8104 .post-type-frm_display #poststuff {
8105 padding: 10px 25px;
8106 }
8107
8108 .post-type-frm_display #side-sortables .postbox {
8109 margin-bottom: 20px;
8110 border-radius: var(--small-radius);
8111 border-top-width: 1px;
8112 }
8113 }
8114
8115 @media only screen and (max-width: 782px) {
8116 .frm_wrap {
8117 --small-sidebar: 20%;
8118 --medium-sidebar: 35%
8119 }
8120
8121 #form_settings_page .advanced_settings .form-table td, .form-table th {
8122 display: table-cell;
8123 width: auto !important;
8124 }
8125
8126 .frm-white-body #publishing-action,
8127 .frm_wrap #publishing-action {
8128 line-height: normal;
8129 }
8130
8131 .frm-full-screen #screen-meta-links {
8132 display: none;
8133 }
8134
8135 .frm_wrap .misc-pub-section {
8136 padding: 6px 0;
8137 }
8138
8139 .frm_wrap .misc-pub-section > a {
8140 float: none;
8141 white-space: nowrap;
8142 }
8143
8144 .frm-form-setting-tabs a {
8145 position: relative;
8146 padding: 10px 5px 10px 40px;
8147 }
8148
8149 .frm-form-setting-tabs a .frmsvg,
8150 .frm-form-setting-tabs a i {
8151 position: absolute;
8152 left: 13px;
8153 top: calc(50% - 10px);
8154 margin: 0;
8155 }
8156
8157 #frm-insert-fields .button,
8158 #frm-insert-fields .button a,
8159 .frmbutton.ui-sortable-helper a {
8160 line-height: 26px;
8161 max-height: 28px;
8162 }
8163
8164 a.frm_add_logic_link {
8165 margin-left: 0;
8166 margin-right: 0;
8167 width: 100%;
8168 box-sizing: border-box;
8169 }
8170
8171 a.frm_add_logic_link .frmsvg,
8172 a.frm_add_logic_link i {
8173 display: none;
8174 }
8175
8176 #new_fields .frm_single_option select,
8177 #new_fields .frm_single_option input[type=text] {
8178 width: calc(100% - 83px);
8179 }
8180
8181 .frm_single_entry_page .frm_form_fields input[type=text],
8182 .frm_single_entry_page .frm_form_fields select,
8183 .frm_single_entry_page .frm_form_fields textarea {
8184 width: 100%;
8185 }
8186
8187 .with_frm_style .frm_radio input[type=radio],
8188 .with_frm_style .frm_checkbox input[type=checkbox] {
8189 width: 25px !important;
8190 }
8191
8192 .wp-list-table.toplevel_page_formidable .column-entries,
8193 .wp-list-table.toplevel_page_formidable .column-form_key,
8194 .wp-list-table.toplevel_page_formidable .column-shortcode,
8195 .wp-list-table.toplevel_page_formidable .column-created_at {
8196 display: none !important;
8197 }
8198
8199 .wp-list-table.toplevel_page_formidable td.column-entries,
8200 .wp-list-table.toplevel_page_formidable td.column-form_key,
8201 .wp-list-table.toplevel_page_formidable td.column-shortcode,
8202 .wp-list-table.toplevel_page_formidable td.column-created_at {
8203 padding: 3px 8px 3px 35%;
8204 text-align: left;
8205 }
8206
8207 .wp-list-table.toplevel_page_formidable td.column-title:before,
8208 .wp-list-table.toplevel_page_formidable td.column-id:before {
8209 display: none !important;
8210 }
8211
8212 .wp-list-table.toplevel_page_formidable td.column-title,
8213 .wp-list-table.toplevel_page_formidable td.column-id {
8214 display: table-cell !important;
8215 }
8216
8217 #form_entries_page .wp-list-table th.frm_hidden,
8218 #form_entries_page .wp-list-table td.frm_hidden {
8219 display: none !important;
8220 }
8221
8222 ul.frm_form_nav > li {
8223 margin-right: 15px;
8224 }
8225
8226 .frm-white-body.auto-fold #wpcontent {
8227 padding-left: 0;
8228 }
8229
8230 .frm_right_addon .frm_remove_field {
8231 bottom: 11px;
8232 }
8233
8234 .frm-addons {
8235 grid-template-columns: 1fr;
8236 }
8237
8238 .frm_single_entry_page.frm_wrap .frm_page_container {
8239 height: auto;
8240 display: block;
8241 }
8242
8243 .frm_single_entry_page.frm_wrap .columns-2 {
8244 display: block;
8245 border-bottom: none;
8246 }
8247
8248 .frm_single_entry_page .wrap.frm-with-margin {
8249 margin: 10px 20px;
8250 }
8251
8252 .frm_single_entry_page #post-body-content + .frm-right-panel {
8253 width: auto;
8254 margin: 0 20px;
8255 border: 1px solid var(--sidebar-hover);
8256 border-radius: 6px;
8257 }
8258
8259 #wp-content-media-buttons a.frm_insert_form {
8260 padding: 0 15px;
8261 }
8262 }
8263
8264 @media only screen and (max-width: 700px) {
8265 .frm_wrap {
8266 --biggest-sidebar: 50%;
8267 --big-sidebar: 50%;
8268 }
8269 }
8270
8271 @media only screen and (max-width: 600px) {
8272 .frm_wrap {
8273 --small-sidebar: 45px;
8274 }
8275
8276 .frm-form-setting-tabs a {
8277 visibility: collapse;
8278 font-size: 0;
8279 padding: 0 15px;
8280 }
8281
8282 .frm-form-setting-tabs a .frmsvg,
8283 .frm-form-setting-tabs a i {
8284 visibility: visible;
8285 position: initial;
8286 font-size: 18px;
8287 }
8288
8289 #frm_builder_page #frm-insert-fields {
8290 padding: 0;
8291 }
8292
8293 .frm_wrap #frm_adv_info ul.category-tabs li {
8294 display: inline-block;
8295 padding: 0;
8296 margin: 2px 0;
8297 border-bottom: 2px solid transparent;
8298 }
8299
8300 .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
8301 .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
8302 margin-left: 0;
8303 padding: 0;
8304 }
8305
8306 .field_type_list li {
8307 text-align: center;
8308 }
8309
8310 #frm-insert-fields li a {
8311 padding: 5px;
8312 }
8313
8314 .frmbutton.ui-sortable-helper .frmsvg,
8315 .field_type_list li.frmbutton .frmsvg,
8316 .frmbutton.ui-sortable-helper i,
8317 .field_type_list li.frmbutton i {
8318 display: block;
8319 margin: 0 auto 3px;
8320 text-align: center;
8321 }
8322
8323 #frm_form_editor_container .frm_primary_label {
8324 clear: both;
8325 }
8326
8327 #frm_builder_page .frm_code_list a.button {
8328 padding: 2px;
8329 }
8330
8331 #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
8332 right: 0;
8333 left: auto;
8334 }
8335
8336 .frm-right-panel h3.accordion-section-title {
8337 padding-right: 10px;
8338 padding-left: 10px;
8339 font-size: 20px;
8340 white-space: nowrap;
8341 overflow: hidden;
8342 }
8343
8344 .frm-right-panel .accordion-section-title:before {
8345 margin-left: 0;
8346 margin-right: 3px;
8347 }
8348
8349 .rtl #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
8350 right: auto;
8351 left: 0;
8352 }
8353 }
8354
8355 @media only screen and (max-width: 475px) {
8356 #frm_bs_dropdown {
8357 float: none;
8358 }
8359
8360 #frm-nav-tabs {
8361 padding: 0;
8362 white-space: nowrap;
8363 }
8364
8365 #frm-nav-tabs a {
8366 margin-right: 0;
8367 }
8368 }
8369
8370 /* PRINT */
8371 @media print {
8372 a, .misc-pub-section a {
8373 color: #000 !important;
8374 }
8375
8376 .add-new-h2, #frm_top_bar, .dashicons,
8377 #adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary,
8378 #screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav,
8379 .frm_flash_graph, .frm_no_print, object, .error {
8380 visibility: hidden;
8381 display: none !important;
8382 }
8383
8384 .widget, .postbox, .stuffbox, .postbox h3 {
8385 border-width: 0 !important;
8386 border-color: #fff;
8387 }
8388
8389 .postbox {
8390 background: #fff !important;
8391 border: none;
8392 position: static;
8393 }
8394
8395 .postbox h3, .postbox h4 {
8396 background: #fff !important;
8397 }
8398
8399 #wpbody-content {
8400 float: none;
8401 }
8402
8403 #wpcontent, #post-body-content,
8404 .has-right-sidebar #post-body,
8405 #poststuff .columns-2 {
8406 margin: 0 !important;
8407 }
8408
8409 .frm_wrap #poststuff .columns-2 {
8410 display: block;
8411 }
8412
8413 #post-body-content + .frm-right-panel,
8414 .frm_wrap .columns-2 .frm-right-panel,
8415 .frm-right-panel {
8416 border: none;
8417 width: auto;
8418 display: block;
8419 padding: 20px;
8420 }
8421
8422 .frm_page_container .columns-2,
8423 .frm_wrap .frm_page_container {
8424 height: auto;
8425 display: block;
8426 }
8427
8428 .misc-pub-section > span {
8429 padding: 0;
8430 }
8431
8432 .frm-right-panel .postbox .inside {
8433 padding-left: 12px;
8434 padding-right: 12px;
8435 }
8436
8437 .curtime #timestamp:before {
8438 display: none;
8439 content: none !important;
8440 }
8441
8442 .frm_charts .alignleft {
8443 float: none;
8444 }
8445
8446 .pg_odd, .pg_even {
8447 page-break-inside: avoid;
8448 max-width: 600px;
8449 }
8450
8451 .form-table td, .form-table th {
8452 padding: 0;
8453 }
8454
8455 .frm_file_container a {
8456 display: block;
8457 width: 100%;
8458 }
8459 }
8460
8461 .frm-admin-page-styles #frm-publishing #save_menu_header {
8462 display: inline-block;
8463 }
8464
8465 /* Change the order of subfields of the Name field in the backend */
8466 .edit_form_item .frm_combo_inputs_container[data-name-layout="last_first"] .frm_form_subfield-first {
8467 order: 2;
8468 }
8469
8470 .frm-video-wrapper {
8471 padding: 0 20px;
8472 }
8473
8474 .frm-video-wrapper iframe {
8475 width: 100%;
8476 max-width: 843px;
8477 border-radius: 10px;
8478 }
8479
8480 #frm_field_group_popup {
8481 position: absolute;
8482 top: 0;
8483 right: 0;
8484 width: 366px;
8485 height: 231px;
8486 border-radius: 8px;
8487 background: #fff;
8488 box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15);
8489 z-index: 3;
8490 box-sizing: border-box;
8491 padding: 24px 0;
8492 text-align: left;
8493 }
8494
8495 .rtl #frm_field_group_popup {
8496 text-align: right;
8497 }
8498
8499 .frm-merge-fields-into-row #frm_field_group_popup {
8500 top: unset;
8501 bottom: 50px;
8502 height: 196px;
8503 }
8504
8505 .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group {
8506 display: none;
8507 }
8508
8509 .frm-merge-fields-into-row > a {
8510 color: rgba(40, 47, 54, 0.85);
8511 position: relative;
8512 top: 2px;
8513 }
8514
8515 .frm-row-layout-title {
8516 font-weight: 600;
8517 font-size: 11px;
8518 line-height: 15px;
8519 text-transform: uppercase;
8520 color: rgba(40, 47, 54, 0.45);
8521 margin-bottom: 40px;
8522 }
8523
8524 .frm-row-layout-option {
8525 background: #F6F7FB;
8526 box-sizing: border-box;
8527 border-radius: 2px;
8528 padding: 18px 11px;
8529 }
8530
8531 #frm_field_group_popup .frm-row-layout-option .frm_grid_container {
8532 grid-gap: 0 5%;
8533 grid-template-columns: repeat(12, auto);
8534 }
8535
8536 #frm_field_group_popup .frm-row-layout-option {
8537 cursor: pointer;
8538 }
8539
8540 #frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,
8541 #frm_field_group_popup .frm-row-layout-option:hover {
8542 outline: 1px solid var(--primary-color);
8543 }
8544
8545 .frm-custom-field-group-layout,
8546 .frm-break-field-group {
8547 padding: 5px 15px;
8548 cursor: pointer;
8549 font-size: 14px;
8550 line-height: 19px;
8551 color: rgba(40, 47, 54, 0.85);
8552 }
8553
8554 .frm-custom-field-group-layout:hover,
8555 .frm-break-field-group:hover {
8556 background-color: #f5f5f5f5;
8557 }
8558
8559 .frm-custom-field-group-layout svg,
8560 .frm-break-field-group svg {
8561 margin-right: 5px;
8562 }
8563
8564 #frm_field_multiselect_popup {
8565 background: white;
8566 height: 48px;
8567 position: fixed;
8568 border-radius: 4px;
8569 box-shadow: 0px 8px 24px rgba(40, 47, 54, 0.15);
8570 color: rgba(40, 47, 54, 0.85);
8571 font-size: 13px;
8572 right: 30px;
8573 bottom: 10px;
8574 }
8575
8576 #frm_field_multiselect_popup > div {
8577 display: inline-block;
8578 line-height: 48px;
8579 vertical-align: top;
8580 }
8581
8582 #frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row,
8583 #frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator {
8584 display: none;
8585 }
8586
8587 #frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) {
8588 padding: 0 20px;
8589 cursor: pointer;
8590 }
8591
8592 #frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover {
8593 background: #f5f5f5f5;
8594 }
8595
8596 .frm-builder-popup-heading {
8597 font-weight: 600;
8598 font-size: 12px;
8599 line-height: 15px;
8600 text-transform: uppercase;
8601 color: rgba(40, 47, 54, 0.45);
8602 }
8603
8604 .frm-builder-popup-subheading {
8605 font-size: 12px;
8606 line-height: 16px;
8607 color: rgba(40, 47, 54, 0.45);
8608 }
8609
8610 .frm-multiselect-popup-separator {
8611 height: 36px;
8612 width: 1px;
8613 position: relative;
8614 top: 6px;
8615 background: #C4C4C4;
8616 }
8617
8618 .frm-sortable-helper,
8619 .frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) {
8620 pointer-events: none;
8621 }
8622
8623 #frm_banner {
8624 width: 100%;
8625 color: #fff;
8626 background: var(--primary-color);
8627 height: 40px;
8628 line-height: 40px;
8629 text-align: center;
8630 position: relative;
8631 }
8632
8633 .frm-banner-emoji {
8634 font-size: 19px;
8635 }
8636
8637 .frm-banner-emoji,
8638 .frm-banner-title {
8639 margin-right: 5px;
8640 vertical-align: top;
8641 }
8642
8643 .frm-banner-cta a {
8644 text-decoration: underline !important;
8645 }
8646
8647 .frm-banner-dismiss {
8648 cursor: pointer;
8649 position: absolute;
8650 right: 10px;
8651 top: 50%;
8652 transform: translateY( -50% );
8653 }
8654
8655 .frm-banner-dismiss .frmsvg {
8656 vertical-align: top;
8657 }
8658
8659 .frm-ready-made-solution:not(.frm-search-result) {
8660 display: none !important;
8661 }
8662
8663 #frm_new_form_modal .frm-ready-made-solution {
8664 padding: 20px 5px;
8665 display: flex;
8666 }
8667
8668 .frm-ready-made-solution .frm-hover-icons {
8669 padding: 5px;
8670 position: static;
8671 }
8672
8673 #frm_new_form_modal .frm-ready-made-solution > div:first-child {
8674 width: 300px;
8675 }
8676
8677 .frm-ready-made-solution span {
8678 background-color: #fde6de;
8679 color: #f25a24;
8680 padding: 10px;
8681 text-transform: uppercase;
8682 font-size: 11px;
8683 margin-bottom: 10px;
8684 display: inline-block;
8685 border-radius: 4px;
8686 }
8687
8688 .frm-ready-made-solution h3 ~ a {
8689 color: var(--primary-color);
8690 }
8691
8692 .frm-ready-made-solution img {
8693 max-width: 100%;
8694 }
8695