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

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