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

1,498 lines 40.3 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.375);
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.activate-now {
504 border-color: #17b26a !important;
505 background-color: #17b26a !important;
506 color: #fff !important;
507 }
508 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now {
509 border-color: #f4b740 !important;
510 background-color: #f4b740 !important;
511 color: #fff;
512 }
513 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now::before {
514 color: #fff;
515 }
516 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message {
517 display: flex;
518 align-items: center;
519 }
520 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message::before {
521 font-family: dashicons;
522 content: "\f463";
523 font-size: 12px;
524 animation: rotation 2s infinite linear;
525 }
526 .wp-adminify-addons-wrapper .plugin-status-active {
527 color: #17b26a;
528 }
529 .wp-adminify-addons-wrapper .plugin-status-inactive {
530 color: #f04438;
531 }
532 .wp-adminify-addons-wrapper .plugin-status-not-install {
533 color: #1d2327;
534 }
535 .wp-adminify-addons-wrapper .plugin-status {
536 line-height: 34px;
537 }
538 .wp-adminify-addons-wrapper .hide {
539 display: none;
540 }
541
542 /*
543 * Useable Mixin
544 */
545 .wp-adminify .adminify-copyright {
546 display: flex;
547 flex-direction: column;
548 gap: 8px;
549 }
550 .wp-adminify .adminify-copyright p {
551 color: #736e91;
552 }
553 .wp-adminify .adminify-copyright p a {
554 color: var(--adminify-primary);
555 -webkit-text-decoration: none;
556 text-decoration: none;
557 }
558 .wp-adminify .adminify--footer {
559 display: flex;
560 align-items: center;
561 justify-content: space-between;
562 }
563 .wp-adminify .adminify--footer .adminify-footer-right {
564 float: right;
565 display: flex;
566 flex-direction: column;
567 gap: 8px;
568 }
569 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col {
570 display: flex;
571 justify-content: end;
572 gap: 24px;
573 }
574 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span {
575 color: #736e91;
576 }
577 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span .adminify-info-status {
578 display: inline-block;
579 padding: 1px 4px;
580 border-radius: 2px;
581 color: #fff;
582 }
583 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span:last-child {
584 font-weight: 500;
585 }
586 .wp-adminify .adminify--footer > p,
587 .wp-adminify .adminify--footer > .clear {
588 display: none;
589 }
590
591 .adminify-cloneable-item .adminify-cloneable-value {
592 display: none;
593 }
594 .adminify-cloneable-item .adminify-fieldset select {
595 border-color: #dedee7;
596 }
597 .adminify-cloneable-item .adminify-fieldset select:focus {
598 color: #48455f;
599 box-shadow: none;
600 }
601 .adminify-cloneable-item .adminify-fieldset a.adminify--remove, .adminify-cloneable-item .adminify-fieldset a.adminify-icon-remove {
602 color: #fff;
603 }
604 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-sort::before {
605 color: var(--adminify-primary);
606 }
607 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-clone::before {
608 color: #17b26a;
609 }
610 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-remove::before {
611 color: #f04438;
612 }
613
614 .wp-adminify #_wp_adminify_admin_page_display .inside {
615 margin: 8px 0 0;
616 }
617 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper {
618 display: flex;
619 gap: 20px;
620 padding: 26px 0;
621 border-top: 1px solid #dedee7;
622 }
623 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section {
624 padding: 0;
625 }
626 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section .adminify-section-title {
627 display: none;
628 }
629 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav {
630 width: 225px;
631 height: 100%;
632 padding-left: 12px;
633 }
634 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav ul,
635 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav li {
636 margin: 0;
637 }
638 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a {
639 display: block;
640 font-size: 13px;
641 font-weight: 500;
642 color: #48455f;
643 padding: 8px 12px;
644 border-radius: 2px;
645 }
646 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a.adminify-active {
647 color: #fff;
648 background-color: var(--adminify-primary);
649 }
650 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content {
651 width: calc(100% - 225px);
652 border-left: 1px solid #dedee7;
653 }
654 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections {
655 padding: 12px;
656 padding-top: 0;
657 }
658 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections:has(.adminify-field-checkbox):nth-child(2) {
659 padding-top: 0;
660 }
661
662 .wp-adminify .editor-editor-interface .editor-header .edit-post-fullscreen-mode-close:hover::before {
663 box-shadow: none;
664 }
665 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header {
666 border-color: #dedee7;
667 }
668 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header button:hover {
669 color: var(--adminify-primary);
670 }
671 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header [aria-orientation=horizontal]::after {
672 border-color: var(--adminify-primary);
673 }
674 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button {
675 box-shadow: inset 0 0 0 1px #dedee7 !important;
676 }
677 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button:hover {
678 color: var(--adminify-primary);
679 }
680 .wp-adminify .editor-editor-interface .interface-complementary-area .components-button:not(.is-small.has-icon) {
681 color: var(--adminify-primary);
682 }
683 .wp-adminify .editor-editor-interface .components-form-toggle input[type=checkbox]:focus + .components-form-toggle__track {
684 box-shadow: none !important;
685 }
686 .wp-adminify .editor-editor-interface .components-form-toggle.is-checked .components-form-toggle__track {
687 border-color: var(--adminify-primary) !important;
688 background-color: var(--adminify-primary) !important;
689 }
690 .wp-adminify .editor-editor-interface .components-panel__body .components-button.is-primary {
691 color: #fff !important;
692 background: var(--adminify-primary) !important;
693 }
694 .wp-adminify .editor-editor-interface .pre-publish-checklist .icon svg {
695 width: 18px;
696 height: 18px;
697 }
698 .wp-adminify .editor-editor-interface .postbox-header {
699 display: flex;
700 justify-content: space-between;
701 align-items: center;
702 padding: 0 16px;
703 height: 56px;
704 }
705 .wp-adminify .editor-editor-interface .postbox-header h2 {
706 padding: 0 !important;
707 }
708 .wp-adminify .editor-editor-interface .postbox-header .handle-actions {
709 display: flex;
710 align-items: center;
711 gap: 6px;
712 }
713 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button {
714 width: -moz-max-content;
715 width: max-content;
716 height: -moz-max-content;
717 height: max-content;
718 }
719 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button .span::before {
720 font-size: 18px;
721 }
722 .wp-adminify .editor-editor-interface .postbox-header:hover {
723 height: 56px !important;
724 }
725
726 body {
727 overflow-x: hidden;
728 }
729
730 .adminify-btn {
731 color: #fff;
732 font-size: 12px;
733 font-weight: 700;
734 line-height: 1.3;
735 padding: 8px 12px;
736 border-radius: 2px;
737 cursor: pointer;
738 transition: all 0.15s;
739 }
740 .adminify-btn-primary {
741 border: 1px solid var(--adminify-primary);
742 background: var(--adminify-primary);
743 }
744 .adminify-btn-primary:hover {
745 color: var(--adminify-primary);
746 background: transparent;
747 border-color: var(--adminify-primary);
748 }
749 .adminify-btn-outline-primary {
750 border: 1px solid var(--adminify-primary);
751 color: var(--adminify-primary);
752 }
753 .adminify-btn-outline-primary:hover {
754 color: var(--adminify-primary);
755 }
756 .adminify-btn-success {
757 border: 1px solid #17b26a;
758 background: #17b26a;
759 }
760 .adminify-btn-success:hover {
761 color: #17b26a;
762 background: transparent;
763 border-color: #17b26a;
764 }
765 .adminify-btn-outline-success {
766 border: 1px solid #17b26a;
767 color: #17b26a;
768 }
769 .adminify-btn-outline-success:hover {
770 color: #17b26a;
771 }
772 .adminify-btn-secondary {
773 border: 1px solid #48455f;
774 background: #48455f;
775 }
776 .adminify-btn-secondary:hover {
777 color: #48455f;
778 background: transparent;
779 border-color: #48455f;
780 }
781 .adminify-btn-outline-secondary {
782 border: 1px solid #48455f;
783 color: #48455f;
784 }
785 .adminify-btn-outline-secondary:hover {
786 color: #48455f;
787 }
788 .adminify-btn-warning {
789 border: 1px solid #f79009;
790 background: #f79009;
791 }
792 .adminify-btn-warning:hover {
793 color: #f79009;
794 background: transparent;
795 border-color: #f79009;
796 }
797 .adminify-btn-outline-warning {
798 border: 1px solid #f79009;
799 color: #f79009;
800 }
801 .adminify-btn-outline-warning:hover {
802 color: #f79009;
803 }
804 .adminify-btn-danger {
805 border: 1px solid #f04438;
806 background: #f04438;
807 }
808 .adminify-btn-danger:hover {
809 color: #f04438;
810 background: transparent;
811 border-color: #f04438;
812 }
813 .adminify-btn-outline-danger {
814 border: 1px solid #f04438;
815 color: #f04438;
816 }
817 .adminify-btn-outline-danger:hover {
818 color: #f04438;
819 }
820
821 .adminify-tag {
822 font-size: 12px;
823 font-weight: 500;
824 line-height: 16px;
825 padding: 2px 8px;
826 border-radius: 40px;
827 -webkit-text-decoration: none;
828 text-decoration: none;
829 }
830 .adminify-tag-primary {
831 color: #3a3ae9;
832 border: 1px solid #afafe9;
833 background: #e9e9f6;
834 }
835 .adminify-tag-primary:hover {
836 color: var(--adminify-primary);
837 }
838 .adminify-tag-secondary {
839 color: #48455f;
840 border: 1px solid #c4c4d4;
841 background: #eaeaf0;
842 }
843 .adminify-tag-secondary:hover {
844 color: #48455f;
845 }
846 .adminify-tag-warning {
847 color: #f79009;
848 border: 2px solid #fedf89;
849 background: #fffaeb;
850 }
851 .adminify-tag-danger {
852 color: #f04438;
853 border: 2px solid #fecdca;
854 background: #fef3f2;
855 }
856 .adminify-tag-danger:hover {
857 color: #f04438;
858 }
859 .adminify-tag-purple {
860 color: #6938ef;
861 border: 2px solid #d9d6fe;
862 background: #f4f3ff;
863 }
864 .adminify-tag-purple:hover {
865 color: #6938ef;
866 }
867
868 .adminify-pro-notice,
869 .adminify-missing-addons {
870 background-color: #fffbe9;
871 border: solid #f4b740;
872 border-width: 0 0 0 2px;
873 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
874 padding: 13px 1rem;
875 display: flex;
876 align-items: center;
877 gap: 8px;
878 }
879 .adminify-pro-notice p,
880 .adminify-missing-addons p {
881 margin: 0;
882 }
883 .adminify-pro-notice p a,
884 .adminify-missing-addons p a {
885 color: var(--adminify-primary);
886 }
887
888 .adminify-pro-notice {
889 align-items: center;
890 }
891
892 .adminify-missing-addons {
893 flex-wrap: wrap;
894 }
895
896 .wp-adminify-notice-latest_updates {
897 padding: 10px 40px 40px;
898 }
899
900 .adminify-block {
901 display: block !important;
902 }
903
904 .adminify-flex {
905 display: flex;
906 }
907
908 .\!adminify-flex {
909 display: flex !important;
910 }
911
912 .adminify-grid {
913 display: grid;
914 }
915
916 .adminify-col-fit {
917 grid-template-columns: fit-content(8ch) 1fr !important;
918 }
919
920 .adminify-flex-col {
921 display: flex;
922 flex-direction: column;
923 }
924
925 .adminify-flex-center {
926 display: flex;
927 align-items: center;
928 }
929
930 .adminify-justify-center {
931 justify-content: center;
932 }
933
934 .adminify-justify-between {
935 justify-content: space-between;
936 }
937
938 .adminify-gap-1 {
939 gap: 4px;
940 }
941
942 .adminify-gap-2 {
943 gap: 8px;
944 }
945
946 .adminify-gap-3 {
947 gap: 12px;
948 }
949
950 .adminify-gap-4 {
951 gap: 16px;
952 }
953
954 .adminify-m-0 {
955 margin: 0;
956 }
957
958 .adminify-mt-1 {
959 margin-top: 4px;
960 }
961
962 .adminify-mt-2 {
963 margin-top: 8px;
964 }
965
966 .adminify-mt-3 {
967 margin-top: 12px;
968 }
969
970 .adminify-mt-4 {
971 margin-top: 16px;
972 }
973
974 .adminify-mt-5 {
975 margin-top: 20px;
976 }
977
978 .adminify-mt-6 {
979 margin-top: 24px;
980 }
981
982 .adminify-mt-7 {
983 margin-top: 28px;
984 }
985
986 .adminify-mt-8 {
987 margin-top: 32px;
988 }
989
990 .adminify-mt-9 {
991 margin-top: 36px;
992 }
993
994 .adminify-mt-10 {
995 margin-top: 40px;
996 }
997
998 .adminify-p-0 {
999 padding: 0 !important;
1000 }
1001
1002 .adminify-p-1 {
1003 padding: 4px;
1004 }
1005
1006 .adminify-p-2 {
1007 padding: 8px;
1008 }
1009
1010 .adminify-p-3 {
1011 padding: 12px;
1012 }
1013
1014 .adminify-p-4 {
1015 padding: 16px;
1016 }
1017
1018 .adminify-p-5 {
1019 padding: 20px;
1020 }
1021
1022 .adminify-p-6 {
1023 padding: 24px;
1024 }
1025
1026 .adminify-pt-0 {
1027 padding-top: 0 !important;
1028 }
1029
1030 .adminify-pt-1 {
1031 padding-top: 4px;
1032 }
1033
1034 .adminify-pt-2 {
1035 padding-top: 8px;
1036 }
1037
1038 .adminify-pt-3 {
1039 padding-top: 12px;
1040 }
1041
1042 .adminify-pt-4 {
1043 padding-top: 16px;
1044 }
1045
1046 .adminify-pt-5 {
1047 padding-top: 20px;
1048 }
1049
1050 .adminify-pt-6 {
1051 padding-top: 24px;
1052 }
1053
1054 .adminify-pt-7 {
1055 padding-top: 28px;
1056 }
1057
1058 .adminify-pt-8 {
1059 padding-top: 32px;
1060 }
1061
1062 .adminify-pt-9 {
1063 padding-top: 36px;
1064 }
1065
1066 .adminify-pt-10 {
1067 padding-top: 40px;
1068 }
1069
1070 .adminify-pl-0 {
1071 padding-left: 0 !important;
1072 }
1073
1074 .notice-wp-adminify:has(img) {
1075 display: flex;
1076 }
1077 .notice-wp-adminify:has(img) img {
1078 width: 50px;
1079 }
1080
1081 #the-list .column-featured_image img {
1082 width: 50px;
1083 }
1084
1085 .wp-adminify .wp-submenu .adminify-addons-text {
1086 color: #ffa500;
1087 }
1088 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1089 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a {
1090 background-color: #ffa500;
1091 }
1092 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1093 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1094 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1095 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1096 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1097 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode {
1098 color: #000;
1099 }
1100 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1101 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover {
1102 background-color: #ffa500 !important;
1103 }
1104
1105 #TB_window {
1106 width: 70% !important;
1107 height: 750px !important;
1108 top: 50% !important;
1109 left: 50% !important;
1110 margin: 0 !important;
1111 transform: translate(-50%, -50%);
1112 border-radius: 2px;
1113 }
1114 #TB_window #TB_title #TB_closeWindowButton span::before {
1115 color: #f04438;
1116 }
1117 #TB_window #TB_title #TB_closeWindowButton:focus span {
1118 box-shadow: none;
1119 }
1120 #TB_window #TB_iframeContent {
1121 width: 100% !important;
1122 height: 750px !important;
1123 }
1124
1125 .wp-adminify input:focus,
1126 .wp-adminify a:focus,
1127 .wp-adminify button:focus {
1128 box-shadow: none !important;
1129 }
1130 .wp-adminify .wp-list-table,
1131 .wp-adminify .widefat,
1132 .wp-adminify .fixed {
1133 table-layout: inherit !important;
1134 }
1135 .wp-adminify .wp-list-table .edit-description,
1136 .wp-adminify .wp-list-table .edit-title,
1137 .wp-adminify .widefat .edit-description,
1138 .wp-adminify .widefat .edit-title,
1139 .wp-adminify .fixed .edit-description,
1140 .wp-adminify .fixed .edit-title {
1141 max-height: -moz-max-content !important;
1142 max-height: max-content !important;
1143 overflow: visible !important;
1144 flex-wrap: wrap;
1145 }
1146 .wp-adminify .wp-list-table .edit-description *,
1147 .wp-adminify .wp-list-table .edit-title *,
1148 .wp-adminify .widefat .edit-description *,
1149 .wp-adminify .widefat .edit-title *,
1150 .wp-adminify .fixed .edit-description *,
1151 .wp-adminify .fixed .edit-title * {
1152 white-space: normal !important;
1153 }
1154
1155 @media screen and (max-width: 320px) {
1156 .wp-adminify .notice * a {
1157 font-size: 10px;
1158 margin-top: 6px;
1159 }
1160 .wp-adminify .notice *:has(div h4) div {
1161 width: 100%;
1162 }
1163 .wp-adminify .notice * input {
1164 width: 100%;
1165 }
1166 .wp-adminify .notice * div:has(input) {
1167 padding-left: 0 !important;
1168 padding-right: 0 !important;
1169 }
1170 }
1171 @media screen and (max-width: 600px) {
1172 #wpbody {
1173 padding-top: 0 !important;
1174 }
1175 }
1176 @media screen and (max-width: 992px) {
1177 .wp-adminify .notice {
1178 flex-wrap: wrap;
1179 gap: 16px;
1180 }
1181 .wp-adminify .notice[style] {
1182 flex-wrap: wrap !important;
1183 }
1184 .wp-adminify .notice * {
1185 flex-wrap: wrap;
1186 gap: 16px;
1187 justify-content: center;
1188 }
1189 }
1190 @media screen and (max-width: 1024px) {
1191 #wpbody-content {
1192 padding-bottom: 0 !important;
1193 }
1194 .wp-core-ui .button,
1195 .wp-core-ui .button.button-large,
1196 .wp-core-ui .button.button-small,
1197 input#publish,
1198 input#save-post,
1199 a.preview,
1200 .wrap .page-title-action {
1201 font-size: 13px;
1202 line-height: 2.15384615;
1203 min-height: 30px;
1204 margin: 0;
1205 padding: 0 10px;
1206 }
1207 .wp-core-ui select {
1208 padding: 0 24px 0 8px;
1209 min-height: 30px;
1210 }
1211 input[type=checkbox],
1212 input[type=radio] {
1213 width: 1rem;
1214 height: 1rem;
1215 }
1216 input[type=checkbox]:checked::before {
1217 height: 1.3125rem !important;
1218 width: 1.3125rem !important;
1219 }
1220 }
1221 .wp-adminify .wp-adminify--menu--editor--container {
1222 max-width: 85%;
1223 margin: 0 auto;
1224 padding: 0 15px;
1225 }
1226 .wp-adminify .wp-adminify--menu--editor--container a {
1227 -webkit-text-decoration: none;
1228 text-decoration: none;
1229 }
1230 .wp-adminify .wp-adminify--menu--editor--container a:focus {
1231 box-shadow: none;
1232 }
1233 .wp-adminify .wp-adminify--menu--editor--container .adminify-menu-editor-help-urls {
1234 font-size: 1.5rem;
1235 font-weight: 600;
1236 color: #48455f;
1237 }
1238 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown {
1239 position: relative;
1240 }
1241 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu {
1242 display: none;
1243 position: absolute;
1244 top: 110%;
1245 right: 0;
1246 }
1247 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content {
1248 width: 96px;
1249 background: #fff;
1250 padding: 12px;
1251 border: 1px solid #dedee7;
1252 border-radius: 2px;
1253 }
1254 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content .adminify-dropdown-item {
1255 -webkit-text-decoration: none;
1256 text-decoration: none;
1257 color: var(--adminify-primary);
1258 font-weight: 600;
1259 }
1260 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-trigger:hover + .adminify-dropdown-menu {
1261 display: block;
1262 }
1263 .wp-adminify .wp-adminify--menu--editor--container .adminify-text-wrap,
1264 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings {
1265 margin-top: 36px;
1266 }
1267 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item {
1268 background: #fff;
1269 border: 0;
1270 border-radius: 3px;
1271 box-shadow: 0 0 5px 1px rgba(20, 20, 42, 0.1);
1272 }
1273 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .menu-editor-title {
1274 color: #48455f;
1275 font-size: 14px;
1276 font-weight: 700;
1277 line-height: 25px;
1278 -webkit-text-decoration: none;
1279 text-decoration: none;
1280 padding: 1rem;
1281 }
1282 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion {
1283 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1284 }
1285 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs {
1286 border-bottom: 1px solid #dedee7;
1287 padding: 0.5rem 1rem 0;
1288 }
1289 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs ul {
1290 border: 0;
1291 }
1292 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li {
1293 margin: 0;
1294 }
1295 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link {
1296 background-color: transparent;
1297 border: 0;
1298 color: #736e91;
1299 display: inline-block;
1300 padding: 0;
1301 padding: 0 1.25rem 10px;
1302 position: relative;
1303 }
1304 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link:before {
1305 content: "";
1306 background-color: transparent;
1307 border-top-left-radius: 3px;
1308 border-top-right-radius: 3px;
1309 height: 3px;
1310 width: 100%;
1311 left: 0;
1312 bottom: 0;
1313 position: absolute;
1314 }
1315 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active {
1316 color: var(--adminify-primary);
1317 }
1318 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active:before {
1319 background-color: var(--adminify-primary);
1320 }
1321 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane {
1322 border: 0;
1323 padding: 0.5rem 1.25rem 1.25rem;
1324 display: flex;
1325 flex-direction: column;
1326 gap: 16px;
1327 }
1328 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane > span {
1329 margin: 0 0 15px 0;
1330 display: block;
1331 }
1332 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form {
1333 display: flex;
1334 flex-direction: column;
1335 gap: 16px;
1336 }
1337 .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 {
1338 display: flex;
1339 gap: 16px;
1340 }
1341 .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 {
1342 display: flex;
1343 flex-direction: column;
1344 flex-basis: 0;
1345 flex-grow: 1;
1346 flex-shrink: 1;
1347 }
1348 .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 {
1349 color: #736e91;
1350 margin-bottom: 4px;
1351 }
1352 .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 {
1353 color: #667085;
1354 border: 1px solid #dedee7;
1355 padding: 6px 8px;
1356 line-height: 1.3;
1357 }
1358 .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 {
1359 box-shadow: none;
1360 border-color: var(--adminify-primary);
1361 }
1362 .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 {
1363 display: none;
1364 }
1365 .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 {
1366 height: auto;
1367 }
1368 .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 {
1369 border: 1px solid #dedee7;
1370 }
1371 .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 {
1372 border: 1px solid #dedee7;
1373 box-sizing: border-box;
1374 border-radius: 4px;
1375 height: auto;
1376 margin: 0;
1377 padding: 4px 35px 4px 10px;
1378 position: relative;
1379 min-width: 12rem;
1380 }
1381 .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 {
1382 margin: 0;
1383 padding: 0;
1384 }
1385 .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 {
1386 border: 0;
1387 top: 50%;
1388 left: 15px;
1389 margin-top: -11px;
1390 position: absolute;
1391 z-index: -1;
1392 }
1393 .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 {
1394 display: inline-block;
1395 min-width: 10px;
1396 z-index: 1;
1397 }
1398 .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 {
1399 display: none;
1400 }
1401 .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 {
1402 border: none !important;
1403 background-color: transparent !important;
1404 box-shadow: none;
1405 outline: none;
1406 line-height: 1.2 !important;
1407 padding: 0 !important;
1408 height: 100%;
1409 width: 100%;
1410 min-width: 100%;
1411 z-index: -1;
1412 }
1413 .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 {
1414 margin: 3px;
1415 z-index: 3;
1416 position: relative;
1417 margin: 3px 5px 3px 0;
1418 padding: 4px 20px 4px 6px;
1419 max-width: 100%;
1420 border-radius: 3px;
1421 color: #48455f;
1422 border: 1px solid #c4c4d4;
1423 background: #eaeaf0;
1424 font-weight: 500;
1425 line-height: 13px;
1426 cursor: default;
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 .columns .column .tokens-container li.token .dismiss {
1429 padding: 0 0 0 3px;
1430 font-size: 18px;
1431 line-height: 0.6;
1432 color: #736e91;
1433 }
1434 .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 {
1435 color: #48455f;
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 .tokens-container::after {
1438 content: "\e604";
1439 color: #736e91;
1440 font-family: "simple-line-icons";
1441 font-size: 10px;
1442 position: absolute;
1443 top: 0;
1444 right: 0;
1445 height: 100%;
1446 width: 28px;
1447 display: flex;
1448 align-items: center;
1449 justify-content: center;
1450 border-radius: 0px 6px 6px 0px;
1451 }
1452 .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 {
1453 border-color: var(--adminify-primary);
1454 box-shadow: none;
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 .tokenize.focus > .tokens-container:after {
1457 content: "\e607";
1458 }
1459 .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 {
1460 display: flex;
1461 justify-content: end;
1462 }
1463 .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 {
1464 color: #f04438;
1465 font-weight: 600;
1466 cursor: pointer;
1467 }
1468 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify-add-new-menu-editor-item {
1469 border-radius: 6px;
1470 text-align: center;
1471 padding: 16px;
1472 background: #fff;
1473 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1474 border: 2px dashed #c4c4d4;
1475 cursor: pointer;
1476 }
1477 .wp-adminify .tokenize-dropdown > .dropdown-menu {
1478 margin-top: 1px;
1479 background: #fff;
1480 border: 1px solid #dedee7;
1481 padding: 10px 0;
1482 }
1483 .wp-adminify .tokenize-dropdown > .dropdown-menu li {
1484 line-height: 1;
1485 margin: 0;
1486 padding: 0;
1487 }
1488 .wp-adminify .tokenize-dropdown > .dropdown-menu li a {
1489 color: #736e91;
1490 display: inline-block;
1491 line-height: 24px;
1492 padding: 0 15px;
1493 width: 100%;
1494 }
1495 .wp-adminify .tokenize-dropdown > .dropdown-menu li a:hover {
1496 color: var(--adminify-primary);
1497 }
1498