PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.2.26
Adminify – White Label, Admin Menu Editor, Login Customizer v4.2.26
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 / admin / css / admin.css

admin.css in Adminify – White Label, Admin Menu Editor, Login Customizer 4.2.26, at assets/admin/css/admin.css

2,021 lines 93.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./dev/admin/frame/index.scss ***!
3 \***************************************************************************************************************************************************************************************************************************************************/
4 body.wp-adminify {
5 --adminify-primary: #3a3ae9;
6 --adminify-preset-background: #f0f0f1;
7 --adminify-text-color: #fff;
8 --adminify-input-bg: #f1f1f3;
9 }
10
11 .adminify-progress {
12 position: fixed;
13 top: 0;
14 left: 0;
15 height: 3px;
16 display: block;
17 z-index: 9999;
18 width: 100%;
19 background-color: white;
20 border-radius: 2px;
21 background-clip: padding-box; /*margin: 0.5rem 0 1rem 0;*/
22 overflow: hidden;
23 }
24 .adminify-progress .adminify-indeterminate {
25 background-color: black;
26 }
27 .adminify-progress .adminify-indeterminate::before {
28 content: "";
29 position: absolute;
30 background-color: var(--adminify-primary);
31 top: 0;
32 left: 0;
33 bottom: 0;
34 will-change: left, right;
35 animation: adminify-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
36 }
37 .adminify-progress .adminify-indeterminate::after {
38 content: "";
39 position: absolute;
40 background-color: var(--adminify-primary);
41 top: 0;
42 left: 0;
43 bottom: 0;
44 will-change: left, right;
45 animation: adminify-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
46 animation-delay: 1.15s;
47 }
48 @keyframes adminify-indeterminate {
49 0% {
50 left: -35%;
51 right: 100%;
52 }
53 60% {
54 left: 100%;
55 right: -90%;
56 }
57 100% {
58 left: 100%;
59 right: -90%;
60 }
61 }
62 @keyframes adminify-indeterminate-short {
63 0% {
64 left: -200%;
65 right: 100%;
66 }
67 60% {
68 left: 107%;
69 right: -8%;
70 }
71 100% {
72 left: 107%;
73 right: -8%;
74 }
75 }
76 /* Reset CSS */
77 html[frame-adminify-app=true] #adminmenumain,
78 html[frame-adminify-app=true] #wpcontent,
79 html[frame-adminify-app=true] #wpadminbar,
80 html[frame-adminify-app=true] #wpfooter {
81 display: none !important;
82 }
83
84 /* App CSS */
85 .frame-adminify-app,
86 .frame-adminify-app * {
87 box-sizing: border-box;
88 }
89
90 .frame-adminify-app {
91 position: fixed;
92 width: 100%;
93 height: 100%;
94 height: 100dvh;
95 top: 0;
96 left: 0;
97 z-index: 999;
98 }
99
100 .frame-adminify-app--frame iframe {
101 width: 100%;
102 height: 100%;
103 border: none;
104 }
105
106 #frame-adminify-app {
107 box-sizing: border-box;
108 }
109 #frame-adminify-app a {
110 -webkit-text-decoration: none;
111 text-decoration: none;
112 }
113 #frame-adminify-app a:focus {
114 border: none;
115 box-shadow: none;
116 }
117 #frame-adminify-app .adminify-frame-wrapper {
118 display: grid;
119 grid-template-columns: 260px 1fr;
120 grid-template-columns: var(--adminify-menu-width, 260px) 1fr;
121 background: var(--adminify-menu-bg);
122 transition: all 0.3s;
123 }
124 #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu {
125 grid-template-columns: 1fr;
126 }
127 #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu .adminify-frame-content .adminify-toolbar {
128 padding-left: 0;
129 }
130 #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu {
131 padding-right: 1rem;
132 }
133 #frame-adminify-app .adminify-frame-wrapper.adminify-folded {
134 grid-template-columns: 60px 1fr;
135 }
136 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content {
137 display: flex;
138 flex-direction: column;
139 height: calc(100vh - 56px);
140 height: calc(100vh - var(--adminify-topbar-height, 56px));
141 height: calc(100dvh - 56px);
142 height: calc(100dvh - var(--adminify-topbar-height, 56px));
143 padding-bottom: 16px;
144 position: relative;
145 }
146 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe {
147 border-radius: 8px;
148 border: 1px solid var(--adminify-menu-border);
149 }
150 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-iframe-loading-overlay {
151 position: absolute;
152 top: 0;
153 left: 0;
154 right: 0;
155 bottom: 16px;
156 background: rgba(40, 40, 40, 0.132);
157 display: flex;
158 align-items: center;
159 justify-content: center;
160 z-index: 10;
161 border-radius: 8px;
162 opacity: 0;
163 visibility: hidden;
164 transition: opacity 0.2s ease, visibility 0.2s ease;
165 pointer-events: none;
166 }
167 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-iframe-loading-overlay.is-loading {
168 opacity: 1;
169 visibility: visible;
170 pointer-events: auto;
171 }
172 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-loading-spinner {
173 width: 40px;
174 height: 40px;
175 border: 3px solid #fff;
176 border-top-color: var(--adminify-primary-color);
177 border-radius: 50%;
178 animation: adminify-spin 0.8s linear infinite;
179 }
180 @keyframes adminify-spin {
181 to {
182 transform: rotate(360deg);
183 }
184 }
185 #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu {
186 padding: 0 16px;
187 }
188
189 body.wp-adminify {
190 --adminify-primary: #3a3ae9;
191 --adminify-preset-background: #f0f0f1;
192 --adminify-text-color: #fff;
193 --adminify-input-bg: #f1f1f3;
194 }
195
196 .frame-adminify-search-icon {
197 background: none;
198 border: none;
199 box-shadow: none;
200 cursor: pointer;
201 display: flex;
202 }
203 .frame-adminify-search-icon > svg {
204 width: 14px;
205 height: 14px;
206 }
207
208 .frame-adminify-search-overlay {
209 animation: frame_adminify__fade-in-animation 0.2s ease-out 0s;
210 animation-fill-mode: forwards;
211 background-color: rgba(0, 0, 0, 0.3490196078);
212 bottom: 0;
213 display: flex;
214 left: 0;
215 position: fixed;
216 right: 0;
217 top: 0;
218 z-index: 100000;
219 }
220
221 .frame-adminify-search-form {
222 position: absolute;
223 top: calc(20% + 64px);
224 left: calc(50% - 200px);
225 width: 400px;
226 transform: translateX(-50%) translateY(-50%);
227 animation: frame_adminify__appear-animation 0.1s ease-out;
228 animation-fill-mode: forwards;
229 background: #fff;
230 border: 1px solid #dedee7;
231 border-radius: 2px;
232 box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1490196078), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.1490196078), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.1490196078), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.1490196078);
233 padding: 16px;
234 z-index: 100001;
235 }
236 .frame-adminify-search-form .frame-adminify-search {
237 display: flex;
238 align-items: center;
239 }
240 .frame-adminify-search-form .frame-adminify-search > input[type=search] {
241 width: 100%;
242 border: none;
243 box-shadow: none;
244 }
245 .frame-adminify-search-form .frame-adminify-search > svg {
246 margin-right: 4px;
247 }
248 .frame-adminify-search-form .frame-adminify-search-list {
249 max-height: 260px;
250 overflow: auto;
251 }
252 .frame-adminify-search-form .frame-adminify-search-list > ul {
253 margin-top: 1rem;
254 }
255 .frame-adminify-search-form .frame-adminify-search-list > ul li.adminify-search-title {
256 background: var(--adminify-primary);
257 color: #fff;
258 padding: 6px 12px;
259 border-radius: 2px;
260 }
261 .frame-adminify-search-form .frame-adminify-search-list > ul li:not(.adminify-search-title) {
262 margin-left: 12px;
263 }
264
265 @keyframes frame_adminify__fade-in-animation {
266 0% {
267 opacity: 0;
268 }
269 to {
270 opacity: 1;
271 }
272 }
273 @keyframes frame_adminify__appear-animation {
274 0% {
275 transform: translateY(32px);
276 }
277 to {
278 transform: translateY(0);
279 }
280 }
281 .adminify-toolbar-wrapper {
282 display: grid;
283 grid-template-columns: 260px 1fr;
284 grid-template-columns: var(--adminify-menu-width, 260px) 1fr;
285 transition: grid-template-columns 0.3s;
286 padding: 0 1rem;
287 background: var(--adminify-menu-bg);
288 }
289 .adminify-toolbar-wrapper .frame-adminify-logo {
290 display: flex;
291 align-items: flex-start;
292 padding: 12px 0;
293 overflow: hidden;
294 }
295 .adminify-toolbar-wrapper .frame-adminify-logo a {
296 display: flex;
297 align-items: center;
298 }
299 .adminify-toolbar-wrapper .frame-adminify-logo a .adminify-mini-logo {
300 display: none;
301 }
302 .adminify-toolbar-wrapper .frame-adminify-logo a .adminify-logo-text {
303 width: -moz-max-content;
304 width: max-content;
305 }
306 .adminify-toolbar-wrapper .frame-adminify-logo:has(flex) {
307 display: none;
308 }
309 .adminify-toolbar-wrapper .adminify-toolbar {
310 display: flex;
311 align-items: center;
312 justify-content: space-between;
313 flex-wrap: wrap;
314 width: 100%;
315 padding: 8px 0 6px 0;
316 }
317 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu {
318 display: flex;
319 align-items: center;
320 flex-wrap: wrap;
321 gap: 12px;
322 margin: 2px 0;
323 }
324 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item {
325 position: relative;
326 font-size: 14px;
327 margin: 0;
328 }
329 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a {
330 display: flex;
331 align-items: center;
332 gap: 4px;
333 font-size: 13px;
334 font-weight: 600;
335 color: var(--adminify-menu-text-color);
336 background-color: transparent;
337 padding: 0;
338 font-style: normal;
339 cursor: pointer;
340 }
341 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .wp-ui-notification.wpforms-menu-notification-counter, .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .wp-ui-notification.aioseo-menu-notification-counter {
342 display: flex;
343 justify-content: center;
344 align-items: center;
345 width: 18px;
346 height: 18px;
347 border-radius: 50px;
348 }
349 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a span::before {
350 font-size: 16px;
351 width: 16px;
352 height: 16px;
353 }
354 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .adminify-top-menu-item-has-icon img, .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a img {
355 width: 20px;
356 height: 20px;
357 }
358 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-item {
359 display: flex;
360 align-items: center;
361 gap: 4px;
362 }
363 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-icon {
364 display: inline-block;
365 width: 20px;
366 height: 20px;
367 }
368 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-icon::before {
369 font-family: dashicons;
370 font-size: 20px;
371 line-height: 1;
372 }
373 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-logo {
374 display: inline-block;
375 min-width: 20px;
376 min-height: 20px;
377 }
378 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-logo.svg {
379 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsOiM4Mjg3OGMiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjAzLjYgMzk1YzYuOC0xNy40IDYuOC0zNi42IDAtNTRsLTc5LjQtMjA0aDcwLjlsNDcuNyAxNDkuNCA3NC44LTIwNy42SDExNi40Yy00MS44IDAtNzYgMzQuMi03NiA3NlYzNTdjMCA0MS44IDM0LjIgNzYgNzYgNzZIMTczYzE2LTguOSAyNC42LTIyLjcgMzAuNi0zOE00NzEuNiAxNTQuOGMwLTQxLjgtMzQuMi03Ni03Ni03NmgtM0wyODUuNyAzNjVjLTkuNiAyNi43LTE5LjQgNDkuMy0zMC4zIDY4aDIxNi4yeiIvPjxwYXRoIGQ9Im0zMzggMS4zLTkzLjMgMjU5LjEtNDIuMS0xMzEuOWgtODkuMWw4My44IDIxNS4yYzYgMTUuNSA2IDMyLjUgMCA0OC03LjQgMTktMTkgMzcuMy01MyA0MS45bC03LjIgMXY3Nmg4LjNjODEuNyAwIDExOC45LTU3LjIgMTQ5LjYtMTQyLjlMNDMxLjYgMS4zek0yNzkuNCAzNjJjLTMyLjkgOTItNjcuNiAxMjguNy0xMjUuNyAxMzEuOHYtNDVjMzcuNS03LjUgNTEuMy0zMSA1OS4xLTUxLjEgNy41LTE5LjMgNy41LTQwLjcgMC02MGwtNzUtMTkyLjdoNTIuOGw1My4zIDE2Ni44IDEwNS45LTI5NGg1OC4xeiIvPjwvc3ZnPg==");
380 background-position: center;
381 background-repeat: no-repeat;
382 background-size: 20px;
383 width: 20px;
384 height: 20px;
385 }
386 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-issue-counter {
387 background-color: #d63638;
388 border-radius: 9px;
389 color: #fff;
390 display: inline;
391 padding: 1px 7px 1px 6px;
392 font-size: 11px;
393 font-weight: 600;
394 }
395 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .screen-reader-text,
396 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a ._screen-reader-text {
397 clip: rect(1px, 1px, 1px, 1px);
398 word-wrap: normal !important;
399 border: 0;
400 clip-path: inset(50%);
401 height: 1px;
402 margin: -1px;
403 overflow: hidden;
404 padding: 0;
405 position: absolute;
406 width: 1px;
407 }
408 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button {
409 font-size: 13px;
410 font-weight: 600;
411 color: var(--adminify-menu-text-color);
412 background-color: transparent;
413 padding: 0;
414 border: none;
415 background-color: transparent;
416 cursor: pointer;
417 width: 100%;
418 }
419 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item a,
420 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button {
421 text-align: left;
422 padding: 0.5rem 0.2rem;
423 }
424 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item a span,
425 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button span {
426 display: flex;
427 align-items: center;
428 gap: 4px;
429 }
430 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item a .dashicons,
431 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button .dashicons {
432 display: flex;
433 align-items: center;
434 justify-content: center;
435 font-size: 16px;
436 }
437 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item a:hover,
438 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button:hover {
439 color: var(--adminify-primary);
440 }
441 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item#adminify-top-menu-trp_edit_translation > a .ab-icon::before {
442 content: "\f326";
443 }
444 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item.adminify-hambuger button svg {
445 width: 16px;
446 height: 16px;
447 }
448 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item.adminify-top-menu-new-content {
449 padding: 0;
450 }
451 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item.adminify-top-menu-new-content > a {
452 display: flex;
453 align-items: center;
454 gap: 4px;
455 border-radius: 2px;
456 line-height: 28px;
457 padding: 2px 10px !important;
458 background: var(--adminify-primary);
459 color: #fff;
460 }
461 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item.adminify-top-menu-new-content:hover button {
462 color: #fff;
463 }
464 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown {
465 position: absolute;
466 top: 39px;
467 left: auto;
468 font-size: 0.875rem;
469 z-index: 9999;
470 min-width: 12rem;
471 padding: 0.6rem 0;
472 list-style: none;
473 border-radius: 0.5rem;
474 display: none;
475 background: var(--adminify-menu-bg);
476 border-radius: 2px;
477 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
478 border: 1px solid var(--adminify-menu-border);
479 }
480 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a {
481 padding: 0.4rem 0.7rem;
482 font-weight: 500;
483 }
484 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a span {
485 gap: 0;
486 }
487 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a:hover {
488 background: #f5f5f5;
489 }
490 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown.show {
491 display: block;
492 }
493 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown.adminify-dropdown-submenu {
494 position: absolute;
495 left: 100%;
496 top: 0px;
497 }
498 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown[data-dropdown-lavel="1"]::before {
499 content: "";
500 position: absolute;
501 height: 12px;
502 width: 12px;
503 border: 1px solid var(--adminify-menu-border);
504 border-width: 1px 0 0 1px;
505 transform: rotate(45deg);
506 -webkit-transform: rotate(45deg);
507 background-color: var(--adminify-menu-bg);
508 top: -7px;
509 left: 1rem;
510 }
511 .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown::after {
512 content: "";
513 position: absolute;
514 height: 10px;
515 width: 100%;
516 bottom: 100%;
517 }
518 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary {
519 display: flex;
520 align-items: center;
521 gap: 10px;
522 }
523 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .adminify-top-menu .adminify-top-menu-item .adminify-dropdown .adminify-top-menu-item button {
524 padding: 0.2rem 0.7rem;
525 }
526 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper {
527 position: relative;
528 }
529 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .adminify-mode-icon {
530 padding: 4px;
531 width: 32px;
532 height: 32px;
533 display: flex;
534 align-items: center;
535 justify-content: center;
536 border-radius: 50%;
537 position: relative;
538 box-sizing: border-box;
539 cursor: pointer;
540 transition: all 0.2s ease-out;
541 }
542 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .adminify-mode-icon .darkIcon,
543 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .adminify-mode-icon .lightIcon {
544 position: absolute;
545 }
546 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .adminify-mode-icon > svg.systemIcon path {
547 stroke-width: 1.5px;
548 }
549 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown {
550 background: var(--adminify-menu-bg);
551 width: 110px;
552 border: 1px solid var(--adminify-menu-border);
553 border-radius: 10px;
554 padding: 5px 0 10px 10px;
555 display: flex;
556 flex-direction: column;
557 position: absolute;
558 top: 40px;
559 right: -39px;
560 z-index: 9999;
561 box-sizing: border-box;
562 visibility: hidden;
563 opacity: 0.0001;
564 transition: 0.3s cubic-bezier(0.2, 0, 0, 1.6);
565 transform: scale(0.6) translateY(-20%);
566 -webkit-transform: scale(0.6) translateY(-20%);
567 }
568 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown::before {
569 content: "";
570 position: absolute;
571 height: 12px;
572 width: 12px;
573 border: 1px solid var(--adminify-menu-border);
574 border-width: 1px 0 0 1px;
575 transform: rotate(45deg);
576 -webkit-transform: rotate(45deg);
577 background-color: var(--adminify-menu-bg);
578 top: -7px;
579 left: 0;
580 right: 0;
581 margin: auto;
582 }
583 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div {
584 background: none;
585 border: none;
586 text-align: left;
587 font-size: 14px;
588 color: var(--adminify-menu-text-color);
589 padding: 3px 8px;
590 display: flex;
591 align-items: center;
592 gap: 8px;
593 cursor: pointer;
594 }
595 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div > span {
596 font-size: 12px;
597 color: var(--adminify-menu-text-color);
598 }
599 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div > svg.lightIcon,
600 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div > svg.darkIcon {
601 width: 18px !important;
602 }
603 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div > svg.systemIcon {
604 width: 14px;
605 }
606 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #adminify-color-mode-wrapper .light-dark-dropdown > div > svg.systemIcon path {
607 stroke-width: 1.5px;
608 }
609 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #wp-adminify-color-mode-wrapper .light-dark-dropdown {
610 background: var(--adminify-menu-bg);
611 }
612 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #wp-adminify-color-mode-wrapper .light-dark-dropdown::before {
613 background-color: var(--adminify-menu-bg);
614 }
615 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #wp-adminify-color-mode-wrapper .light-dark-dropdown > div {
616 color: var(--adminify-menu-text-color);
617 }
618 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > span {
619 color: var(--adminify-menu-text-color);
620 }
621 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--preview {
622 padding: 0 8px 0 0;
623 }
624 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--preview .wp-adminify-preview-trigger {
625 color: var(--adminify-menu-text-color);
626 }
627 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account {
628 position: relative;
629 }
630 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify-user-avatar {
631 background: none;
632 border: none;
633 outline: none;
634 position: relative;
635 padding: 0;
636 cursor: pointer;
637 }
638 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify-user-avatar > img {
639 width: 32px;
640 height: 32px;
641 border-radius: 50%;
642 }
643 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify-user-avatar .adminify-user-status {
644 position: absolute;
645 bottom: 4px;
646 right: 0px;
647 display: block;
648 width: 8px;
649 height: 8px;
650 background-color: #0cce6b;
651 border-radius: 50%;
652 border: 2px solid var(--adminify-menu-bg);
653 animation: status-shadow 3s infinite;
654 }
655 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper {
656 position: absolute;
657 top: calc(100% + 8px);
658 right: 0;
659 background: #fff;
660 border: 1px solid #dedee7;
661 border-radius: 6px;
662 padding: 6px 0;
663 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
664 visibility: hidden;
665 opacity: 0;
666 transform: scale(0.6) translateY(-20%);
667 transition: 0.3s cubic-bezier(0.2, 0, 0, 1.6);
668 z-index: 9999999;
669 }
670 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper::before {
671 content: "";
672 position: absolute;
673 height: 12px;
674 width: 12px;
675 border: 1px solid #dedee7;
676 border-width: 1px 0 0 1px;
677 transform: rotate(45deg);
678 -webkit-transform: rotate(45deg);
679 background-color: #fff;
680 top: -7px;
681 right: 16px;
682 margin: auto;
683 }
684 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper.active {
685 visibility: visible;
686 opacity: 0.9999;
687 transform: none;
688 }
689 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper .wp-adminify-user-info .wp-adminify-user-name {
690 margin: 6px 16px 0 16px;
691 font-size: 1rem;
692 line-height: 1.5;
693 color: #182230;
694 }
695 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper .wp-adminify-user-info > span {
696 margin: 6px 16px 0 16px;
697 font-size: 12px;
698 letter-spacing: 0.2px;
699 color: #5a5676;
700 white-space: nowrap;
701 }
702 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul {
703 margin-bottom: 0;
704 }
705 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul > hr {
706 margin: 4px;
707 }
708 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul > li {
709 margin: 0;
710 padding: 6px 16px;
711 }
712 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul > li a {
713 color: var(--adminify-primary);
714 font-size: 13px;
715 display: flex;
716 align-items: center;
717 }
718 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul > li a > svg {
719 margin-right: 4px;
720 width: 12px;
721 height: 12px;
722 }
723 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper > ul > li a .wp-adminify-profile-icon {
724 width: 14px;
725 height: 14px;
726 }
727 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .adminify-comment-trigger {
728 position: relative;
729 border: 0;
730 background-color: transparent;
731 display: flex;
732 cursor: pointer;
733 }
734 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .adminify-comment-trigger .topbar-icon svg path {
735 fill: var(--adminify-menu-text-color);
736 }
737 .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .adminify-comment-trigger .comment-counter {
738 position: absolute;
739 top: -8px;
740 color: #fff;
741 left: 19px;
742 width: 16px;
743 height: 16px;
744 background-color: var(--adminify-primary);
745 border-radius: 50%;
746 font-size: 11px;
747 font-weight: 600;
748 display: flex;
749 align-items: center;
750 justify-content: center;
751 }
752 .adminify-toolbar-wrapper.adminify-toolbar-collapse {
753 grid-template-columns: 60px 1fr;
754 }
755 .adminify-toolbar-wrapper.adminify-toolbar-collapse .frame-adminify-logo a .adminify-mini-logo {
756 display: block;
757 }
758 .adminify-toolbar-wrapper.adminify-toolbar-collapse .frame-adminify-logo a .adminify-logo {
759 display: none;
760 }
761 .adminify-toolbar-wrapper.adminify-horizontal-toolbar {
762 display: flex;
763 gap: 16px;
764 }
765 .adminify-toolbar-wrapper.adminify-horizontal-toolbar .frame-adminify-logo {
766 align-items: flex-start;
767 padding: 12px 0;
768 overflow: visible;
769 }
770 .adminify-toolbar-wrapper.adminify-horizontal-toolbar .adminify-toolbar .adminify-top-menu {
771 gap: 8px;
772 }
773 .adminify-toolbar-wrapper.adminify-horizontal-toolbar .adminify-toolbar .adminify-top-menu a {
774 font-size: 12px !important;
775 }
776
777 @media screen and (max-width: 992px) {
778 .adminify-toolbar-wrapper {
779 display: flex;
780 align-items: center;
781 gap: 16px;
782 }
783 .adminify-toolbar-wrapper .frame-adminify-logo {
784 overflow: visible;
785 }
786 .adminify-toolbar-wrapper .frame-adminify-logo a .adminify-logo-text {
787 display: none !important;
788 }
789 .adminify-toolbar-wrapper .frame-adminify-logo .adminify-mini-logo {
790 display: block !important;
791 }
792 .adminify-toolbar-wrapper .frame-adminify-logo .adminify-logo {
793 display: none;
794 }
795 .adminify-toolbar-wrapper .adminify-toolbar .adminify-top-menu .adminify-top-menu-item:not(.adminify-top-menu-item.adminify-hambuger) {
796 display: none;
797 }
798 .adminify-horizontal-menu {
799 height: 100% !important;
800 padding-bottom: 40px !important;
801 padding: 0 !important;
802 }
803 }
804 @keyframes status-shadow {
805 0% {
806 transform: scale(0.95);
807 box-shadow: 0 0 0 0 rgba(12, 206, 107, 0.8);
808 }
809 50% {
810 transform: scale(1);
811 box-shadow: 0 0 0 6px rgba(12, 206, 107, 0);
812 }
813 }
814 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap {
815 width: var(--adminify-menu-width);
816 background: var(--adminify-menu-bg);
817 transition: all 0.3s;
818 padding-right: 3px;
819 }
820 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search {
821 display: flex;
822 align-items: center;
823 gap: 4px;
824 padding: 4px 12px;
825 margin: 4px;
826 background: #fff;
827 background: var(--adminify-menu-bg, #fff);
828 border: 1px solid #e2e8f0;
829 border-radius: 6px;
830 }
831 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-icon {
832 flex-shrink: 0;
833 color: #94a3b8;
834 width: 16px;
835 height: 16px;
836 }
837 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input {
838 width: 100%;
839 border: 1px solid transparent;
840 outline: none;
841 background: transparent;
842 font-size: 13px;
843 color: #334155;
844 color: var(--adminify-menu-text-color, #334155);
845 line-height: 1.4;
846 padding: 2px 4px;
847 border-radius: 4px;
848 }
849 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input::-moz-placeholder {
850 color: #94a3b8;
851 }
852 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input::placeholder {
853 color: #94a3b8;
854 }
855 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input:focus {
856 border: none !important;
857 box-shadow: none !important;
858 }
859 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap ul {
860 margin: 0;
861 }
862 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap ul li {
863 list-style: none;
864 margin: 0;
865 }
866 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper {
867 position: relative;
868 overflow-y: scroll;
869 overflow-x: hidden;
870 }
871 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
872 width: var(--adminify-menu-width);
873 height: calc(100vh - 78px);
874 height: calc(100vh - var(--adminify-sidebar-offset, 78px));
875 height: calc(100dvh - 78px);
876 height: calc(100dvh - var(--adminify-sidebar-offset, 78px));
877 transition: width 0.3s;
878 }
879 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu {
880 padding: var(--adminify-menu-wrapper-padding-top) var(--adminify-menu-wrapper-padding-right) var(--adminify-menu-wrapper-padding-bottom) var(--adminify-menu-wrapper-padding-left);
881 }
882 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item {
883 display: block;
884 margin-top: var(--adminify-menu-vertical-padding);
885 }
886 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a {
887 display: flex;
888 align-items: center;
889 justify-content: space-between;
890 gap: 10px;
891 padding: 6px 14px;
892 border-radius: 2px;
893 font-size: var(--adminify-menu-font-size);
894 line-height: var(--adminify-menu-line-height);
895 letter-spacing: var(--adminify-menu-letter-spacing);
896 color: var(--adminify-menu-text-color);
897 font-weight: 500;
898 -webkit-text-decoration: none;
899 text-decoration: none;
900 cursor: pointer;
901 transition: width 0.5s;
902 }
903 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-image[style] {
904 position: relative;
905 width: 18px;
906 height: 18px;
907 -webkit-mask-position: center;
908 mask-position: center;
909 -webkit-mask-repeat: no-repeat;
910 mask-repeat: no-repeat;
911 -webkit-mask-size: 20px auto;
912 mask-size: 20px auto;
913 background-color: var(--adminify-menu-text-color);
914 }
915 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap {
916 display: flex;
917 align-items: center;
918 gap: 10px;
919 }
920 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image {
921 display: flex;
922 justify-content: center;
923 align-items: center;
924 }
925 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image > img {
926 width: 18px;
927 height: 18px;
928 filter: contrast(0.2);
929 }
930 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon {
931 display: flex;
932 justify-content: center;
933 align-items: center;
934 }
935 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg {
936 width: 16px;
937 height: 16px;
938 }
939 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
940 fill: var(--adminify-menu-text-color);
941 }
942 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon::before {
943 font-size: 18px;
944 }
945 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon-symbol {
946 display: flex;
947 justify-content: center;
948 align-items: center;
949 width: 18px;
950 height: 18px;
951 }
952 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name {
953 display: flex;
954 align-items: center;
955 gap: 8px;
956 width: -moz-max-content;
957 width: max-content;
958 }
959 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name > span {
960 background: #5b5bf7;
961 background: var(--adminify-notif-bg-color, #5b5bf7);
962 color: #fff;
963 color: var(--adminify-notif-color, #fff);
964 font-size: 11px;
965 font-weight: 600;
966 line-height: 0;
967 min-width: 18px;
968 height: 18px;
969 padding: 0 5px;
970 border-radius: 9px;
971 display: inline-flex;
972 align-items: center;
973 justify-content: center;
974 position: inherit !important;
975 box-sizing: border-box;
976 }
977 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name > span.count-0 {
978 display: none;
979 }
980 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons-arrow-right-alt2 {
981 display: flex;
982 align-items: center;
983 justify-content: center;
984 font-size: 13px;
985 }
986 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons {
987 transition: none;
988 }
989 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a:hover {
990 background: var(--adminify-menu-hover-bg);
991 color: var(--adminify-menu-text-hover-color);
992 }
993 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a:hover .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
994 fill: var(--adminify-menu-text-hover-color);
995 }
996 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a:hover .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child {
997 background: var(--adminify-menu-text-hover-color);
998 color: var(--adminify-menu-hover-bg);
999 }
1000 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a:hover .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1001 background-color: var(--adminify-menu-active-color) !important;
1002 }
1003 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a:focus {
1004 box-shadow: none;
1005 }
1006 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top {
1007 padding: 16px 0 24px 0;
1008 }
1009 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top .frame-adminify-user-avatar {
1010 display: flex;
1011 align-items: center;
1012 flex-direction: column;
1013 }
1014 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details a {
1015 display: block;
1016 text-align: center;
1017 word-wrap: break-word;
1018 padding: 0 1rem;
1019 }
1020 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name {
1021 margin-top: 8px;
1022 margin-bottom: 0;
1023 display: flex;
1024 align-items: center;
1025 justify-content: space-between;
1026 gap: 0.8rem;
1027 }
1028 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name a {
1029 font-size: 17px;
1030 line-height: 20px;
1031 color: var(--adminify-menu-text-color);
1032 }
1033 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name .frame-adminify-user-logout {
1034 display: flex;
1035 align-items: center;
1036 cursor: pointer;
1037 }
1038 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name .frame-adminify-user-logout a svg {
1039 display: flex;
1040 width: 14px;
1041 height: 14px;
1042 }
1043 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name .frame-adminify-user-logout a svg path {
1044 fill: var(--adminify-menu-text-color);
1045 opacity: 0.7;
1046 transition: all 0.1s;
1047 }
1048 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-name .frame-adminify-user-logout a:hover svg path {
1049 opacity: 1;
1050 }
1051 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-text .frame-adminify-user-details .frame-adminify-user-email {
1052 font-size: 13px;
1053 font-weight: 400;
1054 line-height: 25px;
1055 color: var(--adminify-menu-text-color);
1056 display: block;
1057 text-align: center;
1058 }
1059 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-rounded .frame-adminify-user-avatar img {
1060 border-radius: 50%;
1061 }
1062 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-icon .frame-adminify-icon {
1063 display: flex;
1064 justify-content: center;
1065 align-items: center;
1066 margin-top: 12px;
1067 }
1068 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-icon .frame-adminify-icon a {
1069 padding: 0 5px;
1070 cursor: pointer;
1071 }
1072 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-icon .frame-adminify-icon a svg {
1073 width: 14px;
1074 height: 14px;
1075 }
1076 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-admin-menu-top.adminify-icon .frame-adminify-icon a svg path {
1077 stroke: var(--adminify-primary);
1078 }
1079 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu {
1080 padding: var(--adminify-submenu-wrapper-padding-top) var(--adminify-submenu-wrapper-padding-right) var(--adminify-submenu-wrapper-padding-bottom) var(--adminify-submenu-wrapper-padding-left);
1081 background: var(--adminify-submenu-wrapper-bg);
1082 }
1083 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item {
1084 margin-top: var(--adminify-submenu-vertical-padding);
1085 }
1086 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item:first-child {
1087 margin-top: 8px;
1088 }
1089 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a {
1090 display: block;
1091 width: -moz-max-content;
1092 width: max-content;
1093 padding: 4px 10px;
1094 font-size: var(--adminify-menu-font-size);
1095 line-height: var(--adminify-menu-line-height);
1096 letter-spacing: var(--adminify-menu-letter-spacing);
1097 color: var(--adminify-submenu-text-color);
1098 font-weight: 500;
1099 -webkit-text-decoration: none;
1100 text-decoration: none;
1101 cursor: pointer;
1102 display: flex;
1103 align-items: center;
1104 gap: 8px;
1105 }
1106 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a:hover {
1107 color: var(--adminify-submenu-text-hover-color);
1108 background: var(--adminify-submenu-hover-bg);
1109 }
1110 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a .update-plugins {
1111 background: #5b5bf7;
1112 background: var(--adminify-notif-bg-color, #5b5bf7);
1113 color: #fff;
1114 color: var(--adminify-notif-color, #fff);
1115 font-size: 11px;
1116 font-weight: 600;
1117 line-height: 0;
1118 min-width: 18px;
1119 height: 18px;
1120 padding: 0 5px;
1121 border-radius: 9px;
1122 display: flex;
1123 align-items: center;
1124 justify-content: center;
1125 box-sizing: border-box;
1126 }
1127 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a .adminify-addons-text {
1128 color: #ffa500;
1129 }
1130 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a span[style*=color] {
1131 color: inherit !important;
1132 }
1133 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a :last-child {
1134 position: inherit !important;
1135 }
1136 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item.frame-adminify--submenu-active > a {
1137 color: var(--adminify-submenu-active-color);
1138 background: var(--adminify-submenu-active-bg);
1139 }
1140 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify--menu-active > a {
1141 color: var(--adminify-menu-active-color);
1142 background: var(--adminify-menu-active-bg);
1143 }
1144 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1145 fill: var(--adminify-menu-active-color);
1146 }
1147 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1148 background-color: var(--adminify-menu-active-color) !important;
1149 }
1150 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name span:last-child {
1151 background-color: #fff;
1152 color: var(--adminify-menu-hover-bg);
1153 }
1154 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify-has-submenu > a .dashicons-arrow-right-alt2::before {
1155 transition: transform 0.4s;
1156 }
1157 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify-has-submenu.frame-adminify--menu-show > a .dashicons-arrow-right-alt2::before {
1158 transform: rotate(-90deg);
1159 }
1160 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item:first-child {
1161 margin-top: 0;
1162 }
1163 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item:has(hr.frame-adminify-menu-separator):last-child {
1164 display: none;
1165 }
1166 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar {
1167 width: 3px;
1168 }
1169 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-track {
1170 background: transparent;
1171 }
1172 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-thumb {
1173 background-color: #a8a9ac;
1174 }
1175 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap hr.frame-adminify-menu-separator {
1176 margin: 0;
1177 margin-top: var(--adminify-menu-vertical-padding);
1178 border: 0;
1179 height: 1px;
1180 background-color: var(--adminify-menu-border);
1181 }
1182 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu {
1183 transition: transform 0.3s;
1184 }
1185 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1186 position: absolute;
1187 content: "";
1188 top: 0px;
1189 top: var(--adminify-menu-scroll-top, 0px);
1190 left: 0;
1191 width: 100%;
1192 height: calc(100vh - 78px);
1193 height: calc(100vh - var(--adminify-sidebar-offset, 78px));
1194 height: calc(100dvh - 78px);
1195 height: calc(100dvh - var(--adminify-sidebar-offset, 78px));
1196 transform: translateX(100%);
1197 margin: 0;
1198 padding: 16px;
1199 padding-top: 8px;
1200 visibility: hidden;
1201 transition: transform 0.3s, visibility 0.3s;
1202 background: var(--adminify-menu-bg);
1203 z-index: 9999;
1204 overflow: hidden;
1205 }
1206 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu {
1207 height: 100%;
1208 overflow-y: auto;
1209 overscroll-behavior: contain;
1210 padding-left: 8px !important;
1211 padding-top: 0 !important;
1212 }
1213 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step {
1214 margin-bottom: 12px;
1215 }
1216 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title {
1217 display: flex;
1218 align-items: center;
1219 gap: 6px;
1220 width: auto;
1221 cursor: pointer;
1222 }
1223 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow {
1224 display: flex;
1225 align-items: center;
1226 justify-content: center;
1227 color: var(--adminify-menu-text-color);
1228 padding: 4px;
1229 }
1230 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow::before {
1231 font-size: 18px;
1232 font-weight: 600;
1233 }
1234 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title h2 {
1235 line-height: 1.4;
1236 margin: 0px;
1237 text-wrap: pretty;
1238 color: var(--adminify-menu-text-color);
1239 font-size: 20px;
1240 font-weight: 600;
1241 display: flex;
1242 align-items: center;
1243 gap: 8px;
1244 word-wrap: break-word;
1245 }
1246 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title h2 .update-plugins {
1247 background: #5b5bf7;
1248 background: var(--adminify-notif-bg-color, #5b5bf7);
1249 color: #fff;
1250 color: var(--adminify-notif-color, #fff);
1251 font-size: 11px;
1252 font-weight: 600;
1253 line-height: 0;
1254 min-width: 18px;
1255 height: 18px;
1256 padding: 0 5px;
1257 border-radius: 9px;
1258 display: flex;
1259 align-items: center;
1260 justify-content: center;
1261 box-sizing: border-box;
1262 }
1263 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item {
1264 margin-left: 20px;
1265 }
1266 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item:first-child {
1267 margin-left: 0;
1268 }
1269 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu::-webkit-scrollbar {
1270 width: 0px;
1271 height: 0px;
1272 }
1273 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper::-webkit-scrollbar {
1274 width: 0px;
1275 height: 0px;
1276 }
1277 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show .frame-adminify-submenu-wrapper {
1278 visibility: visible !important;
1279 }
1280 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .dashicons-arrow-right-alt2::before {
1281 transform: rotate(0deg) !important;
1282 }
1283 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify-has-submenu > a .dashicons-arrow-right-alt2::before {
1284 transition: transform 0s !important;
1285 }
1286 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper {
1287 height: 100%;
1288 overflow-y: hidden;
1289 }
1290 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1291 height: auto !important;
1292 }
1293 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu .frame-adminify-admin-menu {
1294 transform: translateX(-100%);
1295 }
1296 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step].adminify-sidebar-folded:has(.frame-adminify--menu-show) .frame-adminify-admin-menu-wrapper:hover {
1297 overflow-y: hidden;
1298 }
1299 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step].adminify-sidebar-folded:has(.frame-adminify--menu-show) .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu {
1300 height: 100% !important;
1301 }
1302 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step].adminify-sidebar-folded:has(.frame-adminify--menu-show) .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show .frame-adminify-submenu-wrapper {
1303 height: 100%;
1304 transform: translateX(0%);
1305 }
1306 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-admin-menu, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-admin-menu {
1307 overflow: hidden;
1308 }
1309 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-admin-menu .frame-adminify-has-submenu .frame-adminify-submenu-wrapper, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-admin-menu .frame-adminify-has-submenu .frame-adminify-submenu-wrapper {
1310 height: 0;
1311 visibility: hidden;
1312 transition: height 0.3s;
1313 }
1314 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-admin-menu .frame-adminify-has-submenu.frame-adminify--menu-show .frame-adminify-submenu-wrapper, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-admin-menu .frame-adminify-has-submenu.frame-adminify--menu-show .frame-adminify-submenu-wrapper {
1315 overflow: hidden;
1316 visibility: visible !important;
1317 transition: height 0.3s;
1318 }
1319 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded {
1320 position: relative;
1321 width: 60px;
1322 z-index: 999;
1323 }
1324 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1325 width: 60px;
1326 }
1327 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-name {
1328 opacity: 0;
1329 transition: opacity 0.2s cubic-bezier(1, 0.46, 0.23, -0.08);
1330 }
1331 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons-arrow-right-alt2 {
1332 opacity: 0;
1333 }
1334 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1335 display: none;
1336 }
1337 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded.frame-adminify-menu-mode-rounded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded.frame-adminify-menu-mode-rounded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::before, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded.frame-adminify-menu-mode-rounded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded.frame-adminify-menu-mode-rounded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::before {
1338 visibility: hidden !important;
1339 }
1340 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu {
1341 width: var(--adminify-menu-width);
1342 }
1343 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-name {
1344 opacity: 1;
1345 }
1346 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons-arrow-right-alt2 {
1347 opacity: 1;
1348 }
1349 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1350 display: block;
1351 }
1352 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover) {
1353 width: var(--adminify-menu-width);
1354 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
1355 }
1356 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover).frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover)[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover).frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover)[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::before, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover).frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover)[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover).frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover)[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::before {
1357 visibility: visible !important;
1358 transition: visibility 0.1s;
1359 }
1360 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded.adminify-icon-style-rounded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu .frame-adminify-admin-menu .frame-adminify-menu-item a {
1361 border-radius: 10px;
1362 }
1363 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item > a {
1364 position: relative;
1365 }
1366 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item > a .frame-adminify-menu-item-wrap {
1367 position: relative;
1368 z-index: 99999;
1369 }
1370 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a {
1371 border-radius: 3rem 0 0 3rem;
1372 }
1373 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a .dashicons-arrow-right-alt2, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .dashicons-arrow-right-alt2 {
1374 display: none;
1375 }
1376 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::after {
1377 position: absolute;
1378 content: "";
1379 top: -35px;
1380 right: 0;
1381 visibility: visible;
1382 width: 35px;
1383 height: 35px;
1384 border: 0;
1385 margin-top: 0;
1386 z-index: 1;
1387 border-bottom-right-radius: 18px;
1388 border-top-right-radius: 6px;
1389 box-shadow: 0 20px 0 0 var(--adminify-menu-active-bg);
1390 background-color: transparent;
1391 z-index: 9999;
1392 transition: all 0.2s;
1393 }
1394 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::before, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::before {
1395 position: absolute;
1396 top: auto;
1397 bottom: -35px;
1398 right: 0;
1399 content: "";
1400 visibility: visible;
1401 width: 35px;
1402 height: 35px;
1403 margin-top: 0;
1404 transform: rotate(0deg);
1405 border-top-right-radius: 18px;
1406 border-bottom-right-radius: 6px;
1407 box-shadow: 0 -20px 0 0 var(--adminify-menu-active-bg);
1408 background-color: transparent;
1409 z-index: 9999;
1410 transition: all 0.2s;
1411 }
1412 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a {
1413 color: var(--adminify-menu-active-color);
1414 background: var(--adminify-menu-active-bg);
1415 }
1416 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1417 fill: var(--adminify-menu-active-color);
1418 }
1419 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1420 background-color: var(--adminify-menu-active-color) !important;
1421 }
1422
1423 .frame-adminify-submenu-item.frame-adminify-has-third-level {
1424 position: relative;
1425 }
1426 .frame-adminify-submenu-item.frame-adminify-has-third-level > a {
1427 display: flex;
1428 align-items: center;
1429 justify-content: space-between;
1430 width: 100% !important;
1431 }
1432 .frame-adminify-submenu-item.frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1433 font-size: 14px;
1434 transition: transform 0.2s ease;
1435 margin-left: auto;
1436 display: flex;
1437 align-items: center;
1438 justify-content: center;
1439 }
1440 .frame-adminify-submenu-item.frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1441 transform: rotate(90deg);
1442 }
1443
1444 .frame-adminify-third-level-wrapper {
1445 overflow: hidden;
1446 transition: height 0.3s ease;
1447 }
1448 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1449 padding: 0;
1450 margin: 0;
1451 list-style: none;
1452 }
1453
1454 .frame-adminify-third-level-menu {
1455 padding: 0;
1456 margin: 0;
1457 list-style: none;
1458 background: rgba(0, 0, 0, 0.03);
1459 background: var(--adminify-submenu-wrapper-bg, rgba(0, 0, 0, 0.03));
1460 border-radius: 4px;
1461 margin-top: 4px;
1462 }
1463 .frame-adminify-third-level-menu .frame-adminify-third-level-item {
1464 margin: 0;
1465 }
1466 .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1467 display: block;
1468 padding: 8px 12px 8px 20px;
1469 color: #666;
1470 color: var(--adminify-submenu-text-color, #666);
1471 font-size: 13px;
1472 -webkit-text-decoration: none;
1473 text-decoration: none;
1474 transition: all 0.2s ease;
1475 border-left: 2px solid transparent;
1476 }
1477 .frame-adminify-third-level-menu .frame-adminify-third-level-item a:hover {
1478 background: rgba(0, 0, 0, 0.05);
1479 background: var(--adminify-submenu-hover-bg, rgba(0, 0, 0, 0.05));
1480 color: #333;
1481 color: var(--adminify-submenu-text-hover-color, #333);
1482 border-left-color: #5c6ac4;
1483 border-left-color: var(--adminify-primary, #5c6ac4);
1484 }
1485 .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a {
1486 background: rgba(0, 0, 0, 0.08);
1487 background: var(--adminify-submenu-active-bg, rgba(0, 0, 0, 0.08));
1488 color: #333;
1489 color: var(--adminify-submenu-active-color, #333);
1490 border-left-color: #5c6ac4;
1491 border-left-color: var(--adminify-primary, #5c6ac4);
1492 font-weight: 500;
1493 }
1494
1495 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper {
1496 position: relative;
1497 }
1498 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container {
1499 position: absolute;
1500 top: 0;
1501 left: 0;
1502 width: 100%;
1503 height: 100%;
1504 transform: translateX(100%);
1505 transition: transform 0.3s ease;
1506 background: var(--adminify-submenu-wrapper-bg);
1507 z-index: 10;
1508 overflow: hidden;
1509 }
1510 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container.frame-adminify-third-level-visible {
1511 transform: translateX(0);
1512 }
1513 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel {
1514 height: 100%;
1515 overflow-y: auto;
1516 overscroll-behavior: contain;
1517 padding-left: 8px !important;
1518 padding-top: 0 !important;
1519 }
1520 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel::-webkit-scrollbar {
1521 width: 0px;
1522 height: 0px;
1523 }
1524 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step {
1525 margin-bottom: 12px;
1526 }
1527 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title {
1528 display: flex;
1529 align-items: center;
1530 gap: 6px;
1531 width: auto;
1532 cursor: pointer;
1533 }
1534 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow {
1535 display: flex;
1536 align-items: center;
1537 justify-content: center;
1538 color: var(--adminify-menu-text-color);
1539 padding: 4px;
1540 }
1541 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow::before {
1542 font-size: 18px;
1543 font-weight: 600;
1544 }
1545 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title h2 {
1546 line-height: 1.4;
1547 margin: 0px;
1548 text-wrap: pretty;
1549 color: var(--adminify-menu-text-color);
1550 font-size: 20px;
1551 font-weight: 600;
1552 display: flex;
1553 align-items: center;
1554 gap: 8px;
1555 word-wrap: break-word;
1556 }
1557 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-third-level-item {
1558 margin-left: 20px;
1559 }
1560 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-third-level-item a {
1561 padding-left: 10px;
1562 border-left: none;
1563 }
1564 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu {
1565 transition: transform 0.3s ease;
1566 }
1567 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu.frame-adminify-submenu-slide-left {
1568 transform: translateX(-100%);
1569 }
1570 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1571 opacity: 0.7;
1572 }
1573 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a:hover .frame-adminify-third-level-arrow {
1574 opacity: 1;
1575 }
1576
1577 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu,
1578 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1579 background: transparent;
1580 margin-top: 0;
1581 border-radius: 0;
1582 padding-left: 8px;
1583 }
1584 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a,
1585 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1586 padding: 6px 12px 6px 16px;
1587 font-size: 12px;
1588 }
1589 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow,
1590 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1591 transform: rotate(90deg);
1592 }
1593
1594 @media screen and (max-width: 992px) {
1595 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap {
1596 position: absolute !important;
1597 top: 0;
1598 left: 0;
1599 bottom: 0;
1600 height: auto;
1601 width: 260px !important;
1602 display: flex;
1603 flex-direction: column;
1604 transform: translateX(-100%);
1605 transition: transform 0.4s;
1606 z-index: 9999;
1607 }
1608 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper {
1609 flex: 1 1 auto;
1610 min-height: 0;
1611 height: auto;
1612 overflow-y: auto;
1613 overscroll-behavior: contain;
1614 -webkit-overflow-scrolling: touch;
1615 }
1616 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1617 width: 260px !important;
1618 height: auto;
1619 min-height: 100%;
1620 }
1621 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper ul.frame-adminify-admin-menu {
1622 padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
1623 padding-bottom: calc(var(--adminify-menu-wrapper-padding-bottom, 16px) + env(safe-area-inset-bottom, 0px));
1624 }
1625 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1626 top: 0px;
1627 top: var(--adminify-menu-scroll-top, 0px);
1628 bottom: auto;
1629 height: 100%;
1630 height: var(--adminify-menu-viewport-height, 100%);
1631 }
1632 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper {
1633 height: auto;
1634 overflow-y: hidden;
1635 }
1636 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse {
1637 transform: translateX(0) !important;
1638 }
1639 #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu {
1640 padding: 0 !important;
1641 }
1642 #frame-adminify-app .adminify-frame-wrapper:has(.adminify-sidebar-collapse)::before {
1643 position: fixed;
1644 content: "";
1645 top: 0;
1646 left: 0;
1647 width: 100%;
1648 height: 100%;
1649 background: rgba(0, 0, 0, 0.3490196078);
1650 z-index: 999;
1651 }
1652 }
1653 .adminify-horizontal-menu-wrapper {
1654 border-top: 1px solid var(--adminify-menu-border);
1655 }
1656 .adminify-horizontal-menu-wrapper > ul {
1657 display: flex;
1658 align-items: center;
1659 -moz-column-gap: 16px;
1660 column-gap: 16px;
1661 flex-wrap: wrap;
1662 margin: 8px 0;
1663 }
1664 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item {
1665 position: relative;
1666 margin: 0;
1667 padding: 8px 0;
1668 cursor: pointer;
1669 }
1670 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a {
1671 display: flex;
1672 align-items: center;
1673 justify-content: space-between;
1674 gap: 8px;
1675 font-size: 13px;
1676 font-weight: 600;
1677 color: var(--adminify-menu-text-color);
1678 background-color: transparent;
1679 padding: 0;
1680 }
1681 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap {
1682 display: flex;
1683 align-items: center;
1684 gap: 8px;
1685 }
1686 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon {
1687 display: flex;
1688 align-items: center;
1689 width: 14px;
1690 height: 14px;
1691 }
1692 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg {
1693 width: 14px;
1694 height: 14px;
1695 }
1696 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1697 fill: var(--adminify-menu-text-color);
1698 }
1699 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon::before {
1700 font-size: 16px !important;
1701 }
1702 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image {
1703 width: 16px;
1704 height: 16px;
1705 }
1706 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image > img {
1707 width: 16px;
1708 height: 16px;
1709 filter: contrast(0.2);
1710 }
1711 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1712 position: relative;
1713 width: 16px;
1714 height: 16px;
1715 -webkit-mask-position: center;
1716 mask-position: center;
1717 -webkit-mask-repeat: no-repeat;
1718 mask-repeat: no-repeat;
1719 -webkit-mask-size: 16px auto;
1720 mask-size: 16px auto;
1721 background-color: var(--adminify-menu-text-color);
1722 }
1723 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name {
1724 display: flex;
1725 align-items: center;
1726 gap: 8px;
1727 }
1728 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child {
1729 background: var(--adminify-notif-bg-color);
1730 color: var(--adminify-notif-color);
1731 font-size: 11px;
1732 font-weight: 600;
1733 width: 16px;
1734 height: 16px;
1735 padding: 4px;
1736 border-radius: 50%;
1737 display: flex;
1738 align-items: center;
1739 justify-content: center;
1740 position: inherit !important;
1741 }
1742 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child.count-0 {
1743 display: none;
1744 }
1745 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow {
1746 transform: rotate(0);
1747 transition: transform 0.4s;
1748 }
1749 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg {
1750 width: 14px;
1751 height: 12px;
1752 }
1753 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg path {
1754 fill: var(--adminify-menu-text-color);
1755 }
1756 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1757 display: none;
1758 position: absolute;
1759 top: 40px;
1760 margin-top: -12px;
1761 z-index: 999;
1762 }
1763 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1764 margin-top: 12px;
1765 display: flex;
1766 flex-direction: column;
1767 padding: 12px 0;
1768 background: var(--adminify-menu-bg);
1769 border-radius: 2px;
1770 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1771 border: 1px solid var(--adminify-menu-border);
1772 }
1773 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item {
1774 margin: 0;
1775 position: relative;
1776 }
1777 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a {
1778 color: var(--adminify-menu-text-color);
1779 padding: 2px 1rem;
1780 font-size: 13px;
1781 line-height: 28px;
1782 font-weight: 500;
1783 display: flex;
1784 align-items: center;
1785 justify-content: space-between;
1786 gap: 4px;
1787 min-width: 160px;
1788 }
1789 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a span[style*=color] {
1790 color: inherit !important;
1791 }
1792 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a :last-child {
1793 position: inherit !important;
1794 }
1795 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow {
1796 display: flex;
1797 align-items: center;
1798 margin-left: auto;
1799 }
1800 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow svg {
1801 width: 10px;
1802 height: 10px;
1803 }
1804 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow svg path {
1805 fill: var(--adminify-menu-text-color);
1806 }
1807 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item:hover > a {
1808 color: var(--adminify-primary);
1809 }
1810 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item:hover > a .frame-adminify-third-level-arrow svg path {
1811 fill: var(--adminify-primary);
1812 }
1813 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .adminify-addons-text {
1814 color: #ffa500;
1815 }
1816 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper {
1817 display: none;
1818 position: absolute;
1819 top: -12px;
1820 left: 100%;
1821 padding-left: 4px;
1822 z-index: 1000;
1823 }
1824 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1825 display: flex;
1826 flex-direction: column;
1827 padding: 12px 0;
1828 margin: 0;
1829 background: var(--adminify-menu-bg);
1830 border-radius: 2px;
1831 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1832 border: 1px solid var(--adminify-menu-border);
1833 list-style: none;
1834 }
1835 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item {
1836 margin: 0;
1837 }
1838 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1839 color: var(--adminify-menu-text-color);
1840 padding: 2px 1rem;
1841 font-size: 13px;
1842 line-height: 28px;
1843 font-weight: 500;
1844 display: block;
1845 min-width: 140px;
1846 white-space: nowrap;
1847 -webkit-text-decoration: none;
1848 text-decoration: none;
1849 }
1850 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item:hover a {
1851 color: var(--adminify-primary);
1852 }
1853 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a {
1854 color: var(--adminify-primary);
1855 }
1856 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item.frame-adminify-has-third-level:hover .frame-adminify-third-level-wrapper {
1857 display: block;
1858 }
1859 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1860 content: "";
1861 position: absolute;
1862 height: 12px;
1863 width: 12px;
1864 border: 1px solid var(--adminify-menu-border);
1865 border-width: 1px 0 0 1px;
1866 transform: rotate(45deg);
1867 -webkit-transform: rotate(45deg);
1868 background-color: var(--adminify-menu-bg);
1869 top: 6px;
1870 left: 32px;
1871 }
1872 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a {
1873 color: var(--adminify-primary);
1874 }
1875 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1876 fill: var(--adminify-primary);
1877 }
1878 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow {
1879 transform: rotate(180deg);
1880 }
1881 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow svg path {
1882 fill: var(--adminify-primary) !important;
1883 }
1884 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper {
1885 display: block;
1886 }
1887 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a {
1888 color: var(--adminify-primary);
1889 }
1890 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1891 fill: var(--adminify-primary);
1892 }
1893 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-submenu-arrow svg path {
1894 fill: var(--adminify-primary) !important;
1895 }
1896 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active .frame-adminify-submenu .frame-adminify-submenu-active > a {
1897 color: var(--adminify-primary) !important;
1898 }
1899 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-icons-only ul .frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper::before {
1900 left: 5px !important;
1901 }
1902 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-bubble ul .frame-adminify-menu-item .frame-adminify-menu-item-name span:last-child {
1903 display: none !important;
1904 }
1905
1906 @media screen and (max-width: 992px) {
1907 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper {
1908 position: fixed;
1909 top: 0;
1910 left: 0;
1911 bottom: 0;
1912 width: 260px;
1913 height: 100vh;
1914 height: 100dvh;
1915 display: flex;
1916 flex-direction: column;
1917 padding: 12px 0;
1918 padding-right: 4px;
1919 background-color: var(--adminify-menu-bg);
1920 border: 0;
1921 z-index: 999;
1922 transform: translateX(-100%);
1923 transition: transform 0.4s;
1924 }
1925 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul {
1926 flex-direction: column;
1927 align-items: flex-start;
1928 flex-wrap: nowrap;
1929 margin: 0;
1930 padding: 0 16px;
1931 padding-right: 12px;
1932 padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
1933 flex: 1 1 auto;
1934 min-height: 0;
1935 height: auto;
1936 overflow-y: auto;
1937 overscroll-behavior: contain;
1938 -webkit-overflow-scrolling: touch;
1939 }
1940 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item {
1941 width: 100%;
1942 }
1943 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1944 position: relative;
1945 top: 0;
1946 height: 0;
1947 }
1948 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1949 box-shadow: none;
1950 border: 0;
1951 padding-top: 8px;
1952 }
1953 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item .frame-adminify-third-level-wrapper {
1954 position: relative;
1955 top: 0;
1956 left: 0;
1957 padding-left: 0;
1958 height: 0;
1959 overflow: hidden;
1960 }
1961 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1962 box-shadow: none;
1963 border: 0;
1964 padding: 8px 0 8px 16px;
1965 }
1966 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item.frame-adminify-has-third-level:hover .frame-adminify-third-level-wrapper {
1967 height: auto;
1968 }
1969 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1970 display: none;
1971 }
1972 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item.frame-adminify-has-submenu.frame-adminify--menu-active .frame-adminify-submenu-wrapper {
1973 height: auto;
1974 }
1975 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper.adminify-horizontal-sidebar-collapse {
1976 transform: translateX(0) !important;
1977 }
1978 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-bubble ul .frame-adminify-menu-item .frame-adminify-menu-item-name span:last-child {
1979 display: flex !important;
1980 }
1981 .frame-adminify-app:has(.adminify-horizontal-sidebar-collapse)::before {
1982 position: absolute;
1983 content: "";
1984 left: 0;
1985 width: 100%;
1986 height: 100%;
1987 background: rgba(0, 0, 0, 0.3490196078);
1988 z-index: 999;
1989 }
1990 }
1991 @media screen and (max-width: 992px) {
1992 #frame-adminify-app .adminify-frame-wrapper {
1993 grid-template-columns: 1fr !important;
1994 }
1995 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content {
1996 padding: 0;
1997 }
1998 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe {
1999 border-radius: 0;
2000 padding: 0;
2001 padding-left: 0;
2002 padding-right: 0;
2003 border: 0;
2004 border-top: 1px solid #dedee7;
2005 }
2006 }
2007 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app .adminify-frame-content,
2008 body.wp-adminify.adminify-ui.post-php #frame-adminify-app .adminify-frame-content,
2009 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app .adminify-frame-content {
2010 padding-top: 0;
2011 }
2012 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app--iframe,
2013 body.wp-adminify.adminify-ui.post-php #frame-adminify-app--iframe,
2014 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app--iframe {
2015 border-top: 0;
2016 border-left: 0;
2017 border-top-left-radius: 0;
2018 border-top-right-radius: 0;
2019 border-bottom-left-radius: 0;
2020 }
2021