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

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