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

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