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

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

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