PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.0.7
Adminify – White Label, Admin Menu Editor, Login Customizer v4.0.7
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.0.7, at assets/css/adminify-menu-editor.css

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