PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.6.24
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.6.24
1.6.7 1.6.8 1.6.9 1.6.12 1.6.13 1.6.14 1.6.15 1.6.16 1.6.17 1.6.18 1.6.19 1.6.2 1.6.20 1.6.21 1.6.22 1.6.23 1.6.24 1.6.25 1.6.26 1.6.27 1.6.28 1.6.3 1.6.4 1.6.5 1.6.6 All 74 releases
weforms / assets / wpuf / css / frontend-forms.css

frontend-forms.css in weForms – Easy Drag & Drop Contact Form Builder For WordPress 1.6.24, at assets/wpuf/css/frontend-forms.css

1,966 lines 46.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* DivTable.com */
2 .wpufTable {
3 display: table;
4 width: 100%;
5 }
6
7 .wpufTableRow {
8 display: table-row;
9 }
10
11 .wpufTableRow:nth-child(even) {
12 background-color: #f5f5f5;
13 }
14
15 .wpufTableHeading {
16 background-color: #eee;
17 display: table-header-group;
18 font-weight: bold;
19 }
20
21 .wpufTableCell,
22 .wpufTableHead {
23 border: none;
24 display: table-cell;
25 padding: 3px 10px;
26 }
27
28 .wpufTableFoot {
29 background-color: #eee;
30 display: table-footer-group;
31 font-weight: bold;
32 }
33
34 .wpufTableBody {
35 display: table-row-group;
36 }
37
38 .wpuf-menu-item.active a {
39 color: #040202;
40 }
41
42 .wpuf-loading {
43 width: 16px;
44 height: 16px;
45 background: url('../images/wpspin_light.gif') no-repeat;
46 display: inline-block;
47 }
48
49 .wpuf-loading.hide {
50 display: none;
51 }
52
53 .wpuf-button {
54 color: #555;
55 border-color: #cccccc;
56 background: #f7f7f7;
57 -webkit-box-shadow: 0 1px 0 #cccccc;
58 box-shadow: 0 1px 0 #cccccc;
59 vertical-align: top;
60 }
61
62 .wpuf-button:hover,
63 .wpuf-button:focus {
64 background: #fafafa;
65 border-color: #999;
66 color: #23282d;
67 }
68
69 .wpuf-success {
70 background-color: #dff0d8;
71 border: 1px solid #d6e9c6;
72 color: #3c763d;
73 padding: 10px;
74 margin: 10px 0 20px 0;
75 }
76
77 .wpuf-error {
78 background-color: #f2dede;
79 color: #a94442;
80 border: 1px solid #ebccd1;
81 margin: 10px 0 20px 0;
82 padding: 10px;
83 -webkit-border-radius: 3px;
84 -moz-border-radius: 3px;
85 border-radius: 3px;
86 font-size: 13px;
87 }
88
89 .wpuf-message {
90 background: #fcf8e3;
91 border: 1px solid #faebcc;
92 color: #8a6d3b;
93 margin: 10px 0 20px 0;
94 padding: 10px;
95 -webkit-border-radius: 3px;
96 -moz-border-radius: 3px;
97 border-radius: 3px;
98 font-size: 13px;
99 }
100
101 #wpuf-private-message .chat-box {
102 margin-bottom: 30px;
103 }
104
105 #wpuf-private-message .write-area {
106 width: 100%;
107 border-radius: 4px;
108 margin-bottom: 10px;
109 }
110
111 .wpuf-info {
112 background-color: #fef5be;
113 border: 2px solid #fdd425;
114 border-radius: 5px;
115 -moz-border-radius: 5px;
116 -webkit-border-radius: 5px;
117 padding: 5px 10px;
118 margin: 0 0 10px 0;
119 font-size: 13px;
120 }
121
122 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
123 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
124 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
125 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
126 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
127 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
128 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
129 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
130 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
131 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
132 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
133 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
134 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
135 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
136 background: #fafafa;
137 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
138 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
139 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
140 border: 1px solid #ddd;
141 color: #888;
142 width: 95%;
143 }
144
145 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
146 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
147 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password]:focus,
148 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password]:focus,
149 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus,
150 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus,
151 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url]:focus,
152 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url]:focus,
153 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number]:focus,
154 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number]:focus,
155 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea:focus,
156 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea:focus {
157 color: #373737;
158 }
159
160 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
161 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
162 padding-left: 3px;
163 width: 95%;
164 }
165
166 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
167 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
168 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
169 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
170 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
171 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
172 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
173 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
174 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
175 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number] {
176 padding: 5px;
177 }
178
179 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields select,
180 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select {
181 border: 1px solid #eee;
182 padding: 2px;
183 height: 2em;
184 -webkit-border-radius: 3px;
185 -moz-border-radius: 3px;
186 border-radius: 3px;
187 min-width: 150px;
188 max-width: 100%;
189 }
190
191 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields select[multiple],
192 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] {
193 height: auto;
194 }
195
196 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
197 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
198 font-size: 16px;
199 padding: 5px 15px;
200 line-height: inherit;
201 height: inherit;
202 border: 1px solid #ccc;
203 -webkit-border-radius: 3px;
204 -moz-border-radius: 3px;
205 border-radius: 3px;
206 background: #0085ba;
207 border-color: #0073aa #006799 #006799;
208 -webkit-box-shadow: 0 1px 0 #006799;
209 box-shadow: 0 1px 0 #006799;
210 color: #fff;
211 text-decoration: none;
212 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
213 }
214
215 #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled,
216 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled {
217 background: #dddddd;
218 border-color: #dddddd;
219 -webkit-box-shadow: 0 1px 0 #dddddd;
220 box-shadow: 0 1px 0 #dddddd;
221 color: #000;
222 text-shadow: 0 -1px 1px #dddddd, 1px 0 1px #dddddd, 0 1px 1px #dddddd, -1px 0 1px #dddddd;
223 }
224
225 ul.wpuf-form {
226 list-style: none !important;
227 margin: 0 !important;
228 padding: 0 !important;
229 width: 100%;
230 }
231
232 ul.wpuf-form li {
233 margin-left: 0;
234 margin-bottom: 10px;
235 padding: 10px;
236 }
237
238 ul.wpuf-form li:after {
239 clear: both;
240 content: "";
241 display: table;
242 }
243
244 ul.wpuf-form li.has-error {
245 background: #FFE4E4;
246 }
247
248 ul.wpuf-form li .wp-editor-wrap {
249 border: 1px solid #eee;
250 }
251
252 ul.wpuf-form li.wpuf_hidden_field {
253 display: none;
254 }
255
256 ul.wpuf-form li .wpuf-label {
257 float: left;
258 width: 30%;
259 min-height: 1px;
260 font-weight: bold;
261 }
262
263 ul.wpuf-form li .wpuf-label .required {
264 color: red;
265 }
266
267 ul.wpuf-form li.field-size-large .wpuf-fields {
268 float: left;
269 width: 70%;
270 }
271
272 ul.wpuf-form li.field-size-medium .wpuf-fields {
273 float: left;
274 width: 50%;
275 }
276
277 ul.wpuf-form li.field-size-small .wpuf-fields {
278 float: left;
279 width: 30%;
280 }
281
282 ul.wpuf-form li .wpuf-fields {
283 float: left;
284 width: 70%;
285 }
286
287 ul.wpuf-form li .wpuf-fields .wpuf-radio-inline,
288 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-inline {
289 display: inline-block;
290 margin-right: 10px;
291 }
292
293 ul.wpuf-form li .wpuf-fields .wpuf-radio-block,
294 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-block {
295 display: block;
296 margin-bottom: 6px;
297 }
298
299 ul.wpuf-form li .wpuf-fields a.file-selector {
300 display: inline;
301 text-decoration: none;
302 padding: 5px 12px;
303 margin: 0;
304 height: 30px;
305 line-height: 28px;
306 border: 1px solid #ccc;
307 -webkit-border-radius: 3px;
308 -moz-border-radius: 3px;
309 border-radius: 3px;
310 background: #fafafa;
311 box-shadow: 0 1px 0 #cccccc;
312 vertical-align: top;
313 cursor: pointer;
314 -webkit-appearance: none;
315 white-space: nowrap;
316 }
317
318 ul.wpuf-form li .wpuf-fields a.file-selector:hover,
319 ul.wpuf-form li .wpuf-fields a.file-selector:focus {
320 background: #fafafa;
321 border-color: #999;
322 color: #23282d;
323 }
324
325 ul.wpuf-form li .wpuf-fields .google-map img {
326 max-width: none !important;
327 }
328
329 ul.wpuf-form li .wpuf-fields .wpuf-product-qty {
330 float: left;
331 width: 10%;
332 }
333
334 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap {
335 margin-bottom: 8px;
336 }
337
338 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap:after {
339 clear: both;
340 content: "";
341 display: table;
342 }
343
344 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
345 float: left;
346 width: 48%;
347 }
348
349 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-middle-name {
350 display: none;
351 }
352
353 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name {
354 float: right;
355 width: 48%;
356 }
357
358 @media (max-width: 767px) {
359
360 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name,
361 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
362 width: 100%;
363 }
364 }
365
366 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-first-name {
367 float: left;
368 width: 37%;
369 margin-right: 3%;
370 }
371
372 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-middle-name {
373 float: left;
374 width: 20%;
375 }
376
377 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-last-name {
378 float: right;
379 width: 37%;
380 }
381
382 ul.wpuf-form li .wpuf-fields .wpuf-help {
383 color: #666;
384 margin: 2px 0 5px 0;
385 font-size: 12px;
386 font-style: italic;
387 font-family: sans-serif;
388 display: block;
389 }
390
391 ul.wpuf-form li .wpuf-fields .wpuf-help .text-danger {
392 color: red;
393 }
394
395 ul.wpuf-form li .wpuf-fields .wpuf-help .text-success {
396 color: green;
397 }
398
399 ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart,
400 ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart-mgs {
401 font-style: normal;
402 font-size: 16px;
403 }
404
405 ul.wpuf-form li .wpuf-fields table,
406 ul.wpuf-form li .wpuf-fields td {
407 border: none;
408 margin: 0;
409 }
410
411 ul.wpuf-form li .wpuf-fields table {
412 width: 100%;
413 }
414
415 ul.wpuf-form li .wpuf-fields img.wpuf-clone-field,
416 ul.wpuf-form li .wpuf-fields img.wpuf-remove-field {
417 cursor: pointer;
418 margin: 0 3px;
419 box-shadow: none;
420 border: none;
421 }
422
423 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
424 list-style: none;
425 margin: 5px 0 0 0;
426 padding: 0;
427 }
428
429 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li {
430 display: inline-block;
431 border: 1px solid #eee;
432 padding: 5px;
433 width: 150px;
434 height: 150px;
435 margin-right: 5px;
436 -webkit-border-radius: 5px;
437 -moz-border-radius: 5px;
438 border-radius: 5px;
439 }
440
441 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap {
442 margin: 10px 0;
443 }
444
445 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input,
446 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea {
447 border: 1px solid #eee;
448 width: 93%;
449 }
450
451 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name {
452 text-align: center;
453 line-height: 0;
454 }
455
456 ul.wpuf-form li .wpuf-fields .progress {
457 background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 #FFFFFF;
458 border: 1px solid #D1D1D1;
459 border-radius: 3px 3px 3px 3px;
460 box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
461 float: right;
462 height: 22px;
463 line-height: 2em;
464 margin: 0;
465 overflow: hidden;
466 padding: 0;
467 width: 200px;
468 }
469
470 ul.wpuf-form li .wpuf-fields .bar {
471 background-color: #83B4D8;
472 background-image: -moz-linear-gradient(center bottom, #72A7CF 0%, #90C5EE 100%);
473 border-radius: 3px 3px 3px 3px;
474 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
475 height: 100%;
476 width: 0;
477 z-index: 9;
478 }
479
480 ul.wpuf-form li .wpuf-fields .progress .percent {
481 color: rgba(0, 0, 0, 0.6);
482 padding: 0 8px;
483 position: relative;
484 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
485 width: 200px;
486 z-index: 10;
487 }
488
489 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist {
490 list-style: none;
491 margin: 0;
492 padding: 0;
493 }
494
495 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist li {
496 margin-bottom: 5px;
497 padding: 0;
498 }
499
500 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist ul.children {
501 list-style: none;
502 margin-left: 25px;
503 }
504
505 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container {
506 margin-bottom: 3px;
507 }
508
509 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container:after {
510 clear: both;
511 content: "";
512 display: table;
513 }
514
515 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image {
516 text-decoration: none;
517 border: 1px solid #DFDFDF;
518 font-size: 11px;
519 -webkit-border-radius: 3px;
520 -moz-border-radius: 3px;
521 border-radius: 3px;
522 padding: 4px 6px;
523 margin-right: 10px;
524 }
525
526 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image .wpuf-media-icon {
527 height: 12px;
528 width: 12px;
529 }
530
531 ul.wpuf-form li .wpuf-fields .wpuf-fields-list {
532 box-sizing: border-box;
533 margin: 0;
534 padding: 0;
535 list-style: none;
536 }
537
538 ul.wpuf-form li .wpuf-fields .wpuf-fields-list li {
539 padding: 0;
540 margin: 0 0 6px;
541 }
542
543 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline {
544 margin-left: -5px;
545 }
546
547 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline li {
548 display: inline-block;
549 padding-left: 5px;
550 padding-right: 5px;
551 }
552
553 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field {
554 border-collapse: collapse;
555 }
556
557 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field * {
558 box-sizing: border-box;
559 }
560
561 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field input {
562 width: 100%;
563 }
564
565 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons {
566 width: 75px;
567 padding-left: 12px;
568 }
569
570 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons img {
571 width: 100%;
572 height: auto;
573 }
574
575 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons i {
576 display: inline-block;
577 width: 15px;
578 height: 15px;
579 margin: 2px 4px 0 0;
580 }
581
582 ul.wpuf-form li label.wpuf-form-sub-label {
583 font-size: 12px;
584 display: inline-block;
585 padding-top: 5px;
586 }
587
588 ul.wpuf-form li .wpuf-address-field {
589 width: 100%;
590 margin-bottom: 10px;
591 }
592
593 ul.wpuf-form li .wpuf-address-field:after {
594 clear: both;
595 content: "";
596 display: table;
597 }
598
599 ul.wpuf-form li .wpuf-address-field.city_name,
600 ul.wpuf-form li .wpuf-address-field.state,
601 ul.wpuf-form li .wpuf-address-field.zip,
602 ul.wpuf-form li .wpuf-address-field.country_select {
603 float: left;
604 width: 47%;
605 }
606
607 ul.wpuf-form li .wpuf-address-field.city_name,
608 ul.wpuf-form li .wpuf-address-field.zip {
609 margin-right: 4%;
610 }
611
612 ul.wpuf-form li .wpuf-address-field.zip {
613 clear: both;
614 }
615
616 ul.wpuf-form li .wpuf-section-wrap {
617 border-bottom: 1px solid #ccc;
618 margin: 15px 0;
619 }
620
621 ul.wpuf-form li .wpuf-section-wrap h2.wpuf-section-title {
622 margin: 0;
623 }
624
625 ul.wpuf-form li .wpuf-section-wrap .wpuf-section-details {
626 padding: 4px 0 8px;
627 font-size: 12px;
628 }
629
630 ul.wpuf-form.form-label-above li .wpuf-label,
631 ul.wpuf-form.form-label-above li .wpuf-fields {
632 display: block;
633 float: none;
634 width: 100%;
635 }
636
637 ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields {
638 display: block;
639 float: none;
640 width: 100%;
641 }
642
643 ul.wpuf-form.form-label-above li.field-size-medium .wpuf-fields {
644 display: block;
645 float: none;
646 width: 65%;
647 }
648
649 ul.wpuf-form.form-label-above li.field-size-small .wpuf-fields {
650 display: block;
651 float: none;
652 width: 30%;
653 }
654
655 ul.wpuf-form.form-label-above li .wpuf-label {
656 margin-bottom: 10px;
657 }
658
659 ul.wpuf-form.form-label-right li .wpuf-label {
660 float: right;
661 }
662
663 ul.wpuf-form.form-label-hidden li .wpuf-label {
664 display: none;
665 }
666
667 ul.wpuf-form.form-label-hidden li.field-size-large .wpuf-fields {
668 display: block;
669 float: none;
670 width: 100%;
671 }
672
673 ul.wpuf-form.form-label-hidden li.field-size-medium .wpuf-fields {
674 display: block;
675 float: none;
676 width: 65%;
677 }
678
679 ul.wpuf-form.form-label-hidden li.field-size-small .wpuf-fields {
680 display: block;
681 float: none;
682 width: 30%;
683 }
684
685 ul.wpuf-form.form-label-hidden li .wpuf-fields {
686 display: block;
687 float: none;
688 width: 100%;
689 }
690
691 ul.wpuf-form .wpuf-submit .button-primary-disabled {
692 color: #94cde7 !important;
693 background: #298cba !important;
694 border-color: #1b607f !important;
695 -webkit-box-shadow: none !important;
696 box-shadow: none !important;
697 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
698 cursor: default;
699 }
700
701 ul.wpuf-form .wpuf-submit .wpuf-errors {
702 background: #FFE4E4;
703 border: 1px solid #ffb1b1;
704 color: #333333 !important;
705 margin: 10px 0;
706 padding: 10px;
707 -webkit-border-radius: 3px;
708 -moz-border-radius: 3px;
709 border-radius: 3px;
710 font-size: 13px;
711 }
712
713 li.has-error {
714 color: #333333;
715 }
716
717 ul.wpuf-form:not(.form-label-left) .wpuf-submit .wpuf-label {
718 display: none !important;
719 }
720
721 #wpuf-login-form label {
722 display: block;
723 }
724
725 #wpuf-login-form .forgetmenot label {
726 display: inline-block;
727 }
728
729 .wpuf_sub_info {
730 padding: 0;
731 margin: 10px 5px;
732 border: 1px solid #eee;
733 border-radius: 3px;
734 }
735
736 .wpuf_sub_info h3 {
737 background-color: #f1f1f1;
738 padding: 10px;
739 margin: 0 0 5px 0 !important;
740 font-weight: 300 !important;
741 }
742
743 .wpuf_sub_info .wpuf-text {
744 padding: 5px 10px;
745 }
746
747 .wpuf_sub_info .wpuf-expire {
748 border-top: 1px solid #eee;
749 padding-top: 5px;
750 margin-top: 5px;
751 }
752
753 .wpuf-coupon-info-wrap {
754 border: 1px solid #eee;
755 padding: 15px;
756 margin-bottom: 20px;
757 }
758
759 .wpuf-coupon-info-wrap .wpuf-coupon-field-spinner {
760 background: url('../images/wpspin_light.gif') no-repeat right scroll rgba(0, 0, 0, 0);
761 }
762
763 .wpuf-coupon-info-wrap .wpuf-copon-show {
764 background: #EEEEEE;
765 border-radius: 3px;
766 border-width: 1px;
767 box-shadow: 0 1px 0 rgba(217, 217, 217, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
768 color: #5C5A5A;
769 cursor: pointer;
770 display: inline-block;
771 font-size: 14px;
772 padding: 5px 12px;
773 text-decoration: none;
774 width: 175px;
775 margin-bottom: 8px;
776 }
777
778 .wpuf-coupon-info-wrap .wpuf-copon-wrap {
779 margin: 15px 0;
780 }
781
782 .wpuf-coupon-info-wrap .wpuf-pack-info {
783 margin-bottom: 20px;
784 }
785
786 .wpuf-coupon-info-wrap .wpuf-pack-info h3 {
787 margin: 0 0 10px 0;
788 padding: 0 0 10px 0;
789 border-bottom: 1px solid #eee;
790 }
791
792 .wpuf-coupon-info-wrap .wpuf-pack-info h3 a {
793 text-decoration: none;
794 background: #64C3DE;
795 color: #fff;
796 padding: 3px 8px;
797 font-size: 14px;
798 }
799
800 .wpuf-coupon-info-wrap .wpuf-pack-info wpuf-subscription-error {
801 color: #D8000C;
802 }
803
804 .wpuf-coupon-info-wrap .wpuf-copon-show:hover {
805 background: none repeat scroll 0 0 #1E8CBE;
806 border-color: #0074A2;
807 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
808 color: #FFFFFF;
809 }
810
811 .wpuf-coupon-info-wrap a.wpuf-apply-coupon {
812 text-decoration: none;
813 font-size: 11px;
814 margin-top: 10px;
815 margin-right: 10px;
816 background: #21759b;
817 color: #fff;
818 padding: 5px 10px;
819 display: inline-block;
820 -webkit-border-radius: 3px;
821 -moz-border-radius: 3px;
822 border-radius: 3px;
823 }
824
825 .wpuf-coupon-info-wrap .wpuf-copon-cancel {
826 text-decoration: none;
827 font-size: 11px;
828 }
829
830 .entry-content ul.wpuf_packs,
831 ul.wpuf_packs {
832 overflow: hidden;
833 margin: 15px 0;
834 max-width: initial;
835 width: 100%;
836 padding-left: 0;
837 }
838
839 .entry-content ul.wpuf_packs>li,
840 ul.wpuf_packs>li {
841 background: #fff;
842 display: inline-block;
843 vertical-align: top;
844 border: 1px solid #DDD;
845 border-radius: 5px 5px 5px 5px;
846 list-style: none outside none;
847 margin: 0 25px 25px 0;
848 position: relative;
849 width: 200px;
850 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
851 }
852
853 @media (max-width: 991px) {
854
855 .entry-content ul.wpuf_packs,
856 ul.wpuf_packs {
857 text-align: center;
858 padding-left: 25px;
859 }
860 }
861
862 @media (max-width: 500px) {
863
864 .entry-content ul.wpuf_packs,
865 ul.wpuf_packs {
866 padding-left: 0;
867 }
868
869 .entry-content ul.wpuf_packs>li,
870 ul.wpuf_packs>li {
871 width: 100%;
872 margin-left: 0;
873 }
874 }
875
876 .entry-content ul.wpuf_packs h3,
877 ul.wpuf_packs h3 {
878 background: #52B5D5;
879 color: #fff;
880 font-size: 18px;
881 font-weight: normal;
882 margin: 0;
883 padding: 10px !important;
884 text-align: center;
885 border-bottom: 1px solid #3dacd0;
886 }
887
888 .entry-content ul.wpuf_packs .wpuf-pricing-wrap,
889 ul.wpuf_packs .wpuf-pricing-wrap {
890 background: #64C3DE;
891 }
892
893 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount,
894 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
895 position: relative;
896 text-align: center;
897 color: #FFF;
898 border-bottom: 1px solid #4fbbda;
899 padding: 10px 0;
900 }
901
902 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol,
903 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol {
904 font-size: 19px;
905 position: absolute;
906 top: 25px;
907 line-height: 10px;
908 }
909
910 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost,
911 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost {
912 font-size: 40px;
913 margin-left: 10px;
914 line-height: 50px;
915 }
916
917 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle,
918 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle {
919 font-size: 13px;
920 padding-bottom: 5px;
921 }
922
923 .entry-content ul.wpuf_packs .wpuf-sub-body,
924 ul.wpuf_packs .wpuf-sub-body {
925 margin: 0;
926 padding: 8px 0 0 8px;
927 background: #fff;
928 font-size: 11px;
929 color: #999;
930 }
931
932 .entry-content ul.wpuf_packs .wpuf-sub-button,
933 ul.wpuf_packs .wpuf-sub-button {
934 text-align: center;
935 margin-bottom: 20px;
936 margin-top: 20px;
937 overflow: hidden;
938 }
939
940 .entry-content ul.wpuf_packs .wpuf-sub-button a,
941 ul.wpuf_packs .wpuf-sub-button a {
942 background: #64C3DE;
943 color: #fff;
944 text-decoration: none;
945 padding: 5px 10px;
946 -webkit-border-radius: 3px;
947 -moz-border-radius: 3px;
948 border-radius: 3px;
949 display: inline-block;
950 }
951
952 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
953 ul.wpuf_packs .wpuf-sub-button a:hover {
954 background: #3ab3d5;
955 }
956
957 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
958 ul.wpuf_packs .wpuf-sub-button a:hover {
959 background: none repeat scroll 0 0 #1E8CBE;
960 border-color: #0074A2;
961 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
962 color: #FFFFFF;
963 }
964
965 .entry-content ul.wpuf_packs .wpuf-sub-desciption,
966 ul.wpuf_packs .wpuf-sub-desciption {
967 margin-top: 15px;
968 }
969
970 .entry-content ul.wpuf_packs .wpuf-sub-desciption ul,
971 ul.wpuf_packs .wpuf-sub-desciption ul,
972 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
973 ul.wpuf_packs .wpuf-sub-desciption li {
974 margin: 0;
975 padding: 0;
976 list-style: none;
977 }
978
979 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
980 ul.wpuf_packs .wpuf-sub-desciption li {
981 text-align: center;
982 border-top: 1px solid #eee;
983 padding: 7px 0;
984 }
985
986 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:last-child,
987 ul.wpuf_packs .wpuf-sub-desciption li:last-child {
988 border-bottom: 1px solid #eee;
989 }
990
991 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:first-child,
992 ul.wpuf_packs .wpuf-sub-desciption li:first-child {
993 border-top: none;
994 }
995
996 .entry-content ul.wpuf_packs .wpuf-sub-desciption p,
997 ul.wpuf_packs .wpuf-sub-desciption p {
998 padding: 0 10px;
999 margin-bottom: 15px;
1000 }
1001
1002 .entry-content ul.wpuf_packs .button,
1003 ul.wpuf_packs .button {
1004 background: none repeat scroll 0 0 #2EA2CC;
1005 border-color: #0074A2;
1006 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
1007 color: #FFFFFF;
1008 text-decoration: none;
1009 padding: 0 12px 2px;
1010 color: #fff;
1011 }
1012
1013 .entry-content ul.wpuf_packs .cost,
1014 ul.wpuf_packs .cost {
1015 background: red;
1016 border-radius: 30px 30px 30px 30px;
1017 color: #FFFFFF;
1018 margin: -16px -12px 0 0;
1019 padding: 10px 8px 8px;
1020 position: absolute;
1021 right: 0;
1022 top: 0;
1023 }
1024
1025 /* css for timepicker */
1026 .ui-timepicker-div .ui-widget-header {
1027 margin-bottom: 8px;
1028 }
1029
1030 .ui-timepicker-div dl {
1031 text-align: left;
1032 }
1033
1034 .ui-timepicker-div dl dt {
1035 height: 25px;
1036 margin-bottom: -25px;
1037 }
1038
1039 .ui-timepicker-div dl dd {
1040 margin: 0 10px 10px 65px;
1041 }
1042
1043 .ui-timepicker-div td {
1044 font-size: 90%;
1045 }
1046
1047 .ui-tpicker-grid-label {
1048 background: none;
1049 border: none;
1050 margin: 0;
1051 padding: 0;
1052 }
1053
1054 .ui-timepicker-rtl {
1055 direction: rtl;
1056 }
1057
1058 .ui-timepicker-rtl dl {
1059 text-align: right;
1060 }
1061
1062 .ui-timepicker-rtl dl dd {
1063 margin: 0 65px 10px 10px;
1064 }
1065
1066 .pass-strength-result {
1067 border-style: solid;
1068 border-width: 1px;
1069 float: left;
1070 margin: 0;
1071 padding: 3px 5px;
1072 text-align: center;
1073 width: 200px;
1074 display: none;
1075 background-color: #eee;
1076 border-color: #ddd !important;
1077 }
1078
1079 .pass-strength-result.bad {
1080 background-color: #ffb78c;
1081 border-color: #ff853c !important;
1082 }
1083
1084 .pass-strength-result.good {
1085 background-color: #ffec8b;
1086 border-color: #fc0 !important;
1087 }
1088
1089 .pass-strength-result.short {
1090 background-color: #ffa0a0;
1091 border-color: #f04040 !important;
1092 }
1093
1094 .pass-strength-result.strong {
1095 background-color: #c3ff88;
1096 border-color: #8dff1c !important;
1097 }
1098
1099 .password[type="text"] {
1100 display: none;
1101 }
1102
1103 table.wpuf-table {
1104 border: 1px solid #E7E7E7;
1105 margin: 0 0px 10px 0;
1106 text-align: left;
1107 width: 100%;
1108 }
1109
1110 table.wpuf-table thead th,
1111 table.wpuf-table th {
1112 color: #888888;
1113 font-size: 12px;
1114 font-weight: bold;
1115 line-height: 18px;
1116 padding: 9px 24px;
1117 }
1118
1119 table.wpuf-table td {
1120 border-top: 1px solid #E7E7E7;
1121 padding: 6px 24px;
1122 }
1123
1124 @media (max-width: 549px) {
1125 #wpuf-payment-gateway {
1126 margin-left: -15px;
1127 }
1128 }
1129
1130 #wpuf-payment-gateway ul.wpuf-payment-gateways {
1131 list-style: none;
1132 margin: 10px 0;
1133 }
1134
1135 #wpuf-payment-gateway ul.wpuf-payment-gateways li {
1136 margin: 0;
1137 }
1138
1139 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-payment-instruction {
1140 padding: 8px 10px;
1141 margin: 0 10px;
1142 }
1143
1144 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-instruction {
1145 padding: 8px 10px;
1146 margin-bottom: 10px;
1147 background: #ebe8eb;
1148 font-size: 13px;
1149 -webkit-border-radius: 2px;
1150 -moz-border-radius: 2px;
1151 border-radius: 2px;
1152 }
1153
1154 .wpuf-pagination div.pagination {
1155 text-align: center;
1156 padding: 7px;
1157 margin: 3px;
1158 }
1159
1160 .wpuf-pagination .page-numbers {
1161 padding: 2px 8px;
1162 margin: 2px;
1163 border: 1px solid #4A5154;
1164 text-decoration: none;
1165 color: #4A5154;
1166 background: #fff;
1167 border-radius: 5px;
1168 -moz-border-radius: 5px;
1169 }
1170
1171 .wpuf-pagination .page-numbers:hover,
1172 .wpuf-pagination .page-numbers:active {
1173 border: 1px solid #4A5154;
1174 background-color: #4A5154;
1175 color: #fff;
1176 border-radius: 5px;
1177 -moz-border-radius: 5px;
1178 }
1179
1180 .wpuf-pagination .page-numbers.current {
1181 padding: 2px 8px;
1182 margin: 2px;
1183 border: 1px solid #4A5154;
1184 font-weight: bold;
1185 background-color: #4A5154;
1186 color: #FFF;
1187 border-radius: 5px;
1188 -moz-border-radius: 5px;
1189 }
1190
1191 /** author info **/
1192 .wpuf-author {
1193 margin: 20px 0;
1194 }
1195
1196 .wpuf-author:after {
1197 clear: both;
1198 content: "";
1199 display: table;
1200 }
1201
1202 .wpuf-author h3 {
1203 margin: 0 !important;
1204 background: #CFCFCF;
1205 text-align: left;
1206 padding: 3px 10px;
1207 }
1208
1209 .wpuf-author .wpuf-author-inside {
1210 background: none repeat scroll 0 0 #F0F0F0;
1211 border-bottom: 2px solid #DDDDDD;
1212 height: auto;
1213 padding-left: 10px;
1214 padding-top: 15px;
1215 margin-bottom: 15px;
1216 }
1217
1218 .wpuf-author .wpuf-author-inside:after {
1219 clear: both;
1220 content: "";
1221 display: table;
1222 }
1223
1224 .wpuf-author .wpuf-author-inside .wpuf-user-image {
1225 float: left;
1226 padding-right: 15px;
1227 }
1228
1229 .wpuf-author .wpuf-author-inside p {
1230 margin-bottom: 10px !important;
1231 }
1232
1233 .wpuf-author .wpuf-author-inside p.wpuf-author-info {
1234 padding-top: 8px;
1235 word-wrap: break-word;
1236 }
1237
1238 .wpuf-author .wpuf-author-inside p.wpuf-user-name a {
1239 color: #335160;
1240 font-size: 1.2em;
1241 font-weight: bold;
1242 }
1243
1244 /** jQuery Suggest **/
1245 .ac_results {
1246 padding: 0;
1247 margin: 0;
1248 list-style: none;
1249 position: absolute;
1250 z-index: 10000;
1251 display: none;
1252 border: 1px solid #ccc;
1253 }
1254
1255 .ac_results li {
1256 padding: 2px 5px;
1257 white-space: nowrap;
1258 text-align: left;
1259 }
1260
1261 .ac_over {
1262 cursor: pointer;
1263 }
1264
1265 .ac_match {
1266 text-decoration: underline;
1267 }
1268
1269 /*------------------------------------
1270 * Multistep form
1271 *-----------------------------------*/
1272 fieldset.wpuf-multistep-fieldset {
1273 position: relative;
1274 padding-bottom: 50px;
1275 border: none;
1276 display: none;
1277 }
1278
1279 fieldset.wpuf-multistep-fieldset.field-active {
1280 display: block;
1281 }
1282
1283 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn,
1284 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
1285 position: absolute;
1286 bottom: 5px;
1287 }
1288
1289 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn {
1290 left: 10px;
1291 }
1292
1293 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
1294 right: 10px;
1295 }
1296
1297 .wpuf-multistep-progressbar {
1298 overflow: hidden;
1299 }
1300
1301 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
1302 margin: 20px 0 40px 0;
1303 padding: 0;
1304 list-style: none;
1305 }
1306
1307 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
1308 box-sizing: border-box;
1309 }
1310
1311 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
1312 background-color: #E4E4E4;
1313 border-radius: 5px;
1314 display: inline-block;
1315 padding: 10px 30px 10px 40px;
1316 margin-right: -7px;
1317 width: auto;
1318 margin: 0;
1319 position: relative;
1320 text-align: center;
1321 }
1322
1323 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
1324 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
1325 border: solid transparent;
1326 content: " ";
1327 height: 0;
1328 width: 0;
1329 position: absolute;
1330 border-color: transparent;
1331 border-left-color: #fff;
1332 border-radius: 10px;
1333 }
1334
1335 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
1336 border-width: 26px;
1337 margin-top: -14px;
1338 right: -52px;
1339 z-index: 98;
1340 }
1341
1342 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
1343 border-left-color: #E4E4E4;
1344 border-width: 25px;
1345 margin-top: -37px;
1346 right: -44px;
1347 z-index: 99;
1348 }
1349
1350 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
1351 background-color: #00a0d2;
1352 color: #fff;
1353 }
1354
1355 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
1356 border-left-color: #00a0d2;
1357 }
1358
1359 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
1360 border-left-color: transparent;
1361 }
1362
1363 .wpuf-form .wpuf-multistep-progressbar .ui-widget-header {
1364 background: #00a0d2;
1365 }
1366
1367 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
1368 margin-bottom: 30px;
1369 height: 25px;
1370 border: 1px solid #eee;
1371 position: relative;
1372 }
1373
1374 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
1375 position: absolute;
1376 left: 50%;
1377 font-size: 12px;
1378 font-weight: bold;
1379 text-shadow: 1px 1px 0 #fff;
1380 top: 20%;
1381 }
1382
1383 input.wpuf-btn {
1384 text-decoration: none !important;
1385 font-size: 15px !important;
1386 margin-top: 10px;
1387 margin-right: 10px;
1388 background: #21759b !important;
1389 color: #fff !important;
1390 padding: 5px 10px;
1391 display: inline-block;
1392 -webkit-border-radius: 3px !important;
1393 -moz-border-radius: 3px !important;
1394 border-radius: 3px !important;
1395 border: none !important;
1396 }
1397
1398 /*rtl*/
1399 body.rtl ul.wpuf-form li .wpuf-label {
1400 float: right;
1401 }
1402
1403 @media (max-width: 480px) {
1404
1405 ul.wpuf-form li .wpuf-label,
1406 ul.wpuf-form li .wpuf-fields {
1407 float: none;
1408 width: 100%;
1409 }
1410
1411 ul.wpuf-form li.field-size-large .wpuf-fields {
1412 float: none;
1413 width: 100%;
1414 }
1415
1416 ul.wpuf-form li.field-size-medium .wpuf-fields {
1417 float: none;
1418 width: 65%;
1419 }
1420
1421 ul.wpuf-form li.field-size-small .wpuf-fields {
1422 float: none;
1423 width: 30%;
1424 }
1425 }
1426
1427 .wpuf-form .required {
1428 color: red;
1429 font-weight: 700;
1430 border: 0;
1431 }
1432
1433 .wpuf-dashboard-container:after {
1434 clear: both;
1435 content: "";
1436 display: table;
1437 }
1438
1439 .wpuf-dashboard-container .wpuf-dashboard-navigation {
1440 width: 30%;
1441 float: left;
1442 }
1443
1444 .wpuf-dashboard-container .wpuf-dashboard-navigation a {
1445 text-decoration: none;
1446 box-shadow: none;
1447 }
1448
1449 .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
1450 list-style: none;
1451 margin: 0;
1452 padding: 0;
1453 }
1454
1455 .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
1456 padding-bottom: 2px;
1457 }
1458
1459 @media (max-width: 991px) {
1460 .wpuf-dashboard-container .wpuf-dashboard-navigation {
1461 width: 100%;
1462 margin-bottom: 30px;
1463 }
1464
1465 .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
1466 margin: 0 -7px;
1467 }
1468
1469 .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
1470 margin: 0 7px;
1471 display: inline-block;
1472 }
1473 }
1474
1475 .wpuf-dashboard-container .wpuf-dashboard-content {
1476 width: 68%;
1477 float: right;
1478 }
1479
1480 @media (max-width: 991px) {
1481 .wpuf-dashboard-container .wpuf-dashboard-content {
1482 width: 100%;
1483 }
1484 }
1485
1486 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="submit"]),
1487 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="submit"]),
1488 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="submit"]),
1489 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="button"]),
1490 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="button"]),
1491 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="button"]),
1492 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="checkbox"]),
1493 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="checkbox"]),
1494 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="checkbox"]),
1495 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="radio"]),
1496 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="radio"]),
1497 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="radio"]),
1498 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="file"]),
1499 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="file"]),
1500 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="file"]),
1501 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="reset"]),
1502 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="reset"]),
1503 .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="reset"]) {
1504 width: 100%;
1505 }
1506
1507 .wpuf-dashboard-container .items-table-container,
1508 .wpuf-dashboard-container .wpuf-dashboard-content.invoices {
1509 max-width: 100%;
1510 overflow-y: auto;
1511 }
1512
1513 .wpuf-dashboard-container table.items-table {
1514 min-width: 600px;
1515 border: 0;
1516 }
1517
1518 .wpuf-dashboard-container table.items-table a {
1519 text-decoration: none;
1520 box-shadow: none;
1521 }
1522
1523 .wpuf-dashboard-container table.items-table th,
1524 .wpuf-dashboard-container table.items-table td {
1525 border: 0;
1526 padding: 10px;
1527 }
1528
1529 .wpuf-dashboard-container table.items-table tr {
1530 text-align: left;
1531 outline: 1px solid #f1f1f1;
1532 }
1533
1534 .wpuf-dashboard-container table.items-table .items-list-header {
1535 background-color: #f1f1f1;
1536 }
1537
1538 .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form {
1539 margin: 0 -15px !important;
1540 width: inherit;
1541 }
1542
1543 .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-first {
1544 float: left;
1545 width: 50%;
1546 padding: 0 15px;
1547 overflow: visible;
1548 }
1549
1550 .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-last {
1551 float: right;
1552 width: 50%;
1553 padding: 0 15px;
1554 overflow: visible;
1555 }
1556
1557 @media (max-width: 767px) {
1558
1559 .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-first,
1560 .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-last {
1561 float: none;
1562 width: 100%;
1563 }
1564 }
1565
1566 .wpuf-wcmp-integration-content .wpuf-dashboard-container .page-head {
1567 opacity: 0;
1568 margin-bottom: 40px;
1569 }
1570
1571 .wpuf-wcmp-integration-content .wpuf-dashboard-container table.items-table {
1572 width: 100%;
1573 margin-bottom: 40px !important;
1574 }
1575
1576 .wpuf-toc-container .wpuf-fields {
1577 position: relative;
1578 }
1579
1580 .wpuf-toc-container .wpuf-fields .wpuf-toc-checkbox {
1581 position: absolute;
1582 top: 0;
1583 left: 0;
1584 }
1585
1586 .wpuf-toc-container .wpuf-fields.has-toc-checkbox .wpuf-toc-description {
1587 margin-left: 25px;
1588 }
1589
1590 .wpuf-field-google-map {
1591 height: 300px;
1592 width: 100%;
1593 }
1594
1595 .wpuf-form-google-map {
1596 height: 300px;
1597 width: 100%;
1598 }
1599
1600 input[type="text"].wpuf-google-map-search {
1601 margin-top: 10px !important;
1602 border: 1px solid transparent !important;
1603 border-radius: 2px 0 0 2px !important;
1604 box-sizing: border-box !important;
1605 -moz-box-sizing: border-box !important;
1606 height: 32px !important;
1607 outline: none !important;
1608 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
1609 background-color: #fff !important;
1610 text-overflow: ellipsis !important;
1611 width: 170px !important;
1612 font-family: Roboto !important;
1613 font-size: 15px !important;
1614 font-weight: 300 !important;
1615 padding: 0 11px 0 13px !important;
1616 display: none;
1617 }
1618
1619 .gm-style input[type="text"].wpuf-google-map-search {
1620 display: block;
1621 }
1622
1623 .wpuf-form-google-map-container input[type="text"].wpuf-google-map-search {
1624 width: 230px !important;
1625 }
1626
1627 .wpuf-form-google-map-container.hide-search-box .gm-style input[type="text"].wpuf-google-map-search {
1628 display: none;
1629 }
1630
1631 .dokan-dashboard-content.dokan-wpuf-dashboard h2.page-head {
1632 display: none;
1633 }
1634
1635 .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-author {
1636 display: none;
1637 }
1638
1639 .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-form-add .wpuf-form li.wpuf-el {
1640 margin-bottom: 15px;
1641 }
1642
1643 table#wpuf-address-country-state input {
1644 width: 100%;
1645 padding: 0 10px;
1646 border: 1px solid #f5f5f5;
1647 color: #6d6d6d;
1648 font-size: 14px;
1649 line-height: 36px;
1650 height: 36px;
1651 box-shadow: none;
1652 }
1653
1654 table#wpuf-address-country-state select {
1655 width: 100%;
1656 padding: 0 10px;
1657 border: 1px solid #f5f5f5;
1658 color: #6d6d6d;
1659 font-size: 14px;
1660 line-height: 36px;
1661 height: 36px;
1662 box-shadow: none;
1663 }
1664
1665 table#wpuf-address-country-state input.wpuf-btn {
1666 width: inherit;
1667 }
1668
1669 table#wpuf-address-country-state td {
1670 border: none;
1671 }
1672
1673 .wpuf-image-wrap {
1674 display: inline-block;
1675 position: relative;
1676 z-index: 1;
1677 transition: .3s;
1678 margin: 4px;
1679 }
1680
1681 .wpuf-image-wrap .attachment-name img {
1682 width: 100%;
1683 max-height: 150px;
1684 transition: .3s;
1685 border-radius: 4px;
1686 box-shadow: none;
1687 -webkit-box-shadow: none;
1688 }
1689
1690 li.wpuf-image-wrap.thumbnail {
1691 position: relative;
1692 }
1693
1694 li.wpuf-image-wrap.thumbnail .caption {
1695 position: absolute;
1696 left: 50%;
1697 margin-left: -40px;
1698 top: 50%;
1699 margin-top: -10px;
1700 display: none;
1701 width: 80px;
1702 background: #23282d;
1703 text-align: center;
1704 padding: 0;
1705 border-radius: 3px;
1706 line-height: 0;
1707 }
1708
1709 li.wpuf-image-wrap.thumbnail:hover .caption {
1710 display: block;
1711 }
1712
1713 @media (min-width: 550px) {
1714 .wpuf-pay-row {
1715 width: 100%;
1716 display: table;
1717 table-layout: auto;
1718 }
1719
1720 .wpuf-pay-col {
1721 width: 50%;
1722 display: table-cell;
1723 }
1724 }
1725
1726 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
1727 overflow: auto;
1728 }
1729
1730 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li.highlight {
1731 margin-bottom: 0;
1732 height: 150px;
1733 padding-top: 0;
1734 padding-bottom: 0;
1735 }
1736
1737 ul.wpuf-form .ui-state-default.wpuf-image-wrap:hover {
1738 cursor: move;
1739 }
1740
1741 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a,
1742 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span {
1743 display: inline-block;
1744 line-height: 0;
1745 height: inherit;
1746 padding: 5px;
1747 color: transparent;
1748 vertical-align: top;
1749 }
1750
1751 ul.wpuf-form .ui-state-default .wpuf-image-wrap .caption a img {
1752 -webkit-box-shadow: none;
1753 box-shadow: none;
1754 }
1755
1756 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a:hover,
1757 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span:hover {
1758 background: #0073aa;
1759 -webkit-box-shadow: none;
1760 box-shadow: none;
1761 }
1762
1763 .weforms-quiz-feedback {
1764 position: relative;
1765 padding-top: 50px;
1766 padding-bottom: 50px;
1767 margin-top: 50px;
1768 }
1769
1770 .weforms-quiz-feedback .weforms-quiz-points {
1771 position: absolute;
1772 top: 0;
1773 right: 0;
1774 width: 200px;
1775 text-align: right;
1776 }
1777
1778 .weforms-quiz-feedback .weforms-field-points {
1779 float: right;
1780 }
1781
1782 .weforms-quiz-feedback .weforms-quiz-points .score {
1783 background: #673ab7;
1784 color: #fff;
1785 padding: 12px 20px;
1786 border-radius: 5px;
1787 }
1788
1789 .weforms-quiz-feedback .right-answer-block,
1790 .weforms-quiz-feedback .weforms-answer-feedback {
1791 margin-top: 2px;
1792 background: #f5f5f5;
1793 padding: 20px;
1794 color: rgba(0, 0, 0, 0.87);
1795 font-weight: 700;
1796 }
1797
1798 .weforms-quiz-feedback .right-answer-block p,
1799 .weforms-quiz-feedback .weforms-answer-feedback p {
1800 margin-bottom: 10px;
1801 }
1802
1803 .weforms-quiz-feedback .weforms-answer-feedback .feedback {
1804 font-weight: 400;
1805 }
1806
1807 .weforms-quiz-feedback .right-answer,
1808 .weforms-quiz-feedback .wrong-answer {
1809 margin-bottom: 20px;
1810 }
1811
1812 .weforms-quiz-feedback .right-answer .wpuf-fields label.checked {
1813 background: #dff0d8;
1814 color: #3c763d;
1815 padding: 6px 0;
1816 }
1817
1818 .weforms-quiz-feedback .wrong-answer .wpuf-fields label.checked {
1819 background: #FFE4E4;
1820 color: red;
1821 padding: 6px 0;
1822 }
1823
1824 ul.wpuf-form .wpuf-el {
1825 position: relative;
1826 }
1827
1828 ul.wpuf-form .weforms-frontend-field-points {
1829 position: absolute;
1830 top: 0;
1831 right: 0;
1832 width: 100px;
1833 color: rgba(0, 0, 0, 0.54);
1834 font-size: 12px;
1835 margin-top: 12px;
1836 font-weight: 700;
1837 text-align: right;
1838 }
1839
1840 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-el,
1841 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-submit {
1842 margin-left: 0;
1843 margin-bottom: 10px;
1844 padding: 10px;
1845 padding-left: 0;
1846 }
1847
1848 /* Front End Posts List Tools */
1849 .wpuf-posts-options {
1850 padding: 0 10px;
1851 border-right: 1px solid #ccc;
1852 }
1853
1854 .wpuf-posts-options:first-child {
1855 padding-left: 0;
1856 }
1857
1858 .wpuf-posts-options:last-child {
1859 padding-right: 0;
1860 border-right: 0;
1861 }
1862
1863 /* CSS for custom columns */
1864 .wpuf-col-half,
1865 .wpuf-col-half-last {
1866 width: 50%;
1867 float: left;
1868 }
1869
1870 .wpuf-col-one-third,
1871 .wpuf-col-one-third-last {
1872 width: 33%;
1873 float: left;
1874 }
1875
1876 .wpuf-col-half-last+li,
1877 .wpuf-col-one-third-last+li {
1878 clear: left;
1879 }
1880
1881 ul.wpuf-form .wpuf-field-columns {
1882 padding: 0;
1883 border: 0;
1884 overflow: hidden;
1885 }
1886
1887 ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .wpuf-column-inner-fields {
1888 width: 100%;
1889 float: left;
1890 }
1891
1892 ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-1 .ui-resizable-handle {
1893 display: none !important;
1894 }
1895
1896 ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-2.wpuf-column-inner-fields,
1897 ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-3.wpuf-column-inner-fields {
1898 display: none;
1899 }
1900
1901 ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .wpuf-column-inner-fields {
1902 width: 50%;
1903 float: left;
1904 }
1905
1906 ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .column-2 .ui-resizable-handle {
1907 display: none !important;
1908 }
1909
1910 ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .column-3.wpuf-column-inner-fields {
1911 display: none;
1912 }
1913
1914 ul.wpuf-form .wpuf-field-columns.has-columns-3 .wpuf-column .wpuf-column-inner-fields {
1915 width: 33.33%;
1916 float: left;
1917 }
1918
1919 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns {
1920 margin-left: 0;
1921 margin-right: 0;
1922 }
1923
1924 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column {
1925 padding: 0;
1926 border: 0;
1927 float: none;
1928 width: 100%;
1929 overflow: hidden;
1930 }
1931
1932 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields {
1933 padding: 0 5px 0 0;
1934 position: relative;
1935 }
1936
1937 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields {
1938 border: 0;
1939 margin: 0;
1940 padding: 0;
1941 list-style: none;
1942 }
1943
1944 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li {
1945 padding: 0;
1946 }
1947
1948 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="text"],
1949 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="email"],
1950 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="url"],
1951 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="password"],
1952 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="search"],
1953 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="number"],
1954 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="tel"],
1955 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="range"],
1956 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="date"],
1957 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="month"],
1958 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="week"],
1959 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="time"],
1960 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="datetime"],
1961 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="datetime-local"],
1962 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="color"],
1963 ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li textarea {
1964 width: 100%;
1965 }
1966