PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.3.0
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.3.0
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.3.0, at assets/wpuf/css/frontend-forms.css

1,427 lines 33.8 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 .wpufTableRow {
7 display: table-row;
8 }
9 .wpufTableRow:nth-child(even) {
10 background-color: #f5f5f5;
11 }
12 .wpufTableHeading {
13 background-color: #eee;
14 display: table-header-group;
15 font-weight: bold;
16 }
17 .wpufTableCell,
18 .wpufTableHead {
19 border: none;
20 display: table-cell;
21 padding: 3px 10px;
22 }
23 .wpufTableFoot {
24 background-color: #eee;
25 display: table-footer-group;
26 font-weight: bold;
27 }
28 .wpufTableBody {
29 display: table-row-group;
30 }
31 .wpuf-loading {
32 width: 16px;
33 height: 16px;
34 background: url('../images/wpspin_light.gif') no-repeat;
35 display: inline-block;
36 }
37 .wpuf-loading.hide {
38 display: none;
39 }
40 .wpuf-button {
41 color: #555;
42 border-color: #cccccc;
43 background: #f7f7f7;
44 -webkit-box-shadow: 0 1px 0 #cccccc;
45 box-shadow: 0 1px 0 #cccccc;
46 vertical-align: top;
47 }
48 .wpuf-button:hover,
49 .wpuf-button:focus {
50 background: #fafafa;
51 border-color: #999;
52 color: #23282d;
53 }
54 .wpuf-success {
55 background-color: #dff0d8;
56 border: 1px solid #d6e9c6;
57 color: #3c763d;
58 padding: 10px;
59 margin: 10px 0 20px 0;
60 }
61 .wpuf-error {
62 background-color: #f2dede;
63 color: #a94442;
64 border: 1px solid #ebccd1;
65 margin: 10px 0 20px 0;
66 padding: 10px;
67 -webkit-border-radius: 3px;
68 -moz-border-radius: 3px;
69 border-radius: 3px;
70 font-size: 13px;
71 }
72 .wpuf-message {
73 background: #fcf8e3;
74 border: 1px solid #faebcc;
75 color: #8a6d3b;
76 margin: 10px 0 20px 0;
77 padding: 10px;
78 -webkit-border-radius: 3px;
79 -moz-border-radius: 3px;
80 border-radius: 3px;
81 font-size: 13px;
82 }
83 .wpuf-info {
84 background-color: #fef5be;
85 border: 2px solid #fdd425;
86 border-radius: 5px;
87 -moz-border-radius: 5px;
88 -webkit-border-radius: 5px;
89 padding: 5px 10px;
90 margin: 0 0 10px 0;
91 font-size: 13px;
92 }
93 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
94 font-size: 16px;
95 padding: 5px 15px;
96 border: 1px solid #ccc;
97 -webkit-border-radius: 3px;
98 -moz-border-radius: 3px;
99 border-radius: 3px;
100 background: #0085ba;
101 border-color: #0073aa #006799 #006799;
102 -webkit-box-shadow: 0 1px 0 #006799;
103 box-shadow: 0 1px 0 #006799;
104 color: #fff;
105 text-decoration: none;
106 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
107 }
108 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled {
109 background: #dddddd;
110 border-color: #dddddd;
111 -webkit-box-shadow: 0 1px 0 #dddddd;
112 box-shadow: 0 1px 0 #dddddd;
113 color: #000;
114 text-shadow: 0 -1px 1px #dddddd, 1px 0 1px #dddddd, 0 1px 1px #dddddd, -1px 0 1px #dddddd;
115 }
116 ul.wpuf-form {
117 list-style: none !important;
118 margin: 0 !important;
119 padding: 0 !important;
120 width: 100%;
121 }
122 ul.wpuf-form li {
123 margin-left: 0;
124 margin-bottom: 10px;
125 padding: 10px;
126 }
127 ul.wpuf-form li:after {
128 clear: both;
129 content: "";
130 display: table;
131 }
132 ul.wpuf-form li.has-error {
133 background: #FFE4E4;
134 }
135 ul.wpuf-form li .wp-editor-wrap {
136 border: 1px solid #eee;
137 }
138 ul.wpuf-form li.wpuf_hidden_field {
139 display: none;
140 }
141 ul.wpuf-form li .wpuf-label {
142 float: left;
143 width: 30%;
144 min-height: 1px;
145 font-weight: bold;
146 }
147 ul.wpuf-form li .wpuf-label .required {
148 color: red;
149 }
150 ul.wpuf-form li.field-size-large .wpuf-fields {
151 float: left;
152 width: 70%;
153 }
154 ul.wpuf-form li.field-size-medium .wpuf-fields {
155 float: left;
156 width: 50%;
157 }
158 ul.wpuf-form li.field-size-small .wpuf-fields {
159 float: left;
160 width: 30%;
161 }
162 ul.wpuf-form li .wpuf-fields {
163 float: left;
164 width: 70%;
165 }
166 ul.wpuf-form li .wpuf-fields input[type=text],
167 ul.wpuf-form li .wpuf-fields input[type=password],
168 ul.wpuf-form li .wpuf-fields input[type=email],
169 ul.wpuf-form li .wpuf-fields input[type=url],
170 ul.wpuf-form li .wpuf-fields input[type=number],
171 ul.wpuf-form li .wpuf-fields textarea {
172 background: #fafafa;
173 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
174 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
175 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
176 border: 1px solid #ddd;
177 color: #888;
178 width: 95%;
179 }
180 ul.wpuf-form li .wpuf-fields input[type=text]:focus,
181 ul.wpuf-form li .wpuf-fields input[type=password]:focus,
182 ul.wpuf-form li .wpuf-fields input[type=email]:focus,
183 ul.wpuf-form li .wpuf-fields input[type=url]:focus,
184 ul.wpuf-form li .wpuf-fields input[type=number]:focus,
185 ul.wpuf-form li .wpuf-fields textarea:focus {
186 color: #373737;
187 }
188 ul.wpuf-form li .wpuf-fields textarea {
189 padding-left: 3px;
190 width: 95%;
191 }
192 ul.wpuf-form li .wpuf-fields input[type=text],
193 ul.wpuf-form li .wpuf-fields input[type=password],
194 ul.wpuf-form li .wpuf-fields input[type=email],
195 ul.wpuf-form li .wpuf-fields input[type=url],
196 ul.wpuf-form li .wpuf-fields input[type=number] {
197 padding: 5px;
198 }
199 ul.wpuf-form li .wpuf-fields select {
200 border: 1px solid #eee;
201 padding: 2px;
202 height: 2em;
203 -webkit-border-radius: 3px;
204 -moz-border-radius: 3px;
205 border-radius: 3px;
206 min-width: 150px;
207 max-width: 100%;
208 }
209 ul.wpuf-form li .wpuf-fields select[multiple] {
210 height: auto;
211 }
212 ul.wpuf-form li .wpuf-fields .wpuf-radio-inline,
213 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-inline {
214 display: inline-block;
215 margin-right: 10px;
216 }
217 ul.wpuf-form li .wpuf-fields .wpuf-radio-block,
218 ul.wpuf-form li .wpuf-fields .wpuf-checkbox-block {
219 display: block;
220 margin-bottom: 6px;
221 }
222 ul.wpuf-form li .wpuf-fields a.file-selector {
223 display: inline;
224 text-decoration: none;
225 padding: 5px 12px;
226 margin: 0;
227 height: 30px;
228 line-height: 28px;
229 border: 1px solid #ccc;
230 -webkit-border-radius: 3px;
231 -moz-border-radius: 3px;
232 border-radius: 3px;
233 background: #fafafa;
234 color: #23282d;
235 box-shadow: 0 1px 0 #cccccc;
236 vertical-align: top;
237 cursor: pointer;
238 -webkit-appearance: none;
239 white-space: nowrap;
240 }
241 ul.wpuf-form li .wpuf-fields a.file-selector:hover,
242 ul.wpuf-form li .wpuf-fields a.file-selector:focus {
243 background: #fafafa;
244 border-color: #999;
245 color: #23282d;
246 }
247 ul.wpuf-form li .wpuf-fields .google-map img {
248 max-width: none !important;
249 }
250 ul.wpuf-form li .wpuf-fields .wpuf-product-qty {
251 float: left;
252 width: 10%;
253 }
254 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap {
255 margin-bottom: 8px;
256 }
257 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap:after {
258 clear: both;
259 content: "";
260 display: table;
261 }
262 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
263 float: left;
264 width: 48%;
265 }
266 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-middle-name {
267 display: none;
268 }
269 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name {
270 float: right;
271 width: 48%;
272 }
273 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-first-name {
274 float: left;
275 width: 37%;
276 margin-right: 3%;
277 }
278 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-middle-name {
279 float: left;
280 width: 20%;
281 }
282 ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-last-name {
283 float: right;
284 width: 37%;
285 }
286 ul.wpuf-form li .wpuf-fields .wpuf-help {
287 color: #666;
288 margin: 2px 0 5px 0;
289 font-size: 12px;
290 font-style: italic;
291 font-family: sans-serif;
292 display: block;
293 }
294 ul.wpuf-form li .wpuf-fields .wpuf-help .text-danger {
295 color: red;
296 }
297 ul.wpuf-form li .wpuf-fields .wpuf-help .text-success {
298 color: green;
299 }
300 ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart,
301 ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart-mgs {
302 font-style: normal;
303 font-size: 16px;
304 }
305 ul.wpuf-form li .wpuf-fields table,
306 ul.wpuf-form li .wpuf-fields td {
307 border: none;
308 margin: 0;
309 }
310 ul.wpuf-form li .wpuf-fields table {
311 width: 100%;
312 }
313 ul.wpuf-form li .wpuf-fields img.wpuf-clone-field,
314 ul.wpuf-form li .wpuf-fields img.wpuf-remove-field {
315 cursor: pointer;
316 margin: 0 3px;
317 box-shadow: none;
318 border: none;
319 }
320 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
321 list-style: none;
322 margin: 5px 0 0 0;
323 padding: 0;
324 }
325 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li {
326 display: inline-block;
327 border: 1px solid #eee;
328 padding: 5px;
329 width: 150px;
330 height: 150px;
331 margin-right: 5px;
332 -webkit-border-radius: 5px;
333 -moz-border-radius: 5px;
334 border-radius: 5px;
335 }
336 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap {
337 margin: 10px 0;
338 }
339 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input,
340 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea {
341 border: 1px solid #eee;
342 width: 93%;
343 }
344 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name {
345 text-align: center;
346 line-height: 0;
347 }
348 ul.wpuf-form li .wpuf-fields .progress {
349 background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 #FFFFFF;
350 border: 1px solid #D1D1D1;
351 border-radius: 3px 3px 3px 3px;
352 box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
353 float: right;
354 height: 22px;
355 line-height: 2em;
356 margin: 0;
357 overflow: hidden;
358 padding: 0;
359 width: 200px;
360 }
361 ul.wpuf-form li .wpuf-fields .bar {
362 background-color: #83B4D8;
363 background-image: -moz-linear-gradient(center bottom, #72A7CF 0%, #90C5EE 100%);
364 border-radius: 3px 3px 3px 3px;
365 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
366 height: 100%;
367 width: 0;
368 z-index: 9;
369 }
370 ul.wpuf-form li .wpuf-fields .progress .percent {
371 color: rgba(0, 0, 0, 0.6);
372 padding: 0 8px;
373 position: relative;
374 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
375 width: 200px;
376 z-index: 10;
377 }
378 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist {
379 list-style: none;
380 margin: 0;
381 padding: 0;
382 }
383 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist li {
384 margin-bottom: 5px;
385 padding: 0;
386 }
387 ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist ul.children {
388 list-style: none;
389 margin-left: 25px;
390 }
391 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container {
392 margin-bottom: 3px;
393 }
394 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container:after {
395 clear: both;
396 content: "";
397 display: table;
398 }
399 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image {
400 text-decoration: none;
401 border: 1px solid #DFDFDF;
402 font-size: 11px;
403 -webkit-border-radius: 3px;
404 -moz-border-radius: 3px;
405 border-radius: 3px;
406 padding: 4px 6px;
407 margin-right: 10px;
408 }
409 ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image .wpuf-media-icon {
410 height: 12px;
411 width: 12px;
412 }
413 ul.wpuf-form li .wpuf-fields .wpuf-fields-list {
414 box-sizing: border-box;
415 margin: 0;
416 padding: 0;
417 list-style: none;
418 }
419 ul.wpuf-form li .wpuf-fields .wpuf-fields-list li {
420 padding: 0;
421 margin: 0 0 6px;
422 }
423 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline {
424 margin-left: -5px;
425 }
426 ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline li {
427 display: inline-block;
428 padding-left: 5px;
429 padding-right: 5px;
430 }
431 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field {
432 border-collapse: collapse;
433 }
434 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field * {
435 box-sizing: border-box;
436 }
437 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field input {
438 width: 100%;
439 }
440 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons {
441 width: 75px;
442 padding-left: 12px;
443 }
444 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons img {
445 width: 100%;
446 height: auto;
447 }
448 ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons i {
449 display: inline-block;
450 width: 15px;
451 height: 15px;
452 margin: 2px 4px 0 0;
453 }
454 ul.wpuf-form li label.wpuf-form-sub-label {
455 font-size: 12px;
456 display: inline-block;
457 padding-top: 5px;
458 }
459 ul.wpuf-form li .wpuf-address-field {
460 width: 100%;
461 margin-bottom: 10px;
462 }
463 ul.wpuf-form li .wpuf-address-field:after {
464 clear: both;
465 content: "";
466 display: table;
467 }
468 ul.wpuf-form li .wpuf-address-field.city_name,
469 ul.wpuf-form li .wpuf-address-field.state,
470 ul.wpuf-form li .wpuf-address-field.zip,
471 ul.wpuf-form li .wpuf-address-field.country_select {
472 float: left;
473 width: 47%;
474 }
475 ul.wpuf-form li .wpuf-address-field.city_name,
476 ul.wpuf-form li .wpuf-address-field.zip {
477 margin-right: 4%;
478 }
479 ul.wpuf-form li .wpuf-address-field.zip {
480 clear: both;
481 }
482 ul.wpuf-form li .wpuf-section-wrap {
483 border-bottom: 1px solid #ccc;
484 margin: 15px 0;
485 }
486 ul.wpuf-form li .wpuf-section-wrap h2.wpuf-section-title {
487 margin: 0;
488 }
489 ul.wpuf-form li .wpuf-section-wrap .wpuf-section-details {
490 padding: 4px 0 8px;
491 font-size: 12px;
492 }
493 ul.wpuf-form.form-label-above li .wpuf-label,
494 ul.wpuf-form.form-label-above li .wpuf-fields {
495 display: block;
496 float: none;
497 width: 100%;
498 }
499 ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields {
500 display: block;
501 float: none;
502 width: 100%;
503 }
504 ul.wpuf-form.form-label-above li.field-size-medium .wpuf-fields {
505 display: block;
506 float: none;
507 width: 65%;
508 }
509 ul.wpuf-form.form-label-above li.field-size-small .wpuf-fields {
510 display: block;
511 float: none;
512 width: 30%;
513 }
514 ul.wpuf-form.form-label-above li .wpuf-label {
515 margin-bottom: 10px;
516 }
517 ul.wpuf-form.form-label-right li .wpuf-label {
518 float: right;
519 }
520 ul.wpuf-form.form-label-hidden li .wpuf-label {
521 display: none;
522 }
523 ul.wpuf-form.form-label-hidden li.field-size-large .wpuf-fields {
524 display: block;
525 float: none;
526 width: 100%;
527 }
528 ul.wpuf-form.form-label-hidden li.field-size-medium .wpuf-fields {
529 display: block;
530 float: none;
531 width: 65%;
532 }
533 ul.wpuf-form.form-label-hidden li.field-size-small .wpuf-fields {
534 display: block;
535 float: none;
536 width: 30%;
537 }
538 ul.wpuf-form.form-label-hidden li .wpuf-fields {
539 display: block;
540 float: none;
541 width: 100%;
542 }
543 ul.wpuf-form .wpuf-submit .button-primary-disabled {
544 color: #94cde7 !important;
545 background: #298cba !important;
546 border-color: #1b607f !important;
547 -webkit-box-shadow: none !important;
548 box-shadow: none !important;
549 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
550 cursor: default;
551 }
552 ul.wpuf-form .wpuf-submit .wpuf-errors {
553 background: #FFE4E4;
554 border: 1px solid #ffb1b1;
555 margin: 10px 0;
556 padding: 10px;
557 -webkit-border-radius: 3px;
558 -moz-border-radius: 3px;
559 border-radius: 3px;
560 font-size: 13px;
561 }
562 ul.wpuf-form:not(.form-label-left) .wpuf-submit .wpuf-label {
563 display: none !important;
564 }
565 #wpuf-login-form label {
566 display: block;
567 }
568 #wpuf-login-form .forgetmenot label {
569 display: inline-block;
570 }
571 .wpuf_sub_info {
572 padding: 0;
573 margin: 10px 5px;
574 border: 1px solid #eee;
575 border-radius: 3px;
576 }
577 .wpuf_sub_info h3 {
578 background-color: #f1f1f1;
579 padding: 10px;
580 margin: 0 0 5px 0 !important;
581 font-weight: 300 !important;
582 }
583 .wpuf_sub_info .wpuf-text {
584 padding: 5px 10px;
585 }
586 .wpuf_sub_info .wpuf-expire {
587 border-top: 1px solid #eee;
588 padding-top: 5px;
589 margin-top: 5px;
590 }
591 .wpuf-coupon-info-wrap {
592 border: 1px solid #eee;
593 padding: 15px;
594 margin-bottom: 20px;
595 }
596 .wpuf-coupon-info-wrap .wpuf-coupon-field-spinner {
597 background: url('../images/wpspin_light.gif') no-repeat right scroll rgba(0, 0, 0, 0);
598 }
599 .wpuf-coupon-info-wrap .wpuf-copon-show {
600 background: #EEEEEE;
601 border-radius: 3px;
602 border-width: 1px;
603 box-shadow: 0 1px 0 rgba(217, 217, 217, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
604 color: #5C5A5A;
605 cursor: pointer;
606 display: inline-block;
607 font-size: 14px;
608 padding: 5px 12px;
609 text-decoration: none;
610 width: 175px;
611 margin-bottom: 8px;
612 }
613 .wpuf-coupon-info-wrap .wpuf-copon-wrap {
614 margin: 15px 0;
615 }
616 .wpuf-coupon-info-wrap .wpuf-pack-info {
617 margin-bottom: 20px;
618 }
619 .wpuf-coupon-info-wrap .wpuf-pack-info h3 {
620 margin: 0 0 10px 0;
621 padding: 0 0 10px 0;
622 border-bottom: 1px solid #eee;
623 }
624 .wpuf-coupon-info-wrap .wpuf-pack-info h3 a {
625 text-decoration: none;
626 background: #64C3DE;
627 color: #fff;
628 padding: 3px 8px;
629 font-size: 14px;
630 }
631 .wpuf-coupon-info-wrap .wpuf-pack-info wpuf-subscription-error {
632 color: #D8000C;
633 }
634 .wpuf-coupon-info-wrap .wpuf-copon-show:hover {
635 background: none repeat scroll 0 0 #1E8CBE;
636 border-color: #0074A2;
637 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
638 color: #FFFFFF;
639 }
640 .wpuf-coupon-info-wrap a.wpuf-apply-coupon {
641 text-decoration: none;
642 font-size: 11px;
643 margin-top: 10px;
644 margin-right: 10px;
645 background: #21759b;
646 color: #fff;
647 padding: 5px 10px;
648 display: inline-block;
649 -webkit-border-radius: 3px;
650 -moz-border-radius: 3px;
651 border-radius: 3px;
652 }
653 .wpuf-coupon-info-wrap .wpuf-copon-cancel {
654 text-decoration: none;
655 font-size: 11px;
656 }
657 .entry-content ul.wpuf_packs,
658 ul.wpuf_packs {
659 overflow: hidden;
660 margin: 15px;
661 }
662 .entry-content ul.wpuf_packs > li,
663 ul.wpuf_packs > li {
664 background: #fff;
665 display: inline-block;
666 vertical-align: top;
667 border: 1px solid #DDD;
668 border-radius: 5px 5px 5px 5px;
669 list-style: none outside none;
670 margin: 5px 25px 25px 0;
671 position: relative;
672 width: 200px;
673 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
674 }
675 .entry-content ul.wpuf_packs > li:first-child,
676 ul.wpuf_packs > li:first-child {
677 margin-left: 5px;
678 }
679 .entry-content ul.wpuf_packs h3,
680 ul.wpuf_packs h3 {
681 background: #52B5D5;
682 color: #fff;
683 font-size: 18px;
684 font-weight: normal;
685 margin: 0;
686 padding: 10px !important;
687 text-align: center;
688 border-bottom: 1px solid #3dacd0;
689 }
690 .entry-content ul.wpuf_packs .wpuf-pricing-wrap,
691 ul.wpuf_packs .wpuf-pricing-wrap {
692 background: #64C3DE;
693 }
694 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount,
695 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
696 position: relative;
697 text-align: center;
698 color: #FFF;
699 border-bottom: 1px solid #4fbbda;
700 padding: 10px 0;
701 }
702 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol,
703 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol {
704 font-size: 19px;
705 position: absolute;
706 top: 25px;
707 line-height: 10px;
708 }
709 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost,
710 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost {
711 font-size: 40px;
712 margin-left: 10px;
713 line-height: 50px;
714 }
715 .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle,
716 ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle {
717 font-size: 13px;
718 padding-bottom: 5px;
719 }
720 .entry-content ul.wpuf_packs .wpuf-sub-body,
721 ul.wpuf_packs .wpuf-sub-body {
722 margin: 0;
723 padding: 8px 0 0 8px;
724 background: #fff;
725 font-size: 11px;
726 color: #999;
727 }
728 .entry-content ul.wpuf_packs .wpuf-sub-button,
729 ul.wpuf_packs .wpuf-sub-button {
730 text-align: center;
731 margin-bottom: 20px;
732 margin-top: 20px;
733 overflow: hidden;
734 }
735 .entry-content ul.wpuf_packs .wpuf-sub-button a,
736 ul.wpuf_packs .wpuf-sub-button a {
737 background: #64C3DE;
738 color: #fff;
739 text-decoration: none;
740 padding: 5px 10px;
741 -webkit-border-radius: 3px;
742 -moz-border-radius: 3px;
743 border-radius: 3px;
744 display: inline-block;
745 }
746 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
747 ul.wpuf_packs .wpuf-sub-button a:hover {
748 background: #3ab3d5;
749 }
750 .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
751 ul.wpuf_packs .wpuf-sub-button a:hover {
752 background: none repeat scroll 0 0 #1E8CBE;
753 border-color: #0074A2;
754 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
755 color: #FFFFFF;
756 }
757 .entry-content ul.wpuf_packs .wpuf-sub-desciption,
758 ul.wpuf_packs .wpuf-sub-desciption {
759 margin-top: 15px;
760 }
761 .entry-content ul.wpuf_packs .wpuf-sub-desciption ul,
762 ul.wpuf_packs .wpuf-sub-desciption ul,
763 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
764 ul.wpuf_packs .wpuf-sub-desciption li {
765 margin: 0;
766 padding: 0;
767 list-style: none;
768 }
769 .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
770 ul.wpuf_packs .wpuf-sub-desciption li {
771 text-align: center;
772 border-top: 1px solid #eee;
773 padding: 7px 0;
774 }
775 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:last-child,
776 ul.wpuf_packs .wpuf-sub-desciption li:last-child {
777 border-bottom: 1px solid #eee;
778 }
779 .entry-content ul.wpuf_packs .wpuf-sub-desciption li:first-child,
780 ul.wpuf_packs .wpuf-sub-desciption li:first-child {
781 border-top: none;
782 }
783 .entry-content ul.wpuf_packs .wpuf-sub-desciption p,
784 ul.wpuf_packs .wpuf-sub-desciption p {
785 padding: 0 10px;
786 margin-bottom: 15px;
787 }
788 .entry-content ul.wpuf_packs .button,
789 ul.wpuf_packs .button {
790 background: none repeat scroll 0 0 #2EA2CC;
791 border-color: #0074A2;
792 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
793 color: #FFFFFF;
794 text-decoration: none;
795 padding: 0 12px 2px;
796 color: #fff;
797 }
798 .entry-content ul.wpuf_packs .cost,
799 ul.wpuf_packs .cost {
800 background: red;
801 border-radius: 30px 30px 30px 30px;
802 color: #FFFFFF;
803 margin: -16px -12px 0 0;
804 padding: 10px 8px 8px;
805 position: absolute;
806 right: 0;
807 top: 0;
808 }
809 /* css for timepicker */
810 .ui-timepicker-div .ui-widget-header {
811 margin-bottom: 8px;
812 }
813 .ui-timepicker-div dl {
814 text-align: left;
815 }
816 .ui-timepicker-div dl dt {
817 height: 25px;
818 margin-bottom: -25px;
819 }
820 .ui-timepicker-div dl dd {
821 margin: 0 10px 10px 65px;
822 }
823 .ui-timepicker-div td {
824 font-size: 90%;
825 }
826 .ui-tpicker-grid-label {
827 background: none;
828 border: none;
829 margin: 0;
830 padding: 0;
831 }
832 .ui-timepicker-rtl {
833 direction: rtl;
834 }
835 .ui-timepicker-rtl dl {
836 text-align: right;
837 }
838 .ui-timepicker-rtl dl dd {
839 margin: 0 65px 10px 10px;
840 }
841 #pass-strength-result {
842 border-style: solid;
843 border-width: 1px;
844 float: left;
845 margin: 0;
846 padding: 3px 5px;
847 text-align: center;
848 width: 200px;
849 display: none;
850 background-color: #eee;
851 border-color: #ddd !important;
852 }
853 #pass-strength-result.bad {
854 background-color: #ffb78c;
855 border-color: #ff853c !important;
856 }
857 #pass-strength-result.good {
858 background-color: #ffec8b;
859 border-color: #fc0 !important;
860 }
861 #pass-strength-result.short {
862 background-color: #ffa0a0;
863 border-color: #f04040 !important;
864 }
865 #pass-strength-result.strong {
866 background-color: #c3ff88;
867 border-color: #8dff1c !important;
868 }
869 .password[type="text"] {
870 display: none;
871 }
872 table.wpuf-table {
873 border: 1px solid #E7E7E7;
874 margin: 0 0px 10px 0;
875 text-align: left;
876 width: 100%;
877 }
878 table.wpuf-table thead th,
879 table.wpuf-table th {
880 color: #888888;
881 font-size: 12px;
882 font-weight: bold;
883 line-height: 18px;
884 padding: 9px 24px;
885 }
886 table.wpuf-table td {
887 border-top: 1px solid #E7E7E7;
888 padding: 6px 24px;
889 }
890 #wpuf-payment-gateway ul.wpuf-payment-gateways {
891 list-style: none;
892 margin: 10px 0;
893 }
894 #wpuf-payment-gateway ul.wpuf-payment-gateways li {
895 margin: 0;
896 }
897 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-payment-instruction {
898 padding: 8px 10px;
899 margin: 0 10px;
900 }
901 #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-instruction {
902 padding: 8px 10px;
903 margin-bottom: 10px;
904 background: #ebe8eb;
905 font-size: 13px;
906 -webkit-border-radius: 2px;
907 -moz-border-radius: 2px;
908 border-radius: 2px;
909 }
910 .wpuf-pagination div.pagination {
911 text-align: center;
912 padding: 7px;
913 margin: 3px;
914 }
915 .wpuf-pagination .page-numbers {
916 padding: 2px 8px;
917 margin: 2px;
918 border: 1px solid #4A5154;
919 text-decoration: none;
920 color: #4A5154;
921 background: #fff;
922 border-radius: 5px;
923 -moz-border-radius: 5px;
924 }
925 .wpuf-pagination .page-numbers:hover,
926 .wpuf-pagination .page-numbers:active {
927 border: 1px solid #4A5154;
928 background-color: #4A5154;
929 color: #fff;
930 border-radius: 5px;
931 -moz-border-radius: 5px;
932 }
933 .wpuf-pagination .page-numbers.current {
934 padding: 2px 8px;
935 margin: 2px;
936 border: 1px solid #4A5154;
937 font-weight: bold;
938 background-color: #4A5154;
939 color: #FFF;
940 border-radius: 5px;
941 -moz-border-radius: 5px;
942 }
943 /** author info **/
944 .wpuf-author {
945 margin: 20px 0;
946 }
947 .wpuf-author:after {
948 clear: both;
949 content: "";
950 display: table;
951 }
952 .wpuf-author h3 {
953 margin: 0 !important;
954 background: #CFCFCF;
955 text-align: left;
956 padding: 3px 10px;
957 }
958 .wpuf-author .wpuf-author-inside {
959 background: none repeat scroll 0 0 #F0F0F0;
960 border-bottom: 2px solid #DDDDDD;
961 height: auto;
962 padding-left: 10px;
963 padding-top: 15px;
964 margin-bottom: 15px;
965 }
966 .wpuf-author .wpuf-author-inside:after {
967 clear: both;
968 content: "";
969 display: table;
970 }
971 .wpuf-author .wpuf-author-inside .wpuf-user-image {
972 float: left;
973 padding-right: 15px;
974 }
975 .wpuf-author .wpuf-author-inside p {
976 margin-bottom: 10px !important;
977 }
978 .wpuf-author .wpuf-author-inside p.wpuf-author-info {
979 padding-top: 8px;
980 word-wrap: break-word;
981 }
982 .wpuf-author .wpuf-author-inside p.wpuf-user-name a {
983 color: #335160;
984 font-size: 1.2em;
985 font-weight: bold;
986 }
987 /** jQuery Suggest **/
988 .ac_results {
989 padding: 0;
990 margin: 0;
991 list-style: none;
992 position: absolute;
993 z-index: 10000;
994 display: none;
995 border: 1px solid #ccc;
996 }
997 .ac_results li {
998 padding: 2px 5px;
999 white-space: nowrap;
1000 text-align: left;
1001 }
1002 .ac_over {
1003 cursor: pointer;
1004 }
1005 .ac_match {
1006 text-decoration: underline;
1007 }
1008 /*------------------------------------
1009 * Multistep form
1010 *-----------------------------------*/
1011 fieldset.wpuf-multistep-fieldset {
1012 position: relative;
1013 padding-bottom: 50px;
1014 border: none;
1015 display: none;
1016 }
1017 fieldset.wpuf-multistep-fieldset.field-active {
1018 display: block;
1019 }
1020 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn,
1021 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
1022 position: absolute;
1023 bottom: 5px;
1024 }
1025 fieldset.wpuf-multistep-fieldset .wpuf-multistep-prev-btn {
1026 left: 10px;
1027 }
1028 fieldset.wpuf-multistep-fieldset .wpuf-multistep-next-btn {
1029 right: 10px;
1030 }
1031 .wpuf-multistep-progressbar {
1032 overflow: hidden;
1033 }
1034 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
1035 margin: 20px 0 40px 0;
1036 padding: 0;
1037 list-style: none;
1038 }
1039 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
1040 box-sizing: border-box;
1041 }
1042 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
1043 background-color: #E4E4E4;
1044 border-radius: 5px;
1045 display: inline-block;
1046 padding: 10px 30px 10px 40px;
1047 margin-right: -7px;
1048 width: auto;
1049 margin: 0;
1050 position: relative;
1051 text-align: center;
1052 }
1053 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
1054 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
1055 border: solid transparent;
1056 content: " ";
1057 height: 0;
1058 width: 0;
1059 position: absolute;
1060 border-color: transparent;
1061 border-left-color: #fff;
1062 border-radius: 10px;
1063 }
1064 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
1065 border-width: 26px;
1066 margin-top: -14px;
1067 right: -52px;
1068 z-index: 98;
1069 }
1070 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
1071 border-left-color: #E4E4E4;
1072 border-width: 25px;
1073 margin-top: -37px;
1074 right: -44px;
1075 z-index: 99;
1076 }
1077 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
1078 background-color: #00a0d2;
1079 color: #fff;
1080 }
1081 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
1082 border-left-color: #00a0d2;
1083 }
1084 .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
1085 border-left-color: transparent;
1086 }
1087 .wpuf-form .wpuf-multistep-progressbar .ui-widget-header {
1088 background: #00a0d2;
1089 }
1090 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
1091 margin-bottom: 30px;
1092 height: 25px;
1093 border: 1px solid #eee;
1094 position: relative;
1095 }
1096 .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
1097 position: absolute;
1098 left: 50%;
1099 font-size: 12px;
1100 font-weight: bold;
1101 text-shadow: 1px 1px 0 #fff;
1102 top: 20%;
1103 }
1104 input.wpuf-btn {
1105 text-decoration: none !important;
1106 font-size: 15px !important;
1107 margin-top: 10px;
1108 margin-right: 10px;
1109 background: #21759b !important;
1110 color: #fff !important;
1111 padding: 5px 10px;
1112 display: inline-block;
1113 -webkit-border-radius: 3px !important;
1114 -moz-border-radius: 3px !important;
1115 border-radius: 3px !important;
1116 border: none !important;
1117 }
1118 /*rtl*/
1119 body.rtl ul.wpuf-form li .wpuf-label {
1120 float: right;
1121 }
1122 @media (max-width: 480px) {
1123 ul.wpuf-form li .wpuf-label,
1124 ul.wpuf-form li .wpuf-fields {
1125 float: none;
1126 width: 100%;
1127 }
1128 ul.wpuf-form li.field-size-large .wpuf-fields {
1129 float: none;
1130 width: 100%;
1131 }
1132 ul.wpuf-form li.field-size-medium .wpuf-fields {
1133 float: none;
1134 width: 65%;
1135 }
1136 ul.wpuf-form li.field-size-small .wpuf-fields {
1137 float: none;
1138 width: 30%;
1139 }
1140 }
1141 .wpuf-form .required {
1142 color: red;
1143 font-weight: 700;
1144 border: 0;
1145 }
1146 .wpuf-dashboard-container .wpuf-dashboard-navigation {
1147 width: 30%;
1148 float: left;
1149 }
1150 .wpuf-dashboard-container .wpuf-dashboard-navigation a {
1151 text-decoration: none;
1152 box-shadow: none;
1153 }
1154 .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
1155 list-style: none;
1156 }
1157 .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
1158 padding-bottom: 2px;
1159 }
1160 .wpuf-dashboard-container .wpuf-dashboard-content {
1161 width: 68%;
1162 float: right;
1163 }
1164 .wpuf-dashboard-container table.items-table {
1165 border: 0;
1166 }
1167 .wpuf-dashboard-container table.items-table a {
1168 text-decoration: none;
1169 box-shadow: none;
1170 }
1171 .wpuf-dashboard-container table.items-table th,
1172 .wpuf-dashboard-container table.items-table td {
1173 border: 0;
1174 padding: 10px;
1175 }
1176 .wpuf-dashboard-container table.items-table tr {
1177 outline: 1px solid #f1f1f1;
1178 }
1179 .wpuf-dashboard-container table.items-table .items-list-header {
1180 background-color: #f1f1f1;
1181 }
1182 .wpuf-dashboard-container .wpuf-update-profile-form .form-row-first {
1183 float: left;
1184 width: 47%;
1185 overflow: visible;
1186 }
1187 .wpuf-dashboard-container .wpuf-update-profile-form .form-row-last {
1188 float: right;
1189 width: 43%;
1190 overflow: visible;
1191 }
1192 .wpuf-toc-container .wpuf-fields {
1193 position: relative;
1194 }
1195 .wpuf-toc-container .wpuf-fields .wpuf-toc-checkbox {
1196 position: absolute;
1197 top: 0;
1198 left: 0;
1199 }
1200 .wpuf-toc-container .wpuf-fields.has-toc-checkbox .wpuf-toc-description {
1201 margin-left: 25px;
1202 }
1203 .wpuf-field-google-map {
1204 height: 300px;
1205 width: 100%;
1206 }
1207 .wpuf-form-google-map {
1208 height: 300px;
1209 width: 100%;
1210 }
1211 input[type="text"].wpuf-google-map-search {
1212 margin-top: 10px !important;
1213 border: 1px solid transparent !important;
1214 border-radius: 2px 0 0 2px !important;
1215 box-sizing: border-box !important;
1216 -moz-box-sizing: border-box !important;
1217 height: 32px !important;
1218 outline: none !important;
1219 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
1220 background-color: #fff !important;
1221 text-overflow: ellipsis !important;
1222 width: 170px !important;
1223 font-family: Roboto !important;
1224 font-size: 15px !important;
1225 font-weight: 300 !important;
1226 padding: 0 11px 0 13px !important;
1227 display: none;
1228 }
1229 .gm-style input[type="text"].wpuf-google-map-search {
1230 display: block;
1231 }
1232 .wpuf-form-google-map-container input[type="text"].wpuf-google-map-search {
1233 width: 230px !important;
1234 }
1235 .wpuf-form-google-map-container.hide-search-box .gm-style input[type="text"].wpuf-google-map-search {
1236 display: none;
1237 }
1238 .dokan-dashboard-content.dokan-wpuf-dashboard h2.page-head {
1239 display: none;
1240 }
1241 .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-author {
1242 display: none;
1243 }
1244 .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-form-add .wpuf-form li.wpuf-el {
1245 margin-bottom: 15px;
1246 }
1247 table#wpuf-address-country-state input {
1248 width: 100%;
1249 padding: 0 10px;
1250 border: 1px solid #f5f5f5;
1251 color: #6d6d6d;
1252 font-size: 14px;
1253 line-height: 36px;
1254 height: 36px;
1255 box-shadow: none;
1256 }
1257 table#wpuf-address-country-state select {
1258 width: 100%;
1259 padding: 0 10px;
1260 border: 1px solid #f5f5f5;
1261 color: #6d6d6d;
1262 font-size: 14px;
1263 line-height: 36px;
1264 height: 36px;
1265 box-shadow: none;
1266 }
1267 table#wpuf-address-country-state input.wpuf-btn {
1268 width: inherit;
1269 }
1270 table#wpuf-address-country-state td {
1271 border: none;
1272 }
1273 .wpuf-image-wrap {
1274 display: inline-block;
1275 position: relative;
1276 z-index: 1;
1277 transition: .3s;
1278 margin: 4px;
1279 }
1280 .wpuf-image-wrap .attachment-name img {
1281 width: 100%;
1282 max-height: 150px;
1283 transition: .3s;
1284 border-radius: 4px;
1285 box-shadow: none;
1286 -webkit-box-shadow: none;
1287 }
1288 .wpuf-image-wrap :not(.attachment-name img) {
1289 position: absolute;
1290 width: 100%;
1291 transition: .3s;
1292 }
1293 li.wpuf-image-wrap.thumbnail {
1294 position: relative;
1295 }
1296 li.wpuf-image-wrap.thumbnail .caption {
1297 position: absolute;
1298 left: 50%;
1299 margin-left: -40px;
1300 top: 50%;
1301 margin-top: -10px;
1302 display: none;
1303 width: 80px;
1304 background: #23282d;
1305 text-align: center;
1306 padding: 0;
1307 border-radius: 3px;
1308 line-height: 0;
1309 }
1310 li.wpuf-image-wrap.thumbnail:hover .caption {
1311 display: block;
1312 }
1313 @media (min-width: 480px) {
1314 .wpuf-pay-row {
1315 width: 100%;
1316 display: table;
1317 table-layout: auto;
1318 }
1319 .wpuf-pay-col {
1320 width: 50%;
1321 display: table-cell;
1322 }
1323 }
1324 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
1325 overflow: auto;
1326 }
1327 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li.highlight {
1328 margin-bottom: 0;
1329 height: 150px;
1330 padding-top: 0;
1331 padding-bottom: 0;
1332 }
1333 ul.wpuf-form .ui-state-default.wpuf-image-wrap:hover {
1334 cursor: move;
1335 }
1336 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a,
1337 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span {
1338 display: inline-block;
1339 line-height: 0;
1340 height: inherit;
1341 padding: 5px;
1342 color: transparent;
1343 vertical-align: top;
1344 }
1345 ul.wpuf-form .ui-state-default .wpuf-image-wrap .caption a img {
1346 -webkit-box-shadow: none;
1347 box-shadow: none;
1348 }
1349 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a:hover,
1350 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span:hover {
1351 background: #0073aa;
1352 -webkit-box-shadow: none;
1353 box-shadow: none;
1354 }
1355 .weforms-quiz-feedback {
1356 position: relative;
1357 padding-top: 50px;
1358 padding-bottom: 50px;
1359 margin-top: 50px;
1360 }
1361 .weforms-quiz-feedback .weforms-quiz-points {
1362 position: absolute;
1363 top: 0;
1364 right: 0;
1365 width: 200px;
1366 text-align: right;
1367 }
1368 .weforms-quiz-feedback .weforms-field-points {
1369 float: right;
1370 }
1371 .weforms-quiz-feedback .weforms-quiz-points .score {
1372 background: #673ab7;
1373 color: #fff;
1374 padding: 12px 20px;
1375 border-radius: 5px;
1376 }
1377 .weforms-quiz-feedback .right-answer-block,
1378 .weforms-quiz-feedback .weforms-answer-feedback {
1379 margin-top: 2px;
1380 background: #f5f5f5;
1381 padding: 20px;
1382 color: rgba(0, 0, 0, 0.87);
1383 font-weight: 700;
1384 }
1385 .weforms-quiz-feedback .right-answer-block p,
1386 .weforms-quiz-feedback .weforms-answer-feedback p {
1387 margin-bottom: 10px;
1388 }
1389 .weforms-quiz-feedback .weforms-answer-feedback .feedback {
1390 font-weight: 400;
1391 }
1392 .weforms-quiz-feedback .right-answer,
1393 .weforms-quiz-feedback .wrong-answer {
1394 margin-bottom: 20px;
1395 }
1396 .weforms-quiz-feedback .right-answer .wpuf-fields label.checked {
1397 background: #dff0d8;
1398 color: #3c763d;
1399 padding: 6px 0;
1400 }
1401 .weforms-quiz-feedback .wrong-answer .wpuf-fields label.checked {
1402 background: #FFE4E4;
1403 color: red;
1404 padding: 6px 0;
1405 }
1406 ul.wpuf-form .wpuf-el {
1407 position: relative;
1408 }
1409 ul.wpuf-form .weforms-frontend-field-points {
1410 position: absolute;
1411 top: 0;
1412 right: 0;
1413 width: 100px;
1414 color: rgba(0, 0, 0, 0.54);
1415 font-size: 12px;
1416 margin-top: 12px;
1417 font-weight: 700;
1418 text-align: right;
1419 }
1420 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-el,
1421 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-submit {
1422 margin-left: 0;
1423 margin-bottom: 10px;
1424 padding: 10px;
1425 padding-left: 0;
1426 }
1427