PluginProbe
WP Directory Kit / 1.1.6
WP Directory Kit v1.1.6
1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 1.4.0 1.4.1 All 35 releases
wpdirectorykit / admin / css / wpdirectorykit-admin.css

wpdirectorykit-admin.css in WP Directory Kit 1.1.6, at admin/css/wpdirectorykit-admin.css

1,349 lines 31.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * All of the CSS for your admin-specific functionality should be
3 * included in this file.
4 */
5 /* General */
6 #adminmenu .wp-has-current-submenu ul a[href="admin.php?page=wdk_importdemo"] {
7 display: none;
8 }
9
10 .wdk-wrap .clearfix:after {
11 content: '';
12 display: table;
13 clear: both;
14 }
15
16 .wdk-wrap .postbox-header {
17 max-width: 100%;
18 min-width: 100%;
19 }
20
21 .wdk-wrap .postbox-header h3 {
22 padding-left: 15px;
23 margin: 1em 0;
24 color: #1d2327;
25 font-size: 1.3em;
26 }
27
28 .wdk-wrap .postbox-header h3.wide {
29 flex: 1 2 auto;
30 }
31
32 .wdk-wrap .pull_right {
33 float: right;
34 }
35
36 .wdk-wrap .wdk-depend-hidden,
37 .wdk-wrap .hidden {
38 display: none;
39 }
40
41 .wdk-wrap .img-link {
42 display: block;
43 }
44
45 .actions_column a:hover span {
46 color: black;
47 }
48
49 .wp-list-table a.title {
50 font-weight: bold;
51 }
52
53 /* Sortable */
54 .wdk-wrap .ui-sortable-handle a {
55 text-decoration: none;
56 border: 0px;
57 color: black;
58 }
59
60 .wdk-wrap .ui-sortable-handle a:hover {
61 color: #135e96;
62 }
63
64 .wdk-wrap .ui-sortable-handle h3 a {
65 font-size: 16px;
66 }
67
68 .wdk-wrap .ui-sortable-handle h3 span {
69 padding-right: 15px;
70 }
71
72 .wdk-wrap .hndle {
73 display: block;
74 }
75
76 .wdk-wrap .listing_edit_map {
77 height: 350px;
78 width: 100%;
79 }
80
81 /* Alerts */
82 .wdk-wrap .alert {
83 border-radius: 0;
84 }
85
86 .wdk-wrap .alert.alert-success {
87 background: #E6F4E7;
88 color: #376637;
89 border-left: 3px solid #88BF88;
90 margin: 0px 0px 5px 0px;
91 padding: 15px;
92 font-weight: bold;
93 }
94
95 .wdk-wrap .alert.alert-danger {
96 background: #FFE6DF;
97 color: #AB3C1B;
98 border-left: 3px solid #E98B6F;
99 margin: 0px 0px 5px 0px;
100 padding: 15px;
101 font-weight: bold;
102 }
103
104 .wdk-wrap .alert.alert-info {
105 background: #cce5ff;
106 color: #3d648e;
107 border-left: 3px solid #3d648e;
108 margin: 0px 0px 5px 0px;
109 padding: 15px;
110 font-weight: bold;
111 }
112
113 /* Labels */
114 .wdk-wrap .label {
115 display: inline-block;
116 }
117
118 .wdk-wrap .label.label-success {
119 background: #E6F4E7;
120 color: #376637;
121 margin: 0px 5px 5px 0px;
122 padding: 5px;
123 }
124
125 .wdk-wrap .label.label-danger {
126 background: #FFE6DF;
127 color: #AB3C1B;
128 margin: 0px 5px 5px 0px;
129 padding: 5px;
130 }
131
132 .wdk-wrap .label.label-info {
133 background: #cce5ff;
134 color: #3d648e;
135 margin: 0px 5px 5px 0px;
136 padding: 5px;
137 }
138
139 .wdk-wrap .label.label-warning {
140 color: #664d03;
141 background-color: #fff3cd;
142 border-color: #ffecb5;
143 margin: 0px 5px 5px 0px;
144 padding: 5px;
145 }
146
147 /* Custom fields layout */
148 div.wdk-field-edit {
149 margin: 15px 0px;
150 display: flex;
151 justify-content: flex-start;
152 }
153
154 div.wdk-field-edit label {
155 width: auto;
156 display: inline-block;
157 vertical-align: top;
158 max-width: 80px;
159 flex: 0 0 100px;
160 padding-right: 10px;
161 font-weight: 600;
162 }
163
164 div.wdk-field-edit.edittable {
165 padding: 0px;
166 margin: 0;
167 }
168
169 div.wdk-field-edit.edittable div.wdk-field-container {
170 padding: 0px;
171 }
172
173 div.wdk-field-edit.edittable div.wdk-field-container .wdk_dropdown_tree {
174 max-width: 351px;
175 }
176
177 div.wdk-field-edit.DATETIME_TO .wdk-field-container .wdk-datetime-group,
178 div.wdk-field-edit.DATETIME_FROM .wdk-field-container .wdk-datetime-group,
179 div.wdk-field-edit.DATETIME .wdk-field-container .wdk-datetime-group {
180 display: flex;
181 flex-wrap: wrap;
182 max-width: 230px;
183 }
184
185 div.wdk-field-edit.DATETIME_TO .wdk-field-container .wdk-datetime-group select,
186 div.wdk-field-edit.DATETIME_FROM .wdk-field-container .wdk-datetime-group select,
187 div.wdk-field-edit.DATETIME .wdk-field-container .wdk-datetime-group select {
188 width: 60px;
189 }
190
191 div.wdk-field-edit.DATETIME_TO .wdk-field-container .wdk-datetime-group .regular-text,
192 div.wdk-field-edit.DATETIME_FROM .wdk-field-container .wdk-datetime-group .regular-text,
193 div.wdk-field-edit.DATETIME .wdk-field-container .wdk-datetime-group .regular-text {
194 min-width: 90px;
195 flex: 1 2;
196 }
197
198 div.wdk-field-edit.DATETIME_TO .wdk-field-container input, div.wdk-field-edit.DATETIME_TO .wdk-field-container select,
199 div.wdk-field-edit.DATETIME_FROM .wdk-field-container input,
200 div.wdk-field-edit.DATETIME_FROM .wdk-field-container select,
201 div.wdk-field-edit.DATETIME .wdk-field-container input,
202 div.wdk-field-edit.DATETIME .wdk-field-container select {
203 margin-bottom: 5px;
204 }
205
206 div.wdk-field-edit div.wdk-field-container {
207 display: inline-block;
208 padding: 0px 15px;
209 padding-right: 0;
210 flex: 1 2 auto;
211 }
212
213 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree,
214 div.wdk-field-edit div.wdk-field-container input:not([type="checkbox"]):not([type="radio"]),
215 div.wdk-field-edit div.wdk-field-container select {
216 width: 100%;
217 max-width: 230px;
218 }
219
220 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree > .btn-group {
221 width: 100%;
222 display: flex;
223 height: auto;
224 }
225
226 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button {
227 padding: 0 8px;
228 height: auto;
229 box-shadow: 0 0 0 transparent;
230 border: 1px solid #8c8f94;
231 background-color: #fff;
232 color: #2c3338;
233 min-height: 30px;
234 }
235
236 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle,
237 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button {
238 border-radius: 4px;
239 }
240
241 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button:first-child {
242 border-top-right-radius: 0;
243 border-bottom-right-radius: 0;
244 }
245
246 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group {
247 border: 1px solid #8c8f94;
248 }
249
250 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_scroll {
251 border-left: 1px solid #8c8f94;
252 left: 0;
253 }
254
255 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child {
256 border-top-left-radius: 0;
257 border-bottom-left-radius: 0;
258 background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
259 background-size: auto;
260 background-size: 16px 16px;
261 cursor: pointer;
262 vertical-align: middle;
263 }
264
265 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree {
266 min-width: initial;
267 position: relative;
268 }
269
270 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container input.form-control.search_term {
271 height: initial;
272 padding: 0 8px;
273 }
274
275 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon {
276 position: relative;
277 }
278
279 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon i {
280 position: absolute;
281 left: 0;
282 margin-left: 5px;
283 top: 50%;
284 margin-top: -9px;
285 }
286
287 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon i.fa-spin {
288 margin-left: 7px;
289 margin-top: -7px;
290 }
291
292 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .fa:after {
293 font-family: dashicons;
294 line-height: 1;
295 font-weight: 400;
296 font-style: normal;
297 text-transform: none;
298 text-rendering: auto;
299 font-size: 20px;
300 text-align: center;
301 }
302
303 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner:before,
304 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .fa.fa-search:before {
305 display: none !important;
306 }
307
308 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .fa.fa-search:after {
309 content: "\f179";
310 }
311
312 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner:after {
313 content: "\f113";
314 }
315
316 div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner {
317 -webkit-animation: wdk-spin 2s infinite linear;
318 animation: wdk-spin 2s infinite linear;
319 font-family: dashicons;
320 font-size: 18px;
321 margin-left: 6px;
322 margin-top: -9px;
323 }
324
325 @keyframes wdk-spin {
326 0% {
327 -webkit-transform: rotate(0deg);
328 transform: rotate(0deg);
329 }
330 100% {
331 -webkit-transform: rotate(360deg);
332 transform: rotate(360deg);
333 }
334 }
335
336 .form-table p.wdk-hint,
337 div.wdk-field-edit p.wdk-hint {
338 font-style: italic;
339 }
340
341 /* Tables */
342 .wdk-wrap .widefat .actions_column {
343 text-align: right;
344 }
345
346 .wdk-wrap .form-table td {
347 vertical-align: top;
348 }
349
350 .wdk-wrap .wdk-side-content {
351 display: flex;
352 flex-wrap: wrap;
353 }
354
355 .wdk-wrap .wdk-side-content .wdk-col {
356 flex: 1 2 auto;
357 }
358
359 .wdk-wrap .wdk-side-content .wdk-col.main {
360 flex: 1 2 50%;
361 padding-right: 35px;
362 }
363
364 .wdk-wrap .wdk-side-content .wdk-col.sidebar {
365 flex: 1 2 30%;
366 min-width: 400px;
367 padding: 22px 0;
368 }
369
370 .wdk-wrap .wdk-side-content + .form-table td {
371 padding-right: 0;
372 }
373
374 .wdk-wrap .wdk-side-content + .form-table th,
375 .wdk-wrap .wdk-side-content .form-table th {
376 max-width: 85px;
377 padding-right: 10px;
378 }
379
380 /* Filtering above/below tables */
381 .wdk-wrap .tablenav.top .left {
382 float: left;
383 }
384
385 .wdk-wrap .inputbox_map {
386 height: 250px;
387 width: 100%;
388 max-width: 450px;
389 }
390
391 /* Visual Builder Search Forms */
392 .wdk-builder-container .widget-title h3, .widget-title h4 {
393 white-space: initial;
394 }
395
396 .wdk-builder-container .wdk-builder-elements-column {
397 margin-bottom: 15px;
398 display: block;
399 width: 40%;
400 float: left;
401 padding-top: 6px;
402 }
403
404 .wdk-builder-elements-box h3.sec-title {
405 position: relative;
406 border: 1px solid #c3c4c7;
407 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
408 color: #fff;
409 background: #2c3338;
410 padding: 10px 15px;
411 margin-bottom: 0;
412 margin-top: 0;
413 margin-right: 15px;
414 }
415
416 .wdk-builder-elements {
417 width: 100%;
418 min-height: auto;
419 box-sizing: border-box;
420 padding: 15px 15px 15px 0px;
421 display: grid;
422 grid-template-columns: repeat(2, 1fr);
423 grid-column-gap: 10px;
424 grid-row-gap: 0;
425 }
426
427 .wdk-builder-elements .widget {
428 width: 100%;
429 }
430
431 .wdk-builder-selected {
432 margin-top: 6px;
433 width: 80%;
434 border: 1px solid #c3c4c7;
435 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
436 min-height: 400px;
437 float: left;
438 box-sizing: border-box;
439 padding: 15px;
440 }
441
442 #wdk-drop .widget.ui-draggable.ui-sortable-handle,
443 #wdk-drop .ui-sortable-placeholder.widget-placeholder,
444 .wdk-wrap .drop-container .widget.ui-draggable.ui-sortable-handle,
445 .wdk-wrap .drop-container .ui-sortable-placeholder.widget-placeholder {
446 width: 300px;
447 margin: 0px 15px 15px 0px;
448 float: left;
449 }
450
451 #wdk-drag .widget-action,
452 #wdk-drag .widget-inside {
453 display: none !important;
454 }
455
456 .wdk-builder-container button[aria-expanded="true"] .toggle-indicator::before {
457 content: "\f142";
458 }
459
460 #wdk-drop .widget-inside,
461 .wdk-wrap .drop-container .widget-inside {
462 padding: 5px;
463 }
464
465 /* Visual Builder result item */
466 .wdk-wrap .drop-container {
467 width: 60%;
468 float: left;
469 }
470
471 .wdk-wrap .drop-container .wdk-builder-selected {
472 width: 100%;
473 min-height: 100px;
474 }
475
476 .wdk-wrap .drop-container > h3 {
477 padding-bottom: 0px;
478 margin-bottom: 0px;
479 }
480
481 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container .wp-editor-wrap input,
482 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container .wp-editor-wrap select {
483 width: auto;
484 max-width: auto;
485 }
486
487 .wdk-field-edit.SECTION .title {
488 border-bottom: 1px solid #c3c4c7;
489 width: 100%;
490 padding: 10px 0;
491 }
492
493 .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child i {
494 display: none;
495 }
496
497 /* columns */
498 .wdk-wrap {
499 /* addon subscription */
500 }
501
502 .wdk-wrap .dl-helper dt {
503 font-weight: 700;
504 }
505
506 .wdk-wrap .dl-helper dd {
507 margin-left: 25px;
508 }
509
510 .wdk-wrap .wdk-mr-5 {
511 margin-right: 5px;
512 }
513
514 .wdk-wrap .wdk-mr-10 {
515 margin-right: 10px;
516 }
517
518 .wdk-wrap .wdk-mr-15 {
519 margin-right: 15px;
520 }
521
522 .wdk-wrap .wdk-mr-20 {
523 margin-right: 20px;
524 }
525
526 .wdk-wrap .wdk-mr-25 {
527 margin-right: 25px;
528 }
529
530 .wdk-wrap .wdk-mr-30 {
531 margin-right: 30px;
532 }
533
534 .wdk-wrap .wdk-mr-35 {
535 margin-right: 35px;
536 }
537
538 .wdk-wrap .wdk-mr-40 {
539 margin-right: 40px;
540 }
541
542 .wdk-wrap .wdk-mr-45 {
543 margin-right: 45px;
544 }
545
546 .wdk-wrap .wdk-mr-50 {
547 margin-right: 50px;
548 }
549
550 .wdk-wrap div.wdk-field-edit.notes a {
551 margin-left: 5px;
552 display: inline-block;
553 font-weight: 600;
554 font-size: 14px;
555 }
556
557 .wdk-wrap .mb0 {
558 margin-bottom: 0 !important;
559 }
560
561 .wdk-wrap .align-top {
562 vertical-align: top !important;
563 }
564
565 .wdk-wrap .text-capitalize {
566 text-transform: capitalize !important;
567 }
568
569 .wdk-wrap .alert p {
570 margin: 0;
571 }
572
573 .wdk-wrap .color-primary {
574 color: #004c8c;
575 }
576
577 .wdk-wrap .wdk-infinity-load {
578 -webkit-animation: wdk-spin 2s infinite linear;
579 animation: wdk-spin 2s infinite linear;
580 }
581
582 .wdk-wrap .postbox .inside {
583 padding: 0 12px 0;
584 }
585
586 .wdk-wrap table.wp-list-table tr.no-items {
587 background-color: #f0f0f1;
588 }
589
590 @keyframes wdk-spin {
591 0% {
592 -webkit-transform: rotate(0deg);
593 transform: rotate(0deg);
594 }
595 100% {
596 -webkit-transform: rotate(360deg);
597 transform: rotate(360deg);
598 }
599 }
600
601 .wdk-wrap .wdk-field-edit.SECTION .title {
602 width: 100%;
603 position: relative;
604 border: 1px solid #c3c4c7;
605 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
606 color: #fff;
607 background: #2c3338;
608 padding: 10px 15px;
609 margin-bottom: 0;
610 margin-top: 0;
611 }
612
613 .wdk-wrap .meta-box-sortables .wdk_field.SECTION .postbox {
614 color: #fff;
615 background: #2c3338;
616 }
617
618 .wdk-wrap .meta-box-sortables .wdk_field.SECTION.ui-sortable-handle a {
619 color: #fff;
620 }
621
622 .wdk-wrap .meta-box-sortables .wdk_field.SECTION.ui-sortable-handle a:hover {
623 color: #72aee6;
624 }
625
626 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container input,
627 .wdk-wrap .listing_custom_fields div.wdk-field-edit div.wdk-field-container select {
628 max-width: initial;
629 flex: 1 2;
630 }
631
632 .wdk-wrap div.wdk-field-edit div.wdk-field-container {
633 display: flex;
634 align-items: flex-start;
635 flex-wrap: wrap;
636 }
637
638 .wdk-wrap div.wdk-field-edit.TEXTAREA_CODE div.wdk-field-container {
639 width: 400px;
640 }
641
642 .wdk-wrap div.wdk-field-edit div.wdk-field-container .suffix:not(:empty) {
643 padding: 5px 0px 5px 5px;
644 }
645
646 .wdk-wrap div.wdk-field-edit div.wdk-field-container .wp-editor-wrap {
647 width: 100%;
648 max-width: 100%;
649 }
650
651 .wdk-wrap div.wdk-field-edit p.wdk-hint {
652 flex: 0 0 100%;
653 }
654
655 .wdk-wrap .wdk-row {
656 display: -ms-flexbox;
657 display: flex;
658 -ms-flex-wrap: wrap;
659 flex-wrap: wrap;
660 margin-right: -15px;
661 margin-left: -15px;
662 }
663
664 .wdk-wrap .wdk-row > [class*='wdk-col'] {
665 position: relative;
666 width: 100%;
667 padding-right: 15px;
668 padding-left: 15px;
669 box-sizing: border-box;
670 }
671
672 .wdk-wrap .wdk-row .wdk-col-auto {
673 -ms-flex: 0 0 auto;
674 flex: 0 0 auto;
675 width: auto;
676 max-width: 100%;
677 }
678
679 .wdk-wrap .wdk-row .wdk-col-1 {
680 -webkit-flex: 0 0 calc(100% / 12 * 1);
681 flex: 0 0 calc(100% / 12 * 1);
682 max-width: calc(100% / 12 * 1);
683 }
684
685 .wdk-wrap .wdk-row .wdk-col-2 {
686 -webkit-flex: 0 0 calc(100% / 12 * 2);
687 flex: 0 0 calc(100% / 12 * 2);
688 max-width: calc(100% / 12 * 2);
689 }
690
691 .wdk-wrap .wdk-row .wdk-col-3 {
692 -webkit-flex: 0 0 calc(100% / 12 * 3);
693 flex: 0 0 calc(100% / 12 * 3);
694 max-width: calc(100% / 12 * 3);
695 }
696
697 .wdk-wrap .wdk-row .wdk-col-4 {
698 -webkit-flex: 0 0 calc(100% / 12 * 4);
699 flex: 0 0 calc(100% / 12 * 4);
700 max-width: calc(100% / 12 * 4);
701 }
702
703 .wdk-wrap .wdk-row .wdk-col-5 {
704 -webkit-flex: 0 0 calc(100% / 12 * 5);
705 flex: 0 0 calc(100% / 12 * 5);
706 max-width: calc(100% / 12 * 5);
707 }
708
709 .wdk-wrap .wdk-row .wdk-col-6 {
710 -webkit-flex: 0 0 calc(100% / 12 * 6);
711 flex: 0 0 calc(100% / 12 * 6);
712 max-width: calc(100% / 12 * 6);
713 }
714
715 .wdk-wrap .wdk-row .wdk-col-7 {
716 -webkit-flex: 0 0 calc(100% / 12 * 7);
717 flex: 0 0 calc(100% / 12 * 7);
718 max-width: calc(100% / 12 * 7);
719 }
720
721 .wdk-wrap .wdk-row .wdk-col-8 {
722 -webkit-flex: 0 0 calc(100% / 12 * 8);
723 flex: 0 0 calc(100% / 12 * 8);
724 max-width: calc(100% / 12 * 8);
725 }
726
727 .wdk-wrap .wdk-row .wdk-col-9 {
728 -webkit-flex: 0 0 calc(100% / 12 * 9);
729 flex: 0 0 calc(100% / 12 * 9);
730 max-width: calc(100% / 12 * 9);
731 }
732
733 .wdk-wrap .wdk-row .wdk-col-10 {
734 -webkit-flex: 0 0 calc(100% / 12 * 10);
735 flex: 0 0 calc(100% / 12 * 10);
736 max-width: calc(100% / 12 * 10);
737 }
738
739 .wdk-wrap .wdk-row .wdk-col-11 {
740 -webkit-flex: 0 0 calc(100% / 12 * 11);
741 flex: 0 0 calc(100% / 12 * 11);
742 max-width: calc(100% / 12 * 11);
743 }
744
745 .wdk-wrap .wdk-row .wdk-col-12 {
746 -webkit-flex: 0 0 calc(100% / 12 * 12);
747 flex: 0 0 calc(100% / 12 * 12);
748 max-width: calc(100% / 12 * 12);
749 }
750
751 @media (min-width: 992px) {
752 .wdk-wrap .wdk-row .wdk-col-md-1 {
753 -webkit-flex: 0 0 calc(100% / 12 * 1);
754 flex: 0 0 calc(100% / 12 * 1);
755 max-width: calc(100% / 12 * 1);
756 }
757 .wdk-wrap .wdk-row .wdk-col-md-2 {
758 -webkit-flex: 0 0 calc(100% / 12 * 2);
759 flex: 0 0 calc(100% / 12 * 2);
760 max-width: calc(100% / 12 * 2);
761 }
762 .wdk-wrap .wdk-row .wdk-col-md-3 {
763 -webkit-flex: 0 0 calc(100% / 12 * 3);
764 flex: 0 0 calc(100% / 12 * 3);
765 max-width: calc(100% / 12 * 3);
766 }
767 .wdk-wrap .wdk-row .wdk-col-md-4 {
768 -webkit-flex: 0 0 calc(100% / 12 * 4);
769 flex: 0 0 calc(100% / 12 * 4);
770 max-width: calc(100% / 12 * 4);
771 }
772 .wdk-wrap .wdk-row .wdk-col-md-5 {
773 -webkit-flex: 0 0 calc(100% / 12 * 5);
774 flex: 0 0 calc(100% / 12 * 5);
775 max-width: calc(100% / 12 * 5);
776 }
777 .wdk-wrap .wdk-row .wdk-col-md-6 {
778 -webkit-flex: 0 0 calc(100% / 12 * 6);
779 flex: 0 0 calc(100% / 12 * 6);
780 max-width: calc(100% / 12 * 6);
781 }
782 .wdk-wrap .wdk-row .wdk-col-md-7 {
783 -webkit-flex: 0 0 calc(100% / 12 * 7);
784 flex: 0 0 calc(100% / 12 * 7);
785 max-width: calc(100% / 12 * 7);
786 }
787 .wdk-wrap .wdk-row .wdk-col-md-8 {
788 -webkit-flex: 0 0 calc(100% / 12 * 8);
789 flex: 0 0 calc(100% / 12 * 8);
790 max-width: calc(100% / 12 * 8);
791 }
792 .wdk-wrap .wdk-row .wdk-col-md-9 {
793 -webkit-flex: 0 0 calc(100% / 12 * 9);
794 flex: 0 0 calc(100% / 12 * 9);
795 max-width: calc(100% / 12 * 9);
796 }
797 .wdk-wrap .wdk-row .wdk-col-md-10 {
798 -webkit-flex: 0 0 calc(100% / 12 * 10);
799 flex: 0 0 calc(100% / 12 * 10);
800 max-width: calc(100% / 12 * 10);
801 }
802 .wdk-wrap .wdk-row .wdk-col-md-11 {
803 -webkit-flex: 0 0 calc(100% / 12 * 11);
804 flex: 0 0 calc(100% / 12 * 11);
805 max-width: calc(100% / 12 * 11);
806 }
807 .wdk-wrap .wdk-row .wdk-col-md-12 {
808 -webkit-flex: 0 0 calc(100% / 12 * 12);
809 flex: 0 0 calc(100% / 12 * 12);
810 max-width: calc(100% / 12 * 12);
811 }
812 }
813
814 .wdk-wrap .text-center {
815 text-align: center;
816 }
817
818 .wdk-wrap .text-left {
819 text-align: left;
820 }
821
822 .wdk-wrap .text-right {
823 text-align: right;
824 }
825
826 .wdk-wrap .button.btn-danger {
827 color: #ffffff;
828 background-color: #c1002b;
829 border-color: #c1002b;
830 }
831
832 .wdk-wrap .button.btn-danger:hover, .wdk-wrap .button.btn-danger:hover {
833 -webkit-box-shadow: 0 1px 5px rgba(193, 0, 43, 0.4) !important;
834 box-shadow: 0 1px 5px rgba(193, 0, 43, 0.4) !important;
835 }
836
837 .wdk-wrap .button.btn-info {
838 color: #ffffff;
839 background-color: #00c9b7;
840 border-color: #00c9b7;
841 }
842
843 .wdk-wrap .button.btn-info:hover, .wdk-wrap .button.btn-info:hover {
844 -webkit-box-shadow: 0 1px 5px #00c9b875 !important;
845 box-shadow: 0 1px 5px #00c9b875 !important;
846 }
847
848 .wdk-wrap .button.xl {
849 padding: 10px 30px;
850 }
851
852 .wdk-wrap .wp-editor-wrap .wp-editor-container {
853 width: 100%;
854 margin: 0;
855 box-shadow: none;
856 border-radius: 4px;
857 border: 1px solid #8c8f94;
858 background-color: #fff;
859 color: #2c3338;
860 overflow: hidden;
861 }
862
863 .wdk-wrap .wdk-pricing {
864 margin: 10px 0;
865 }
866
867 .wdk-wrap .wdk-pricing .wdk-sec-header {
868 margin-bottom: 20px;
869 }
870
871 .wdk-wrap .wdk-pricing .wdk-sec-header .wdk-sec-title {
872 font-size: 24px;
873 font-weight: 300;
874 line-height: 1.5;
875 margin-top: 5px;
876 }
877
878 .wdk-wrap .wdk-pricing .wdk-sec-header .wdk-sec-title .mark {
879 font-weight: 700;
880 }
881
882 .wdk-wrap .wdk-pricing .wdk-sec-header .wdk-sec-title .mark.color {
883 color: #c1002b;
884 }
885
886 .wdk-wrap .wdk-pricing .wdk-sec-header .wdk-sec-title .mark.up {
887 text-transform: uppercase;
888 }
889
890 .wdk-wrap .wdk-pricing .wdk-sec-header .wdk-sec-subtitle {
891 font-size: 20px;
892 font-weight: 400;
893 }
894
895 .wdk-wrap .wdk-pricing .wdk-pac {
896 text-align: center;
897 background-color: #fff;
898 border: 1px solid #dcdcde;
899 box-sizing: border-box;
900 margin-bottom: 15px;
901 }
902
903 .wdk-wrap .wdk-pricing .wdk-pac.featured .header {
904 background: -webkit-gradient(linear, left top, left bottom, from(#5837ff), to(#5533ff));
905 background: linear-gradient(#1d2327, #121518);
906 }
907
908 .wdk-wrap .wdk-pricing .wdk-pac.featured p,
909 .wdk-wrap .wdk-pricing .wdk-pac.featured .header {
910 color: #fff;
911 }
912
913 .wdk-wrap .wdk-pricing .wdk-wrap .wdk-pricing .wdk-pac.yearly h4 {
914 margin-top: 0px;
915 }
916
917 .wdk-wrap .wdk-pricing .header {
918 background: -webkit-gradient(linear, left top, left bottom, from(#fcfdfe), to(#f9fbfd));
919 background: linear-gradient(#fcfdfe, #f9fbfd);
920 background-color: rgba(22, 28, 45, 0.03);
921 padding: 0.75rem 1.25rem;
922 margin-bottom: 0;
923 border-bottom: 1px solid rgba(22, 28, 45, 0.125);
924 color: #6d768b;
925 }
926
927 .wdk-wrap .wdk-pricing .header h4 {
928 font-size: 24px;
929 font-weight: 400;
930 margin-bottom: 15px;
931 }
932
933 .wdk-wrap .wdk-pricing .header p {
934 font-size: 16px;
935 }
936
937 .wdk-wrap .wdk-pricing .list-items {
938 padding: 0;
939 margin: 0;
940 list-style: none;
941 }
942
943 .wdk-wrap .wdk-pricing .list-items .item {
944 display: block;
945 padding: 12px 20px;
946 font-size: 16px;
947 color: #6d768b;
948 }
949
950 .wdk-wrap .wdk-pricing .list-items .item:not(:first-child) {
951 border-top: 1px solid rgba(22, 28, 45, 0.125);
952 }
953
954 .wdk-wrap .wdk-pricing .wdk-pac-footer {
955 border-top: 1px solid rgba(22, 28, 45, 0.125);
956 padding: 20px 20px;
957 }
958
959 .wdk-wrap .wdk-pricing .wdk-pac-footer .btn {
960 -webkit-transition: all 0.3s ease;
961 transition: all 0.3s ease;
962 text-decoration: none;
963 font-family: "Poppins", sans-serif;
964 font-weight: 400;
965 white-space: normal;
966 line-height: 1.5;
967 border: 1px solid #506690;
968 padding: 8px 20px;
969 border-radius: 3px;
970 }
971
972 .wdk-wrap .wdk-pricing .wdk-pac-footer .btn:hover {
973 color: #ffffff;
974 background-color: #506690;
975 border-color: #506690;
976 }
977
978 .wdk-wrap .wdk-pricing .pricing-value {
979 font-family: "Poppins", sans-serif;
980 font-size: 52px;
981 }
982
983 .wdk-wrap .wdk-pricing .pricing-value .price {
984 position: relative;
985 font-weight: 500;
986 line-height: 1;
987 }
988
989 .wdk-wrap .wdk-pricing .pricing-value .price .before,
990 .wdk-wrap .wdk-pricing .pricing-value .price .after {
991 font-size: 18px;
992 font-weight: 300;
993 font-style: italic;
994 }
995
996 .wdk-wrap .wdk-pricing .pricing-value .price .before {
997 position: absolute;
998 top: 10px;
999 left: -15px;
1000 }
1001
1002 .wdk-wrap .wdk-pricing .pricing-value .price .after {
1003 position: relative;
1004 }
1005
1006 .wdk-wrap .winter_mvc-media .winter_mvc-media-card {
1007 min-width: 200px;
1008 }
1009
1010 .wp-core-ui .quicktags-toolbar input.button.button-small {
1011 display: inline-block !important;
1012 width: auto !important;
1013 }
1014
1015 .wdk-unwrapp-field .wdk_dropdown_tree > .btn-group {
1016 width: 100%;
1017 display: flex;
1018 height: auto;
1019 }
1020
1021 .wdk-unwrapp-field .wdk_dropdown_tree button {
1022 padding: 0 8px;
1023 height: auto;
1024 box-shadow: 0 0 0 transparent;
1025 border: 1px solid #8c8f94;
1026 background-color: #fff;
1027 color: #2c3338;
1028 min-height: 30px;
1029 }
1030
1031 .wdk-unwrapp-field .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle,
1032 .wdk-unwrapp-field .wdk_dropdown_tree button {
1033 border-radius: 4px;
1034 }
1035
1036 .wdk-unwrapp-field .wdk_dropdown_tree button:first-child {
1037 border-top-right-radius: 0;
1038 border-bottom-right-radius: 0;
1039 border-top-left-radius: 4px;
1040 border-bottom-left-radius: 4px;
1041 }
1042
1043 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group {
1044 border: 1px solid #8c8f94;
1045 }
1046
1047 .wdk-unwrapp-field .wdk_dropdown_tree .list_scroll {
1048 border-left: 1px solid #8c8f94;
1049 left: 0;
1050 }
1051
1052 .wdk-unwrapp-field .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child {
1053 border-top-left-radius: 0;
1054 border-bottom-left-radius: 0;
1055 background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
1056 background-size: auto;
1057 background-size: 16px 16px;
1058 cursor: pointer;
1059 vertical-align: middle;
1060 }
1061
1062 .wdk-unwrapp-field .wdk_dropdown_tree {
1063 min-width: initial;
1064 position: relative;
1065 }
1066
1067 .wdk-unwrapp-field .wdk_dropdown_tree .list_container input.form-control.search_term {
1068 height: initial;
1069 max-width: 100%;
1070 }
1071
1072 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon {
1073 position: relative;
1074 }
1075
1076 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon i {
1077 position: absolute;
1078 left: 0;
1079 margin-left: 5px;
1080 top: 50%;
1081 margin-top: -9px;
1082 }
1083
1084 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon i.fa-spin {
1085 margin-left: 7px;
1086 margin-top: -7px;
1087 }
1088
1089 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .fa:after {
1090 font-family: dashicons;
1091 line-height: 1;
1092 font-weight: 400;
1093 font-style: normal;
1094 text-transform: none;
1095 text-rendering: auto;
1096 font-size: 20px;
1097 text-align: center;
1098 }
1099
1100 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner:after,
1101 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .fa.fa-search:before {
1102 display: none !important;
1103 }
1104
1105 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .fa.fa-search:after {
1106 content: "\f179";
1107 }
1108
1109 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner:after {
1110 content: "\f113";
1111 }
1112
1113 .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon .loader-spiner.fa.fa-spinner {
1114 -webkit-animation: wdk-spin 2s infinite linear;
1115 animation: wdk-spin 2s infinite linear;
1116 }
1117
1118 @keyframes wdk-spin {
1119 0% {
1120 -webkit-transform: rotate(0deg);
1121 transform: rotate(0deg);
1122 }
1123 100% {
1124 -webkit-transform: rotate(360deg);
1125 transform: rotate(360deg);
1126 }
1127 }
1128
1129 .tablenav .wdk-unwrapp-field {
1130 float: left;
1131 margin-right: 4px;
1132 max-width: 12.5rem;
1133 margin-left: 3px;
1134 }
1135
1136 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons"],
1137 #adminmenu .wp-submenu a[href="admin.php?page=wdk-addons"],
1138 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_currencies"],
1139 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_membership"],
1140 #adminmenu .wp-submenu a[href="admin.php?page=wdk_addons_bookings"],
1141 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons"],
1142 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk-addons"],
1143 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_currencies"],
1144 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_membership"],
1145 #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_bookings"] {
1146 color: greenyellow;
1147 }
1148
1149 body .select2-container--default.select2-container--focus .select2-selection--multiple, body .select2-container--default {
1150 border: 0;
1151 min-width: 150px;
1152 }
1153
1154 body .select2-container--default .select2-selection--multiple .select2-search__field {
1155 border: 0 !important;
1156 }
1157
1158 body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
1159 list-style: none;
1160 margin: 0;
1161 }
1162
1163 body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
1164 padding: 5px 6px;
1165 margin: 3px 3px;
1166 }
1167
1168 body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1169 padding: 0;
1170 display: block;
1171 padding: 2px 45px 2px 5px;
1172 }
1173
1174 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1175 padding: 0px 45px 0px 5px;
1176 display: flex;
1177 align-items: center;
1178 flex-wrap: wrap;
1179 }
1180
1181 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
1182 padding: 1px 6px;
1183 line-height: 19px;
1184 }
1185
1186 body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default {
1187 width: auto !important;
1188 flex: 1 2 auto;
1189 }
1190
1191 body .listing_custom_fields .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default {
1192 width: initial !important;
1193 flex: 1 2 auto;
1194 min-width: initial;
1195 }
1196
1197 body .select2-container .select2-search--inline .select2-search__field {
1198 margin-top: 0;
1199 }
1200
1201 body .select2-container--default.select2-container--focus .select2-selection--multiple {
1202 border: 1px solid #8c8f94;
1203 }
1204
1205 .wdk_btn_load_indicator {
1206 position: relative;
1207 }
1208
1209 .wdk_btn_load_indicator::after {
1210 content: "\f113";
1211 font-family: dashicons;
1212 display: inline-block;
1213 line-height: 1;
1214 font-weight: 900;
1215 font-style: normal;
1216 font-size: 20px;
1217 speak: never;
1218 text-decoration: inherit;
1219 text-transform: none;
1220 text-rendering: auto;
1221 -webkit-animation: wdk-spin 2s infinite linear;
1222 animation: wdk-spin 2s infinite linear;
1223 margin-left: 5px;
1224 margin-top: -10px;
1225 display: inline-block;
1226 position: relative;
1227 top: 50%;
1228 }
1229
1230 .wdk_btn_load_indicator.out::after {
1231 position: absolute;
1232 right: -30px;
1233 color: #2271b1;
1234 }
1235
1236 @keyframes wdk-spin {
1237 0% {
1238 -webkit-transform: rotate(0deg);
1239 transform: rotate(0deg);
1240 }
1241 100% {
1242 -webkit-transform: rotate(360deg);
1243 transform: rotate(360deg);
1244 }
1245 }
1246
1247 .wdk_btn_load_success {
1248 position: relative;
1249 }
1250
1251 .wdk_btn_load_success::after {
1252 content: "\f147";
1253 font-family: dashicons;
1254 display: inline-block;
1255 line-height: 1;
1256 font-weight: 900;
1257 font-style: normal;
1258 font-size: 20px;
1259 speak: never;
1260 text-decoration: inherit;
1261 text-transform: none;
1262 text-rendering: auto;
1263 margin-left: 5px;
1264 margin-top: -10px;
1265 display: inline-block;
1266 position: relative;
1267 top: 50%;
1268 }
1269
1270 .wdk_btn_load_success.out::after {
1271 position: absolute;
1272 right: -30px;
1273 color: #2271b1;
1274 }
1275
1276 .wdk_btn_load_error {
1277 position: relative;
1278 }
1279
1280 .wdk_btn_load_error::after {
1281 content: "\f335";
1282 font-family: dashicons;
1283 display: inline-block;
1284 line-height: 1;
1285 font-weight: 900;
1286 font-style: normal;
1287 font-size: 20px;
1288 speak: never;
1289 text-decoration: inherit;
1290 text-transform: none;
1291 text-rendering: auto;
1292 margin-left: 5px;
1293 margin-top: -10px;
1294 display: inline-block;
1295 position: relative;
1296 top: 50%;
1297 }
1298
1299 .wdk_btn_load_error.out::after {
1300 position: absolute;
1301 right: -30px;
1302 color: #2271b1;
1303 }
1304
1305 .wdk-depend-fields .wdk_field {
1306 position: relative;
1307 min-width: 255px;
1308 border: 1px solid #c3c4c7;
1309 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1310 background: #fff;
1311 margin-bottom: 20px;
1312 display: flex;
1313 align-items: center;
1314 justify-content: flex-start;
1315 padding: 15px 15px;
1316 }
1317
1318 .wdk-depend-fields .wdk_field input[type="checkbox"], .wdk-depend-fields .wdk_field input[type="radio"] {
1319 margin: 0;
1320 }
1321
1322 .wdk-depend-fields .wdk_field label {
1323 margin-right: 10px;
1324 display: inline-block;
1325 }
1326
1327 .wdk-depend-fields .wdk_field.section {
1328 border: 1px solid #c3c4c7;
1329 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1330 color: #fff;
1331 background: #2c3338;
1332 }
1333
1334 .wdk-depend-fields .wdk_field.section label {
1335 margin-left: auto;
1336 }
1337
1338 .wdk-depend-fields .wdk_field.wdk_btn_load_indicator.out::after {
1339 right: 15px;
1340 }
1341
1342 .wdk-wrap .listing_custom_fields div.wdk-field-edit .wdk-field-container {
1343 width: calc(100% - 130px);
1344 }
1345
1346 .wdk-wrap .listing_custom_fields div.wdk-field-edit .wdk-field-container .select2.select2-container {
1347 max-width: 100%;
1348 }
1349