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

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