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

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