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

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