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

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