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

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