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

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

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