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

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

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