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

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