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

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

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