PluginProbe
Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder / 1.13.7
Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder v1.13.7
1.15.47 1.15.46 1.15.45 1.15.44 1.15.43 1.13.45 1.13.46 1.13.47 1.13.48 1.13.49 1.13.5 1.13.50 1.13.51 1.13.52 1.13.53 1.13.54 1.13.55 1.13.56 1.13.57 1.13.58 1.13.59 1.13.60 1.13.7 1.13.8 1.13.9 All 351 releases
form-maker / css / form_maker_tables.css

form_maker_tables.css in Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder 1.13.7, at css/form_maker_tables.css

5,457 lines 99.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .fm-remove_before:before {
2 content: "" !important;
3 }
4
5 #fm_admin_container * {
6 box-sizing: border-box;
7 }
8
9 #fm_admin_container {
10 display: inline-block;
11 width: 100%;
12 }
13 .wd-button .field-type-button:before {
14 float: left;
15 font-family: "Dashicons";
16 font-size: 17px;
17 padding-left: 10px;
18 vertical-align: top;
19 }
20
21 .wdtext:before {
22 content: "\f215";
23 }
24 .wdtextarea:before {
25 content: "\f214";
26 }
27 .wdspinner:before {
28 /*content: "\f156";*/
29 content: "123";
30 font-weight: bolder;
31 font-size: 12px !important;
32 }
33 .wddate_new:before {
34 content: "\f508";
35 }
36 .wdown_select:before {
37 content: "\f163";
38 }
39 .wdradio:before {
40 content: "\f159";
41 }
42 .wdcheckbox:before {
43 content: "\f147";
44 }
45 .wdrecaptcha:before {
46 content: "\f160";
47 }
48 .wdsubmit_reset:before {
49 content: "\f474";
50 }
51
52 .wdname:before {
53 content: "\f110";
54 }
55 .wdsubmitter_mail:before {
56 content: "\f466";
57 }
58 .wdphone_new:before {
59 content: "\f525";
60 }
61 .wdaddress:before {
62 content: "\f102";
63 }
64 .wdmark_map:before {
65 content: "\f231";
66 }
67 .wdcountry:before {
68 content: "\f319";
69 }
70 .wddate_fields:before {
71 content: "\f145";
72 }
73
74 .wdeditor:before {
75 content: "\f464";
76 }
77 .wdsection_break:before {
78 content: "\f460";
79 }
80 .wdpage_break:before {
81 content: "\f105";
82 }
83
84 .wdfile_upload:before {
85 content: "\f318";
86 }
87 .wdmap:before {
88 content: "\f230";
89 }
90 .wdtime:before {
91 content: "\f469";
92 }
93 .wdsend_copy:before {
94 content: "\f465";
95 }
96 .wddate_range:before {
97 content: "\f508";
98 }
99 .wdstar_rating:before {
100 content: "\f155";
101 }
102 .wdscale_rating:before {
103 content: "\f204";
104 }
105 .wdslider:before {
106 content: "\f108";
107 }
108 .wdrange:before {
109 content: "\f229";
110 }
111 .wdgrading:before {
112 content: "\f164";
113 }
114 .wdmatrix:before {
115 content: "\f509";
116 }
117 .wdhidden:before {
118 content: "\f530";
119 }
120 .wdbutton:before {
121 content: "\f200";
122 }
123 .wdpassword:before {
124 content: "\f112";
125 }
126 .wdphone:before {
127 content: "\f525";
128 }
129 .wdcaptcha:before {
130 content: "\f160";
131 }
132 .wdarithmetic_captcha:before {
133 content: "\f160";
134 }
135
136
137 .wdpaypal_price_new:before {
138 content: "$";
139 font-weight: bolder;
140 font-size: 13px !important;
141 }
142 .wdpaypal_select:before {
143 content: "\f163";
144 }
145 .wdpaypal_radio:before {
146 content: "\f159";
147 }
148 .wdpaypal_checkbox:before {
149 content: "\f147";
150 }
151 .wdpaypal_shipping:before {
152 content: "\f174";
153 }
154 .wdpaypal_total:before {
155 content: "\f217";
156 }
157 .wdstripe:before {
158 content: "S";
159 font-weight: bolder;
160 font-size: 13px !important;
161 }
162 #manage_form .wd-header {
163 padding: 10px;
164 }
165 #manage_form .wd-page-title #title {
166 padding: 3px 8px;
167 font-size: 1.5em;
168 line-height: 100%;
169 height: 1.5em;
170 width: 30%;
171 outline: 0;
172 margin: 0 0 3px;
173 background-color: #fff;
174 }
175 #fm_admin_container h2.hndle{
176 font-size: 14px;
177 padding: 8px 12px;
178 margin: 0;
179 line-height: 1.4;
180 }
181
182 .field_types_cont h2.hndle,
183 .placeholders_cont h2.hndle,
184 .field_options h2.hndle {
185 background-color: #F1F1F1;
186 }
187
188 .field-types-filter_header{
189 border: 1px solid #eee;
190 }
191
192 .field-types-filter,
193 .placeholders-filter {
194 webkit-box-shadow: 0 1px 4px rgba(0,0,0,.07)!important;
195 box-shadow: 0 1px 4px rgba(0,0,0,.07)!important;
196 }
197
198 #manage_form .first-time-use {
199 background-color: #ffffff;
200 border: 1px dashed #0085ba;
201 border-radius: 3px;
202 bottom: 115px;
203 color: #0085ba;
204 display: none;
205 font-size: 14px;
206 height: auto;
207 padding: 5px;
208 right: 0;
209 width: 250px;
210 position: absolute;
211 bottom: 32px;
212 }
213
214 #manage_form .first-time-use-close {
215 background-color: #ffffff;
216 border-radius: 50%;
217 box-sizing: content-box;
218 cursor: pointer;
219 font-size: 17px;
220 margin: 0;
221 padding: 0;
222 position: absolute;
223 right: -9px;
224 top: -9px;
225 }
226
227 #manage_form .first-time-use-close:before {
228 margin: 1px 0 0 3px;
229 }
230
231 #add_field {
232 position: relative;
233 }
234
235 .fm-edit-content #add_field_cont {
236 animation-duration: 1.5s;
237 animation-iteration-count: 1;
238 animation-fill-mode: both;
239 color: #0085ba;
240 position: absolute;
241 top: 10px;
242 right: 10px;
243 min-width: 50px;
244 height: auto;
245 width: initial;
246 padding: 0 !important;
247 z-index: 10;
248 }
249
250 #add_field_cont .wdform_field {
251 display: table-cell;
252 cursor: move;
253 background-color: transparent !important;
254 border: none;
255 padding: 0;
256 }
257
258 #add_field_cont .add-new-button {
259 cursor: move;
260 padding: 5px 15px 5px 5px;
261 color:#fff;
262 font-size: 16px;
263 line-height: 16px;
264 vertical-align: middle;
265 font-weight: 400;
266 height: 30px;
267 }
268
269 #add_field_cont .add-new-button .fm-ico-draggable {
270 padding: 5px 5px 5px 15px;
271 font-size: 12px;
272 }
273
274 @-webkit-keyframes bounceInUp {
275 0%, 60%, 75%, 90%, 100% {
276 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
277 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
278 }
279
280 0% {
281 opacity: 0;
282 -webkit-transform: translate3d(0, 3000px, 0);
283 transform: translate3d(0, 3000px, 0);
284 }
285
286 60% {
287 opacity: 1;
288 -webkit-transform: translate3d(0, -20px, 0);
289 transform: translate3d(0, -20px, 0);
290 }
291
292 75% {
293 -webkit-transform: translate3d(0, 10px, 0);
294 transform: translate3d(0, 10px, 0);
295 }
296
297 90% {
298 -webkit-transform: translate3d(0, -5px, 0);
299 transform: translate3d(0, -5px, 0);
300 }
301
302 100% {
303 -webkit-transform: translate3d(0, 0, 0);
304 transform: translate3d(0, 0, 0);
305 }
306 }
307
308 @keyframes bounceInUp {
309 0%, 60%, 75%, 90%, 100% {
310 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
311 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
312 }
313
314 0% {
315 opacity: 0;
316 -webkit-transform: translate3d(0, 3000px, 0);
317 -ms-transform: translate3d(0, 3000px, 0);
318 transform: translate3d(0, 3000px, 0);
319 }
320
321 60% {
322 opacity: 1;
323 -webkit-transform: translate3d(0, -20px, 0);
324 -ms-transform: translate3d(0, -20px, 0);
325 transform: translate3d(0, -20px, 0);
326 }
327
328 75% {
329 -webkit-transform: translate3d(0, 10px, 0);
330 -ms-transform: translate3d(0, 10px, 0);
331 transform: translate3d(0, 10px, 0);
332 }
333
334 90% {
335 -webkit-transform: translate3d(0, -5px, 0);
336 -ms-transform: translate3d(0, -5px, 0);
337 transform: translate3d(0, -5px, 0);
338 }
339
340 100% {
341 -webkit-transform: translate3d(0, 0, 0);
342 -ms-transform: translate3d(0, 0, 0);
343 transform: translate3d(0, 0, 0);
344 }
345 }
346
347 .animated {
348 -webkit-animation-name: bounceInUp;
349 animation-name: bounceInUp;
350 }
351
352 .field_types .postbox button.wd-button.wd-pro-fields {
353 background-color: #cccccc;
354 border-color: #cccccc;
355 box-shadow: 0 1px 0 #cccccc;
356 text-shadow: 0 -1px 1px #cccccc, 1px 0 1px #cccccc, 0 1px 1px #cccccc, -1px 0 1px #cccccc;
357 }
358
359 .field_types .postbox h2.hndle,
360 .placeholders .postbox h2.hndle {
361 font-size: 14px;
362 padding: 8px 12px;
363 margin: 0;
364 line-height: 1.4;
365 }
366
367 .add-popup .postbox .inside {
368 margin: 12px 0 0 0;
369 }
370
371 .add-popup .postbox .handlediv {
372 margin: 0;
373 }
374
375 .js .postbox .hndle {
376 cursor: pointer;
377 }
378
379 .field_types .postbox,
380 .placeholders .postbox {
381 margin-bottom: 0;
382 }
383
384 .field_types .postbox button.wd-button,
385 .placeholders .postbox button.wd-button {
386 margin: 5px 0px;
387 white-space: normal;
388 width: 48%;
389 word-wrap: break-word;
390 word-break: break-all;
391 overflow: hidden;
392 padding: 8px;
393 height: auto;
394 }
395
396 .add-popup .field-types-filter,
397 .placeholder-popup .placeholders-filter {
398 line-height: 25px;
399 margin: 15px;
400 width: calc(100% - 45px);
401 padding-left: 30px;
402 background-color: #f5f5f5;
403 }
404
405 .add-popup .field-types-filter-cont,
406 .placeholder-popup .placeholders-filter-cont {
407 position: relative;
408 height: 25px;
409 width: 100%;
410 }
411
412 .add-popup .field-types-filter-cont:before,
413 .placeholder-popup .placeholders-filter-cont:before {
414 font-family: "Dashicons";
415 content: "\f179";
416 font-size: 25px;
417 height: 25px;
418 left: 18px;
419 position: absolute;
420 top: 0;
421 width: 25px;
422 color: #757575;
423 }
424
425 .hide {
426 display: none;
427 }
428 .fm-hide {
429 display: none !important;
430 }
431 .fm-hidden {
432 visibility: hidden;
433 height: 0;
434 display: block;
435 border: none;
436 }
437
438 .fm-add-new {
439 cursor: pointer;
440 }
441
442 .pagination-links a {
443 cursor: pointer;
444 }
445 #fm_admin_container .adminlist th { font-size:13px; }
446 #fm_admin_container .pagination-links .tablenav-pages-navspan,
447 #fm_admin_container .pagination-links a,
448 #fm_admin_container .pagination-links a span {
449 box-sizing: content-box;
450 -moz-box-sizing: content-box;
451 -webkit-box-sizing: content-box;
452 font-size: initial;
453 }
454
455 div.wd-buttons {
456 clear: both;
457 display: inline-block;
458 float: right;
459 margin-top: 2px;
460 }
461
462 div.wd-buttons .wd-button {
463 margin: 0 3px;
464 }
465
466 div .wd-button:last-child {
467 margin-right: 0;
468 }
469
470 div .wd-button:first-child {
471 margin-left: 0;
472 }
473
474 .wd-table {
475 clear: both;
476 display: table;
477 margin: 0;
478 padding: 10px 0;
479 position: relative;
480 table-layout: fixed;
481 width: 100%;
482 }
483
484 .wd-table-col {
485 display: table-cell;
486 position: relative;
487 vertical-align: top;
488 }
489
490 .wd-table-col-50 {
491 width: 50%;
492 }
493 .wd-table-col-60 {
494 width: 60%;
495 }
496 .wd-table-col-70 {
497 width: 70%;
498 }
499 @media screen and (max-width: 782px) {
500 .wd-table-col {
501 display: block;
502 }
503
504 .wd-table-col-50,
505 .wd-table-col-60,
506 .wd-table-col-70 {
507 width: 100%;
508 float:none;
509 }
510 }
511 .wd-table-col-100 {
512 width: 100%;
513 }
514
515 .wd-table-col-left .wd-box-section {
516 margin-right: 5px;
517 }
518
519 .wd-table-col-right .wd-box-section {
520 margin-left: 5px;
521 }
522
523 .wd-box-section {
524 background-color: #FFFFFF;
525 border: 1px solid #E5E5E5;
526 border-radius: 6px;
527 margin: 5px 0;
528 }
529
530 .wd-box-title {
531 border-bottom: 1px solid #eaeaea;
532 height: inherit;
533 margin: 0;
534 padding: 15px 30px;
535 }
536
537 .wd-box-content {
538 overflow-wrap: break-word;
539 padding: 20px;
540 box-sizing: border-box;
541 -moz-box-sizing: border-box;
542 -webkit-box-sizing: border-box;
543 }
544
545 .wd-box-content-shortcode {
546 padding-top: 0;
547 padding-bottom: 0;
548 }
549
550 .wd-label {
551 display: block;
552 font-size: 15px;
553 font-weight: bold;
554 line-height: 20px;
555 margin-bottom: 10px;
556 padding: 0;
557 }
558
559 .wd-label-radio {
560 display: inline-block;
561 max-width: 450px;
562 margin: 0;
563 }
564
565 .wd-table .wd-radio {
566 display: inline-block;
567 margin: 0;
568 }
569
570 .wd-group {
571 display: block;
572 margin: 0 0 15px;
573 max-width: 100%;
574 width: 100%;
575 }
576
577 .wd-group:last-child {
578 margin-bottom: 0;
579 }
580
581 .wd-left {
582 text-align: left;
583 }
584
585 .wd-right {
586 text-align: right;
587 }
588
589 .wd-float-left {
590 float: left;
591 }
592
593 .wd-float-right {
594 float: right;
595 }
596
597 .wd-font-weight-normal {
598 font-weight: normal;
599 }
600
601 .wd-table input[type="text"],
602 .wd-table select,
603 .wd-table textarea,
604 .wd-block-content {
605 background: #fff none repeat scroll 0 0;
606 border: 1px solid #ddd;
607 border-radius: 4px;
608 box-shadow: none;
609 display: block;
610 height: initial;
611 line-height: 20px;
612 margin: 0;
613 max-width: 100%;
614 padding: 5px;
615 width: 100%;
616 }
617
618 .wd-table textarea {
619 height: 54px;
620 }
621
622 p.description {
623 margin-bottom: 0;
624 }
625 .no-items .colspanchange {
626 padding: 8px 10px;
627 }
628 .wd-table .wd-table-col .initial-width {
629 width: initial;
630 display: inline;
631 }
632 @media screen and (max-width: 480px) {
633 .wd-table-col .wd-box-section {
634 margin: 5px 0;
635 }
636 .wd-table-col {
637 display: block;
638 }
639 .wd-table-col-50 {
640 width: 100%;
641 }
642
643 .display-options-container .wd-table-col-70 {
644 width: 100%;
645 }
646
647 .display-options-container .wd-table-col-left .wd-box-section {
648 margin:0px;
649 }
650 }
651
652 .wd-block-content {
653 background-color: #f1f1f1;
654 }
655
656 .col_type {
657 width: 140px;
658 }
659
660 .col_count {
661 width: 100px;
662 }
663
664 @media screen and ( min-width: 1100px ), screen and ( max-width: 782px ) {
665 .wp-list-table .col_id {
666 width: 190px;
667 }
668
669 .wp-list-table .col_function {
670 width: 340px;
671 }
672
673 .wp-list-table .fm_php_function, .fm_shortcode {
674 width: 100%;
675 }
676 }
677
678 .col_id {
679 width: 130px;
680 }
681
682 .col_function {
683 width: 190px;
684 }
685
686 .no-items .colspanchange {
687 padding: 8px 10px;
688 }
689
690 .wd-fixed-message {
691 position: fixed;
692 z-index: 2;
693 width: 100%;
694 }
695
696 .wd-fixed-conteiner {
697 position: fixed;
698 background: gray;
699 width: 100%;
700 height: 100%;
701 opacity: 0.3;
702 z-index: 1;
703 }
704
705 div.error_fm {
706 border-left: 4px solid #dd3d36;
707 }
708
709 #main_div input[type="checkbox"], #main_div input[type="radio"] {
710 float: right !important;
711 margin: 3px 3px 3px 4px;
712 }
713
714 .wdform_column input[type="checkbox"],
715 .wdform_column input[type="radio"] {
716 float: right !important;
717 margin: 3px 3px 3px 4px;
718 }
719
720 #take_temp .element_toolbar,
721 #take_temp .page_toolbar,
722 #take_temp .captcha_img,
723 #take_temp .wdform_stars {
724 display: none;
725 }
726
727 .add-popup {
728 background: #fff none repeat scroll 0 0;
729 bottom: 0;
730 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
731 left: 0;
732 overflow: hidden;
733 display: none;
734 position: fixed;
735 right: 0;
736 top: 0;
737 z-index: 100050;
738 }
739
740 .add-popup .popup-header {
741 border-bottom: 1px solid #CCCCCC;
742 box-sizing: border-box;
743 -moz-box-sizing: border-box;
744 -webkit-box-sizing: border-box;
745 height: 50px;
746 left: 0;
747 padding: 10px;
748 right: 0;
749 top: 0;
750 }
751
752 .add-popup .popup-title {
753 float: left;
754 font-size: 30px;
755 line-height: 30px;
756 vertical-align: middle;
757 }
758
759 .add-popup .close-popup {
760 cursor: pointer;
761 float: right;
762 height: 15px;
763 width: 15px;
764 font-size: 15px;
765 margin: 8px;
766 color: #000000;
767 }
768
769 .popup-body {
770 background-color: #f5f5f5;
771 box-sizing: border-box;
772 -moz-box-sizing: border-box;
773 -webkit-box-sizing: border-box;
774 font-family: Segoe UI;
775 padding: 10px;
776 height: calc(100% - 50px);
777 margin: 0;
778 width: 100%;
779 }
780
781 .popup-body-col:not(:first-child) {
782 border: 1px solid #e5e5e5;
783 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
784 }
785
786 .popup-body-col {
787 height: 100%;
788 width: 30%;
789 display: inline-block;
790 vertical-align: top;
791 background-color: #ffffff;
792 overflow: auto;
793 margin-right: 10px;
794 box-sizing: border-box;
795 -moz-box-sizing: border-box;
796 -webkit-box-sizing: border-box;
797 }
798
799 .popup-body-col.field_preview {
800 box-sizing: border-box;
801 -moz-box-sizing: border-box;
802 -webkit-box-sizing: border-box;
803 padding: 10px;
804 }
805
806 .field_options-large {
807 width: calc(70% - 15px);
808 }
809
810 .add-button-cont {
811 border-bottom: 1px solid #cccccc;
812 text-align: right;
813 margin-bottom: 10px;
814 padding-bottom: 10px;
815 }
816
817 .popup-body-col:last-child {
818 margin-right: 0;
819 }
820
821 .popup-body-col:first-child {
822 width: calc(40% - 30px);
823 }
824
825 @media screen and (max-width: 360px) {
826 .field_types .postbox button.wd-button,
827 .placeholders .postbox button.wd-button {
828 width: 100%;
829 }
830 }
831
832 @media screen and (min-width: 360px) and (max-width: 600px) {
833 .field_types .postbox button.wd-button,
834 .placeholders .postbox button.wd-button {
835 width: 48%;
836 }
837 }
838
839 @media screen and (min-width: 600px) and (max-width: 1050px) {
840 .field_types .postbox button.wd-button,
841 .placeholders .postbox button.wd-button {
842 width: 32%;
843 }
844 }
845
846 @media screen and (max-width: 1050px) {
847 .popup-body-col {
848 display: block;
849 width: 100%;
850 height: initial;
851 margin-bottom: 10px;
852 }
853 .popup-body {
854 overflow: auto;
855 }
856 .popup-body-col {
857 margin-right: 0;
858 }
859 .popup-body-col:first-child {
860 width: 100%;
861 }
862 }
863
864 #field_types {
865 border-right: 4px solid #E5E5E5;
866 background: #F2F2F2;
867 }
868
869 /* submissions */
870
871 #sbox-overlay {
872 z-index: 65555;
873 position: fixed;
874 top: 0px;
875 left: 0px;
876 visibility: visible;
877 zoom: 1;
878 background-color: #000000;
879 opacity: 0.7;
880 filter: alpha(opacity=70);
881 display: none;
882 }
883
884 #ChBDiv {
885 background-color: #FFFFFF;
886 width: 350px;
887 max-height: 350px;
888 overflow-y: auto;
889 padding: 20px;
890 position: fixed;
891 top: 100px;
892 display: none;
893 border: 2px solid #AAAAAA;
894 z-index: 65556;
895 }
896
897 .fm-reports {
898 text-align: left;
899 display: inline-block;
900 vertical-align: middle;
901 }
902
903 .fm-tools-button {
904 border: 1px solid;
905 border-radius: 0px;
906 text-align: left;
907 color: #0288C5;
908 height: 40px;
909 line-height: 40px;
910 display: inline-block;
911 padding: 0px 10px;
912 background: #F1F1F1;
913 border-color: #F1F1F1;
914 font-size: 15px;
915 }
916
917 .fm-total_rate, .fm-total_entries, .fm-total_views {
918 display: inline-block;
919 line-height: 18px;
920 padding: 5px 10px;
921 border-radius: 37px;
922 font-size: 16px;
923 background: #fff;
924 border: none;
925 margin-right: 6px;
926 }
927
928 .fm-form-title {
929 text-align: left;
930 display: inline-block;
931 height: 46px;
932 line-height: 46px;
933 font-size: 28px;
934 font-weight: bold;
935 max-width: 450px;
936 overflow: hidden;
937 text-overflow: ellipsis;
938 white-space: nowrap;
939 }
940
941 .submissions-actions {
942 line-height: 50px;
943 }
944
945 .submissions-toolbar {
946 background: #fff;
947 height: 100px;
948 line-height: 100px;
949 }
950
951 .submissions-tools {
952 padding: 0 10px;
953 }
954
955 .submissions-tools select {
956 height: 41px;
957 width: 280px;
958 max-width: 280px;
959 border: 1px solid #f1f1f1;
960 font-style: italic;
961 border-radius: 0px;
962 margin-left: 7px;
963 box-shadow: none;
964 }
965
966 .list_blocked_link {
967 line-height: 15px;
968 width:100%;
969 height:20px
970 }
971 .list_blocked_link>a {
972 float: right;
973 }
974
975 .fm-export-tools {
976 float: right;
977 }
978
979 .fm-export-tools span {
980 display: inline-block;
981 font-size: 15px;
982 color: #0288C5;
983 }
984
985 .fm-export-tools button {
986 cursor: pointer;
987 }
988
989 .fm-search-tools {
990 float: left !important;
991 }
992
993 .fm-search-tools button {
994 margin-right: 2px;
995 }
996
997 .fm-add-remove {
998 float: right;
999 }
1000
1001 .fm-add-remove button {
1002 font-size: 13px;
1003 background: #4EC0D9;
1004 width: 154px;
1005 margin-right: 15px;
1006 }
1007
1008 .fm-statistics {
1009 background: #fff;
1010 padding: 10px 10px 20px 10px;
1011 }
1012 .fm-statistics .fm_error_sorted_label_key {
1013 display: none;
1014 padding-left: 7px;
1015 color: red;
1016 font-size: 14px;
1017 }
1018
1019 .fm-statistics .stats tr {
1020 border: none !important;
1021 }
1022
1023 .fm-statistics .stats td {
1024 border: none !important;
1025 padding: 5px 3px;
1026 vertical-align: middle;
1027 }
1028 .fm-statistics .stats label {
1029 min-width: 70px;
1030 display: block;
1031 }
1032 .fm-statistics .stats select {
1033 height: 30px;
1034 width: 100%;
1035 max-width: 288px;
1036 border: 1px solid #E6E4E4;
1037 font-style: italic;
1038 border-radius: 0px;
1039 margin-left: 7px;
1040 box-shadow: none;
1041 }
1042
1043 .fm-statistics #div_stats .field-label {
1044 font-size: 16px;
1045 font-weight: bold;
1046 }
1047
1048 .fm-statistics .stats input {
1049 border-radius: 0px;
1050 border: 1px solid #E6E4E4;
1051 box-shadow: none;
1052 vertical-align: middle;
1053 }
1054 .fm-statistics .stats #startstats,
1055 .fm-statistics .stats #endstats {
1056 width:92px;
1057 }
1058
1059
1060 .fm-statistics .label0 {
1061 background: #4EC0D9;
1062 border: 2px solid #4EC0D9;
1063 }
1064
1065 .fm-statistics .label1 {
1066 background: #DDCC7F;
1067 border: 2px solid #DDCC7F;
1068 }
1069
1070 .fm-statistics .bordered {
1071 height:20px;
1072 float: left;
1073 }
1074 .fm-statistics .fm-bordered-progress {
1075 height:20px;
1076 position: relative;
1077 float: left;
1078 background-color:#F2F0F1;
1079 }
1080 .fm-statistics .fm-bordered-progress-percent {
1081 position: absolute;
1082 margin-left: -50px;
1083 font-size: 13px;
1084 }
1085
1086 .fm-statistics .bordered0:before {
1087 content: " ";
1088 width: 20px;
1089 height: 20px;
1090 margin-left: -15px;
1091 background: #5FE2FF;
1092 display: inline-block;
1093 -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
1094 }
1095
1096 .fm-statistics .bordered1:before {
1097 content: " ";
1098 width: 20px;
1099 height: 20px;
1100 margin-left: -15px;
1101 background: #F9E89C;
1102 display: inline-block;
1103 -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
1104 }
1105 .fm-statistics .fm-bordered-count-arrow {
1106 float:left;
1107 width: 0;
1108 height: 0;
1109 border-top: 10px solid transparent;
1110 border-bottom: 10px solid transparent;
1111 }
1112 .fm-statistics .fm-bordered-count {
1113 height:20px;
1114 width:16px;
1115 text-align:
1116 center;
1117 margin-left:8px;
1118 color: #fff;
1119 }
1120
1121 .fm-statistics .adminlist {
1122 border-collapse: separate;
1123 font-size: 14px;
1124 width: 100%;
1125 }
1126
1127 .fm-statistics .adminlist th {
1128 font-size: 14px;
1129 padding: 10px 0;
1130 }
1131
1132 .fm-statistics .adminlist td {
1133 border: none !important;
1134 }
1135
1136 .fm-statistics .adminlist td:first-child {
1137 color: #fff;
1138 padding: 4px;
1139 }
1140
1141 /* form options */
1142 .fm-form-options {
1143 background: #fff;
1144 padding: 13px;
1145 }
1146
1147 .display-options-container {
1148 background: transparent;
1149 }
1150
1151 .display-options-container .wd-table {
1152 padding: 0px!important;
1153 }
1154
1155 .display-options-container .fm-form-types .wd-label {
1156 font-size:18px;
1157 width: 170px !important;
1158 display: block;
1159 }
1160
1161 #fm-embedded-element{
1162 min-height: 32px;
1163 }
1164
1165 #fm-embedded-element p {
1166 float: left;
1167 margin: 0 5px 0 0 !important;
1168 line-height: 32px;
1169 }
1170 #fm-embedded-element input {
1171 float: left;
1172 margin: 0 5px 0 0 !important;
1173 }
1174
1175
1176 .wd-group-content {
1177 display: block; min-height: 50px;
1178 }
1179 .wd-group-content p {
1180 padding: 0px;
1181 margin: 0px;
1182 line-height: 32px;
1183 }
1184 .wd-group-content p, .wd-group-content input {
1185 float: left;
1186 margin-right: 10px !important;
1187 }
1188
1189 .fm-options-container {
1190 display: flex;
1191 max-width: 1050px;
1192 margin: 0 auto;
1193 }
1194
1195 .fm-options-body {
1196 flex: 0.78;
1197 }
1198
1199 .submenu-box {
1200 display: flex;
1201 flex-direction: column;
1202 padding: 15px 36px 0 15px;
1203 flex: 0.22;
1204 }
1205
1206 .fm-options-body {
1207 padding-right: 10px;
1208 }
1209
1210 #submenu {
1211 border: 1px solid #E5E5E5;
1212 border-radius: 6px;
1213 overflow: hidden;
1214 margin: 0;
1215 padding: 15px 0;
1216 }
1217
1218 #fm-tabs .ui-widget-header {
1219 background-color: #FFFFFF;
1220 }
1221
1222 @media (min-width: 420px) and (max-width: 600px) {
1223 #fm-tabs .tab-label {
1224 display: none;
1225 }
1226 #fm_admin_container.fm-form-container .fm-edit-tabs > li > a {
1227 padding: 20px 10px !important;
1228 }
1229 }
1230
1231 #submenu li {
1232 margin: 0;
1233 padding: 0;
1234 }
1235
1236 #submenu a:hover,
1237 #submenu a.active,
1238 #submenu span.nolink.active {
1239 color: #FFFFFF;
1240 background: none repeat scroll 0 0 #3A3E43;
1241 }
1242
1243 #submenu a:focus {
1244 box-shadow: none !important;
1245 }
1246
1247 #submenu li a,
1248 #submenu span.nolink {
1249 color: #555555;
1250 cursor: pointer;
1251 font-size: 13px;
1252 font-weight: bold;
1253 padding: 12px;
1254 background: #fff;
1255 text-decoration: none;
1256 display: inline-block;
1257 width: 100%;
1258 }
1259
1260 fieldset.adminform {
1261 width: 99%;
1262 margin: 10px 0;
1263 }
1264
1265 fieldset.adminform legend {
1266 color: #444;
1267 font-weight: bold;
1268 font-size: 16px;
1269 padding: 10px 3px;
1270 }
1271
1272 table.admintable td.key,
1273 table.admintable td.paramlist_key {
1274 background-color: #F6F6F6;
1275 border-bottom: 1px solid #E9E9E9;
1276 border-right: 1px solid #E9E9E9;
1277 color: #666666;
1278 font-weight: bold;
1279 text-align: right;
1280 width: 200px;
1281 }
1282
1283 table.admintable {
1284 width: 100%;
1285 }
1286
1287 .fm_fieldset_active {
1288 display: block;
1289 }
1290
1291 .fm_fieldset_deactive {
1292 display: none;
1293 }
1294
1295 .wrap * {
1296 font-size: 13px;
1297 }
1298
1299 .add_tag_th {
1300 padding-left: 21px;
1301 font-size: 12px;
1302 font-family: sans-serif;
1303 }
1304
1305 .pointer {
1306 cursor: pointer;
1307 }
1308
1309 .table_small_col {
1310 text-align: center !important;
1311 width: 50px;
1312 box-sizing: initial;
1313 -moz-box-sizing: initial;
1314 -webkit-box-sizing: initial;
1315 }
1316
1317 .table_medium_col {
1318 text-align: center !important;
1319 width: 70px;
1320 }
1321
1322 .table_big_col {
1323 text-align: center !important;
1324 width: 80px;
1325 }
1326
1327 .table_large_col {
1328 text-align: center !important;
1329 width: 200px;
1330 }
1331
1332 .table_large_col input {
1333 width: 180px;
1334 }
1335
1336 .table_extra_large_col {
1337 padding: 4px !important;
1338 width: 150px !important;
1339 }
1340
1341 .first-page,
1342 .prev-page,
1343 .next-page,
1344 .last-page,
1345 .table_extra_large_col a,
1346 .table_medium_col a,
1347 .table_big_col a,
1348 .table_small_col a {
1349 cursor: pointer;
1350 }
1351
1352 .handle {
1353 background: url("../images/draggable.png") no-repeat /*scroll 6px 9px*/ transparent;
1354 border: none;
1355 height: 15px;
1356 margin: 0 auto;
1357 vertical-align: middle;
1358 width: 15px;
1359 }
1360
1361 .block_icon {
1362 background: url("../images/icons.png") no-repeat 15% 41%;
1363 border: none;
1364 display: inline-block;
1365 height: 43px;
1366 width: 31px;
1367 vertical-align: middle;
1368 }
1369
1370 .theme_icon {
1371 background: url("../images/icons.png") no-repeat 7% 41%;
1372 border: none;
1373 height: 42px;
1374 width: 44px;
1375 display: inline-block;
1376 vertical-align: middle;
1377 }
1378
1379 .uninstall_icon {
1380 background: url("../images/icons.png") no-repeat 0% 41%;
1381 border: none;
1382 height: 42px;
1383 width: 37px;
1384 display: inline-block;
1385 vertical-align: middle;
1386 }
1387
1388 .connectedSortable {
1389 cursor: move;
1390 }
1391
1392 .fm_label {
1393 font-weight: bold;
1394 width: 100px;
1395 }
1396
1397 .fm_label_options {
1398 font-weight: bold;
1399 vertical-align: top;
1400 width: 150px;
1401 }
1402
1403 .fm_int_input {
1404 width: 80px;
1405 }
1406
1407 .fm_text_input {
1408 width: 190px;
1409 }
1410
1411 .theme_type {
1412 background-color: #F4F4F4;
1413 border: 1px solid #8F8D8D;
1414 border-radius: 8px 8px 8px 8px;
1415 cursor: pointer;
1416 display: inline-block;
1417 font-size: 16px;
1418 height: 24px;
1419 padding-top: 5px;
1420 text-align: center;
1421 vertical-align: middle;
1422 width: 123px;
1423 margin: 2px 0px 2px 0px;
1424 }
1425
1426 .ui-slider-handle {
1427 cursor: pointer !important;
1428 }
1429
1430 .fm_search_value {
1431 height: 2em;
1432 margin: 0 0 4px;
1433 }
1434
1435 #form_id_tempform_view_img1 td {
1436 padding: 0;
1437 }
1438
1439 .payment_info_fc {
1440 width: 72px;
1441 }
1442
1443 .sub-align {
1444 vertical-align: top !important;
1445 }
1446
1447 .count_col {
1448 padding: 7px 7px 8px;
1449 min-width: 10px !important;
1450 max-width: 30px !important;
1451 text-align: right !important;
1452 }
1453
1454 #fm-fields-filter {
1455 background-color: #FAFAFA;
1456 }
1457
1458 #fm-fields-filter input {
1459 font-size: 12px;
1460 padding: 0 !important;
1461 margin: 0 !important;
1462 vertical-align: middle;
1463 }
1464
1465 #fm-fields-filter td,
1466 #fm-fields-filter th {
1467 font-size: 12px;
1468 margin: 0 !important;
1469 border: none;
1470 vertical-align: middle;
1471 }
1472
1473 .submitdate_fc * {
1474 padding: 0 !important;
1475 }
1476
1477 .submit_content pre {
1478 font-family: sans-serif;
1479 }
1480
1481 .submit_content .table_large_col {
1482 text-align: left !important;
1483 white-space: nowrap;
1484 }
1485
1486 .submit_content table {
1487 table-layout: auto;
1488 width: auto;
1489 }
1490 .submit_content tbody td {
1491 min-height:30px;
1492 }
1493
1494 .submit_content .column-autor {
1495 min-width: 130px;
1496 max-width: 200px;
1497 }
1498
1499 .fm-table-submissions #submitid_fc.submitid_fc {
1500 min-width: 55px !important;
1501 }
1502 .submit_content #submitsubmitdate_fc,
1503 .submit_content #submitterusername_fc,
1504 .submit_content #submitteremail_fc {
1505 min-width: 170px;
1506 }
1507
1508 .submitid_fc {
1509 min-width: 10px !important;
1510 max-width: 30px !important;
1511 text-align: left !important;
1512 }
1513 #fm-submission-lists .fm-show-column {
1514 }
1515 #fm-submission-lists .fm-hide-column {
1516 display:none;
1517 }
1518 .submitid_fc a {
1519 padding-left: 2px;
1520 }
1521
1522 .fm_options_label,
1523 .fm_options_value {
1524 background-color: #FFFFFF;
1525 border: 1px solid #cccccc !important;
1526 padding: 15px;
1527 }
1528
1529 .fm_options_label {
1530 width: 170px;
1531 }
1532
1533 .fm_delete_img {
1534 cursor: pointer;
1535 margin: 0 0 0 2px;
1536 padding: 0;
1537 vertical-align: middle;
1538 }
1539
1540 button:focus {
1541 outline: none !important;
1542 }
1543
1544 .fm-button {
1545 display: inline-block;
1546 height: 40px;
1547 line-height: 38px;
1548 border-radius: 0px;
1549 font-size: 15px;
1550 font-weight: normal;
1551 padding: 0;
1552 cursor: pointer;
1553 text-align: center;
1554 color: #fff;
1555 border: none;
1556 }
1557
1558 .fm-button span {
1559 width: 46px;
1560 height: 40px;
1561 display: inline-block;
1562 background-size: contain;
1563 background: transparent;
1564 background-repeat: no-repeat;
1565 background-position: 0 0;
1566 border-radius: 0px;
1567 float: left;
1568 margin-top: -1px;
1569 margin-left: -1px;
1570 }
1571
1572 .fm-button.small {
1573 width: 108px;
1574 }
1575
1576 .fm-button.medium {
1577 width: 150px;
1578 }
1579
1580 .fm-button.large {
1581 width: 175px;
1582 }
1583
1584 .fm-button.add-button {
1585 background-color: #4EC0D9;
1586 border: 1px solid transparent;
1587 }
1588
1589 .fm-button.add-button span {
1590 background: url("../images/icons.png") no-repeat 0% 0%;
1591 }
1592
1593 .fm-button.add-new-button {
1594 background-color: #4EC0D9;
1595 border: 1px solid transparent;
1596 }
1597
1598 .fm-button.add-new-button span {
1599 background: url("../images/icons.png") no-repeat 71.5% 0%;
1600 }
1601
1602 .fm-icon {
1603 width: 35px;
1604 height: 36px;
1605 border-radius: 0px;
1606 cursor: pointer;
1607 border: none;
1608 vertical-align: middle;
1609 }
1610
1611 .fm-icon.search-icon,
1612 .fm-button.search-button span {
1613 background: #DDCC7F url("../images/icons.png") no-repeat 55% 31.5%;
1614 }
1615
1616 .fm-icon.reset-icon,
1617 .fm-button.reset-button span {
1618 background: #C1C1C1 url("../images/icons.png") no-repeat 37.5% 31.5%;
1619 }
1620
1621 .fm-icon.edit-icon {
1622 background: #DDCC7F url("../images/icons.png") no-repeat 32.7% 39.5%;
1623 }
1624
1625 .fm-icon.delete-icon {
1626 background: #E5705D url("../images/icons.png") no-repeat 27.5% 39.5%;
1627 }
1628
1629 .fm-button.show-filter-button span {
1630 background: #DDCC7F url("../images/icons.png") no-repeat 60.8% 10%;
1631 }
1632
1633 .fm-icon.add-block-ip-icon {
1634 background: #4EC0D9 url("../images/icons.png") no-repeat 50% 50%;
1635 }
1636
1637 .fm-button.edit-button span {
1638 background: #DDCC7F url("../images/icons.png") no-repeat 50% 50%;
1639 }
1640
1641 .fm-button.block-button span {
1642 background: url("../images/icons.png") no-repeat 64.5% 0%;
1643 }
1644
1645 .fm-button.unblock-button span {
1646 background: url("../images/icons.png") no-repeat 36% 0%;
1647 }
1648
1649 .fm-button.delete-button span {
1650 background: url("../images/icons.png") no-repeat 93% 0%;
1651 }
1652
1653 .fm-button.form-layout-button span {
1654 background: url("../images/icons.png") no-repeat 79% 0%;
1655 }
1656
1657 .fm-button.form-options-button span {
1658 background: url("../images/icons.png") no-repeat 14.5% 0%;
1659 }
1660
1661 .fm-button.display-options-button span {
1662 background: url("../images/icons.png") no-repeat 19% 54%;
1663 }
1664
1665 .fm-button.undo-button span {
1666 background: url("../images/icons.png") no-repeat 29% 0%;
1667 }
1668
1669 .fm-button.redo-button span {
1670 background: url("../images/icons.png") no-repeat 57% 0%;
1671 }
1672
1673 .fm-button.save-button span {
1674 background: url("../images/icons.png") no-repeat 43% 0%;
1675 }
1676
1677 .fm-button.save-as-copy-button span {
1678 background: url("../images/icons.png") no-repeat 50% 0%;
1679 }
1680
1681 .field-save-button span,
1682 .fm-button.apply-button span {
1683 background: url("../images/icons.png") no-repeat 86% 0%;
1684 }
1685
1686 .fm-button.cancel-button span {
1687 background: url("../images/icons.png") no-repeat 100% 0%;
1688 }
1689
1690 .fm-button.options-edit-button span {
1691 background: url("../images/icons.png") no-repeat 21.5% 0%;
1692 }
1693
1694 .fm-button.preview-button span {
1695 background: url("../images/icons.png") no-repeat 7% 0%;
1696 }
1697
1698 .fm-page-actions {
1699 float: right;
1700 }
1701
1702 .fm-page-actions .fm-button,
1703 .fm-button.field-save-button,
1704 .fm-button.cancel-button,
1705 .fm-button.delete-button,
1706 .fm-button.options-edit-button,
1707 .fm-button.preview-button {
1708 background: transparent;
1709 color: #444;
1710 border: 1px solid #C5C6C7 !important;
1711 }
1712
1713 .fm-page-banner {
1714 background: #fff;
1715 display: block;
1716 padding: 15px 10px;
1717 box-sizing: initial;
1718 -moz-box-sizing: initial;
1719 -webkit-box-sizing: initial;
1720 }
1721
1722 .fm-theme-banner {
1723 background: #fff;
1724 display: inline-block;
1725 width: 100%;
1726 float: left;
1727 padding: 10px;
1728 box-sizing: initial;
1729 -moz-box-sizing: initial;
1730 -webkit-box-sizing: initial;
1731 }
1732
1733 .fm-theme-banner select {
1734 height: 40px;
1735 line-height: 40px;
1736 border: 1px solid #C5C6C7 !important;
1737 box-shadow: none;
1738 width: 290px;
1739 }
1740
1741 .fm-theme-banner #theme {
1742 height:30px;
1743 line-height: 30px;
1744 }
1745
1746 .fm-theme-banner button {
1747 vertical-align: middle;
1748 }
1749
1750 .fm-theme-banner #edit_css {
1751 position: absolute;
1752 top: 7px;
1753 left: 298px
1754 }
1755
1756 .uninstall-banner {
1757 background: #fff;
1758 display: block;
1759 padding: 15px 10px;
1760 height: 38px;
1761 }
1762
1763 .uninstall-banner .fm-logo-title {
1764 width: 200px;
1765 vertical-align: middle;
1766 }
1767
1768 .blocked-ips-banner,
1769 .themes-banner,
1770 .fm-page-banner {
1771 line-height: 80px;
1772 }
1773
1774 .fm-clear {
1775 content: '';
1776 clear: both;
1777 display: block;
1778 }
1779
1780 .fm-logo {
1781 display: inline-block;
1782 background: url("../images/form-maker-logo.png") no-repeat 49% 100%;
1783 width: 100px;
1784 height: 79px;
1785 vertical-align: bottom;
1786 margin-top: 10px;
1787 }
1788
1789 .fm-logo-title {
1790 text-transform: uppercase;
1791 display: inline-block;
1792 font-size: 16px;
1793 vertical-align: middle;
1794 width: 100px;
1795 margin-left: 10px;
1796 line-height: 22px;
1797 }
1798
1799 .fm-title-edit-page {
1800 text-transform: uppercase;
1801 display: inline-block;
1802 font-size: 15px;
1803 vertical-align: top;
1804 margin-left: 0px;
1805 line-height: 22px;
1806 }
1807
1808 .fm-logo-edit-page {
1809 display: inline-block;
1810 background: url("../images/icons.png") no-repeat 0% 54%;
1811 width: 65px;
1812 height: 47px;
1813 }
1814
1815 .fm-h2-message {
1816 padding: 0 !important;
1817 margin: 0 !important;
1818 }
1819
1820 .tablenav .fm-alternate {
1821 background-color: #F1F1F1;
1822 }
1823
1824 .fm-search label {
1825 font-size: 14px;
1826 width: 45px;
1827 display: inline-block;
1828 }
1829
1830 .fm-search input {
1831 width: 251px;
1832 padding: 4px;
1833 border: 1px solid #919191;
1834 height: 36px;
1835 background: transparent;
1836 margin: 0;
1837 display: inline-block;
1838 vertical-align: middle;
1839 font-size: 14px;
1840 }
1841
1842 .fm-search input:focus {
1843 outline: none;
1844 }
1845
1846 .fm-checkbox-radio-button {
1847 height: 16px;
1848 border-radius: 10px;
1849 cursor: pointer;
1850 text-align: center;
1851 padding: 1px;
1852 font-size: 12px;
1853 line-height: 12px;
1854 color: #fff;
1855 width: 46px;
1856 min-width: 46px;
1857 position: relative;
1858 }
1859
1860 .fm-checkbox-radio-button span {
1861 width: 12px;
1862 height: 12px;
1863 display: inline-block;
1864 background-size: contain;
1865 background: #fff;
1866 border-radius: 6px;
1867 position: absolute;
1868 top: 1px;
1869 }
1870
1871 .fm-checkbox-radio-button label {
1872 font-size: 11px;
1873 line-height: 13px;
1874 margin-right: 6px;
1875 margin-bottom: 3px;
1876 }
1877
1878 .fm-checkbox-radio-button.small {
1879 width: 46px;
1880 }
1881
1882 .fm-checkbox-radio-button.medium {
1883 width: 60px;
1884 }
1885
1886 .fm-checkbox-radio-button.large {
1887 width: 98px;
1888 }
1889
1890 .fm-yes {
1891 background: #46ACC3 url("../images/icons.png");
1892 border: 1px solid #46ACC3;
1893 background-repeat: no-repeat;
1894 background-position: 73% 55%;
1895 }
1896
1897 .fm-no {
1898 background: #A1A1A1;
1899 border: 1px solid #A1A1A1;
1900 background-repeat: no-repeat;
1901 background-position: 35%;
1902 }
1903
1904 .fm-text-yes span,
1905 .fm-yes span {
1906 right: 0px;
1907 }
1908
1909 .fm-text-no.small span,
1910 .fm-no span {
1911 right: 32px;
1912 }
1913
1914 .fm-text-no.medium span {
1915 right: 46px;
1916 }
1917
1918 .fm-text-no.large span {
1919 right: 84px;
1920 }
1921
1922 .fm-text-yes {
1923 background: #46ACC3;
1924 border: 1px solid #46ACC3;
1925 }
1926
1927 .fm-text-no {
1928 background: #A1A1A1;
1929 border: 1px solid #A1A1A1;
1930 }
1931
1932 .fm-text-no label {
1933 margin-left: 12px;
1934 }
1935
1936 .fm-block-ip input[type="text"] {
1937 width: 160px;
1938 padding: 3px;
1939 border: 1px solid #ccc;
1940 margin: 0;
1941 height: 28px;
1942 vertical-align: middle;
1943 }
1944
1945 .fm-submissins-edit table {
1946 background: #fff;
1947 width: 100%;
1948 padding: 15px;
1949 }
1950
1951 .fm-submissins-edit .fm-key {
1952 width: 190px;
1953 }
1954
1955 .goodbye-text {
1956 font-size: 16px;
1957 font-weight: bold;
1958 background: #fff;
1959 padding: 15px;
1960 line-height: 22px;
1961 }
1962
1963 .goodbye-text a {
1964 font-size: 15px;
1965 }
1966
1967 .form_maker_themes th.col_default,
1968 .form_maker_fmc_themes th.col_default {
1969 width:80px;
1970 }
1971 .form_maker_themes td.col_default,
1972 .form_maker_fmc_themes td.col_default {
1973 padding-left:20px;
1974 }
1975
1976 #fm_ip {
1977 height:30px;
1978 padding: 5px;
1979 }
1980
1981 #ip{ width: 100%}
1982
1983 #fm_ip{
1984 margin-left: 0!important;
1985 }
1986 .loading{
1987 display: none;
1988 padding-left:5px;
1989 }
1990
1991 .loading img{
1992 vertical-align: middle;
1993 }
1994
1995 .ip_save {
1996 height: 25px!important;
1997 line-height: 24px!important;
1998 }
1999
2000 #blocked_ips #id{ width: 100%!important;}
2001
2002 @media screen and (max-width: 782px){
2003 .ip_input{
2004 padding: 5px!important;
2005 }
2006
2007 #fm_ip{
2008 vertical-align: top!important;
2009 }
2010 .ip_save {
2011 height: 28px!important;
2012 line-height: 2px!important;
2013 }
2014
2015 #add_ip{ height: 28px; padding: 0 10px 1px!important;}
2016 }
2017
2018 #fm-title-edit #title {
2019 font-size: 1.5em;
2020 }
2021 .fm-table {
2022 clear: both;
2023 }
2024
2025 .fm-themes-tabs ul {
2026 padding: 0;
2027 margin: 0;
2028 list-style-type: none;
2029 }
2030
2031 .fm-themes-tabs ul li {
2032 float: left;
2033 margin: 4px 0 0 5px;
2034 background: #FFFFFF;
2035 cursor: default;
2036 box-shadow: 1px 1px 1px #dedede;
2037 }
2038
2039 .fm-themes-tabs ul li a {
2040 display: inline-block;
2041 width: 100%;
2042 padding: 4px;
2043 color: #616163;
2044 border: 1px solid #D0CFCF;
2045 border-radius: 3px !important;
2046 text-decoration: none;
2047 }
2048
2049 .fm-themes-tabs ul li a.fm-theme-active-tab {
2050 background: #F3F1F1;
2051 color: #000000;
2052 }
2053
2054 .fm-themes-tabs ul li a.fm-disabled {
2055 cursor: default;
2056 pointer-events: none;
2057 }
2058 .fm-themes-tabs ul li a#buttons {
2059 padding: 0 10px 1px;
2060 }
2061
2062 .fm-themes .fm-row { clear: both; }
2063 .fm-themes .fm-row .fm-label-text,
2064 .fm-themes .fm-row .fm-label-2text,
2065 .fm-themes .fm-row .fm-label-select {
2066 float: left;
2067 }
2068
2069 .fm-themes .fm-row .fm-input-text-wrap-AGPBorderColor,
2070 .fm-themes .fm-row .fm-input-text-wrap-HPBGColor,
2071 .fm-themes .fm-row .fm-input-text-wrap-HTPColor,
2072 .fm-themes .fm-row .fm-input-text-wrap-HDPColor,
2073 .fm-themes .fm-row .fm-input-text-wrap-HPBorderColor,
2074 .fm-themes .fm-row .fm-input-text-wrap-GPBGColor,
2075 .fm-themes .fm-row .fm-input-text-wrap-GPMLColor,
2076 .fm-themes .fm-row .fm-input-text-wrap-SEPBGColor,
2077 .fm-themes .fm-row .fm-input-text-wrap-GPColor,
2078 .fm-themes .fm-row .fm-input-text-wrap-GPBorderColor,
2079 .fm-themes .fm-row .fm-input-text-wrap-IPBGColor,
2080 .fm-themes .fm-row .fm-input-text-wrap-IPColor,
2081 .fm-themes .fm-row .fm-input-text-wrap-IPBorderColor,
2082 .fm-themes .fm-row .fm-input-text-wrap-SCPBGColor,
2083 .fm-themes .fm-row .fm-input-text-wrap-MCPBGColor,
2084 .fm-themes .fm-row .fm-input-text-wrap-SCPBorderColor,
2085 .fm-themes .fm-row .fm-input-text-wrap-MCPBorderColor,
2086 .fm-themes .fm-row .fm-input-text-wrap-SCCPBGColor,
2087 .fm-themes .fm-row .fm-input-text-wrap-MCCPBGColor,
2088 .fm-themes .fm-row .fm-input-text-wrap-SPBGColor,
2089 .fm-themes .fm-row .fm-input-text-wrap-BPBGColor,
2090 .fm-themes .fm-row .fm-input-text-wrap-SPColor,
2091 .fm-themes .fm-row .fm-input-text-wrap-BPColor,
2092 .fm-themes .fm-row .fm-input-text-wrap-SPBorderColor,
2093 .fm-themes .fm-row .fm-input-text-wrap-BPBorderColor,
2094 .fm-themes .fm-row .fm-input-text-wrap-SHPBGColor,
2095 .fm-themes .fm-row .fm-input-text-wrap-BHPBGColor,
2096 .fm-themes .fm-row .fm-input-text-wrap-SHPColor,
2097 .fm-themes .fm-row .fm-input-text-wrap-BHPColor,
2098 .fm-themes .fm-row .fm-input-text-wrap-SHPBorderColor,
2099 .fm-themes .fm-row .fm-input-text-wrap-BHPBorderColor,
2100 .fm-themes .fm-row .fm-input-text-wrap-PSAPBGColor,
2101 .fm-themes .fm-row .fm-input-text-wrap-PSDPBGColor,
2102 .fm-themes .fm-row .fm-input-text-wrap-PSAPColor,
2103 .fm-themes .fm-row .fm-input-text-wrap-PSDPColor,
2104 .fm-themes .fm-row .fm-input-text-wrap-PSAPBorderColor,
2105 .fm-themes .fm-row .fm-input-text-wrap-NBPBGColor,
2106 .fm-themes .fm-row .fm-input-text-wrap-PBPBGColor,
2107 .fm-themes .fm-row .fm-input-text-wrap-NBPColor,
2108 .fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor,
2109 .fm-themes .fm-row .fm-input-text-wrap-CBPBGColor,
2110 .fm-themes .fm-row .fm-input-text-wrap-CBPColor,
2111 .fm-themes .fm-row .fm-input-text-wrap-CBPBorderColor,
2112 .fm-themes .fm-row .fm-input-text-wrap-CBHPBGColor,
2113 .fm-themes .fm-row .fm-input-text-wrap-CBHPColor,
2114 .fm-themes .fm-row .fm-input-text-wrap-CBHPBorderColor,
2115 .fm-themes .fm-row .fm-input-text-wrap-MBPBGColor,
2116 .fm-themes .fm-row .fm-input-text-wrap-MBPBorderColor,
2117 .fm-themes .fm-row .fm-input-text-wrap-MBPColor,
2118 .fm-themes .fm-row .fm-input-text-wrap-MBHPBGColor,
2119 .fm-themes .fm-row .fm-input-text-wrap-MBHPColor,
2120 .fm-themes .fm-row .fm-input-text-wrap-MBHPBorderColor,
2121 .fm-themes .fm-row .fm-input-text-wrap-PBPColor,
2122 .fm-themes .fm-row .fm-input-text-wrap-NBPBorderColor,
2123 .fm-themes .fm-row .fm-input-text-wrap-PBPBorderColor,
2124 .fm-themes .fm-row .fm-input-text-wrap-NBHPBGColor,
2125 .fm-themes .fm-row .fm-input-text-wrap-PBHPBGColor,
2126 .fm-themes .fm-row .fm-input-text-wrap-NBHPColor,
2127 .fm-themes .fm-row .fm-input-text-wrap-PBHPColor,
2128 .fm-themes .fm-row .fm-input-text-wrap-NBHPBorderColor,
2129 .fm-themes .fm-row .fm-input-text-wrap-PBHPBorderColor,
2130 .fm-themes .fm-row .fm-input-text-wrap-OPDeInputColor,
2131 .fm-themes .fm-row .fm-input-text-wrap-OPRColor
2132 {
2133 float: left;
2134 }
2135 .fm-themes .fm-row input.color {
2136 display:block !important;
2137 float: right;
2138 width: 85px !important;
2139 text-align: center;
2140 }
2141 .fm-themes .fm-row .fm-input-text-wrap-AGPBorderColor .sp-replacer,
2142 .fm-themes .fm-row .fm-input-text-wrap-HPBGColor .sp-replacer,
2143 .fm-themes .fm-row .fm-input-text-wrap-HTPColor .sp-replacer,
2144 .fm-themes .fm-row .fm-input-text-wrap-HPBorderColor .sp-replacer,
2145 .fm-themes .fm-row .fm-input-text-wrap-HDPColor .sp-replacer,
2146 .fm-themes .fm-row .fm-input-text-wrap-GPBGColor .sp-replacer,
2147 .fm-themes .fm-row .fm-input-text-wrap-GPMLColor .sp-replacer,
2148 .fm-themes .fm-row .fm-input-text-wrap-SEPBGColor .sp-replacer,
2149 .fm-themes .fm-row .fm-input-text-wrap-GPColor .sp-replacer,
2150 .fm-themes .fm-row .fm-input-text-wrap-GPBorderColor .sp-replacer,
2151 .fm-themes .fm-row .fm-input-text-wrap-IPBGColor .sp-replacer,
2152 .fm-themes .fm-row .fm-input-text-wrap-IPColor .sp-replacer,
2153 .fm-themes .fm-row .fm-input-text-wrap-IPBorderColor .sp-replacer,
2154 .fm-themes .fm-row .fm-input-text-wrap-SCPBGColor .sp-replacer,
2155 .fm-themes .fm-row .fm-input-text-wrap-MCPBGColor .sp-replacer,
2156 .fm-themes .fm-row .fm-input-text-wrap-SCPBorderColor .sp-replacer,
2157 .fm-themes .fm-row .fm-input-text-wrap-MCPBorderColor .sp-replacer,
2158 .fm-themes .fm-row .fm-input-text-wrap-SCCPBGColor .sp-replacer,
2159 .fm-themes .fm-row .fm-input-text-wrap-MCCPBGColor .sp-replacer,
2160 .fm-themes .fm-row .fm-input-text-wrap-SPBGColor .sp-replacer,
2161 .fm-themes .fm-row .fm-input-text-wrap-BPBGColor .sp-replacer,
2162 .fm-themes .fm-row .fm-input-text-wrap-SPColor .sp-replacer
2163 .fm-themes .fm-row .fm-input-text-wrap-BPColor .sp-replacer,
2164 .fm-themes .fm-row .fm-input-text-wrap-SPBorderColor .sp-replacer,
2165 .fm-themes .fm-row .fm-input-text-wrap-BPBorderColor .sp-replacer,
2166 .fm-themes .fm-row .fm-input-text-wrap-SHPBGColor .sp-replacer,
2167 .fm-themes .fm-row .fm-input-text-wrap-BHPBGColor .sp-replacer,
2168 .fm-themes .fm-row .fm-input-text-wrap-SHPColor .sp-replacer,
2169 .fm-themes .fm-row .fm-input-text-wrap-BHPColor .sp-replacer,
2170 .fm-themes .fm-row .fm-input-text-wrap-SHPBorderColor .sp-replacer,
2171 .fm-themes .fm-row .fm-input-text-wrap-BHPBorderColor .sp-replacer,
2172 .fm-themes .fm-row .fm-input-text-wrap-PSAPBGColor .sp-replacer,
2173 .fm-themes .fm-row .fm-input-text-wrap-PSDPBGColor .sp-replacer,
2174 .fm-themes .fm-row .fm-input-text-wrap-PSAPColor .sp-replacer,
2175 .fm-themes .fm-row .fm-input-text-wrap-PSDPColor .sp-replacer,
2176 .fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor .sp-replacer,
2177 .fm-themes .fm-row .fm-input-text-wrap-NBPBGColor .sp-replacer,
2178 .fm-themes .fm-row .fm-input-text-wrap-PBPBGColor .sp-replacer,
2179 .fm-themes .fm-row .fm-input-text-wrap-NBPColor .sp-replacer,
2180 .fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor .sp-replacer,
2181 .fm-themes .fm-row .fm-input-text-wrap-CBPBGColor .sp-replacer,
2182 .fm-themes .fm-row .fm-input-text-wrap-CBPColor .sp-replacer,
2183 .fm-themes .fm-row .fm-input-text-wrap-CBPBorderColor .sp-replacer,
2184 .fm-themes .fm-row .fm-input-text-wrap-CBHPBGColor .sp-replacer,
2185 .fm-themes .fm-row .fm-input-text-wrap-CBHPColor .sp-replacer,
2186 .fm-themes .fm-row .fm-input-text-wrap-CBHPBorderColor .sp-replacer,
2187 .fm-themes .fm-row .fm-input-text-wrap-MBPBGColor .sp-replacer,
2188 .fm-themes .fm-row .fm-input-text-wrap-MBPColor .sp-replacer,
2189 .fm-themes .fm-row .fm-input-text-wrap-MBPBorderColor .sp-replacer,
2190 .fm-themes .fm-row .fm-input-text-wrap-MBHPBGColor .sp-replacer,
2191 .fm-themes .fm-row .fm-input-text-wrap-MBHPColor .sp-replacer,
2192 .fm-themes .fm-row .fm-input-text-wrap-MBHPBorderColor .sp-replacer,
2193 .fm-themes .fm-row .fm-input-text-wrap-PBPColor .sp-replacer,
2194 .fm-themes .fm-row .fm-input-text-wrap-NBPBorderColor .sp-replacer,
2195 .fm-themes .fm-row .fm-input-text-wrap-PBPBorderColor .sp-replacer,
2196 .fm-themes .fm-row .fm-input-text-wrap-NBHPBGColor .sp-replacer,
2197 .fm-themes .fm-row .fm-input-text-wrap-PBHPBGColor .sp-replacer,
2198 .fm-themes .fm-row .fm-input-text-wrap-NBHPColor .sp-replacer,
2199 .fm-themes .fm-row .fm-input-text-wrap-PBHPColor .sp-replacer,
2200 .fm-themes .fm-row .fm-input-text-wrap-NBHPBorderColor .sp-replacer,
2201 .fm-themes .fm-row .fm-input-text-wrap-PBHPBorderColor .sp-replacer,
2202 .fm-themes .fm-row .fm-input-text-wrap-OPDeInputColor .sp-replacer,
2203 .fm-themes .fm-row .fm-input-text-wrap-OPRColor .sp-replacer
2204 {
2205 float: left;
2206 }
2207 .fm-themes .fm-content {
2208 border:transparent;
2209 }
2210 .fm-themes .sp-replacer {
2211 margin-top:1px;
2212 border-color: #D2CFCF;
2213 }
2214 .fm-label-container {
2215 display: inline-block;
2216 vertical-align: top;
2217 width: 30%;
2218 }
2219 .fm-input-container {
2220 display: inline-block;
2221 vertical-align: top;
2222 width: 70%;
2223 }
2224 .fm-option-container {
2225 border-bottom: 1px solid #E6E4E4;
2226 padding: 6px 0;
2227 }
2228 .fm-add-attribute {
2229 color: #008ec2;
2230 cursor: pointer;
2231 font-size: 25px;
2232 margin: 2px 10px 0 -10px;
2233 }
2234 .fm-width-100 {
2235 box-sizing: border-box;
2236 display: inline-block;
2237 width: 100%;
2238 }
2239 .fm-width-90 {
2240 box-sizing: border-box;
2241 display: inline-block;
2242 width: 90%;
2243 }
2244 .fm-width-60 {
2245 box-sizing: border-box;
2246 display: inline-block;
2247 width: 60%;
2248 }
2249 .fm-width-45 {
2250 box-sizing: border-box;
2251 display: inline-block;
2252 width: 45%;
2253 }
2254 .fm-width-40 {
2255 box-sizing: border-box;
2256 display: inline-block;
2257 width: 40%;
2258 }
2259 .fm-width-30 {
2260 box-sizing: border-box;
2261 display: inline-block;
2262 width: 30%;
2263 }
2264 .fm-width-20 {
2265 box-sizing: border-box;
2266 display: inline-block;
2267 width: 20%;
2268 }
2269 .fm-width-10 {
2270 box-sizing: border-box;
2271 display: inline-block;
2272 width: 10%;
2273 }
2274 .fm-header-label {
2275 color: #000000;
2276 display: inline-block;
2277 font-size: 11px;
2278 font-weight: bold;
2279 }
2280 .fm-table-col {
2281 display: inline-block;
2282 padding: 0 2px;
2283 text-align: center;
2284 }
2285 .fm-remove-attribute {
2286 color: #a00;
2287 cursor: pointer;
2288 font-size: 22px;
2289 }
2290 .fm-input-container input[type="radio"]+label,
2291 .fm-input-container input[type="checkbox"]+label {
2292 padding-right: 10px;
2293 }
2294 .fm-input-container input[type="radio"],
2295 .fm-input-container input[type="checkbox"] {
2296 margin-top: 0;
2297 }
2298 #fm_loading {
2299 width: 100%;
2300 height: 100%;
2301 opacity: 0.6;
2302 position: fixed;
2303 background-color: #000000;
2304 background-image: url("../images/spinner.gif");
2305 background-position: center;
2306 background-repeat: no-repeat;
2307 background-size: 50px;
2308 z-index: 100100;
2309 top: 0;
2310 left: 0;
2311 }
2312 .fm-option-container .fm-input-container .fm-add-option {
2313 margin: 0px 2px;
2314 }
2315 .fm-field-choice {
2316 width: 100%;
2317 }
2318 .fm-move-attribute {
2319 color: #008ec2;
2320 cursor: move;
2321 font-size: 22px;
2322 }
2323 .fm-edit-attribute {
2324 color: #008ec2;
2325 cursor: pointer;
2326 font-size: 22px;
2327 }
2328 .fm-remove-button {
2329 vertical-align: top;
2330 padding: 7px;
2331 }
2332 .fm-fields-set {
2333 border: 1px solid #cccccc;
2334 border-radius: 3px;
2335 margin: 0 0 1px 0;
2336 padding: 0 0 0 6px;
2337 }
2338 #buttons,
2339 #items,
2340 #rows,
2341 #columns {
2342 padding: 6px 0 0 0;
2343 }
2344
2345 /* Form options */
2346 .fm_form_options .theme-wrap {
2347 position: relative;
2348 }
2349
2350 .theme-content {
2351 position: relative;
2352 }
2353
2354 .theme-content .theme-wrap #edit_css {
2355 cursor: pointer;
2356 position: absolute;
2357 top: 56px;
2358 right: 40px;
2359 }
2360
2361 .rtl .fm_form_options .theme-wrap #edit_css {
2362 left: 20px;
2363 right: unset;
2364 }
2365
2366 .fm_form_options #form_javascript {
2367 min-height: 400px;
2368 }
2369
2370 .fm_form_options .CodeMirror {
2371 border: 1px solid #CCC;
2372 font-size: 12px;
2373 margin-bottom: 6px;
2374 background: white;
2375 }
2376
2377 .fm_form_options .fm_condition {
2378 padding: 20px 0;
2379 display: table;
2380 border-bottom: 1px solid #00A0D2;
2381 width: 100%;
2382 }
2383
2384 .fm_form_options .fm_condition input,
2385 .fm_form_options .fm_condition select {
2386 display: inline-block;
2387 width: 100%;
2388 max-width: 300px;
2389 margin-bottom: 5px;
2390 }
2391
2392 .fm_form_options .fm_condition .fm_condition_show_hide {
2393 width: 100%;
2394 max-width: 65px;
2395 }
2396
2397 .fm_form_options .fm_condition .fm_condition_all_any {
2398 max-width: 55px;
2399 }
2400
2401 .fm_form_options .fm_condition .fm_condition_is_select {
2402 max-width: 94px;
2403 }
2404
2405 .fm_form_options .dashicons,
2406 #form_email_options_tab_content .dashicons {
2407 vertical-align: middle;
2408 font-size: 20px;
2409 cursor: pointer;
2410 }
2411 .fm_form_options .dashicons-trash, .fm_form_options .dashicons-no-alt { color: #aa0000; }
2412 .fm_form_options .dashicons-trash:hover, .fm_form_options .dashicons-no-alt:hover { color: #dc3232; }
2413 .fm_form_options .dashicons-plus-alt { color: #0073aa; }
2414 .fm_form_options .dashicons-plus-alt:hover { color: #00a0d2; }
2415
2416 .wd-has-placeholder {
2417 position: relative;
2418 }
2419
2420 .wd-editor-placeholder {
2421 padding-right: 5px;
2422 text-align: right;
2423 }
2424
2425 .rtl .wd-editor-placeholder {
2426 padding-left: 5px;
2427 padding-right: unset;
2428 text-align: left;
2429 }
2430
2431 .wd-has-placeholder input[type="text"] {
2432 padding-right: 35px;
2433 }
2434
2435 .wd-has-placeholder .dashicons.dashicons-list-view {
2436 top: 37px;
2437 right: 5px;
2438 position: absolute;
2439 }
2440
2441 .rtl .wd-has-placeholder .dashicons.dashicons-list-view {
2442 left: 5px;
2443 right: unset;
2444 }
2445
2446 .fm_form_options #emailTab_fieldset .mail_name {
2447 width: 92%;
2448 display: inline-block;
2449 }
2450
2451 .fm_advanced_layout .autogen_layout_label {
2452 display: inline-block;
2453 font-weight: 500;
2454 padding-top: 5px;
2455 }
2456
2457 .fm_advanced_layout .fm_auto_format_button {
2458 width: 100%;
2459 text-align: center;
2460 }
2461
2462 .form_maker_themes .dashicons,
2463 .form_maker_fmc_themes .dashicons {
2464 font-size: 20px;
2465 }
2466
2467 .wd-calendar-button {
2468 width: 20px;
2469 height: 20px;
2470 position: absolute;
2471 margin: 3px 0 0 -23px;
2472 font-size: 20px;
2473 }
2474
2475 .wd-hidden {
2476 display: none;
2477 }
2478
2479 .wd-block {
2480 display: block;
2481 }
2482
2483 .wd-inline-block {
2484 display: inline-block;
2485 }
2486
2487 .wdform_footer {
2488 display: none;
2489 padding: 0 10px 10px 10px;
2490 }
2491 #take .label {
2492 line-height: 16px;
2493 text-align:left;
2494 font-size: 14px;
2495 color: #000;
2496 }
2497 #take input,
2498 #take textarea,
2499 #take select
2500 {
2501 background: #f6f6f6;
2502 border-radius: 6px 6px;
2503 border: 1px solid #e5e5e5;
2504 height: 36px;
2505 }
2506
2507 #take input[type=file] {
2508 padding: 0px;
2509 }
2510
2511 #take input[type="file"]::-webkit-file-upload-button{
2512 height:32px;
2513 margin-top: 1px;
2514 margin-left: 1px;
2515 }
2516
2517 #take input[type=checkbox],
2518 #take input[type=radio] {
2519 height: 16px;
2520 }
2521 #take input[type=checkbox] {
2522 border-radius: unset;
2523 }
2524 #take .button.button-submit,
2525 #take .button.button-reset,
2526 #take .button.button-large {
2527 width: 110px !important;
2528 padding: 0 15px;
2529 height: 36px !important;
2530 line-height: 20px;
2531 text-align: center;
2532 font-size: 16px;
2533 text-shadow: unset !important;
2534 box-shadow: unset !important;
2535 border-radius: 6px 6px;
2536 cursor: default;
2537 }
2538 #take .button.button-submit {
2539 margin-right: 10px;
2540 background: rgb(0, 133, 186) !important;
2541 border-color: rgb(0, 133, 186) !important;
2542 color: #fff !important;
2543 }
2544 #take .button.button-reset,
2545 #take .button-large {
2546 background: rgb(226, 226, 226) !important;
2547 border-color: rgb(226, 226, 226) !important;
2548 color: #fff !important;
2549 }
2550
2551 .form-example-preview .fm-form .wdform-field .wdform-element-section input[type="text"],
2552 .form-example-preview .fm-form .wdform-field .wdform-element-section input[type="number"],
2553 .form-example-preview .fm-form .wdform-field .wdform-element-section select {
2554 height: auto !important;
2555 line-height: inherit !important;
2556 }
2557
2558 .fm-form-content select.isBG {
2559 background-position-x: calc(100% - 8px) !important;
2560 background-position-y: 50% !important;
2561 background-size: 12px !important;
2562 }
2563
2564 .fm-description {
2565 font-size: 12px;
2566 margin-left: 20px;
2567 }
2568
2569 .wdform_field {
2570 width: 100%;
2571 display: block !important;
2572 }
2573
2574 .wdform_field:not([type="type_grading"]) input[type="text"],
2575 .wdform_field input[type="password"],
2576 .wdform_field textarea,
2577 .wdform_field select {
2578 width: 100%;
2579 }
2580
2581 .wdform_field:not([type="type_submit_reset"]):not([type="type_button"]) div[id$='_label_sectionform_id_temp'][style^="display: table-cell"] {
2582 width: 30%;
2583 display: inline-block !important;
2584 vertical-align: top;
2585 }
2586
2587 .wdform_field div[id$='_table_name'],
2588 .intl-tel-input {
2589 width: 100%;
2590 }
2591 .wdform_field div[id$='_element_sectionform_id_temp'][style^="display: table-cell"] {
2592 display: inline-block !important;
2593 }
2594
2595 .wdform_field[type="type_date_range"] input[id$="_elementform_id_temp0"],
2596 .wdform_field[type="type_date_range"] input[id$="_elementform_id_temp1"] {
2597 width: 48% !important;
2598 }
2599
2600 .wdform_field[type="type_name"] div[id$='_td_name_input_first'] input,
2601 .wdform_field[type="type_name"] div[id$='_td_name_input_last'] input {
2602 width: 98%;
2603 }
2604 #add_field_cont .highlight:not(.country) {
2605 border-style: none !important;
2606 }
2607 .fm-page-header .wp-heading-inline {
2608 display: inline-block;
2609 }
2610
2611 .ch-rad-label {
2612 width: calc(100% - 50px);
2613 word-break: break-all;
2614 display: -webkit-inline-box;
2615 min-width: 100px;
2616 }
2617
2618 .fm_tooltip {
2619 display: none;
2620 position: absolute;
2621 border: 1px solid #333;
2622 background-color: #161616;
2623 border-radius: 5px;
2624 padding: 10px;
2625 color: #FFF;
2626 font-size: 12px;
2627 max-width: 250px;
2628 min-width: 100px;
2629 word-break: break-all;
2630 }
2631
2632 .fm-table-submissions td,
2633 .fm-table-submissions th {
2634 max-width: 200px;
2635 word-break: break-all;
2636 }
2637
2638 .placeholder-popup {
2639 background: transparent;
2640 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
2641 overflow: hidden;
2642 display: none;
2643 position: relative;
2644 margin-top: 10px;
2645 left: 0;
2646 top: 0;
2647 z-index: 100050;
2648 width: 100%;
2649 height: 435px;
2650 }
2651 .placeholder-body {
2652 background-color: #f5f5f5;
2653 box-sizing: border-box;
2654 -moz-box-sizing: border-box;
2655 -webkit-box-sizing: border-box;
2656 font-family: Segoe UI;
2657 padding: 10px;
2658 margin: 0;
2659 width: 100%;
2660 height: 100%;
2661 }
2662 .placeholder-body-col {
2663 height: 100%;
2664 width: 100%;
2665 display: inline-block;
2666 vertical-align: top;
2667 overflow: auto;
2668 margin-right: 10px;
2669 box-sizing: border-box;
2670 -moz-box-sizing: border-box;
2671 -webkit-box-sizing: border-box;
2672 }
2673 .placeholders_cont {
2674 background-color: #ffffff;
2675 }
2676 .placeholders_cont p.description {
2677 padding: 5px 10px 0px 20px;
2678 }
2679 #placeholders_overlay {
2680 display: none;
2681 position: fixed;
2682 top: 0;
2683 right: 0;
2684 bottom: 0;
2685 left: 0;
2686 background-color: rgba(0,0,0,.5);
2687 z-index: 100049;
2688 }
2689 .placeholders-active #placeholders_overlay {
2690 display: block;
2691 }
2692 .placeholders-active>input,
2693 .placeholders-active textarea,
2694 .placeholders-active .wp-editor-wrap,
2695 .placeholders-active>span.dashicons-list-view {
2696 position: relative;
2697 z-index: 100050;
2698 }
2699
2700 #field_container {
2701 display: inline-block;
2702 width: calc(60% + 15px);
2703 height: 100%;
2704 }
2705 #field_container.field_container_full {
2706 width: 100%;
2707 }
2708 #field_container .popup-body-col {
2709 width: calc(50% - 8px);
2710 }
2711 #field_container .popup-body-col:last-child {
2712 margin-right: 0;
2713 }
2714 #field_container .fm-free-message {
2715 margin-bottom: 7px;
2716 }
2717 @media screen and (max-width: 1050px) {
2718 #field_container,
2719 #field_container .popup-body-col {
2720 width: 100%;
2721 }
2722 }
2723 .fm-opacity-40 {
2724 opacity: 0.4;
2725 }
2726
2727 p.fm-validate-description {
2728 color: #FF0000;
2729 }
2730
2731 .fm-validate-field {
2732 border: 1px solid #FF0000 !important;
2733 }
2734
2735 /*---------form_maker_first.css-----------*/
2736 .wdform-page-and-images {
2737 border: 1px solid #e5e5e5 !important;
2738 color: #000000;
2739 display: block !important;
2740 margin: 10px 0;
2741 font-size: 14px;
2742 font-weight: normal;
2743 width: 100%;
2744 }
2745 .form_id_tempform_view_img {
2746 background: #FBFBFB;
2747 display: flex;
2748 flex-basis: inherit;
2749 justify-content: space-between;
2750 padding: 10px;
2751 }
2752 .form_id_tempform_view_img:not(.form_view_hide)+.wdform_page {
2753 border-top: 1px solid #e5e5e5 !important;
2754 }
2755
2756 .wdform_table1 {
2757 color: #000000;
2758 font-size: 14px;
2759 font-weight: normal;
2760 width: 100%;
2761 }
2762
2763 .time_box {
2764 border-width: 1px;
2765 margin: 0px;
2766 padding: 2px;
2767 text-align: right;
2768 vertical-align: middle;
2769 width: 30px !important;
2770 }
2771
2772 .wdform-date {
2773 width: 100px !important;
2774 }
2775
2776 .mini_label {
2777 font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;
2778 font-size: 10px;
2779 }
2780
2781 .label {
2782 border: none;
2783 }
2784
2785 .td_am_pm_select {
2786 padding-left: 5px;
2787 }
2788
2789 .am_pm_select {
2790 height: 16px;
2791 margin: 0;
2792 padding: 0
2793 }
2794
2795 .required {
2796 border: none;
2797 color: red
2798 }
2799
2800 .captcha_img {
2801 border-width: 0px;
2802 cursor: pointer;
2803 margin: 0px;
2804 padding: 0px;
2805 }
2806
2807 .captcha_refresh {
2808 background-image: url("../images/refresh_black.png");
2809 border-width: 0px;
2810 cursor: pointer;
2811 height: 30px;
2812 margin: 0px;
2813 padding: 0px;
2814 vertical-align: middle;
2815 width: 30px;
2816 }
2817
2818 .captcha_input {
2819 border-width: 1px;
2820 height: 20px;
2821 margin: 0px;
2822 padding: 0px;
2823 vertical-align: middle;
2824 }
2825
2826 .arithmetic_captcha_img {
2827 border-width: 0px;
2828 cursor: pointer;
2829 margin: 0px;
2830 padding: 0px;
2831 vertical-align: middle;
2832 }
2833
2834 .arithmetic_captcha_input {
2835 border-width: 1px;
2836 height: 25px;
2837 margin-left: 3px;
2838 padding: 0px;
2839 vertical-align: middle;
2840 }
2841
2842 .file_upload {
2843 border-width: 1px;
2844 margin: 0px;
2845 padding: 0px;
2846 }
2847
2848 .page_deactive {
2849 border: 1px solid #BFBEBE;
2850 cursor: pointer;
2851 border-radius: 15px;
2852 padding: 2px 8px;
2853 }
2854
2855 .page_deactive:hover {
2856 background-color: #F0F0F0;
2857 }
2858
2859 .page_active {
2860 background-color: #4EC0D9;
2861 cursor: pointer;
2862 padding: 2px 8px;
2863 margin: 4px;
2864 cursor: pointer;
2865 border-radius: 15px;
2866 padding: 3px 9px;
2867 color: #fff;
2868 }
2869
2870 .page_percentage_active {
2871 background-color: #4EC0D9;
2872 border-radius: 30px;
2873 border-spacing: 0px;
2874 height: 30px;
2875 line-height: 29px;
2876 float: left;
2877 font-size: 15px;
2878 margin: 0px;
2879 padding: 0px;
2880 text-align: right !important;
2881 color: #4EC0D9;
2882 }
2883
2884 .page_percentage_active b{
2885 padding: 4px 15px;
2886 background: #fff;
2887 border-radius: 18px;
2888 margin: 3px;
2889 }
2890
2891 .page_percentage_deactive {
2892 background-color: white;
2893 border: 1px solid #ABA8A8;
2894 border-radius: 30px;
2895 height: 30px;
2896 line-height: 30px;
2897 text-align: left !important;
2898 width: 100%;
2899 }
2900
2901 /*--- style.css file ------*/
2902 .fm-user-manual {
2903 float: left;
2904 }
2905
2906 .fm_pro_container {
2907 text-align: right;
2908 width: 100%;
2909 }
2910 .fm_pro_link {
2911 border: none;
2912 box-shadow: none !important;
2913 text-decoration: none;
2914 }
2915 a.fm_pro_text, a.fm_pro_text:active, a.fm_pro_text:visited, a.fm_pro_text:hover {
2916 background-color: #D8D8D8;
2917 color: #175c8b;
2918 display: inline-block;
2919 font-size: 11px;
2920 font-weight: bold;
2921 height: 54px;
2922 line-height: 50px;
2923 padding: 0 10px;
2924 vertical-align: middle;
2925 }
2926 .fm_pro_image {
2927 border: none;
2928 display: inline-block;
2929 vertical-align: middle;
2930 }
2931 /*///////////////
2932 new
2933 //////////////*/
2934 input[disabled],
2935 select[disabled],
2936 textarea[disabled],
2937 input[readonly],
2938 select[readonly],
2939 textarea[readonly] {
2940 cursor: not-allowed;
2941 background-color: #e5e5e5;
2942 border:1px solid #e5e5e5;
2943 }
2944
2945 #edit_table .fm-label {
2946 color:#000;
2947 font-weight:bold;
2948 font-size: 13px;
2949 }
2950
2951 #edit_div {
2952 padding: 10px;
2953 padding-top: 2px;
2954 padding-bottom: 0px;
2955 }
2956
2957 #edit_div input[type="text"]:disabled{
2958 opacity:0.5;
2959 }
2960
2961 #edit_main_table tr {
2962 vertical-align: middle;
2963 }
2964
2965 #edit_main_table > tr > td {
2966 border-bottom: 1px solid #E6E4E4;
2967 padding: 6px 0;
2968 }
2969
2970 #edit_main_table input[type="text"],
2971 #edit_main_table textarea,
2972 #edit_main_table select {
2973 border: 0;
2974 background: #F1F1F1;
2975 box-shadow: none;
2976 border-radius: 0;
2977 }
2978
2979 #edit_main_table input[type="text"] {
2980 display: inline-block;
2981 padding: 4px 6px;
2982 font-size: 13px;
2983 line-height: 18px;
2984 color: #555;
2985 vertical-align: middle;
2986 }
2987 #edit_main_table #el_destination_input_info {
2988 padding-top: 5px;
2989 display: inline-block;
2990 color:rgba(152, 143, 143, 0.5686274509803921);
2991 }
2992 #edit_main_table #el_destination_input {
2993 float: right;
2994 width: 40%;
2995 }
2996 .field_options-large #edit_main_table #el_destination_input {
2997 float: right;
2998 width: 75%;
2999 }
3000 #edit_main_table textarea {
3001 width: 100%;
3002 font-size: 13px;
3003 color: #555;
3004 }
3005
3006 #edit_main_table img {
3007 vertical-align: middle;
3008 }
3009
3010 #edit_main_table label {
3011 line-height: 19px;
3012 }
3013
3014 .field_buttons {
3015 background-color: #F2F2F2;
3016 margin: 1px;
3017 border-radius: 2px;
3018 padding: 5px;
3019 height: 60px;
3020 width: 87px;
3021 cursor: pointer;
3022 font-size: 12px;
3023 border: 1px solid #CCCCCC;
3024 }
3025
3026 .field_buttons:hover {
3027 background-color: #E3E3E3;
3028 }
3029
3030 .field_disabled {
3031 cursor: pointer;
3032 background: #D0D0D0;
3033 }
3034
3035 .field_disabled:hover {
3036 background: #D0D0D0;
3037 }
3038
3039 .fm-field-label {
3040 color: #000000;
3041 font-weight: bold;
3042 font-size: 13px;
3043 margin-right: 20px;
3044 }
3045
3046 .fm-field-paypal-choice{
3047 width: 50px !important;
3048 margin: 1px !important;
3049 }
3050
3051 .fm-field-recaptcha-label{
3052 color:#BA0D0D;
3053 font-weight:bold;
3054 font-size: 13px;
3055 text-decoration:underline
3056
3057 }
3058
3059 .fm-field-recaptcha-label:hover, .fm-field-recaptcha-label:active, .fm-field-recaptcha-label:visited{
3060 color:#BA0D0D !important;
3061 }
3062
3063 .fm-editable-label {
3064 margin-left:4px;
3065 color:red;
3066 font-style:italic;
3067 }
3068
3069
3070 .wdform_tr_section_break {
3071 display: none !important;
3072 min-width:480px;
3073 }
3074
3075 .element_toolbar {
3076 display:inline;
3077 }
3078
3079 .element_toolbar img {
3080 margin: 2px;
3081 }
3082 .wdform_arrows_section
3083 {
3084 padding-left: 10px;
3085 vertical-align: middle;
3086 display: inline-block;
3087 min-width:77px;
3088 }
3089 .wdform_arrows {
3090 background: rgba(242,242,242, 0.5);
3091 display: inline-flex;
3092 flex-direction: column;
3093 height: 100%;
3094 left: 0;
3095 position: absolute;
3096 text-align: center;
3097 top: 0;
3098 vertical-align: middle;
3099 width: 100%;
3100 z-index: 9;
3101 }
3102
3103 .wdform_arrows_show
3104 {
3105 vertical-align: middle;
3106 min-width:216px;
3107 background:#F5F5F5;
3108 text-align:left;
3109 margin-top:-11px;
3110 margin-bottom:5px;
3111 cursor:default !important;
3112 border-top: 1px solid #E6E6E6;
3113 }
3114
3115 .wdform_arrows img {
3116 cursor: pointer;
3117 }
3118 #edit_page_navigation {
3119 display: table-cell;
3120 vertical-align: middle;
3121 text-align: right;
3122 }
3123 #edit_page_navigation .fm-ico-edit {
3124 font-size: 18px;
3125 cursor: pointer;
3126 color: #555555;
3127 }
3128 .page_toolbar {
3129 cursor: pointer;
3130 margin: 0 8px 0 6px;
3131 }
3132 .page_toolbar.dashicons {
3133 font-size: 25px;
3134 }
3135 .page_toolbar.dashicons-dismiss {
3136 display: none;
3137 }
3138 .page_toolbar.dashicons-arrow-left-alt,
3139 .page_toolbar.dashicons-arrow-right-alt,
3140 .page_toolbar.dashicons-arrow-up-alt,
3141 .page_toolbar.dashicons-arrow-down-alt {
3142 color: #555555;
3143 }
3144 .page_toolbar.dashicons-arrow-left-alt:hover,
3145 .page_toolbar.dashicons-arrow-right-alt:hover,
3146 .page_toolbar.dashicons-arrow-up-alt:hover,
3147 .page_toolbar.dashicons-arrow-down-alt:hover {
3148 color: #000000;
3149 }
3150 .page_toolbar.dashicons-upload,
3151 .page_toolbar.dashicons-download {
3152 color: #d8c57a;
3153 }
3154 .page_toolbar.dashicons-upload:hover,
3155 .page_toolbar.dashicons-download:hover {
3156 color: #d8ce7f;
3157 }
3158
3159 .page_toolbar.fm-ico-edit,
3160 .wdform_page_title .fm-ico-draggable,
3161 .wdform_row_handle .fm-ico-draggable,
3162 .wdform_section_handle .fm-ico-draggable,
3163 .page_toolbar.fm-ico-collapse,
3164 .page_toolbar.fm-ico-expand,
3165 .page_toolbar.fm-ico-delete,
3166 .page_toolbar.fm-ico-duplicate {
3167 color: #555555;
3168 font-size: 17px;
3169 }
3170 .page_toolbar.fm-ico-edit:hover,
3171 #edit_page_navigation .fm-ico-edit:hover,
3172 .wdform_page_title .fm-ico-draggable:hover,
3173 .wdform_row_handle .fm-ico-draggable:hover,
3174 .wdform_section_handle .fm-ico-draggable:hover,
3175 .page_toolbar.fm-ico-collapse:hover,
3176 .page_toolbar.fm-ico-expand:hover,
3177 .page_toolbar.fm-ico-delete:hover,
3178 .page_toolbar.fm-ico-duplicate:hover {
3179 color: #000000;
3180 }
3181 .wdform_row_handle .fm-ico-draggable,
3182 .wdform_section_handle .fm-ico-draggable {
3183 cursor: move;
3184 font-size: 12px;
3185 margin: 10px 5px 4px 10px;
3186 float: left;
3187 }
3188 .form_id_tempform_view_img .fm-ico-draggable {
3189 cursor: move;
3190 font-size: 12px;
3191 margin: 5px 5px 4px 10px;
3192 }
3193
3194 .form_id_tempform_view_img .fm-ico-draggable {
3195 font-size: 12px;
3196 margin: 0 10px 0 5px;
3197 }
3198
3199 .wdform_field_section_break {
3200 min-width: 300px;
3201 display: inline-block;
3202 width: 100%;
3203 padding-top: 10px;
3204 }
3205
3206 .wdform_page {
3207 width: 100%;
3208 }
3209 #page_bar {
3210 border: 1px solid #e5e5e5;
3211 padding: 14px;
3212 margin: 10px 0;
3213 }
3214
3215 .wdform_section {
3216 display: flex;
3217 flex-wrap: wrap;
3218 border: 1px solid #e5e5e5;
3219 margin: 10px;
3220 position: relative;
3221 }
3222 .wdform_arrows_container {
3223 display: inline-flex;
3224 position: absolute;
3225 right: 0;
3226 top: 3px;
3227 height: 100%;
3228 }
3229 .wdform_column .wdform_arrows_advanced {
3230 top: 30px;
3231 }
3232
3233 .wdform_row.ui-sortable-handle.ui-sortable-helper,
3234 .wdform_column:not(#add_field_cont).ui-sortable.ui-sortable-helper,
3235 .wdform-page-and-images.ui-sortable-helper {
3236 border: 1px dashed #0085BA !important;
3237 }
3238 #fm_admin_container .wdform_page .wdform_row_empty:nth-child(n+4) {
3239 display: none !important;
3240 }
3241 .wdform_column:not(#add_field_cont) {
3242 display: inline-block;
3243 flex: 1;
3244 min-height: 20px;
3245 min-width: 200px;
3246 vertical-align: top;
3247 }
3248 .wdform_column:not(#add_field_cont).fm-hover,
3249 .wdform_section.fm-hover {
3250 border: 1px dashed rgb(0, 133, 186) !important;
3251 }
3252 .wdform_row_empty {
3253 border: 1px solid #e5e5e5 !important;
3254 flex: 1;
3255 padding: 10px;
3256 vertical-align: top;
3257 display: flex;
3258 flex-direction: row;
3259 justify-content: center;
3260 align-items: center;
3261 }
3262 .wdform_row_empty > div {
3263 display: flex;
3264 flex-direction: row;
3265 justify-content: center;
3266 align-items: center;
3267 cursor: pointer;
3268 }
3269 .wdform_row_empty .add_row_icon {
3270 color: #E5E5E5;
3271 width: 34px;
3272 height: 34px;
3273 font-size: 34px;
3274 text-align: center;
3275 }
3276 .wdform_row_empty > div:hover .add_row_icon {
3277 color: #0085BA;
3278 }
3279 .wdform_row_empty > div:hover .add_row_button {
3280 color: #0085BA;
3281 }
3282 .wdform_row_empty .add_row_button {
3283 color: #32373C;
3284 font-size: 20px;
3285 margin: 10px;
3286 }
3287
3288 .wdform_column_empty {
3289 border: 1px solid #e5e5e5 !important;
3290 margin: 10px;
3291 min-height: 100px;
3292 min-width: 200px;
3293 flex: 0 23.3%;
3294 vertical-align: top;
3295 display: flex;
3296 flex-direction: column;
3297 justify-content: center;
3298 align-items: center;
3299 }
3300 .wdform_column_empty > div {
3301 display: flex;
3302 flex-direction: column;
3303 justify-content: center;
3304 align-items: center;
3305 cursor: pointer;
3306 }
3307 .wdform_column_empty .add_column_icon {
3308 color: #E5E5E5;
3309 width: 34px;
3310 height: 34px;
3311 font-size: 34px;
3312 text-align: center;
3313 }
3314 .wdform_column_empty > div:hover .add_column_icon {
3315 color: #0085BA;
3316 }
3317 .wdform_column_empty > div:hover .add_column_button {
3318 color: #0085BA;
3319 }
3320 .wdform_column_empty .add_column_button {
3321 color: #32373C;
3322 font-size: 20px;
3323 margin-top: 5px;
3324 }
3325 .wdform_row,
3326 .wdform_tr_section_break {
3327 background-color: white;
3328 border: transparent 1px dashed;
3329 min-height: 60px;
3330 overflow: hidden;
3331 padding: 10px;
3332 position: relative;
3333 width: 100%;
3334 }
3335 .wdform_row:hover,
3336 .wdform_row:active {
3337 border: 1px dashed rgb(0, 133, 186);
3338 cursor: move;
3339 }
3340 .wdform_tr_section_break:hover,
3341 .wdform_tr_section_break:active {
3342 border: black 1px dashed;
3343 }
3344
3345 .wdform_star_rating img {
3346 margin:0;
3347 }
3348 .wdform_scale_rating input {
3349 margin:0 2px;
3350 }
3351 .grading input {
3352 float:none;
3353 margin:0 0 2px 0;
3354 }
3355 .wdform_matrix tr td:first-child {
3356 border:none;
3357 }
3358
3359 .email_labels
3360 {
3361 position: absolute;
3362 background: #fff;
3363 border: solid 1px #c7c7c7;
3364 top: 0;
3365 left: 0;
3366 z-index: 1000;
3367 }
3368
3369 .email_labels a {
3370 padding: 5px;
3371 cursor:pointer;
3372 }
3373
3374 .email_labels a:hover {
3375 background: #ccc;
3376 }
3377
3378 .wdform_column:not(#add_field_cont).highlight,
3379 .highlight:not(.country) {
3380 border: 1px dashed #141414 !important;
3381 min-height: 100px;
3382 }
3383
3384 .wdform_column.ui-sortable-helper {
3385 /*height: 80px !important;
3386 overflow: hidden;*/
3387 }
3388
3389 .wdform_section_handle {
3390 width: 100%;
3391 height: 30px;
3392 }
3393 .wdform_row_handle {
3394 cursor: move;
3395 height: 30px;
3396 flex: 0 100%;
3397 }
3398
3399 .fm-divider {
3400 border-bottom: 1px solid #E5E5E5;
3401 margin: 0 10px;
3402 clear: both;
3403 }
3404
3405 .wdform_row_handle .add-new-field {
3406 cursor: pointer;
3407 float: right;
3408 margin: 5px 10px 4px 5px;
3409 color: #0085BA;
3410 font-size: 13px;
3411 font-weight: bold;
3412 }
3413
3414 .wdform_row_handle .add-new-field:hover {
3415 color: #006992;
3416 }
3417
3418 .wdform_row_handle .add-new-field:before {
3419 content: "\e901";
3420 display: inline-block;
3421 width: 11px;
3422 height: 11px;
3423 font-size: 11px;
3424 line-height: 1.6;
3425 font-family: fm-icons;
3426 text-decoration: inherit;
3427 font-weight: normal;
3428 font-style: normal;
3429 vertical-align: top;
3430 text-align: center;
3431 margin-right: 2px;
3432 }
3433
3434 .wdform_row_handle .page_toolbar.fm-ico-delete {
3435 float: right;
3436 font-size: 13px;
3437 margin: 7px 10px 0 0;
3438 }
3439
3440 .highlight:not(.country) {
3441 visibility: visible !important;
3442 height: 80px !important;
3443 width: 100% !important;
3444 display:inline-block ;
3445 background:transparent;
3446 }
3447
3448 .wdform-page-button,
3449 .page_numbersform_id_temp {
3450 border: 1px solid #B3B3B3;
3451 padding: 2px 15px;
3452 }
3453
3454
3455 .fm-loading-container{
3456 position:relative;
3457 }
3458
3459 .fm-loading-content,
3460 .fm-loading-content::before,
3461 .fm-loading-content::after {
3462 z-index: 1000;
3463 position: fixed;
3464 top: 50%;
3465 left: 50%;
3466 border: 1px solid rgb(204,204,204);
3467 border-left-color: rgb(0,0,0);
3468 border-radius: 974px;
3469 -o-border-radius: 974px;
3470 -ms-border-radius: 974px;
3471 -webkit-border-radius: 974px;
3472 -moz-border-radius: 974px;
3473 }
3474
3475 .fm-loading-content {
3476 height: 49px;
3477 width: 49px;
3478 animation: fm-loading-rotate 1150ms linear infinite;
3479 -o-animation: fm-loading-rotate 1150ms linear infinite;
3480 -ms-animation: fm-loading-rotate 1150ms linear infinite;
3481 -webkit-animation: fm-loading-rotate 1150ms linear infinite;
3482 -moz-animation: fm-loading-rotate 1150ms linear infinite;
3483 }
3484
3485 .fm-loading-content::before {
3486 content: "";
3487 margin: -22px 0 0 -22px;
3488 height: 43px;
3489 width: 43px;
3490 animation: fm-loading-rotate 1150ms linear infinite;
3491 -o-animation: fm-loading-rotate 1150ms linear infinite;
3492 -ms-animation: fm-loading-rotate 1150ms linear infinite;
3493 -webkit-animation: fm-loading-rotate 1150ms linear infinite;
3494 -moz-animation: fm-loading-rotate 1150ms linear infinite;
3495 }
3496
3497 .fm-loading-content::after {
3498 content: "";
3499 margin: -28px 0 0 -28px;
3500 height: 55px;
3501 width: 55px;
3502 animation: fm-loading-rotate 2300ms linear infinite;
3503 -o-animation: fm-loading-rotate 2300ms linear infinite;
3504 -ms-animation: fm-loading-rotate 2300ms linear infinite;
3505 -webkit-animation: fm-loading-rotate 2300ms linear infinite;
3506 -moz-animation: fm-loading-rotate 2300ms linear infinite;
3507 }
3508
3509
3510 @keyframes fm-loading-rotate {
3511 100% {
3512 transform: rotate(360deg);
3513 }
3514 }
3515
3516 @-o-keyframes fm-loading-rotate {
3517 100% {
3518 -o-transform: rotate(360deg);
3519 }
3520 }
3521
3522 @-ms-keyframes fm-loading-rotate {
3523 100% {
3524 -ms-transform: rotate(360deg);
3525 }
3526 }
3527
3528 @-webkit-keyframes fm-loading-rotate {
3529 100% {
3530 -webkit-transform: rotate(360deg);
3531 }
3532 }
3533
3534 @-moz-keyframes fm-loading-rotate {
3535 100% {
3536 -moz-transform: rotate(360deg);
3537 }
3538 }
3539
3540 .fm-user-manual{
3541 font-size: 14px;
3542 font-weight: bold;
3543 font-style:italic;
3544 margin:20px 0;
3545 }
3546
3547 .fm-title {
3548 float:left;
3549 }
3550
3551 .fm-title span{
3552 width:50px;
3553 display:inline-block;
3554 }
3555
3556 .fm-title input{
3557 width: 290px;
3558 padding: 4px;
3559 border: 1px solid #C5C6C7;
3560 height: 36px;
3561 background: transparent;
3562 margin: 0;
3563 display: inline-block;
3564 vertical-align: middle;
3565 font-size:14px;
3566 }
3567
3568 input:focus{
3569 outline: none !important;
3570 }
3571
3572 .fm-page-header {
3573 padding: 10px 0;
3574 }
3575
3576 .fm-page-title {
3577 font-size: 24px;
3578 line-height: 24px;
3579 color: #444;
3580 display: inline-block;
3581 vertical-align: middle;
3582 }
3583
3584 .fm-edit-content {
3585 position: relative;
3586 background:#fff;
3587 margin: 0 auto;
3588 padding: 40px 10px 10px 10px;
3589 }
3590
3591 .fm-drag-and-drop {
3592 margin-bottom: 10px;
3593 }
3594
3595 .fm-drag-and-drop div{
3596 padding: 5px 0;
3597 font-style:italic;
3598 }
3599
3600 .fm-drag-and-drop label {
3601 font-size: 15px;
3602 font-weight: bold;
3603 vertical-align: top;
3604 margin-right: 10px;
3605 }
3606
3607 .fm_modal {
3608 display: none;
3609 position: fixed;
3610 z-index: 100000;
3611 top: 0;
3612 left: 0;
3613 height: 100%;
3614 width: 100%;
3615 background: rgba( 255, 255, 255, .8 );
3616 }
3617
3618 .export_progress {
3619 position: fixed;
3620 z-index: 1003;
3621 height: 100%;
3622 width: 100%;
3623 top: 56%;
3624 left: 45%;
3625 font-size:15px;
3626 color:#000;
3627 display:none;
3628 }
3629 div.ui-datepicker{
3630 font-size:15px !important;
3631 }
3632
3633 .ui-datepicker {
3634 background: #F2F2F2 !important;
3635 border: 1px solid #AFAFAF !important;
3636 color: #777777 !important;
3637 }
3638
3639 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
3640 border: 1px solid #E3E3E3 !important;
3641 background: #FFFFFF !important;
3642 color: #8C8C8C !important;
3643
3644 }
3645
3646 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
3647 border: 1px solid #D2D2D2 !important;
3648 background: #DCDCDC !important;
3649 font-weight: bold !important;
3650
3651 }
3652 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
3653 border: 1px solid #A9A9A9 !important;
3654 background: #A9A9A9 !important;
3655 color: #FFFFFF !important;
3656 }
3657
3658 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
3659 border: 1px solid #A2A2A2 !important;
3660 background: #DCDCDC !important;
3661 color: #272727 !important;
3662 }
3663 .ui-icon, .ui-widget-content .ui-icon {
3664 background-image: url(images/ui-icons_222222_256x240.png) !important;
3665 }
3666
3667 .fm-header-1 {
3668 width: 59%;
3669 display: inline-block;
3670 vertical-align: top;
3671 }
3672 .fm-header-2 {
3673 width: 40%;
3674 display: inline-block;
3675 vertical-align: top;
3676 }
3677 .fm-header label {
3678 width: 20%;
3679 display: inline-block;
3680 font-size: 15px;
3681 }
3682 .fm-row {
3683 margin-top: 10px;
3684 padding: 0;
3685 }
3686
3687 .form-header .fm-row label {
3688 width: 24% !important;
3689 }
3690
3691 .fm-row label {
3692 display: inline-block;
3693 width: 20%;
3694 font-size: 15px;
3695 vertical-align: middle;
3696 text-align: left;
3697 }
3698
3699 .fm-row input[type="text"],
3700 .fm-row select {
3701 width: 100%;
3702 max-width:487px;
3703 padding: 5px;
3704 border: 1px solid #D2CFCF;
3705 height: 30px;
3706 line-height: 30px;
3707 box-shadow: none;
3708 }
3709 .header_img {
3710 width: 120px;
3711 height: 120px;
3712 background-size: cover;
3713 margin-top: 10px;
3714 }
3715 @media screen and (max-width: 782px) {
3716 .fm-row label {
3717 width: 100%;
3718 margin-bottom: 10px;
3719 }
3720
3721 .fm-row input[type="text"],
3722 .fm-row select {
3723 width: 100%;
3724 max-width: 577px;
3725 }
3726
3727 .header_img {
3728 margin-left: 0%;
3729 }
3730
3731 .fm-table-submissions td,
3732 .fm-table-submissions th {
3733 max-width: none;
3734 }
3735
3736 .wd-table input[type="checkbox"],
3737 .wd-table input[type="checkbox"] + label,
3738 .wd-table .wd-radio,
3739 .wd-table .wd-radio + label {
3740 margin-bottom: 5px;
3741 display: inline-block;
3742 }
3743 }
3744
3745 .header_img #remove_header_img {
3746 display: none;
3747 float: right;
3748 cursor: pointer;
3749 }
3750 .header_img:hover #remove_header_img {
3751 display: inline-block;
3752 }
3753 .fm-button.add-button {
3754 background-color: #4EC0D9;
3755 border: 1px solid transparent;
3756 }
3757 #manage_form .fm-header .fm-heading {
3758 background-color: #1a89bc;
3759 font-size: 20px;
3760 height: 60px;
3761 color: #fff;
3762 padding: 0 15px;
3763 }
3764
3765 .fm-form-example {
3766 position: absolute;
3767 }
3768
3769 .fm-form-example .fm-left{
3770 float: left;
3771 }
3772 .fm-form-example .fm-right{
3773 float: right;
3774 }
3775 .fm-form-example .fm-center{
3776 margin: 0 auto;
3777 }
3778
3779 .fm-form-example.form-embedded {
3780 width: 100%;
3781 top: 5px;
3782 }
3783
3784
3785 .fm-form-example .fm-row label,
3786 .fm-themes .fm-row label,
3787 .fm-themes-container .fm-row label {
3788 width: 35%;
3789 }
3790
3791 .fm-themes-container textarea{
3792 width:100%;
3793 height: 300px;
3794 }
3795
3796 .form-example-preview label:not(:first-child){
3797 width: initial !important;
3798 }
3799
3800 .fm-form-example .fm-row input[type="text"],
3801 .fm-form-example .fm-row select,
3802 .fm-themes .fm-row input[type="text"],
3803 .fm-themes .fm-row input[type="number"],
3804 .fm-themes .fm-row select {
3805 width: 56%;
3806 }
3807 .fm-themes .fm-2text input[type="text"] {
3808 width: 86%;
3809 }
3810 .fm-form-example .fm-section {
3811 display: table;
3812 }
3813
3814 .fm-form-example .fm-section:after{
3815 content: '';
3816 clear: both;
3817 display:block;
3818 }
3819
3820 .fm-form-example .fm-column {
3821 float: left;
3822 }
3823
3824 .fm-form-example .wdform-field.subscribe-reset {
3825 display: grid;
3826 }
3827
3828 .fm-form-example .wdform-field {
3829 display: table-cell;
3830 }
3831
3832 .fm-form-example .wdform-label-section{
3833 text-align: left;
3834 display: table-cell;
3835 }
3836
3837 .fm-form-example .container-fluid{
3838 background: transparent;
3839 padding-left: 0px;
3840 padding-right: 0px;
3841 }
3842
3843 .fm-form-example .wdform-element-section {
3844 text-align: left;
3845 display: table-cell;
3846 min-width: 140px;
3847 }
3848 .fm-form-example .fm-button-subscribe,
3849 .fm-form-example .fm-button-reset {
3850 height: auto !important;
3851 line-height: inherit;
3852 }
3853
3854 .fm-mini-title{
3855 width: 100% !important;
3856 font-size: 18px !important;
3857 border-bottom: 1px dotted #ccc;
3858 padding: 5px 0;
3859 color: #E5705D;
3860 }
3861
3862 .fm-wdform-page-button {
3863 display: inline-block;
3864 outline: none;
3865 cursor: pointer;
3866 }
3867
3868 .fm-btn-group {
3869 display: inline-block;
3870 vertical-align: middle;
3871 }
3872
3873 .fm-ch-button label{
3874 margin-left: 5px;
3875 }
3876
3877 .form-example-preview p{
3878 color: #4EC0D9;
3879 font-size: 20px
3880 }
3881
3882 .pagination-type{
3883 display: inline-block;
3884 vertical-align: top;
3885 }
3886
3887 .pagination-type label{
3888 width: initial;
3889 }
3890
3891 .embedded-form:after {
3892 content: '';
3893 display: block;
3894 clear: both;
3895 }
3896
3897 .active-percentage {
3898 text-align: right;
3899 }
3900
3901 #manage_form .panel{
3902 border: none;
3903 }
3904
3905 #fm-header {
3906 padding:0px!important;
3907 }
3908 #manage_form .form-header .panel-heading {
3909 background-color: #ffffff;
3910 height: 22px;
3911 color: #000000;
3912 box-shadow: 0 1px 1px rgba(0,0,0,.04);
3913 font-size: 14px;
3914 padding: 8px 12px;
3915 margin: 0;
3916 line-height: 1.4;
3917 }
3918
3919 #manage_form .form-header .panel-heading span.fm-header-bg{
3920 background: url("../images/icons.png") no-repeat 41% 49%;
3921 width: 92px;
3922 height: 60px;
3923 display: inline-block;
3924 vertical-align: middle;
3925 margin-right: 15px;
3926 }
3927
3928 .form-header span.fm-expcol {
3929 background: url("../images/icons.png") no-repeat 26% 54%;
3930 width: 45px;
3931 height: 60px;
3932 cursor: pointer;
3933 }
3934
3935 .form-header span.fm-expanded {
3936 background: url("../images/icons.png") no-repeat 31% 52%;
3937 width: 45px;
3938 height: 60px;
3939 cursor: pointer;
3940 }
3941
3942 .form-content.panel {
3943 background-color: transparent !important;
3944 }
3945
3946 .form-content .panel-content > div {
3947 margin-top: 10px;
3948 }
3949
3950 .form-content .panel-content fieldset {
3951 background-color: #fff;
3952 }
3953
3954 .form-content .panel-heading {
3955 background-color: #445B72;
3956 font-size: 20px;
3957 height: 60px;
3958 color: #fff;
3959 padding: 0 15px 0 0;
3960 }
3961
3962 .form-content .panel-heading span.fm-header-bg{
3963 background: url("../images/icons.png") no-repeat 12% 92%;
3964 width: 128px;
3965 height: 60px;
3966 display: inline-block;
3967 vertical-align: middle;
3968 margin-right: 15px;
3969 }
3970
3971 .form-content span.fm-expcol {
3972 background: url("../images/icons.png") no-repeat 49% 93.5%;
3973 width: 50px;
3974 height: 65px;
3975 cursor: pointer;
3976 }
3977
3978 .form-content span.fm-expanded {
3979 background: url("../images/icons.png") no-repeat 42% 93.5%;
3980 width: 50px;
3981 height: 65px;
3982 cursor: pointer;
3983 }
3984
3985 .fm-form-header .himage{
3986 text-align: center;
3987 }
3988
3989 .fm-form-header .himage.imageRight{
3990 display: table-cell;
3991 width: 20%;
3992 vertical-align: middle;
3993 }
3994
3995 .fm-form-header .htext.imageRight{
3996 display: table-cell;
3997 width: 70%;
3998 }
3999
4000 .fm-form-header .himage.imageLeft{
4001 display: table-cell;
4002 width: 20%;
4003 vertical-align: middle;
4004 }
4005
4006 .fm-form-header .htext.imageLeft{
4007 display: table-cell;
4008 width: 70%;
4009 }
4010 .fm-button.small {
4011 width: 108px;
4012 }
4013
4014 .fm-button.medium {
4015 width: 150px;
4016 }
4017
4018 .fm-button.large {
4019 width: 170px;
4020 }
4021
4022 .fm-button.extra-large {
4023 width: 200px;
4024 }
4025
4026 .pp_display label{
4027 margin-left: 5px;
4028 }
4029 .pp_live_search{
4030 height: auto !important;
4031 }
4032
4033 ul.pp_search_results {
4034 height: auto;
4035 max-height: 200px;
4036 overflow: auto;
4037 background-color: #EFEFEF !important;
4038 padding: 0;
4039 color: #444;
4040 }
4041
4042 ul.pp_search_results li{
4043 cursor: pointer;
4044 padding: 7px 10px;
4045 margin: 0;
4046 }
4047
4048 ul.pp_search_results li:hover{
4049 background: #46ACC3;
4050 color:#fff;
4051 }
4052
4053 li.pp_selected {
4054 background: #EFEFEF;
4055 margin-bottom: 0;
4056 height: auto;
4057 padding: 4px;
4058 }
4059
4060 li.pp_selected > span {
4061 background: #46ACC3;
4062 padding: 5px 8px 7px 5px;
4063 color: white;
4064 margin: 4px;
4065 display: inline-block;
4066 border-radius: 3px;
4067 }
4068
4069 .pp_selected_remove {
4070 position: relative;
4071 margin-left: 5px;
4072 cursor: pointer;
4073 font-size: 18px;
4074 font-weight: bold;
4075 opacity: 0.8;
4076 font-family: cursive;
4077 }
4078 .fm-loading {
4079 display: none;
4080 background: url("../images/load.gif") no-repeat 0% 50%;
4081 width: 20px;
4082 height: 20px;
4083 vertical-align: middle;
4084 }
4085
4086 .mini_label {
4087 font-size: 12px;
4088 }
4089
4090 #show_table .mini_label:empty {
4091 font-size: 12px;
4092 padding: 6px 0;
4093 background-color: rgb(241, 241, 241);
4094 display: block;
4095 margin-right: 10px;
4096 margin-top: 2px;
4097 }
4098
4099 #show_table .wdform_address .mini_label:empty,
4100 #show_table .wdform_date_fields .mini_label:empty,
4101 #show_table .mini_label_phone_number:empty,
4102 #show_table .mini_label_from:empty{
4103 margin-right: 0px;
4104 }
4105
4106 #show_table .mini_label_area_code:empty {
4107 margin-right: 15px;
4108 }
4109 #show_table .mini_label_to:empty{
4110 margin-left: 3px;
4111 margin-right: 0px;
4112 }
4113 @media screen and (max-width: 480px){
4114 #show_table input[type=text] {
4115 padding: 3px 10px;
4116 }
4117
4118 #show_table select {
4119 padding: 3px 10px;
4120 font-size: 13px;
4121 height: 26px;
4122 }
4123 }
4124
4125 .wdform_address span {
4126 height: 52px;
4127 }
4128 .show_hide,
4129 .all_any {
4130 width: 80px;
4131 }
4132
4133 .is_select {
4134 width: 100px;
4135 }
4136
4137 .field_choices{
4138 display: inline-block;
4139 }
4140 .wdform-field button.inForm {
4141 background: #F3F1F1 !important;
4142 color: #616163;
4143 border: 1px solid #D0CFCF !important;
4144 cursor: default;
4145 border-radius: 3px;
4146 box-shadow: 1px 1px 1px #dedede;
4147 }
4148
4149 .wdform-field.custom-button button{
4150 background: #4EC0D9;
4151 padding: 0 5px 0 0;
4152 height: 28px;
4153 }
4154
4155 .wdform-field button span {
4156 background: url(../images/icons.png) no-repeat 95.5% 35.8%;
4157 width: 28px;
4158 height: 28px;
4159 vertical-align: middle;
4160 display: inline-block;
4161 }
4162
4163 .wdform-field button.inForm span {
4164 background: url(../images/icons.png) no-repeat 91% 35.8%;
4165 width: 28px;
4166 height: 28px;
4167 vertical-align: middle;
4168 display: inline-block;
4169 }
4170
4171 .wdform-field button.isRequired::after{
4172 content:" *";
4173 color: red;
4174 }
4175
4176 .fm-mini-heading {
4177 font-size: 14px;
4178 font-weight: bold;
4179 vertical-align: top;
4180 margin-right: 10px;
4181 margin-bottom: 15px;
4182 }
4183
4184 .mini-label {
4185 font-size: 14px;
4186 vertical-align: top;
4187 margin-left: 3px;
4188 margin-bottom: 5px;
4189 }
4190
4191 .fm-mini-heading label{
4192 font-size: inherit !important;
4193 }
4194
4195 .fm-italic {
4196 font-style: italic;
4197 }
4198
4199 .fm-border {
4200 padding-bottom: 8px;
4201 border-bottom: 1px dotted #ccc;
4202 }
4203
4204 .fm-2col > div {
4205 width: 49%;
4206 }
4207
4208 .need-more a{
4209 color:#3b6169 !important;
4210 font-weight: bold;
4211 cursor: pointer;
4212 }
4213
4214 .need-more span {
4215 background: url("../images/icons.png") no-repeat 99% 46%;
4216 display: inline-block;
4217 width: 24px;
4218 height: 22px;
4219 vertical-align: middle;
4220 }
4221
4222 .fm_lists label {
4223 width: inherit;
4224 }
4225
4226 .addHeaderImage {
4227 background: url("../images/themes/file-uploads/1.png");
4228 width: 20px;
4229 height: 20px;
4230 display: inline-block;
4231 vertical-align: middle;
4232 }
4233
4234 .fm-page-actions .fm-button,
4235 .fm-button.field-save-button,
4236 .fm-button.cancel-button,
4237 .fm-button.delete-button,
4238 .fm-button.options-edit-button,
4239 .fm-button.preview-button,
4240 .fm-button.form-options-button{
4241 background: transparent;
4242 color: #444;
4243 border:1px solid #C5C6C7 !important;
4244 }
4245
4246 .fm-content {
4247 position: relative;
4248 height: 465px;
4249 border: 1px solid #A7A7A7;
4250 }
4251
4252 .theme_type {
4253 background-color: #F4F4F4;
4254 border: 1px solid #8F8D8D;
4255 border-radius: 8px 8px 8px 8px;
4256 cursor: pointer;
4257 display: inline-block;
4258 font-size: 16px;
4259 height: 24px;
4260 padding-top: 5px;
4261 text-align: center;
4262 vertical-align: middle;
4263 width: 123px;
4264 margin: 2px 0px 2px 0px;
4265 }
4266
4267 .fm-form-title {
4268 text-align: left;
4269 display: inline-block;
4270 height: 46px;
4271 line-height: 46px;
4272 font-size: 28px;
4273 font-weight: bold;
4274 max-width: 450px;
4275 overflow: hidden;
4276 text-overflow: ellipsis;
4277 white-space: nowrap;
4278 }
4279
4280 .fm-sidebar {
4281 background: #fff;
4282 padding: 15px;
4283 }
4284
4285 .fm-themes-tabs {
4286 background: #fff;
4287 padding: 0 !important;
4288 }
4289
4290 .fm-mailchimp-tabs a {
4291 text-decoration: underline !important;
4292 }
4293
4294 .skip-step {
4295 font-size: 12px;
4296 }
4297
4298 .fm-themes-form > div{
4299 background: #fff;
4300 }
4301
4302 .fm-mailchimp {
4303 color: #23282d;
4304 background: transparent !important;
4305 }
4306
4307 .fm-row.fm-form-types span {
4308 display: inline-block;
4309 width: 75px;
4310 height: 45px;
4311 vertical-align: middle;
4312 }
4313
4314 .fm-form-types span.fm-embedded {
4315 background: url("../css/images/embedded.png") no-repeat;
4316 background-size: 100% 100%;
4317 }
4318
4319 .fm-form-types span.fm-embedded.active {
4320 background: url("../css/images/embedded_active.svg") no-repeat;
4321 background-size: 100% 100%;
4322 }
4323
4324 .fm-form-types span.fm-popover {
4325 background: url("../css/images/popup.svg") no-repeat;
4326 background-size: 100% 100%;
4327 }
4328
4329 .fm-form-types span.fm-popover.active {
4330 background: url("../css/images/popup_active.png") no-repeat;
4331 background-size: 100% 100%;
4332 }
4333
4334 .fm-form-types span.fm-topbar {
4335 background: url("../css/images/topbar.svg") no-repeat;
4336 background-size: 100% 100%;
4337 }
4338
4339 .fm-form-types span.fm-topbar.active {
4340 background: url("../css/images/topbar_active.png") no-repeat;
4341 background-size: 100% 100%;
4342 }
4343
4344 .fm-form-types span.fm-scrollbox {
4345 background: url("../css/images/scrollbox.svg") no-repeat;
4346 background-size: 100% 100%;
4347 }
4348
4349 .fm-form-types span.fm-scrollbox.active {
4350 background: url("../css/images/scrollbox_active.png") no-repeat;
4351 background-size: 100% 100%;
4352 }
4353
4354 .fm-form-types label {
4355 width: initial;
4356 }
4357
4358 .fm-form-types label > input{
4359 /*
4360 visibility: hidden;
4361
4362 */
4363 position: absolute;
4364 right: 3%;
4365 top: 17px;
4366 }
4367
4368 .fm-form-types label > input + span{
4369 cursor: pointer;
4370 border: 2px solid transparent;
4371 }
4372
4373 .fm-form-types label > p{
4374 padding: 5px 0;
4375 text-align: center;
4376 font-size: 14px;
4377 color: #32373C;
4378 margin: 0;
4379 }
4380
4381 .fm-form-types label > input:checked + span{
4382 /* border: 2px solid #E5705D; */
4383 }
4384
4385 .pp_display label{
4386 margin-left: 5px;
4387 }
4388 .pp_live_search{
4389 height: auto !important;
4390 }
4391
4392 ul.pp_search_results {
4393 height: auto;
4394 max-height: 200px;
4395 overflow: auto;
4396 background-color: #EFEFEF !important;
4397 padding: 0;
4398 color: #444;
4399 }
4400
4401 ul.pp_search_results li{
4402 cursor: pointer;
4403 padding: 7px 10px;
4404 margin: 0;
4405 }
4406
4407 ul.pp_search_results li:hover{
4408 background: #46ACC3;
4409 color:#fff;
4410 }
4411
4412 li.pp_selected {
4413 background: #EFEFEF;
4414 margin-bottom: 0;
4415 height: auto;
4416 padding: 4px;
4417 }
4418
4419 li.pp_selected > span {
4420 background: #46ACC3;
4421 padding: 5px 8px 7px 5px;
4422 color: white;
4423 margin: 4px;
4424 display: inline-block;
4425 border-radius: 3px;
4426 }
4427
4428 .pp_selected_remove {
4429 position: relative;
4430 margin-left: 5px;
4431 cursor: pointer;
4432 font-size: 18px;
4433 font-weight: bold;
4434 opacity: 0.8;
4435 font-family: cursive;
4436 }
4437
4438 #old_theme_notice {
4439 display: inline-block;
4440 }
4441
4442 .fm-bulk-actions .button {
4443 margin: 1px 0;
4444 }
4445 .fm-bulk-actions .button.hide { display:none; }
4446 .fm-bulk-actions span.hide-filter.hide {
4447 display: none;
4448 }
4449 .fm-bulk-actions .button.active { display:inline-block; }
4450 .fm-bulk-actions span.show-filter.hide {
4451 display: none;
4452 }
4453 .fm-table-submissions .payment_info_fc {
4454 color: #0073aa;
4455 }
4456 .fm-table-submissions .table-wrapper-1,
4457 .fm-table-submissions .table-wrapper-2 {
4458 width: 100%;
4459 overflow-x: scroll;
4460 overflow-y:hidden;
4461 }
4462 .fm-table-submissions .table-wrapper-1.fixed {
4463 position: fixed;
4464 top:15px;
4465 }
4466 .fm-table-submissions .table-scroll-1 { height: 20px; }
4467 .fm-table-submissions .submit_content {
4468 overflow:hidden;
4469 }
4470 .fm-table-submissions th.col_id a { min-width: 40px; }
4471 .fm-table-submissions .col-submit-date {
4472 width:150px;
4473 }
4474 .table-wrapper-1.no-scroll,
4475 .table-wrapper-2.no-scroll {
4476 overflow: hidden !important;
4477 }
4478 @media screen and (max-width: 782px) {
4479 th#submitid_fc,
4480 td#submitid_fc {
4481 display: none !important;
4482 }
4483
4484 .fm-table-submissions .table-wrapper-1,
4485 .fm-table-submissions .table-wrapper-2 {
4486 overflow-x: hidden !important;
4487 }
4488 }
4489
4490 .done-cont {
4491 text-align: center;
4492 padding: 20px 0;
4493 }
4494
4495 .add-col-header {
4496 font-weight: bold;
4497 font-size: 18px;
4498 margin: 0 0 5px 0;
4499 }
4500
4501 .fm-table-submissions_edit .wd-table .type_range input {
4502 display: inline-block;
4503 width: 70px;
4504 }
4505 .fm-table-submissions_edit .wd-table .type_grading .grading-inputs label {
4506 display: inline-block;
4507 width: 70px;
4508 }
4509 .fm-table-submissions_edit .wd-table .type_grading .grading-inputs input {
4510 display: inline-block;
4511 width: 70px;
4512 }
4513 .fm-table-submissions_edit .non-editable label {
4514 display:inline-block;
4515 min-width:200px;
4516 }
4517 .fm-table-submissions_edit .non-editable span {
4518 display: inline-block;
4519 line-height: 20px;
4520 vertical-align: top;
4521 }
4522 .fm-table-submissions_edit .form-title {
4523 font-size: 16px;
4524 font-weight: 400;
4525 margin: 0;
4526 padding: 9px 0 4px;
4527 line-height: 29px;
4528 }
4529 .form_view_hide {
4530 display: none !important;
4531 }
4532 .form_view_show {
4533 display:block;
4534 }
4535
4536 .row-actions {
4537 word-break: keep-all;
4538 }
4539
4540 .no-wrap {
4541 white-space: nowrap;
4542 }
4543
4544 .ui-tooltip {
4545 max-width: 330px;
4546 position: absolute;
4547 white-space: pre-line;
4548 padding: 0 10px !important;
4549 line-height: 0.5 !important;
4550 z-index: 9999;
4551 }
4552
4553 .ui-tooltip .ui-tooltip-content {
4554 font-weight: normal;
4555 }
4556
4557 .ui-tooltip, .tooltip-arrow:after {
4558 background: #666;
4559 }
4560
4561 .ui-tooltip {
4562 color: #fff;
4563 border-radius: 10px;
4564 font: bold 14px "Helvetica Neue", Sans-Serif;
4565 box-shadow: 0 0 7px #666;
4566 }
4567
4568 .ui-tooltip p {
4569 margin: 0;
4570 }
4571
4572 .tooltip-arrow {
4573 width: 70px;
4574 height: 16px;
4575 overflow: hidden;
4576 position: absolute;
4577 left: 50%;
4578 margin-left: -35px;
4579 bottom: -16px;
4580 }
4581
4582 .tooltip-arrow.top {
4583 top: -16px;
4584 bottom: auto;
4585 }
4586
4587 .tooltip-arrow.left {
4588 left: 20%;
4589 }
4590
4591 .tooltip-arrow:after {
4592 content: "";
4593 position: absolute;
4594 left: 20px;
4595 top: -20px;
4596 width: 25px;
4597 height: 25px;
4598 box-shadow: 6px 5px 9px -9px #666;
4599 -webkit-transform: rotate(45deg);
4600 -ms-transform: rotate(45deg);
4601 transform: rotate(45deg);
4602 }
4603
4604 .tooltip-arrow.top:after {
4605 bottom: -20px;
4606 top: auto;
4607 }
4608
4609 .wd-red {
4610 color: red;
4611 }
4612
4613 .wd-yellow {
4614 color: #FCCD47;
4615 }
4616
4617 .wd-grey {
4618 color: #9B9B9B;
4619 }
4620
4621 .goodbye-text {
4622 font-size: 16px;
4623 font-weight: bold;
4624 background: #fff;
4625 padding: 15px;
4626 line-height: 22px;
4627 }
4628
4629 .goodbye-text a {
4630 font-size: 15px;
4631 }
4632
4633 .wd-vertical-middle {
4634 vertical-align: middle !important;
4635 }
4636
4637 .wd-text-center {
4638 text-align: center;
4639 }
4640
4641 .fm-section-header {
4642 border-bottom: 1px solid #E5E5E5;
4643 color: #32373C;
4644 padding: 23px 0;
4645 }
4646 .fm-section-header label {
4647 font-size: 20px;
4648 margin: 0 50px;
4649 }
4650 .fm-alert-header {
4651 text-align: center;
4652 }
4653 .fm-alert-body {
4654 text-align: center;
4655 margin-top: 30px;
4656 }
4657 .fm-alert-header label {
4658 color: #32373C;
4659 display: block;
4660 margin: 10px;
4661 font-size: 15px;
4662 }
4663 .fm-alert-body button.button {
4664 margin: 0 5px;
4665 }
4666 .fm-section {
4667 padding: 10px 50px;
4668 }
4669 .fm-section .fm-row label {
4670 display: block;
4671 font-size: 16px;
4672 margin-bottom: 10px;
4673 width: 100%;
4674 }
4675 .fm-section .fm-row label.fm-label-inline {
4676 display: inline;
4677 }
4678 #header_hide_image {
4679 margin: auto;
4680 }
4681 .fm-section .fm-row .add-button {
4682 width: 100px;
4683 vertical-align: initial;
4684 }
4685 #header_image_url {
4686 width: calc(100% - 110px);
4687 display: inline-block;
4688 }
4689 #fm-header-content .add-button {
4690 vertical-align: baseline;
4691 }
4692 .fm-section .fm-row input[type="text"], .fm-section .fm-row select {
4693 width: 100%;
4694 padding: 5px;
4695 border: 1px solid #D2CFCF;
4696 height: 30px;
4697 max-width: none;
4698 line-height: 30px;
4699 box-shadow: none;
4700 }
4701 .fm_popup_container {
4702 position: fixed;
4703 top: 0;
4704 right: 0;
4705 bottom: 0;
4706 left: 0;
4707 background: #000000b3;
4708 z-index: 100500;
4709 }
4710 .fm_popup_container .fm-popup-overlay {
4711 position: absolute;
4712 top: 0;
4713 right: 0;
4714 bottom: 0;
4715 left: 0;
4716 }
4717 .fm_popup_container .fm-popup-wrap {
4718 display: flex;
4719 flex-direction: column;
4720 justify-content: center;
4721 background: #fff;
4722 font-size: 0;
4723 height: 100%;
4724 width: 100%;
4725 position: absolute;
4726 margin: auto;
4727 top: 0;
4728 bottom: 0;
4729 right: 0;
4730 left: 0;
4731 overflow-y: auto;
4732 }
4733 #fm_popup_container .fm-popup-wrap {
4734 max-width: 710px;
4735 max-height: 600px;
4736 }
4737 #fm_delete_page_popup_container .fm-popup-wrap,
4738 #fm_delete_row_popup_container .fm-popup-wrap {
4739 max-width: 744px;
4740 max-height: 200px;
4741 -webkit-border-radius: 6px;
4742 -moz-border-radius: 6px;
4743 border-radius: 6px;
4744 }
4745 #fm_delete_field_popup_container .fm-popup-wrap,
4746 #fm_delete_column_popup_container .fm-popup-wrap {
4747 max-width: 466px;
4748 max-height: 171px;
4749 -webkit-border-radius: 6px;
4750 -moz-border-radius: 6px;
4751 border-radius: 6px;
4752 }
4753 .fm-disable-scroll {
4754 overflow: hidden;
4755 }
4756 .fm-align-right {
4757 text-align: right;
4758 }
4759
4760 #fm_revision_popup_container .fm-popup-wrap {
4761 max-width: 550px;
4762 width: 550px;
4763 max-height: 515px;
4764 height: 515px;
4765 -webkit-border-radius: 6px;
4766 -moz-border-radius: 6px;
4767 border-radius: 6px;
4768 padding: 5px 0;
4769 }
4770
4771 .fm_rev_index {
4772 float:left;
4773 width:25%;
4774 font-weight: 500;
4775 }
4776 .fm_rev_date {
4777 float:left;
4778 width:30%;
4779 min-height: 20px;
4780 }
4781
4782 .fm_rev_time {
4783 float:left;
4784 width:30%;
4785 min-height: 20px;
4786 }
4787
4788
4789 .fm_rev_button{
4790 width: 15%;
4791 min-height: 20px;
4792 float: right;
4793 text-align: right;
4794 }
4795
4796 #fm_revision_popup_container .fm_row {
4797 padding: 5px 30px;
4798 height: 42px;
4799 line-height: 30px;
4800 font-size: 15px;
4801 font-weight: normal;
4802 }
4803
4804 #fm_revision_popup_container .fm_row div {
4805 font-size: 15px;
4806 }
4807
4808 #fm_revision_popup_container .fm-section {
4809 padding: 0px;
4810 margin-top: 65px;
4811 }
4812
4813 #fm_revision_popup_container .fm-section-header label {
4814 margin: 0 30px;
4815 }
4816
4817 .fm_rev_active {
4818 background-color: #ffb900;
4819 }
4820
4821 #fm_revision_popup_container .fm-section-header {
4822 position: absolute;
4823 width: inherit;
4824 background-color: #ffffff;
4825 height: 65px;
4826 top: 0;
4827 }
4828
4829 .fm_not-active {
4830 pointer-events: none;
4831 cursor: default;
4832 text-decoration: none;
4833 }
4834
4835 #fm_revision_popup_container .fm-ico-delete {
4836 font-size: 13px;
4837 text-align: right;
4838 width: 13px;
4839 cursor: pointer;
4840 color:#32373C;
4841 float: right;
4842 margin-right: 25px;
4843 }
4844 #fm_revision_popup_container .fm-section-header-title {
4845 max-width: 80%;
4846 float: left;
4847 }
4848
4849 #fm_revision_popup_container .fm-section-header-title label {
4850 font-size:20px;
4851 }
4852
4853 #fm_revision_popup_container .fm-section-header {
4854 border-bottom: none;
4855 }
4856
4857 #fm_revision_popup_container .fm_row.fm_rev_header {
4858 border-bottom: 1px solid #E5E5E5;
4859 border-top: 1px solid #E5E5E5;
4860 font-weight: 500;
4861 font-size:16px;
4862 height:50px;
4863 line-height: 40px;
4864 }
4865
4866 #fm_revision_popup_container .fm_row.fm_rev_header div {
4867 line-height: 40px;
4868 }
4869
4870 #fm_revision_popup_container .fm_row.fm_rev_header a {
4871 margin-top: 5px;
4872 }
4873
4874 #fm_revision_popup_container .fm_row.fm_title_row {
4875 font-weight: 500;
4876 }
4877
4878 .curr_rev_button {
4879 font-size:15px;
4880 font-weight: 400;
4881 }
4882
4883 .fm_vr {
4884 line-height: 30px;
4885 width: 1px;
4886 color: #ccc;
4887 font-size: 15px;
4888 margin-right: 12px;
4889 margin-left: 10px;
4890 border-right: 2px solid #E5E5E5;
4891
4892 }
4893
4894 .button_revisions {
4895 margin-right: 10px!important;
4896 }
4897
4898 .revision_content {
4899 overflow-y: auto;
4900 height: 340px;
4901 }
4902
4903 a.fm_not-active {
4904 padding: 3px 15px;
4905 background-color: #E5E5E5;
4906 color:#555555;
4907 -webkit-border-radius: 6px;
4908 -moz-border-radius: 6px;
4909 border-radius: 6px;
4910 }
4911
4912 #form_email_options_tab_content {
4913 width: 75%;
4914 max-width: 800px;
4915 margin: 0 auto;
4916 background-color: #ffffff;
4917 }
4918
4919 #fm-header-content {
4920 width: 75%;
4921 max-width: 800px;
4922 margin: 0 auto;
4923 background-color: #ffffff;
4924 }
4925
4926 .display-options-container .wd-box-content {
4927 width: 75%;
4928 max-width: 800px;
4929 margin: auto;
4930 padding: 0px;
4931 }
4932
4933 .display-options-container .wd-box-section {
4934 background-color: #FFFFFF;
4935 border: none;
4936 margin: 0;
4937 }
4938
4939 .display-options-container .wd-table {
4940 background-color: #ffffff;
4941 }
4942
4943 .wd-box-content.display-options-header {
4944 padding: 20px 0;
4945 }
4946
4947 .wd-box-content.display-options-content,
4948 .wd-box-content.theme-content{
4949 padding: 20px;
4950 margin-bottom: 10px;
4951 }
4952
4953 .fm-form-types label.display_option_item {
4954 padding: 10px;
4955 border:1px solid #E5E5E5;
4956 -webkit-border-radius: 6px;
4957 -moz-border-radius: 6px;
4958 border-radius: 6px;
4959 width: calc(23% - 2px);
4960 text-align: center;
4961 position: relative;
4962 margin-right: 2.4%;
4963 }
4964
4965
4966
4967 .fm-form-types label.display_option_item:last-child {
4968 margin-right: 0px!important;
4969 }
4970
4971 .display-options-content, .theme-content {
4972 border:1px solid #E5E5E5;
4973 -webkit-border-radius: 6px;
4974 -moz-border-radius: 6px;
4975 border-radius: 6px;
4976 }
4977
4978 .display-options-content .wd-label,
4979 .theme-content .wd-label{
4980 font-size: 16px;
4981 font-weight: bold;
4982 }
4983
4984 #fm-embedded-element p {
4985 font-size: 14px;
4986 }
4987
4988 #fm-embedded-element input[type="text"] {
4989 border-radius: 0px;
4990 width: 70%;
4991 }
4992
4993
4994 #themes_container {
4995 display: flex!important;
4996 height: 100px;
4997 border-bottom: 1px solid #E5E5E5;
4998 }
4999
5000 .themes_container_col {
5001 display: flex;
5002 flex-direction: column;
5003 justify-content: center;
5004 }
5005 #themes_icon {
5006 width: 10%;
5007 }
5008
5009 #themes_icon img {
5010 max-height: 55px;
5011 }
5012
5013 #themes_descr {
5014 width: 50%;
5015 font-size: 16px;
5016 }
5017
5018 .rtl #themes_descr {
5019 margin-right: 20px;
5020 }
5021
5022 #themes_descr h3 {
5023 font-weight: bold;
5024 padding: 0px;
5025 margin: 0px;
5026 font-size: 16px;
5027 }
5028
5029 #themes_descr p {
5030 font-size: 16px;
5031 }
5032
5033 #themes_select {
5034 width: 40%;
5035 }
5036
5037 #themes_select_row {
5038 float: right;
5039 vertical-align: middle;
5040 margin-top: 33px;
5041 }
5042
5043 .rtl #themes_select_row {
5044 float: left;
5045 margin-left: 20px;
5046 }
5047
5048
5049 #themes_select_row a {
5050 display: unset;
5051 margin-right: 20px;
5052 font-size: 14px;
5053 padding: 5px 10px;
5054 line-height: 33px;
5055 }
5056
5057 #themes_select_row #theme {
5058 width: 300px;
5059 height: 33px;
5060 font-size: 16px;
5061 }
5062
5063 @media screen and (max-width: 1300px) {
5064 #fm-embedded-element input[type="text"] {
5065 width: 50%;
5066 }
5067
5068 #themes_select_row #theme {
5069 width: auto;
5070 }
5071 }
5072
5073 @media screen and (max-width: 1100px) {
5074
5075 #themes_container {
5076 display: block!important;
5077 height: auto;
5078 padding: 20px 0;
5079 }
5080
5081 #themes_select_row #theme {
5082 width: 250px;
5083 }
5084
5085
5086 #themes_select_row {
5087 float: none;
5088 }
5089
5090 #themes_select {
5091 display: inline-block;
5092 width: 100%;
5093 height: auto;
5094 text-align: center;
5095 float: none;
5096 }
5097
5098 #themes_icon {
5099 width: 20%;
5100 float: left;
5101 }
5102
5103 #themes_descr {
5104 width: calc(80% - 20px);
5105 }
5106
5107 #themes_select {
5108 width: 100%;
5109 }
5110 }
5111
5112 @media screen and (max-width: 450px) {
5113 #themes_select_row {
5114 text-align: center;
5115 float: none;
5116 }
5117
5118
5119 #themes_select_row #theme {
5120 width: 150px;
5121 }
5122 }
5123
5124 @media screen and (max-width: 782px) {
5125 #fm-header-content {
5126 width: 100%;
5127 }
5128
5129 #fm-embedded-element input[type="text"] {
5130 border-radius: 0px;
5131 width: 30%;
5132 }
5133
5134
5135 .fm-form-types label.display_option_item {
5136 padding: 10px;
5137 border:1px solid #E5E5E5;
5138 -webkit-border-radius: 6px;
5139 -moz-border-radius: 6px;
5140 border-radius: 6px;
5141 width: 48.5%;
5142 text-align: center;
5143 position: relative;
5144 margin-right: 2%;
5145 }
5146
5147 .fm-form-types label.display_option_item:nth-child(3) {
5148 margin-right: 0px!important;
5149 }
5150
5151 }
5152
5153 @media screen and (max-width: 570px) {
5154 #fm_revision_popup_container .fm-popup-wrap {
5155 width: 100%;
5156 height: 515px;
5157 -webkit-border-radius: 0px;
5158 -moz-border-radius: 0px;
5159 border-radius: 0px;
5160 padding: 5px 0;
5161
5162 }
5163
5164 #fm-embedded-element input[type="text"] {
5165 border-radius: 0px;
5166 width: 50%;
5167 }
5168
5169
5170
5171 .fm-form-types label.display_option_item {
5172 padding: 10px;
5173 border:1px solid #E5E5E5;
5174 -webkit-border-radius: 6px;
5175 -moz-border-radius: 6px;
5176 border-radius: 6px;
5177 width: 100%;
5178 text-align: center;
5179 position: relative;
5180 margin-right: 9.5%;
5181 }
5182
5183 .fm-form-types label.display_option_item:nth-child(3) {
5184 margin-right: 0px!important;
5185 }
5186
5187 }
5188
5189 #fm_admin_container.fm-form-container .fm-edit-tabs {
5190 display: flex;
5191 flex-wrap: wrap;
5192 justify-content: center;
5193 border: none;
5194 border-bottom: 1px solid #E5E5E5;
5195 font-size: 16px;
5196 margin: 0;
5197 padding: 0;
5198 }
5199 #fm_admin_container.fm-form-container .fm-edit-tabs > li#form_empty_tab {
5200 cursor: initial;
5201 }
5202 #fm_admin_container.fm-form-container .fm-edit-tabs > li#form_empty_tab > a {
5203 display: none;
5204 }
5205 #fm_admin_container.fm-form-container .fm-edit-tabs > li {
5206 background: #ffffff !important;
5207 border: none !important;
5208 box-shadow: none !important;
5209 cursor: pointer;
5210 margin: 0;
5211 }
5212 #fm_admin_container.fm-form-container .fm-edit-tabs > li > a {
5213 display: inline-block;
5214 padding: 20px;
5215 box-shadow: none;
5216 color: #32373C;
5217 font-size: 16px;
5218 font-weight: 600;
5219 }
5220 #fm_admin_container.fm-form-container .fm-edit-tabs > li > a .tab-label {
5221 font-size: 16px;
5222 }
5223 #fm_admin_container.fm-form-container .fm-edit-tabs > li:hover {
5224 background: #ffffff !important;
5225 }
5226 #fm_admin_container.fm-form-container .fm-edit-tabs > li:focus {
5227 box-shadow: none !important;
5228 outline: none !important;
5229 }
5230 #fm_admin_container.fm-form-container .fm-edit-tabs > li:hover > a {
5231 color: #0085BA;
5232 }
5233 #fm_admin_container.fm-form-container .fm-edit-tabs > li.ui-tabs-active {
5234 border-bottom: 2px solid #0085BA !important;
5235 }
5236 #fm_admin_container.fm-form-container .fm-edit-tabs > li.ui-tabs-active > a {
5237 color: #0085BA;
5238 }
5239 #fm_admin_container.fm-form-container .fm-edit-tabs #form_empty_tab {
5240 flex: 1;
5241 }
5242 #fm_admin_container.fm-form-container .ui-tabs-panel {
5243 background: #ffffff;
5244 border: none;
5245 min-height: 600px;
5246 }
5247 #fm_admin_container.fm-form-container .ui-widget-content span.dashicons-admin-generic {
5248 line-height: 20px;
5249 font-size: 15px;
5250 margin-left: 5px;
5251 }
5252 .rtl #fm_admin_container.fm-form-container .ui-widget-content span.dashicons-admin-generic {
5253 margin-right: 5px;
5254 margin-left: unset;
5255 }
5256 #fm-tabs {
5257 background: #FFFFFF;
5258 }
5259 .fm-tab-loading-indicator {
5260 padding: 20px;
5261 text-align: center;
5262 font-size: 16px;
5263 }
5264 .fm_popup_container .fm-button-delete {
5265 background-color: #CA4A1F;
5266 border-color: #CA4A1F;
5267 box-shadow: 0 1px 0 #802F14;
5268 text-shadow: none;
5269 }
5270 .fm_popup_container .fm-button-delete:hover {
5271 background-color: #9E3B19;
5272 border-color: #CA4A1F;
5273 }
5274
5275 .fm-form-builder .wdform_page {
5276 display: flex;
5277 flex-wrap: wrap;
5278 justify-content: flex-end;
5279 min-height: 100px;
5280 }
5281 .fm-form-builder .wdform_section {
5282 flex-direction: column;
5283 flex: 1;
5284 }
5285 .fm-form-builder .wdform_page > .highlight {
5286 flex: 1;
5287 margin: 10px;
5288 }
5289 .fm-form-builder .wdform_row_empty {
5290 flex: 0 20%;
5291 }
5292 .wdform_column:not(#add_field_cont) {
5293 display: flex;
5294 flex-direction: column;
5295 }
5296 .fm-form-builder .wdform_column:not(#add_field_cont) {
5297 flex-direction: row;
5298 }
5299 .fm-form-builder .wdform_column_empty > div {
5300 flex-direction: row;
5301 }
5302 .fm-form-builder .wdform_row_empty > div {
5303 flex-direction: column;
5304 }
5305 .fm-form-builder .wdform_section {
5306 display: initial;
5307 flex-wrap: unset;
5308 }
5309 .fm-form-builder .wdform_row_empty {
5310 margin: 10px;
5311 }
5312 .fm-section-overlay {
5313 background: rgba(242,242,242, 0.5);
5314 display: none;
5315 flex-direction: column;
5316 height: calc(100% - 30px);
5317 left: 0;
5318 position: absolute;
5319 text-align: center;
5320 top: 30px;
5321 vertical-align: middle;
5322 width: 100%;
5323 z-index: 9;
5324 }
5325 .fm-hover .fm-section-overlay {
5326 display: inline-block;
5327 }
5328 .fm-hover .wdform_row_handle {
5329 background: rgba(242,242,242, 0.5);
5330 }
5331 @media screen and (max-width: 768px) {
5332 .fm-form-builder .wdform_page > * {
5333 flex: 0 100%;
5334 }
5335 }
5336 .rtl .intl-tel-input .selected-flag {
5337 padding: 0 8px 0 0;
5338 }
5339
5340 .rtl .ui-spinner input {
5341 text-align: left;
5342 }
5343
5344 .rtl div[type="type_phone_new"] input[type="text"]{
5345 padding-left: 6px !important;
5346 padding-right: 52px !important;
5347 }
5348
5349 .rtl .button-submit {
5350 margin-left: 15px;
5351 }
5352
5353 .rtl .ch-rad-label {
5354 display: inline;
5355 }
5356
5357 .rtl .wd-calendar-button {
5358 margin: 3px -23px 0 0;
5359 }
5360
5361 .rtl div[id$='_td_name_input_first'] {
5362 text-align: left;
5363 }
5364
5365 .rtl .fm-page-actions,
5366 .rtl div.wd-buttons,
5367 .rtl .fm-export-tools {
5368 float: left;
5369 }
5370
5371 .rtl .wd-table-col-left .wd-box-section {
5372 margin-left: 5px;
5373 margin-right: unset;
5374 }
5375
5376 .rtl .page-title-action {
5377 display: inline-block;
5378 }
5379
5380 .rtl .fm-edit-content #add_field_cont {
5381 left: 10px;
5382 right: unset;
5383 }
5384
5385 .rtl .fm_php_function {
5386 direction: ltr;
5387 text-align: right;
5388 }
5389
5390 .rtl .fm-input-container input[type="radio"] + label, .fm-input-container input[type="checkbox"] + label {
5391 padding-left: 10px;
5392 padding-right: unset;
5393 }
5394
5395 .rtl #edit_page_navigation {
5396 text-align: left;
5397 }
5398
5399 .rtl .fm-input-container input[type='radio'],
5400 .rtl .fm-input-container label {
5401 display: inline-block;
5402 }
5403
5404 #form_email_options_tab_content .wd-table-col-50 {
5405 margin: auto;
5406 }
5407 #fm-edit-disable-overlay {
5408 padding: 70px;
5409 z-index: 10;
5410 }
5411 #fm-edit-disable-overlay .fm-edit-disable-overlay-text {
5412 background-color: #ececec;
5413 border: 1px solid #dddddd;
5414 padding: 20px;
5415 }
5416 #fm-edit-disable-overlay .fm-edit-disable-overlay-text span,
5417 #fm-edit-disable-overlay .fm-edit-disable-overlay-text span * {
5418 font-size: 20px;
5419 line-height: 25px;
5420 }
5421 #fm-edit-disable-overlay .fm-edit-disable-overlay-button {
5422 padding-top: 20px;
5423 }
5424
5425 #manage_form [type="type_button"],
5426 #manage_form [type="type_submit_reset"] {
5427 display: flex !important;
5428 align-items: flex-end;
5429 height: 100%;
5430 }
5431
5432 .fm-col-1 {
5433 flex: 0 1 calc(100% - 20px) !important;;
5434 width: calc(100% - 20px) !important;;
5435 }
5436 .fm-col-2 {
5437 flex: 0 1 calc(50% - 20px) !important;;
5438 width: calc(50% - 20px) !important;;
5439 }
5440 .fm-col-3 {
5441 flex: 0 1 calc(33.33% - 20px) !important;;
5442 width: calc(33.33% - 20px) !important;;
5443 }
5444 .fm-col-4 {
5445 flex: 0 1 calc(25% - 20px) !important;
5446 width: calc(25% - 20px) !important;;
5447 }
5448 .form-example-preview {
5449 position: relative;
5450 top: 0;
5451 }
5452 #wpbody-content>div:not(.wrap), .wrap .notice:not(.wd-notice) {
5453 display: none;
5454 }
5455 #wpbody-content #v2_tenweb_notice_cont {
5456 display: flex;
5457 }