PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.1
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.1
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
formidable / css / frm_admin.css

frm_admin.css in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 5.1, at css/frm_admin.css

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