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

1,449 lines 34.7 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-fields input[type=text],
94 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
95 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
96 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
97 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
98 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
99 background: #fafafa;
100 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
101 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
102 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
103 border: 1px solid #ddd;
104 color: #888;
105 width: 95%;
106 }
107 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
108 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password]:focus,
109 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus,
110 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url]:focus,
111 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number]:focus,
112 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea:focus {
113 color: #373737;
114 }
115 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
116 padding-left: 3px;
117 width: 95%;
118 }
119 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
120 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
121 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
122 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
123 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number] {
124 padding: 5px;
125 }
126 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select {
127 border: 1px solid #eee;
128 padding: 2px;
129 height: 2em;
130 -webkit-border-radius: 3px;
131 -moz-border-radius: 3px;
132 border-radius: 3px;
133 min-width: 150px;
134 max-width: 100%;
135 }
136 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] {
137 height: auto;
138 }
139 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
140 font-size: 16px;
141 padding: 5px 15px;
142 border: 1px solid #ccc;
143 -webkit-border-radius: 3px;
144 -moz-border-radius: 3px;
145 border-radius: 3px;
146 background: #0085ba;
147 border-color: #0073aa #006799 #006799;
148 -webkit-box-shadow: 0 1px 0 #006799;
149 box-shadow: 0 1px 0 #006799;
150 color: #fff;
151 text-decoration: none;
152 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
153 }
154 .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled {
155 background: #dddddd;
156 border-color: #dddddd;
157 -webkit-box-shadow: 0 1px 0 #dddddd;
158 box-shadow: 0 1px 0 #dddddd;
159 color: #000;
160 text-shadow: 0 -1px 1px #dddddd, 1px 0 1px #dddddd, 0 1px 1px #dddddd, -1px 0 1px #dddddd;
161 }
162 ul.wpuf-form {
163 list-style: none !important;
164 margin: 0 !important;
165 padding: 0 !important;
166 width: 100%;
167 }
168 ul.wpuf-form li {
169 margin-left: 0;
170 margin-bottom: 10px;
171 padding: 10px;
172 }
173 ul.wpuf-form li:after {
174 clear: both;
175 content: "";
176 display: table;
177 }
178 ul.wpuf-form li.has-error {
179 background: #FFE4E4;
180 }
181 ul.wpuf-form li .wp-editor-wrap {
182 border: 1px solid #eee;
183 }
184 ul.wpuf-form li.wpuf_hidden_field {
185 display: none;
186 }
187 ul.wpuf-form li .wpuf-label {
188 float: left;
189 width: 30%;
190 min-height: 1px;
191 font-weight: bold;
192 }
193 ul.wpuf-form li .wpuf-label .required {
194 color: red;
195 }
196 ul.wpuf-form li.field-size-large .wpuf-fields {
197 float: left;
198 width: 70%;
199 }
200 ul.wpuf-form li.field-size-medium .wpuf-fields {
201 float: left;
202 width: 50%;
203 }
204 ul.wpuf-form li.field-size-small .wpuf-fields {
205 float: left;
206 width: 30%;
207 }
208 ul.wpuf-form li .wpuf-fields {
209 float: left;
210 width: 70%;
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 li.wpuf-image-wrap.thumbnail {
1289 position: relative;
1290 }
1291 li.wpuf-image-wrap.thumbnail .caption {
1292 position: absolute;
1293 left: 50%;
1294 margin-left: -40px;
1295 top: 50%;
1296 margin-top: -10px;
1297 display: none;
1298 width: 80px;
1299 background: #23282d;
1300 text-align: center;
1301 padding: 0;
1302 border-radius: 3px;
1303 line-height: 0;
1304 }
1305 li.wpuf-image-wrap.thumbnail:hover .caption {
1306 display: block;
1307 }
1308 @media (min-width: 480px) {
1309 .wpuf-pay-row {
1310 width: 100%;
1311 display: table;
1312 table-layout: auto;
1313 }
1314 .wpuf-pay-col {
1315 width: 50%;
1316 display: table-cell;
1317 }
1318 }
1319 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
1320 overflow: auto;
1321 }
1322 ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li.highlight {
1323 margin-bottom: 0;
1324 height: 150px;
1325 padding-top: 0;
1326 padding-bottom: 0;
1327 }
1328 ul.wpuf-form .ui-state-default.wpuf-image-wrap:hover {
1329 cursor: move;
1330 }
1331 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a,
1332 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span {
1333 display: inline-block;
1334 line-height: 0;
1335 height: inherit;
1336 padding: 5px;
1337 color: transparent;
1338 vertical-align: top;
1339 }
1340 ul.wpuf-form .ui-state-default .wpuf-image-wrap .caption a img {
1341 -webkit-box-shadow: none;
1342 box-shadow: none;
1343 }
1344 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a:hover,
1345 ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span:hover {
1346 background: #0073aa;
1347 -webkit-box-shadow: none;
1348 box-shadow: none;
1349 }
1350 .weforms-quiz-feedback {
1351 position: relative;
1352 padding-top: 50px;
1353 padding-bottom: 50px;
1354 margin-top: 50px;
1355 }
1356 .weforms-quiz-feedback .weforms-quiz-points {
1357 position: absolute;
1358 top: 0;
1359 right: 0;
1360 width: 200px;
1361 text-align: right;
1362 }
1363 .weforms-quiz-feedback .weforms-field-points {
1364 float: right;
1365 }
1366 .weforms-quiz-feedback .weforms-quiz-points .score {
1367 background: #673ab7;
1368 color: #fff;
1369 padding: 12px 20px;
1370 border-radius: 5px;
1371 }
1372 .weforms-quiz-feedback .right-answer-block,
1373 .weforms-quiz-feedback .weforms-answer-feedback {
1374 margin-top: 2px;
1375 background: #f5f5f5;
1376 padding: 20px;
1377 color: rgba(0, 0, 0, 0.87);
1378 font-weight: 700;
1379 }
1380 .weforms-quiz-feedback .right-answer-block p,
1381 .weforms-quiz-feedback .weforms-answer-feedback p {
1382 margin-bottom: 10px;
1383 }
1384 .weforms-quiz-feedback .weforms-answer-feedback .feedback {
1385 font-weight: 400;
1386 }
1387 .weforms-quiz-feedback .right-answer,
1388 .weforms-quiz-feedback .wrong-answer {
1389 margin-bottom: 20px;
1390 }
1391 .weforms-quiz-feedback .right-answer .wpuf-fields label.checked {
1392 background: #dff0d8;
1393 color: #3c763d;
1394 padding: 6px 0;
1395 }
1396 .weforms-quiz-feedback .wrong-answer .wpuf-fields label.checked {
1397 background: #FFE4E4;
1398 color: red;
1399 padding: 6px 0;
1400 }
1401 ul.wpuf-form .wpuf-el {
1402 position: relative;
1403 }
1404 ul.wpuf-form .weforms-frontend-field-points {
1405 position: absolute;
1406 top: 0;
1407 right: 0;
1408 width: 100px;
1409 color: rgba(0, 0, 0, 0.54);
1410 font-size: 12px;
1411 margin-top: 12px;
1412 font-weight: 700;
1413 text-align: right;
1414 }
1415 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-el,
1416 .dokan-dashboard .dokan-dashboard-content ul li.wpuf-submit {
1417 margin-left: 0;
1418 margin-bottom: 10px;
1419 padding: 10px;
1420 padding-left: 0;
1421 }
1422 /* Front End Posts List Tools */
1423 .wpuf-posts-options {
1424 padding: 0 10px;
1425 border-right: 1px solid #ccc;
1426 }
1427 .wpuf-posts-options:first-child {
1428 padding-left: 0;
1429 }
1430 .wpuf-posts-options:last-child {
1431 padding-right: 0;
1432 border-right: 0;
1433 }
1434 /* CSS for custom columns */
1435 .wpuf-col-half,
1436 .wpuf-col-half-last {
1437 width: 50%;
1438 float: left;
1439 }
1440 .wpuf-col-one-third,
1441 .wpuf-col-one-third-last {
1442 width: 33%;
1443 float: left;
1444 }
1445 .wpuf-col-half-last + li,
1446 .wpuf-col-one-third-last + li {
1447 clear: left;
1448 }
1449