PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.2
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.2
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.2, at css/frm_admin.css

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