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

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