PluginProbe
WP Directory Kit / 1.2.6
WP Directory Kit v1.2.6
1.5.9 1.5.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 All 37 releases
wpdirectorykit / admin / css / wpdirectorykit-admin.css

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

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