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

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