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

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