PluginProbe
WP Directory Kit / 1.2.3
WP Directory Kit v1.2.3
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.2.3, at admin/css/wpdirectorykit-admin.css

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