PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.2.11
Adminify – White Label, Admin Menu Editor, Login Customizer v4.2.11
4.3.1 4.3.0 4.2.26 4.2.25 4.2.24 4.2.23 4.2.22 4.2.21 4.2.20 4.2.19 4.2.18 4.2.17 4.2.16 4.2.15 4.2.14 4.2.13 4.2.12 4.2.11 4.2.10 4.2.9 4.2.8 4.2.7 4.2.6 4.2.5 4.1.17 All 164 releases
adminify / assets / css / adminify-menu-editor.css

adminify-menu-editor.css in Adminify – White Label, Admin Menu Editor, Login Customizer 4.2.11, at assets/css/adminify-menu-editor.css

1,632 lines 47.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./dev/scss/_menu-editor.scss ***!
3 \***************************************************************************************************************************************************************************************************************************************************/
4 body.wp-adminify {
5 --adminify-primary: #3a3ae9;
6 --adminify-preset-background: #f0f0f1;
7 --adminify-text-color: #fff;
8 --adminify-input-bg: #f1f1f3;
9 }
10
11 /*
12 * Useable Mixin
13 */
14 body.wp-adminify {
15 --adminify-primary: #3a3ae9;
16 --adminify-preset-background: #f0f0f1;
17 --adminify-text-color: #fff;
18 --adminify-input-bg: #f1f1f3;
19 }
20
21 /*
22 * Useable Mixin
23 */
24 /* Start of Overlay Upgrade Popup */
25 :root {
26 --wp-adminify-popup-color: #ff631a;
27 }
28
29 .wp-adminify-popup * {
30 animation: none 0s ease 0s 1 normal none running;
31 backface-visibility: visible;
32 background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
33 border: medium none currentcolor;
34 border-collapse: separate;
35 -o-border-image: none;
36 border-image: none;
37 border-radius: 0;
38 border-spacing: 0;
39 bottom: auto;
40 box-shadow: none;
41 box-sizing: content-box;
42 caption-side: top;
43 clear: none;
44 clip: auto;
45 color: #000;
46 -moz-columns: auto;
47 columns: auto;
48 -moz-column-count: auto;
49 column-count: auto;
50 -moz-column-fill: balance;
51 column-fill: balance;
52 -moz-column-gap: normal;
53 column-gap: normal;
54 -moz-column-rule: medium none currentcolor;
55 column-rule: medium none currentcolor;
56 -moz-column-span: 1;
57 column-span: 1;
58 -moz-column-width: auto;
59 column-width: auto;
60 content: normal;
61 counter-increment: none;
62 counter-reset: none;
63 cursor: auto;
64 display: inline;
65 empty-cells: show;
66 float: none;
67 font-family: serif;
68 font-size: medium;
69 font-style: normal;
70 font-variant: normal;
71 font-weight: normal;
72 font-stretch: normal;
73 line-height: normal;
74 height: auto;
75 hyphens: none;
76 left: auto;
77 letter-spacing: normal;
78 list-style: disc outside none;
79 margin: 0;
80 max-height: none;
81 max-width: none;
82 min-height: 0;
83 min-width: 0;
84 opacity: 1;
85 orphans: 2;
86 outline: medium none currentcolor;
87 overflow: visible;
88 overflow-x: visible;
89 overflow-y: visible;
90 padding: 0;
91 page-break-after: auto;
92 page-break-before: auto;
93 page-break-inside: auto;
94 perspective: none;
95 perspective-origin: 50% 50%;
96 position: static;
97 right: auto;
98 -moz-tab-size: 8;
99 -o-tab-size: 8;
100 tab-size: 8;
101 table-layout: auto;
102 text-align: left;
103 -moz-text-align-last: auto;
104 text-align-last: auto;
105 -webkit-text-decoration: none;
106 text-decoration: none;
107 text-indent: 0;
108 text-shadow: none;
109 text-transform: none;
110 top: auto;
111 transform: none;
112 transform-origin: 50% 50% 0;
113 transform-style: flat;
114 transition: none 0s ease 0s;
115 vertical-align: baseline;
116 visibility: visible;
117 white-space: normal;
118 widows: 2;
119 width: auto;
120 word-spacing: normal;
121 z-index: auto;
122 all: initial;
123 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
124 }
125
126 .wp-adminify-popup {
127 position: fixed;
128 width: 100%;
129 height: 100%;
130 padding: 0;
131 margin: 0;
132 border: 0;
133 top: 0;
134 left: 0;
135 display: flex;
136 align-items: center;
137 justify-content: center;
138 z-index: 99999999 !important;
139 }
140
141 .wp-adminify-popup-overlay {
142 position: absolute;
143 top: 0;
144 left: 0;
145 width: 100%;
146 height: 100%;
147 background: rgba(0, 0, 0, 0.5);
148 }
149
150 .wp-adminify-popup-modal {
151 width: 600px;
152 max-width: 600px !important;
153 height: 600px;
154 max-height: 600px !important;
155 color: white;
156 background: #222;
157 background-position: center;
158 background-size: cover;
159 background-repeat: no-repeat;
160 padding: 0;
161 margin: 0;
162 transform: scale(0.9);
163 display: flex;
164 align-items: flex-end;
165 justify-content: center;
166 border-radius: 3px;
167 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
168 }
169
170 .wp-adminify-popup-modal-close {
171 position: absolute;
172 top: 5px;
173 right: 10px;
174 font-size: 36px;
175 cursor: pointer;
176 color: #fff;
177 transition: 0.3s;
178 display: flex;
179 justify-content: center;
180 align-items: center;
181 width: 40px;
182 height: 40px;
183 padding: 0;
184 margin: 0;
185 opacity: 0.5;
186 }
187
188 .wp-adminify-popup-modal-close:hover {
189 opacity: 1;
190 }
191
192 .wp-adminify-popup-modal-footer {
193 width: 100%;
194 height: 225px;
195 max-height: 225px !important;
196 display: flex;
197 flex-direction: column;
198 align-items: center;
199 justify-content: flex-end;
200 padding: 15px 0;
201 }
202
203 .wp-adminify-popup-countdown {
204 display: flex;
205 flex-direction: column;
206 align-items: center;
207 justify-content: space-evenly;
208 gap: 10px;
209 }
210
211 .wp-adminify-popup-countdown-text {
212 font-size: 14px;
213 font-weight: 600;
214 color: white;
215 position: relative;
216 line-height: 1.2;
217 }
218
219 .wp-adminify-popup-countdown-time {
220 display: flex;
221 align-items: center;
222 justify-content: space-evenly;
223 gap: 10px;
224 }
225 .wp-adminify-popup-countdown-time > div {
226 display: flex;
227 flex-direction: column;
228 align-items: center;
229 justify-content: space-evenly;
230 gap: 5px;
231 }
232 .wp-adminify-popup-countdown-time > div > span {
233 font-size: 20px;
234 font-weight: 600;
235 color: white;
236 }
237 .wp-adminify-popup-countdown-time > div > span:nth-child(1) {
238 border: 2px solid rgba(255, 255, 255, 0.6);
239 height: 40px;
240 width: 45px;
241 font-size: 22px;
242 display: flex;
243 align-items: center;
244 justify-content: center;
245 border-radius: 5px;
246 }
247 .wp-adminify-popup-countdown-time > div > span:nth-child(2) {
248 font-size: 12px;
249 font-weight: 500;
250 color: rgba(255, 255, 255, 0.8);
251 }
252 .wp-adminify-popup-countdown-time > span {
253 font-size: 50px;
254 color: white;
255 margin-top: -25px;
256 }
257
258 .wp-adminify-popup-button {
259 height: 50px;
260 background: #ff631a;
261 background: var(--wp-adminify-popup-color);
262 color: #222;
263 font-size: 18px;
264 font-weight: 600;
265 letter-spacing: 0.5px;
266 display: inline-flex;
267 align-items: center;
268 justify-content: center;
269 border: 0;
270 border-radius: 5px;
271 cursor: pointer;
272 transition: 0.3s;
273 color: white;
274 padding: 0 30px;
275 margin: 20px 0;
276 transition: 0.2s;
277 position: relative;
278 -webkit-text-decoration: none;
279 text-decoration: none;
280 }
281
282 .wp-adminify-popup-button:after {
283 content: "";
284 position: absolute;
285 top: 0;
286 left: 0;
287 width: 0%;
288 height: 100%;
289 background: rgba(255, 255, 255, 0.2);
290 transition: 0.3s;
291 }
292 .wp-adminify-popup-button:hover {
293 color: white;
294 }
295 .wp-adminify-popup-button:hover:after {
296 width: 100%;
297 }
298
299 .wp-adminify-wwc > p {
300 margin-top: 0;
301 padding-top: 0;
302 margin-bottom: 20px;
303 }
304
305 .wp-adminify-wwc-content {
306 margin-bottom: 25px;
307 color: #646970;
308 }
309
310 /* responsive */
311 @media (max-width: 576px) {
312 .wp-adminify-popup-countdown {
313 transform: scale(0.99);
314 }
315 }
316 /* End of Overlay Upgrade Popup */
317 .wp-adminify-addons-wrapper {
318 background: #fff;
319 padding: 24px;
320 margin-right: 16px;
321 border: 1px solid #dedee7;
322 border-radius: 2px;
323 display: flex;
324 flex-direction: column;
325 margin-top: 16px;
326 }
327 .wp-adminify-addons-wrapper .wp-adminify-addons-header .wp-adminify-addons-title > h2 {
328 color: #322f41;
329 font-size: 24px;
330 font-weight: 600;
331 line-height: 32px;
332 margin: 0;
333 }
334 .wp-adminify-addons-wrapper .wp-adminify-addons-header .wp-adminify-addons-title h3 {
335 font-size: 14px;
336 font-weight: 400;
337 color: #736e91;
338 margin: 8px 0 0 0;
339 }
340 .wp-adminify-addons-wrapper .wp-filter {
341 display: flex;
342 justify-content: space-between;
343 align-items: center;
344 border: 0;
345 margin: 32px 0 16px 0;
346 padding: 0;
347 box-shadow: none;
348 }
349 .wp-adminify-addons-wrapper .wp-filter .filter-links li a {
350 font-size: 13px !important;
351 font-weight: 600 !important;
352 line-height: 20px !important;
353 color: #48455f !important;
354 }
355 .wp-adminify-addons-wrapper .wp-filter .filter-links li a.current {
356 color: var(--adminify-primary);
357 border-bottom: 3px solid var(--adminify-primary);
358 }
359 .wp-adminify-addons-wrapper .wp-filter .filter-links li a:focus {
360 box-shadow: none;
361 }
362 .wp-adminify-addons-wrapper .wp-filter .filter-links li.plugin-install-recommended a {
363 position: relative;
364 z-index: 99;
365 }
366 .wp-adminify-addons-wrapper .wp-filter .filter-links li.plugin-install-recommended a::after {
367 position: absolute;
368 content: "";
369 width: 100%;
370 height: 28px;
371 top: 7px;
372 left: -8px;
373 padding: 4px 8px;
374 border-radius: 4px;
375 background-color: #eaecfa;
376 z-index: -99;
377 }
378 .wp-adminify-addons-wrapper .wp-list-table #the-list {
379 display: grid;
380 grid-template-columns: 1fr 1fr 1fr;
381 grid-gap: 16px;
382 gap: 16px;
383 }
384 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card {
385 float: none !important;
386 margin: 0 !important;
387 width: 100%;
388 border: 1px solid #dedee7;
389 border-radius: 2px;
390 }
391 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top {
392 padding: 16px 16px 0 16px;
393 }
394 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name {
395 margin-left: 80px;
396 }
397 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name h3 {
398 margin: 0 12px 4px 0;
399 }
400 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name h3 a {
401 font-size: 16px;
402 font-weight: 600;
403 line-height: 20px;
404 color: #48455f;
405 }
406 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name .plugin-icon {
407 position: absolute;
408 top: 16px;
409 left: 20px;
410 width: 60px;
411 height: 60px;
412 margin: 0 20px 20px 0;
413 }
414 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .desc {
415 margin: 0 128px 0 80px;
416 }
417 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .desc p {
418 font-size: 13px;
419 font-weight: 400;
420 line-height: 20px;
421 color: #736e91;
422 margin: 0;
423 }
424 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.install-now {
425 border: 1px solid var(--adminify-primary);
426 color: var(--adminify-primary) !important;
427 }
428 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.activate-now {
429 border-color: #17b26a !important;
430 background-color: #17b26a !important;
431 color: #fff;
432 }
433 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.update-now {
434 border-color: #f4b740 !important;
435 color: #f4b740;
436 }
437 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .open-plugin-details-modal {
438 color: var(--adminify-primary) !important;
439 }
440 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-bottom {
441 padding: 12px 16px;
442 background-color: var(--adminify-preset-background);
443 border-top: 1px solid #dedee7;
444 border-radius: 0 0 2px 2px;
445 }
446 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .authors cite a {
447 color: var(--adminify-primary) !important;
448 }
449 .wp-adminify-addons-wrapper .plugin-card .desc {
450 margin: 0 0 0 80px !important;
451 }
452 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top {
453 position: relative;
454 overflow: hidden;
455 }
456 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top:hover .adminify-plugin-details {
457 opacity: 1;
458 top: 0;
459 }
460 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details {
461 opacity: 0;
462 position: absolute;
463 top: 100%;
464 left: 0;
465 width: 100%;
466 height: 100%;
467 display: flex;
468 align-items: center;
469 justify-content: center;
470 gap: 16px;
471 background: rgba(0, 0, 0, 0.8);
472 transition: all 0.15s;
473 }
474 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details > a {
475 color: #fff;
476 border: 1px solid var(--adminify-primary);
477 background: var(--adminify-primary);
478 font-size: 12px;
479 font-weight: 700;
480 line-height: 1.3;
481 padding: 8px 12px;
482 border-radius: 2px;
483 cursor: pointer;
484 transition: all 0.15s;
485 }
486 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details > a.adminify-view-details {
487 color: var(--adminify-primary);
488 border: 1px solid var(--adminify-primary);
489 background: #fff;
490 }
491 .wp-adminify-addons-wrapper .column-downloaded .plugin-status {
492 font-size: 12px;
493 font-weight: 500;
494 line-height: 16px;
495 color: #48455f;
496 }
497 .wp-adminify-addons-wrapper .column-downloaded .plugin-status .plugin-status-active {
498 color: #17b26a;
499 font-weight: 400;
500 }
501 .wp-adminify-addons-wrapper .column-downloaded .plugin-status .plugin-status-not-install {
502 color: #8c89a9;
503 font-weight: 400;
504 }
505 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons {
506 margin: 0;
507 }
508 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons li {
509 margin-bottom: 0;
510 }
511 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.install-now {
512 border: 1px solid #4552da;
513 color: #4552da !important;
514 background: transparent !important;
515 }
516 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.install-now:hover {
517 background: #4552da !important;
518 color: #fff !important;
519 border-color: #4552da !important;
520 }
521 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.activate-now {
522 border-color: #17b26a !important;
523 background-color: #17b26a !important;
524 color: #fff !important;
525 }
526 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.activate-now:hover {
527 background: transparent !important;
528 color: #17b26a !important;
529 border-color: #17b26a !important;
530 }
531 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now {
532 border-color: #f4b740 !important;
533 background-color: #f4b740 !important;
534 color: #fff;
535 }
536 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now::before {
537 color: #fff;
538 }
539 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now:hover {
540 background: transparent !important;
541 color: #f4b740 !important;
542 border-color: #f4b740 !important;
543 }
544 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now:hover::before {
545 color: #f4b740;
546 }
547 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message {
548 display: flex;
549 align-items: center;
550 }
551 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message::before {
552 font-family: dashicons;
553 content: "\f463";
554 font-size: 12px;
555 animation: rotation 2s infinite linear;
556 }
557 .wp-adminify-addons-wrapper .plugin-status-active {
558 color: #17b26a;
559 }
560 .wp-adminify-addons-wrapper .plugin-status-inactive {
561 color: #f04438;
562 }
563 .wp-adminify-addons-wrapper .plugin-status-not-install {
564 color: #1d2327;
565 }
566 .wp-adminify-addons-wrapper .plugin-status {
567 line-height: 34px;
568 }
569 .wp-adminify-addons-wrapper .hide {
570 display: none;
571 }
572
573 /** RTL CSS Start **/
574 .wp-adminify.rtl .wp-adminify-addons-wrapper .wp-list-table .plugin-card .plugin-card-top .name.column-name {
575 margin-right: 80px !important;
576 margin-left: 128px !important;
577 }
578 .wp-adminify.rtl .wp-adminify-addons-wrapper .wp-list-table .plugin-card .plugin-card-top .name.column-name .plugin-icon {
579 left: auto;
580 right: 0;
581 margin: 0 20px 0 20px !important;
582 }
583 .wp-adminify.rtl .wp-adminify-addons-wrapper .wp-list-table .plugin-card .plugin-card-top .desc.column-description {
584 margin: 0 80px 0 0 !important;
585 }
586
587 /** RTL CSS Start **/
588 body.wp-adminify {
589 --adminify-primary: #3a3ae9;
590 --adminify-preset-background: #f0f0f1;
591 --adminify-text-color: #fff;
592 --adminify-input-bg: #f1f1f3;
593 }
594
595 /*
596 * Useable Mixin
597 */
598 .wp-adminify .adminify-copyright {
599 display: flex;
600 flex-direction: column;
601 gap: 8px;
602 }
603 .wp-adminify .adminify-copyright p {
604 color: #736e91;
605 }
606 .wp-adminify .adminify-copyright p a {
607 color: var(--adminify-primary);
608 -webkit-text-decoration: none;
609 text-decoration: none;
610 }
611 .wp-adminify .adminify--footer {
612 display: flex;
613 align-items: center;
614 justify-content: space-between;
615 }
616 .wp-adminify .adminify--footer .adminify-footer-right {
617 float: right;
618 display: flex;
619 flex-direction: column;
620 gap: 8px;
621 }
622 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col {
623 display: flex;
624 justify-content: end;
625 gap: 24px;
626 }
627 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span {
628 color: #736e91;
629 }
630 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span .adminify-info-status {
631 display: inline-block;
632 padding: 1px 4px;
633 border-radius: 2px;
634 color: #fff;
635 }
636 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span:last-child {
637 font-weight: 500;
638 }
639 .wp-adminify .adminify--footer > p,
640 .wp-adminify .adminify--footer > .clear {
641 display: none;
642 }
643
644 .adminify-cloneable-item .adminify-cloneable-value {
645 display: none;
646 }
647 .adminify-cloneable-item .adminify-fieldset select {
648 border-color: #dedee7;
649 }
650 .adminify-cloneable-item .adminify-fieldset select:focus {
651 color: #48455f;
652 box-shadow: none;
653 }
654 .adminify-cloneable-item .adminify-fieldset a.adminify--remove, .adminify-cloneable-item .adminify-fieldset a.adminify-icon-remove {
655 color: #fff;
656 }
657 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-sort::before {
658 color: var(--adminify-primary);
659 }
660 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-clone::before {
661 color: #17b26a;
662 }
663 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-remove::before {
664 color: #f04438;
665 }
666
667 .wp-adminify #_wp_adminify_admin_page_display .inside {
668 margin: 8px 0 0;
669 }
670 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper {
671 display: flex;
672 gap: 20px;
673 padding: 26px 0;
674 border-top: 1px solid #dedee7;
675 }
676 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section {
677 padding: 0;
678 }
679 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section .adminify-section-title {
680 display: none;
681 }
682 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav {
683 width: 225px;
684 height: 100%;
685 padding-left: 12px;
686 }
687 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav ul,
688 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav li {
689 margin: 0;
690 }
691 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a {
692 display: block;
693 font-size: 13px;
694 font-weight: 500;
695 color: #48455f;
696 padding: 8px 12px;
697 border-radius: 2px;
698 }
699 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a.adminify-active {
700 color: #fff;
701 background-color: var(--adminify-primary);
702 }
703 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content {
704 width: calc(100% - 225px);
705 border-left: 1px solid #dedee7;
706 }
707 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections {
708 padding: 12px;
709 padding-top: 0;
710 }
711 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections:has(.adminify-field-checkbox):nth-child(2) {
712 padding-top: 0;
713 }
714
715 .wp-adminify .editor-editor-interface .editor-header .edit-post-fullscreen-mode-close:hover::before {
716 box-shadow: none;
717 }
718 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header {
719 border-color: #dedee7;
720 }
721 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header button:hover {
722 color: var(--adminify-primary);
723 }
724 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header [aria-orientation=horizontal]::after {
725 border-color: var(--adminify-primary);
726 }
727 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button {
728 box-shadow: inset 0 0 0 1px #dedee7 !important;
729 }
730 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button:hover {
731 color: var(--adminify-primary);
732 }
733 .wp-adminify .editor-editor-interface .interface-complementary-area .components-button:not(.is-small.has-icon) {
734 color: var(--adminify-primary);
735 }
736 .wp-adminify .editor-editor-interface .components-form-toggle input[type=checkbox]:focus + .components-form-toggle__track {
737 box-shadow: none !important;
738 }
739 .wp-adminify .editor-editor-interface .components-form-toggle.is-checked .components-form-toggle__track {
740 border-color: var(--adminify-primary) !important;
741 background-color: var(--adminify-primary) !important;
742 }
743 .wp-adminify .editor-editor-interface .components-panel__body .components-button.is-primary {
744 color: #fff !important;
745 background: var(--adminify-primary) !important;
746 }
747 .wp-adminify .editor-editor-interface .pre-publish-checklist .icon svg {
748 width: 18px;
749 height: 18px;
750 }
751 .wp-adminify .editor-editor-interface .postbox-header {
752 display: flex;
753 justify-content: space-between;
754 align-items: center;
755 padding: 0 16px;
756 height: 56px;
757 }
758 .wp-adminify .editor-editor-interface .postbox-header h2 {
759 padding: 0 !important;
760 }
761 .wp-adminify .editor-editor-interface .postbox-header .handle-actions {
762 display: flex;
763 align-items: center;
764 gap: 6px;
765 }
766 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button {
767 width: -moz-max-content;
768 width: max-content;
769 height: -moz-max-content;
770 height: max-content;
771 }
772 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button .span::before {
773 font-size: 18px;
774 }
775 .wp-adminify .editor-editor-interface .postbox-header:hover {
776 height: 56px !important;
777 }
778
779 body {
780 overflow-x: hidden;
781 }
782
783 a {
784 -webkit-text-decoration: none;
785 text-decoration: none;
786 }
787
788 .adminify-btn {
789 color: #fff;
790 font-size: 12px;
791 font-weight: 700;
792 line-height: 1.3;
793 padding: 8px 12px;
794 border-radius: 2px;
795 cursor: pointer;
796 transition: all 0.15s;
797 }
798 .adminify-btn-primary {
799 border: 1px solid var(--adminify-primary);
800 background: var(--adminify-primary);
801 }
802 .adminify-btn-primary:hover {
803 color: var(--adminify-primary);
804 background: transparent;
805 border-color: var(--adminify-primary);
806 }
807 .adminify-btn-outline-primary {
808 border: 1px solid var(--adminify-primary);
809 color: var(--adminify-primary);
810 }
811 .adminify-btn-outline-primary:hover {
812 color: var(--adminify-primary);
813 }
814 .adminify-btn-success {
815 border: 1px solid #17b26a;
816 background: #17b26a;
817 }
818 .adminify-btn-success:hover {
819 color: #17b26a;
820 background: transparent;
821 border-color: #17b26a;
822 }
823 .adminify-btn-outline-success {
824 border: 1px solid #17b26a;
825 color: #17b26a;
826 }
827 .adminify-btn-outline-success:hover {
828 color: #17b26a;
829 }
830 .adminify-btn-secondary {
831 border: 1px solid #48455f;
832 background: #48455f;
833 }
834 .adminify-btn-secondary:hover {
835 color: #48455f;
836 background: transparent;
837 border-color: #48455f;
838 }
839 .adminify-btn-outline-secondary {
840 border: 1px solid #48455f;
841 color: #48455f;
842 }
843 .adminify-btn-outline-secondary:hover {
844 color: #48455f;
845 }
846 .adminify-btn-warning {
847 border: 1px solid #f79009;
848 background: #f79009;
849 }
850 .adminify-btn-warning:hover {
851 color: #f79009;
852 background: transparent;
853 border-color: #f79009;
854 }
855 .adminify-btn-outline-warning {
856 border: 1px solid #f79009;
857 color: #f79009;
858 }
859 .adminify-btn-outline-warning:hover {
860 color: #f79009;
861 }
862 .adminify-btn-danger {
863 border: 1px solid #f04438;
864 background: #f04438;
865 }
866 .adminify-btn-danger:hover {
867 color: #f04438;
868 background: transparent;
869 border-color: #f04438;
870 }
871 .adminify-btn-outline-danger {
872 border: 1px solid #f04438;
873 color: #f04438;
874 }
875 .adminify-btn-outline-danger:hover {
876 color: #f04438;
877 }
878
879 .adminify-tag {
880 font-size: 12px;
881 font-weight: 500;
882 line-height: 16px;
883 padding: 2px 8px;
884 border-radius: 40px;
885 -webkit-text-decoration: none;
886 text-decoration: none;
887 }
888 .adminify-tag-primary {
889 color: #3a3ae9;
890 border: 1px solid #afafe9;
891 background: #e9e9f6;
892 }
893 .adminify-tag-primary:hover {
894 color: var(--adminify-primary);
895 }
896 .adminify-tag-secondary {
897 color: #48455f;
898 border: 1px solid #c4c4d4;
899 background: #eaeaf0;
900 }
901 .adminify-tag-secondary:hover {
902 color: #48455f;
903 }
904 .adminify-tag-warning {
905 color: #f79009;
906 border: 2px solid #fedf89;
907 background: #fffaeb;
908 }
909 .adminify-tag-danger {
910 color: #f04438;
911 border: 2px solid #fecdca;
912 background: #fef3f2;
913 }
914 .adminify-tag-danger:hover {
915 color: #f04438;
916 }
917 .adminify-tag-purple {
918 color: #6938ef;
919 border: 2px solid #d9d6fe;
920 background: #f4f3ff;
921 }
922 .adminify-tag-purple:hover {
923 color: #6938ef;
924 }
925
926 .adminify-missing-addons {
927 background-color: #fffbe9;
928 border: solid #f4b740;
929 border-width: 0 0 0 2px;
930 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
931 padding: 13px 1rem;
932 display: flex;
933 align-items: center;
934 gap: 8px;
935 }
936 .adminify-missing-addons p {
937 margin: 0;
938 }
939 .adminify-missing-addons p a {
940 color: var(--adminify-primary);
941 }
942
943 .adminify-pro-notice {
944 align-items: center;
945 }
946
947 .adminify-missing-addons {
948 flex-wrap: wrap;
949 }
950
951 .wp-adminify-notice-latest_updates {
952 padding: 10px 40px 40px;
953 }
954
955 .adminify-block {
956 display: block !important;
957 }
958
959 .adminify-flex {
960 display: flex;
961 }
962
963 .\!adminify-flex {
964 display: flex !important;
965 }
966
967 .adminify-grid {
968 display: grid;
969 }
970
971 .adminify-col-fit {
972 grid-template-columns: fit-content(8ch) 1fr !important;
973 }
974
975 .adminify-flex-col {
976 display: flex;
977 flex-direction: column;
978 }
979
980 .adminify-flex-center {
981 display: flex;
982 align-items: center;
983 }
984
985 .adminify-justify-center {
986 justify-content: center;
987 }
988
989 .adminify-justify-between {
990 justify-content: space-between;
991 }
992
993 .adminify-gap-1 {
994 gap: 4px;
995 }
996
997 .adminify-gap-2 {
998 gap: 8px;
999 }
1000
1001 .adminify-gap-3 {
1002 gap: 12px;
1003 }
1004
1005 .adminify-gap-4 {
1006 gap: 16px;
1007 }
1008
1009 .adminify-m-0 {
1010 margin: 0;
1011 }
1012
1013 .adminify-mt-1 {
1014 margin-top: 4px;
1015 }
1016
1017 .adminify-mt-2 {
1018 margin-top: 8px;
1019 }
1020
1021 .adminify-mt-3 {
1022 margin-top: 12px;
1023 }
1024
1025 .adminify-mt-4 {
1026 margin-top: 16px;
1027 }
1028
1029 .adminify-mt-5 {
1030 margin-top: 20px;
1031 }
1032
1033 .adminify-mt-6 {
1034 margin-top: 24px;
1035 }
1036
1037 .adminify-mt-7 {
1038 margin-top: 28px;
1039 }
1040
1041 .adminify-mt-8 {
1042 margin-top: 32px;
1043 }
1044
1045 .adminify-mt-9 {
1046 margin-top: 36px;
1047 }
1048
1049 .adminify-mt-10 {
1050 margin-top: 40px;
1051 }
1052
1053 .adminify-p-0 {
1054 padding: 0 !important;
1055 }
1056
1057 .adminify-p-1 {
1058 padding: 4px;
1059 }
1060
1061 .adminify-p-2 {
1062 padding: 8px;
1063 }
1064
1065 .adminify-p-3 {
1066 padding: 12px;
1067 }
1068
1069 .adminify-p-4 {
1070 padding: 16px;
1071 }
1072
1073 .adminify-p-5 {
1074 padding: 20px;
1075 }
1076
1077 .adminify-p-6 {
1078 padding: 24px;
1079 }
1080
1081 .adminify-pt-0 {
1082 padding-top: 0 !important;
1083 }
1084
1085 .adminify-pt-1 {
1086 padding-top: 4px;
1087 }
1088
1089 .adminify-pt-2 {
1090 padding-top: 8px;
1091 }
1092
1093 .adminify-pt-3 {
1094 padding-top: 12px;
1095 }
1096
1097 .adminify-pt-4 {
1098 padding-top: 16px;
1099 }
1100
1101 .adminify-pt-5 {
1102 padding-top: 20px;
1103 }
1104
1105 .adminify-pt-6 {
1106 padding-top: 24px;
1107 }
1108
1109 .adminify-pt-7 {
1110 padding-top: 28px;
1111 }
1112
1113 .adminify-pt-8 {
1114 padding-top: 32px;
1115 }
1116
1117 .adminify-pt-9 {
1118 padding-top: 36px;
1119 }
1120
1121 .adminify-pt-10 {
1122 padding-top: 40px;
1123 }
1124
1125 .adminify-pl-0 {
1126 padding-left: 0 !important;
1127 }
1128
1129 .notice-wp-adminify:has(img) {
1130 display: flex;
1131 }
1132 .notice-wp-adminify:has(img) img {
1133 width: 50px;
1134 }
1135
1136 #the-list .column-featured_image img {
1137 width: 50px;
1138 }
1139
1140 .wp-adminify .wp-submenu .adminify-addons-text, .wp-adminify .frame-adminify-submenu .adminify-addons-text, .wp-adminify .adminify-dropdown .adminify-addons-text {
1141 color: #ffa500;
1142 }
1143 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1144 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a, .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1145 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a, .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1146 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a {
1147 background-color: #ffa500 !important;
1148 }
1149 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1150 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1151 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1152 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1153 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1154 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode, .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1155 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1156 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1157 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1158 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1159 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode, .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1160 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1161 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1162 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1163 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1164 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode {
1165 color: #000;
1166 }
1167 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1168 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover, .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1169 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover, .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1170 .wp-adminify .adminify-dropdown li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover {
1171 background-color: #ffa500 !important;
1172 }
1173 .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current, .wp-adminify .frame-adminify-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a {
1174 width: 100% !important;
1175 border-radius: 2px;
1176 }
1177
1178 #TB_window {
1179 width: 70% !important;
1180 height: 750px !important;
1181 top: 50% !important;
1182 left: 50% !important;
1183 margin: 0 !important;
1184 transform: translate(-50%, -50%);
1185 border-radius: 2px;
1186 }
1187 #TB_window #TB_title #TB_closeWindowButton span::before {
1188 color: #f04438;
1189 }
1190 #TB_window #TB_title #TB_closeWindowButton:focus span {
1191 box-shadow: none;
1192 }
1193 #TB_window #TB_iframeContent {
1194 width: 100% !important;
1195 height: 750px !important;
1196 }
1197
1198 .wp-adminify input:focus,
1199 .wp-adminify a:focus,
1200 .wp-adminify button:focus {
1201 box-shadow: none !important;
1202 }
1203 .wp-adminify .wp-list-table,
1204 .wp-adminify .widefat,
1205 .wp-adminify .fixed {
1206 table-layout: inherit !important;
1207 }
1208 .wp-adminify .wp-list-table .edit-description,
1209 .wp-adminify .wp-list-table .edit-title,
1210 .wp-adminify .widefat .edit-description,
1211 .wp-adminify .widefat .edit-title,
1212 .wp-adminify .fixed .edit-description,
1213 .wp-adminify .fixed .edit-title {
1214 max-height: -moz-max-content !important;
1215 max-height: max-content !important;
1216 overflow: visible !important;
1217 flex-wrap: wrap;
1218 }
1219 .wp-adminify .wp-list-table .edit-description *,
1220 .wp-adminify .wp-list-table .edit-title *,
1221 .wp-adminify .widefat .edit-description *,
1222 .wp-adminify .widefat .edit-title *,
1223 .wp-adminify .fixed .edit-description *,
1224 .wp-adminify .fixed .edit-title * {
1225 white-space: normal !important;
1226 }
1227
1228 .adminify-ui #wpcontent {
1229 padding-left: 0 !important;
1230 padding: 0 20px !important;
1231 }
1232 .adminify-ui .wrap,
1233 .adminify-ui #screen-meta-links {
1234 margin: 0 !important;
1235 }
1236 .adminify-ui #screen-meta-links {
1237 display: flex !important;
1238 justify-content: flex-end;
1239 float: none;
1240 float: initial;
1241 }
1242 .adminify-ui #screen-meta {
1243 margin-right: 0 !important;
1244 margin-left: 0 !important;
1245 }
1246
1247 @media screen and (max-width: 320px) {
1248 .wp-adminify .notice * a {
1249 font-size: 10px;
1250 margin-top: 6px;
1251 }
1252 .wp-adminify .notice *:has(div h4) div {
1253 width: 100%;
1254 }
1255 .wp-adminify .notice * input {
1256 width: 100%;
1257 }
1258 .wp-adminify .notice * div:has(input) {
1259 padding-left: 0 !important;
1260 padding-right: 0 !important;
1261 }
1262 }
1263 @media screen and (max-width: 600px) {
1264 #wpbody {
1265 padding-top: 0 !important;
1266 }
1267 }
1268 @media screen and (max-width: 992px) {
1269 .wp-adminify .notice {
1270 flex-wrap: wrap;
1271 gap: 16px;
1272 }
1273 .wp-adminify .notice[style] {
1274 flex-wrap: wrap !important;
1275 }
1276 .wp-adminify .notice * {
1277 flex-wrap: wrap;
1278 gap: 16px;
1279 justify-content: center;
1280 }
1281 }
1282 @media screen and (max-width: 1024px) {
1283 #wpbody-content {
1284 padding-bottom: 0 !important;
1285 }
1286 .wp-core-ui .button,
1287 .wp-core-ui .button.button-large,
1288 .wp-core-ui .button.button-small,
1289 input#publish,
1290 input#save-post,
1291 a.preview,
1292 .wrap .page-title-action {
1293 font-size: 13px;
1294 line-height: 2.15384615;
1295 min-height: 30px;
1296 margin: 0;
1297 padding: 0 10px;
1298 }
1299 .wp-core-ui select {
1300 padding: 0 24px 0 8px;
1301 min-height: 30px;
1302 }
1303 input[type=checkbox],
1304 input[type=radio] {
1305 width: 1rem;
1306 height: 1rem;
1307 }
1308 input[type=checkbox]:checked::before {
1309 height: 1.3125rem !important;
1310 width: 1.3125rem !important;
1311 }
1312 }
1313 #evo_et1_color .evo_et1_color_circle {
1314 border-color: var(--adminify-menu-border);
1315 }
1316
1317 .wp-adminify .wp-adminify--menu--editor--container {
1318 max-width: 85%;
1319 margin: 0 auto;
1320 padding: 0 15px;
1321 }
1322 .wp-adminify .wp-adminify--menu--editor--container a {
1323 -webkit-text-decoration: none;
1324 text-decoration: none;
1325 }
1326 .wp-adminify .wp-adminify--menu--editor--container a:focus {
1327 box-shadow: none;
1328 }
1329 .wp-adminify .wp-adminify--menu--editor--container .adminify-menu-editor-help-urls {
1330 font-size: 1.5rem;
1331 font-weight: 600;
1332 color: #48455f;
1333 }
1334 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown {
1335 position: relative;
1336 }
1337 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu {
1338 display: none;
1339 position: absolute;
1340 top: 110%;
1341 right: 0;
1342 }
1343 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content {
1344 width: 96px;
1345 background: #fff;
1346 padding: 12px;
1347 border: 1px solid #dedee7;
1348 border-radius: 2px;
1349 }
1350 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content .adminify-dropdown-item {
1351 -webkit-text-decoration: none;
1352 text-decoration: none;
1353 color: var(--adminify-primary);
1354 font-weight: 600;
1355 }
1356 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-trigger:hover + .adminify-dropdown-menu {
1357 display: block;
1358 }
1359 .wp-adminify .wp-adminify--menu--editor--container .adminify-text-wrap,
1360 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings {
1361 margin-top: 36px;
1362 }
1363 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item {
1364 background: #fff;
1365 border: 0;
1366 border-radius: 3px;
1367 box-shadow: 0 0 5px 1px rgba(20, 20, 42, 0.1);
1368 }
1369 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .menu-editor-title {
1370 color: #48455f;
1371 font-size: 14px;
1372 font-weight: 700;
1373 line-height: 25px;
1374 -webkit-text-decoration: none;
1375 text-decoration: none;
1376 padding: 1rem;
1377 }
1378 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion {
1379 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1380 }
1381 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs {
1382 border-bottom: 1px solid #dedee7;
1383 padding: 0.5rem 1rem 0;
1384 }
1385 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs ul {
1386 border: 0;
1387 }
1388 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li {
1389 margin: 0;
1390 }
1391 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link {
1392 background-color: transparent;
1393 border: 0;
1394 color: #736e91;
1395 display: inline-block;
1396 padding: 0;
1397 padding: 0 1.25rem 10px;
1398 position: relative;
1399 }
1400 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link:before {
1401 content: "";
1402 background-color: transparent;
1403 border-top-left-radius: 3px;
1404 border-top-right-radius: 3px;
1405 height: 3px;
1406 width: 100%;
1407 left: 0;
1408 bottom: 0;
1409 position: absolute;
1410 }
1411 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active {
1412 color: var(--adminify-primary);
1413 }
1414 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active:before {
1415 background-color: var(--adminify-primary);
1416 }
1417 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane {
1418 border: 0;
1419 padding: 0.5rem 1.25rem 1.25rem;
1420 display: flex;
1421 flex-direction: column;
1422 gap: 16px;
1423 }
1424 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane > span {
1425 margin: 0 0 15px 0;
1426 display: block;
1427 }
1428 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form {
1429 display: flex;
1430 flex-direction: column;
1431 gap: 16px;
1432 }
1433 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns {
1434 display: flex;
1435 gap: 16px;
1436 }
1437 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column {
1438 display: flex;
1439 flex-direction: column;
1440 flex-basis: 0;
1441 flex-grow: 1;
1442 flex-shrink: 1;
1443 }
1444 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column label {
1445 color: #736e91;
1446 margin-bottom: 4px;
1447 }
1448 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column input {
1449 color: #667085;
1450 border: 1px solid #dedee7;
1451 padding: 6px 8px;
1452 line-height: 1.3;
1453 }
1454 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column input:focus {
1455 box-shadow: none;
1456 border-color: var(--adminify-primary);
1457 }
1458 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select2-selection {
1459 border-color: #dedee7;
1460 }
1461 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select2-selection .select2-search__field:focus {
1462 box-shadow: none !important;
1463 }
1464 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select2-selection .select2-search--inline {
1465 vertical-align: middle;
1466 }
1467 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select2-dropdown {
1468 border-color: #dedee7;
1469 }
1470 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select:after {
1471 display: none;
1472 }
1473 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select {
1474 height: auto;
1475 }
1476 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize .tokenize:focus {
1477 border: 1px solid #dedee7;
1478 }
1479 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container {
1480 border: 1px solid #dedee7;
1481 box-sizing: border-box;
1482 border-radius: 4px;
1483 height: auto;
1484 margin: 0;
1485 padding: 4px 35px 4px 10px;
1486 position: relative;
1487 min-width: 12rem;
1488 }
1489 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li {
1490 margin: 0;
1491 padding: 0;
1492 }
1493 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.placeholder {
1494 border: 0;
1495 top: 50%;
1496 left: 15px;
1497 margin-top: -11px;
1498 position: absolute;
1499 z-index: -1;
1500 }
1501 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search {
1502 display: inline-block;
1503 min-width: 10px;
1504 z-index: 1;
1505 }
1506 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search:before {
1507 display: none;
1508 }
1509 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search input {
1510 border: none !important;
1511 background-color: transparent !important;
1512 box-shadow: none;
1513 outline: none;
1514 line-height: 1.2 !important;
1515 padding: 0 !important;
1516 height: 100%;
1517 width: 100%;
1518 min-width: 100%;
1519 z-index: -1;
1520 }
1521 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token {
1522 margin: 3px;
1523 z-index: 3;
1524 position: relative;
1525 margin: 3px 5px 3px 0;
1526 padding: 4px 20px 4px 6px;
1527 max-width: 100%;
1528 border-radius: 3px;
1529 color: #48455f;
1530 border: 1px solid #c4c4d4;
1531 background: #eaeaf0;
1532 font-weight: 500;
1533 line-height: 13px;
1534 cursor: default;
1535 }
1536 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token .dismiss {
1537 padding: 0 0 0 3px;
1538 font-size: 18px;
1539 line-height: 0.6;
1540 color: #736e91;
1541 }
1542 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token .dismiss:hover {
1543 color: #48455f;
1544 }
1545 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container::after {
1546 content: "\e604";
1547 color: #736e91;
1548 font-family: "simple-line-icons";
1549 font-size: 10px;
1550 position: absolute;
1551 top: 0;
1552 right: 0;
1553 height: 100%;
1554 width: 28px;
1555 display: flex;
1556 align-items: center;
1557 justify-content: center;
1558 border-radius: 0px 6px 6px 0px;
1559 }
1560 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize.focus > .tokens-container {
1561 border-color: var(--adminify-primary);
1562 box-shadow: none;
1563 }
1564 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize.focus > .tokens-container:after {
1565 content: "\e607";
1566 }
1567 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .remove-add-new-menu {
1568 display: flex;
1569 justify-content: end;
1570 }
1571 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .remove-add-new-menu span {
1572 color: #f04438;
1573 font-weight: 600;
1574 cursor: pointer;
1575 }
1576 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify-add-new-menu-editor-item {
1577 border-radius: 6px;
1578 text-align: center;
1579 padding: 16px;
1580 background: #fff;
1581 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1582 border: 2px dashed #c4c4d4;
1583 cursor: pointer;
1584 }
1585 .wp-adminify .tokenize-dropdown > .dropdown-menu {
1586 margin-top: 1px;
1587 background: #fff;
1588 border: 1px solid #dedee7;
1589 padding: 10px 0;
1590 }
1591 .wp-adminify .tokenize-dropdown > .dropdown-menu li {
1592 line-height: 1;
1593 margin: 0;
1594 padding: 0;
1595 }
1596 .wp-adminify .tokenize-dropdown > .dropdown-menu li a {
1597 color: #736e91;
1598 display: inline-block;
1599 line-height: 24px;
1600 padding: 0 15px;
1601 width: 100%;
1602 }
1603 .wp-adminify .tokenize-dropdown > .dropdown-menu li a:hover {
1604 color: var(--adminify-primary);
1605 }
1606 .wp-adminify .tokenize-dropdown > .dropdown-menu li.tokenize-group-item {
1607 pointer-events: none;
1608 }
1609 .wp-adminify .tokenize-dropdown > .dropdown-menu li.tokenize-group-item:hover {
1610 background: transparent;
1611 }
1612 .wp-adminify .tokenize-dropdown > .dropdown-menu li.tokenize-group-item a.tokenize-group-header {
1613 display: block;
1614 padding: 5px 15px;
1615 font-size: 11px;
1616 font-weight: 600;
1617 text-transform: uppercase;
1618 color: #666 !important;
1619 background: #f5f5f5;
1620 border-bottom: 1px solid #dedee7;
1621 margin-bottom: 5px;
1622 pointer-events: none;
1623 cursor: default;
1624 }
1625 .wp-adminify .tokenize-dropdown > .dropdown-menu li.tokenize-group-item a.tokenize-group-header:hover {
1626 color: #666 !important;
1627 background: #f5f5f5;
1628 }
1629 .wp-adminify .tokenize-dropdown > .dropdown-menu li.tokenize-group-item + li a {
1630 padding-left: 25px;
1631 }
1632