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

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

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