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

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

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