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

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