PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.2.25
Adminify – White Label, Admin Menu Editor, Login Customizer v4.2.25
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.25, at assets/admin/css/admin.css

1,966 lines 91.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??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 transition: width 0.3s;
875 }
876 #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 {
877 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);
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 li.frame-adminify-menu-item {
880 display: block;
881 margin-top: var(--adminify-menu-vertical-padding);
882 }
883 #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 {
884 display: flex;
885 align-items: center;
886 justify-content: space-between;
887 gap: 10px;
888 padding: 6px 14px;
889 border-radius: 2px;
890 font-size: var(--adminify-menu-font-size);
891 line-height: var(--adminify-menu-line-height);
892 letter-spacing: var(--adminify-menu-letter-spacing);
893 color: var(--adminify-menu-text-color);
894 font-weight: 500;
895 -webkit-text-decoration: none;
896 text-decoration: none;
897 cursor: pointer;
898 transition: width 0.5s;
899 }
900 #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] {
901 position: relative;
902 width: 18px;
903 height: 18px;
904 -webkit-mask-position: center;
905 mask-position: center;
906 -webkit-mask-repeat: no-repeat;
907 mask-repeat: no-repeat;
908 -webkit-mask-size: 20px auto;
909 mask-size: 20px auto;
910 background-color: var(--adminify-menu-text-color);
911 }
912 #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 {
913 display: flex;
914 align-items: center;
915 gap: 10px;
916 }
917 #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 {
918 display: flex;
919 justify-content: center;
920 align-items: center;
921 }
922 #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 {
923 width: 18px;
924 height: 18px;
925 filter: contrast(0.2);
926 }
927 #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 {
928 display: flex;
929 justify-content: center;
930 align-items: center;
931 }
932 #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 {
933 width: 16px;
934 height: 16px;
935 }
936 #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 {
937 fill: var(--adminify-menu-text-color);
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::before {
940 font-size: 18px;
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-symbol {
943 display: flex;
944 justify-content: center;
945 align-items: center;
946 width: 18px;
947 height: 18px;
948 }
949 #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 {
950 display: flex;
951 align-items: center;
952 gap: 8px;
953 width: -moz-max-content;
954 width: max-content;
955 }
956 #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 {
957 background: #5b5bf7;
958 background: var(--adminify-notif-bg-color, #5b5bf7);
959 color: #fff;
960 color: var(--adminify-notif-color, #fff);
961 font-size: 11px;
962 font-weight: 600;
963 line-height: 0;
964 min-width: 18px;
965 height: 18px;
966 padding: 0 5px;
967 border-radius: 9px;
968 display: inline-flex;
969 align-items: center;
970 justify-content: center;
971 position: inherit !important;
972 box-sizing: border-box;
973 }
974 #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 {
975 display: none;
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 .dashicons-arrow-right-alt2 {
978 display: flex;
979 align-items: center;
980 justify-content: center;
981 font-size: 13px;
982 }
983 #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 {
984 transition: none;
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:hover {
987 background: var(--adminify-menu-hover-bg);
988 color: var(--adminify-menu-text-hover-color);
989 }
990 #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 {
991 fill: 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-item-name :last-child {
994 background: var(--adminify-menu-text-hover-color);
995 color: var(--adminify-menu-hover-bg);
996 }
997 #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] {
998 background-color: var(--adminify-menu-active-color) !important;
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:focus {
1001 box-shadow: none;
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 .frame-adminify-admin-menu-top {
1004 padding: 16px 0 24px 0;
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 .frame-adminify-user-avatar {
1007 display: flex;
1008 align-items: center;
1009 flex-direction: column;
1010 }
1011 #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 {
1012 display: block;
1013 text-align: center;
1014 word-wrap: break-word;
1015 padding: 0 1rem;
1016 }
1017 #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 {
1018 margin-top: 8px;
1019 margin-bottom: 0;
1020 display: flex;
1021 align-items: center;
1022 justify-content: space-between;
1023 gap: 0.8rem;
1024 }
1025 #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 {
1026 font-size: 17px;
1027 line-height: 20px;
1028 color: var(--adminify-menu-text-color);
1029 }
1030 #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 {
1031 display: flex;
1032 align-items: center;
1033 cursor: pointer;
1034 }
1035 #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 {
1036 display: flex;
1037 width: 14px;
1038 height: 14px;
1039 }
1040 #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 {
1041 fill: var(--adminify-menu-text-color);
1042 opacity: 0.7;
1043 transition: all 0.1s;
1044 }
1045 #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 {
1046 opacity: 1;
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-email {
1049 font-size: 13px;
1050 font-weight: 400;
1051 line-height: 25px;
1052 color: var(--adminify-menu-text-color);
1053 display: block;
1054 text-align: center;
1055 }
1056 #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 {
1057 border-radius: 50%;
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-icon .frame-adminify-icon {
1060 display: flex;
1061 justify-content: center;
1062 align-items: center;
1063 margin-top: 12px;
1064 }
1065 #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 {
1066 padding: 0 5px;
1067 cursor: pointer;
1068 }
1069 #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 {
1070 width: 14px;
1071 height: 14px;
1072 }
1073 #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 {
1074 stroke: var(--adminify-primary);
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-submenu-wrapper .frame-adminify-submenu {
1077 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);
1078 background: var(--adminify-submenu-wrapper-bg);
1079 }
1080 #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 {
1081 margin-top: var(--adminify-submenu-vertical-padding);
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:first-child {
1084 margin-top: 8px;
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 > a {
1087 display: block;
1088 width: -moz-max-content;
1089 width: max-content;
1090 padding: 4px 10px;
1091 font-size: var(--adminify-menu-font-size);
1092 line-height: var(--adminify-menu-line-height);
1093 letter-spacing: var(--adminify-menu-letter-spacing);
1094 color: var(--adminify-submenu-text-color);
1095 font-weight: 500;
1096 -webkit-text-decoration: none;
1097 text-decoration: none;
1098 cursor: pointer;
1099 display: flex;
1100 align-items: center;
1101 gap: 8px;
1102 }
1103 #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 {
1104 color: var(--adminify-submenu-text-hover-color);
1105 background: var(--adminify-submenu-hover-bg);
1106 }
1107 #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 {
1108 background: #5b5bf7;
1109 background: var(--adminify-notif-bg-color, #5b5bf7);
1110 color: #fff;
1111 color: var(--adminify-notif-color, #fff);
1112 font-size: 11px;
1113 font-weight: 600;
1114 line-height: 0;
1115 min-width: 18px;
1116 height: 18px;
1117 padding: 0 5px;
1118 border-radius: 9px;
1119 display: flex;
1120 align-items: center;
1121 justify-content: center;
1122 box-sizing: border-box;
1123 }
1124 #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 {
1125 color: #ffa500;
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 span[style*=color] {
1128 color: inherit !important;
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 :last-child {
1131 position: 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.frame-adminify--submenu-active > a {
1134 color: var(--adminify-submenu-active-color);
1135 background: var(--adminify-submenu-active-bg);
1136 }
1137 #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 {
1138 color: var(--adminify-menu-active-color);
1139 background: var(--adminify-menu-active-bg);
1140 }
1141 #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 {
1142 fill: var(--adminify-menu-active-color);
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-image[style] {
1145 background-color: var(--adminify-menu-active-color) !important;
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-item-name span:last-child {
1148 background-color: #fff;
1149 color: var(--adminify-menu-hover-bg);
1150 }
1151 #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 {
1152 transition: transform 0.4s;
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.frame-adminify--menu-show > a .dashicons-arrow-right-alt2::before {
1155 transform: rotate(-90deg);
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:first-child {
1158 margin-top: 0;
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:has(hr.frame-adminify-menu-separator):last-child {
1161 display: none;
1162 }
1163 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar {
1164 width: 3px;
1165 }
1166 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-track {
1167 background: transparent;
1168 }
1169 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-thumb {
1170 background-color: #a8a9ac;
1171 }
1172 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap hr.frame-adminify-menu-separator {
1173 margin: 0;
1174 margin-top: var(--adminify-menu-vertical-padding);
1175 border: 0;
1176 height: 1px;
1177 background-color: var(--adminify-menu-border);
1178 }
1179 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu {
1180 transition: transform 0.3s;
1181 }
1182 #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 {
1183 position: absolute;
1184 content: "";
1185 top: 0;
1186 left: 0;
1187 width: 100%;
1188 height: calc(100vh - 78px);
1189 transform: translateX(100%);
1190 margin: 0;
1191 padding: 16px;
1192 padding-top: 8px;
1193 visibility: hidden;
1194 transition: all 0.3s;
1195 background: var(--adminify-menu-bg);
1196 z-index: 9999;
1197 overflow-y: scroll;
1198 }
1199 #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 {
1200 height: 100%;
1201 padding-left: 8px !important;
1202 padding-top: 0 !important;
1203 }
1204 #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 {
1205 margin-bottom: 12px;
1206 }
1207 #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 {
1208 display: flex;
1209 align-items: center;
1210 gap: 6px;
1211 width: auto;
1212 cursor: pointer;
1213 }
1214 #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 {
1215 display: flex;
1216 align-items: center;
1217 justify-content: center;
1218 color: var(--adminify-menu-text-color);
1219 padding: 4px;
1220 }
1221 #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 {
1222 font-size: 18px;
1223 font-weight: 600;
1224 }
1225 #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 {
1226 line-height: 1.4;
1227 margin: 0px;
1228 text-wrap: pretty;
1229 color: var(--adminify-menu-text-color);
1230 font-size: 20px;
1231 font-weight: 600;
1232 display: flex;
1233 align-items: center;
1234 gap: 8px;
1235 word-wrap: break-word;
1236 }
1237 #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 {
1238 background: #5b5bf7;
1239 background: var(--adminify-notif-bg-color, #5b5bf7);
1240 color: #fff;
1241 color: var(--adminify-notif-color, #fff);
1242 font-size: 11px;
1243 font-weight: 600;
1244 line-height: 0;
1245 min-width: 18px;
1246 height: 18px;
1247 padding: 0 5px;
1248 border-radius: 9px;
1249 display: flex;
1250 align-items: center;
1251 justify-content: center;
1252 box-sizing: border-box;
1253 }
1254 #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 {
1255 margin-left: 20px;
1256 }
1257 #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 {
1258 margin-left: 0;
1259 }
1260 #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 {
1261 width: 0px;
1262 height: 0px;
1263 }
1264 #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 {
1265 visibility: visible !important;
1266 }
1267 #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 {
1268 transform: rotate(0deg) !important;
1269 }
1270 #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 {
1271 transition: transform 0s !important;
1272 }
1273 #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 {
1274 height: 100%;
1275 overflow-y: hidden;
1276 }
1277 #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 {
1278 height: auto !important;
1279 }
1280 #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 {
1281 transform: translateX(-100%);
1282 }
1283 #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 {
1284 overflow-y: hidden;
1285 }
1286 #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 {
1287 height: 100% !important;
1288 }
1289 #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 {
1290 height: 100%;
1291 transform: translateX(0%);
1292 }
1293 #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 {
1294 overflow: hidden;
1295 }
1296 #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 {
1297 height: 0;
1298 visibility: hidden;
1299 transition: height 0.3s;
1300 }
1301 #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 {
1302 overflow: hidden;
1303 visibility: visible !important;
1304 transition: height 0.3s;
1305 }
1306 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded {
1307 position: relative;
1308 width: 60px;
1309 z-index: 999;
1310 }
1311 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1312 width: 60px;
1313 }
1314 #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 {
1315 opacity: 0;
1316 transition: opacity 0.2s cubic-bezier(1, 0.46, 0.23, -0.08);
1317 }
1318 #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 {
1319 opacity: 0;
1320 }
1321 #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 {
1322 display: none;
1323 }
1324 #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 {
1325 visibility: hidden !important;
1326 }
1327 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu {
1328 width: var(--adminify-menu-width);
1329 }
1330 #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 {
1331 opacity: 1;
1332 }
1333 #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 {
1334 opacity: 1;
1335 }
1336 #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 {
1337 display: block;
1338 }
1339 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover) {
1340 width: var(--adminify-menu-width);
1341 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
1342 }
1343 #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 {
1344 visibility: visible !important;
1345 transition: visibility 0.1s;
1346 }
1347 #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 {
1348 border-radius: 10px;
1349 }
1350 #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 {
1351 position: relative;
1352 }
1353 #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 {
1354 position: relative;
1355 z-index: 99999;
1356 }
1357 #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 {
1358 border-radius: 3rem 0 0 3rem;
1359 }
1360 #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 {
1361 display: none;
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.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 {
1364 position: absolute;
1365 content: "";
1366 top: -35px;
1367 right: 0;
1368 visibility: visible;
1369 width: 35px;
1370 height: 35px;
1371 border: 0;
1372 margin-top: 0;
1373 z-index: 1;
1374 border-bottom-right-radius: 18px;
1375 border-top-right-radius: 6px;
1376 box-shadow: 0 20px 0 0 var(--adminify-menu-active-bg);
1377 background-color: transparent;
1378 z-index: 9999;
1379 transition: all 0.2s;
1380 }
1381 #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 {
1382 position: absolute;
1383 top: auto;
1384 bottom: -35px;
1385 right: 0;
1386 content: "";
1387 visibility: visible;
1388 width: 35px;
1389 height: 35px;
1390 margin-top: 0;
1391 transform: rotate(0deg);
1392 border-top-right-radius: 18px;
1393 border-bottom-right-radius: 6px;
1394 box-shadow: 0 -20px 0 0 var(--adminify-menu-active-bg);
1395 background-color: transparent;
1396 z-index: 9999;
1397 transition: all 0.2s;
1398 }
1399 #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 {
1400 color: var(--adminify-menu-active-color);
1401 background: var(--adminify-menu-active-bg);
1402 }
1403 #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 {
1404 fill: var(--adminify-menu-active-color);
1405 }
1406 #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] {
1407 background-color: var(--adminify-menu-active-color) !important;
1408 }
1409
1410 .frame-adminify-submenu-item.frame-adminify-has-third-level {
1411 position: relative;
1412 }
1413 .frame-adminify-submenu-item.frame-adminify-has-third-level > a {
1414 display: flex;
1415 align-items: center;
1416 justify-content: space-between;
1417 width: 100% !important;
1418 }
1419 .frame-adminify-submenu-item.frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1420 font-size: 14px;
1421 transition: transform 0.2s ease;
1422 margin-left: auto;
1423 display: flex;
1424 align-items: center;
1425 justify-content: center;
1426 }
1427 .frame-adminify-submenu-item.frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1428 transform: rotate(90deg);
1429 }
1430
1431 .frame-adminify-third-level-wrapper {
1432 overflow: hidden;
1433 transition: height 0.3s ease;
1434 }
1435 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1436 padding: 0;
1437 margin: 0;
1438 list-style: none;
1439 }
1440
1441 .frame-adminify-third-level-menu {
1442 padding: 0;
1443 margin: 0;
1444 list-style: none;
1445 background: rgba(0, 0, 0, 0.03);
1446 background: var(--adminify-submenu-wrapper-bg, rgba(0, 0, 0, 0.03));
1447 border-radius: 4px;
1448 margin-top: 4px;
1449 }
1450 .frame-adminify-third-level-menu .frame-adminify-third-level-item {
1451 margin: 0;
1452 }
1453 .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1454 display: block;
1455 padding: 8px 12px 8px 20px;
1456 color: #666;
1457 color: var(--adminify-submenu-text-color, #666);
1458 font-size: 13px;
1459 -webkit-text-decoration: none;
1460 text-decoration: none;
1461 transition: all 0.2s ease;
1462 border-left: 2px solid transparent;
1463 }
1464 .frame-adminify-third-level-menu .frame-adminify-third-level-item a:hover {
1465 background: rgba(0, 0, 0, 0.05);
1466 background: var(--adminify-submenu-hover-bg, rgba(0, 0, 0, 0.05));
1467 color: #333;
1468 color: var(--adminify-submenu-text-hover-color, #333);
1469 border-left-color: #5c6ac4;
1470 border-left-color: var(--adminify-primary, #5c6ac4);
1471 }
1472 .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a {
1473 background: rgba(0, 0, 0, 0.08);
1474 background: var(--adminify-submenu-active-bg, rgba(0, 0, 0, 0.08));
1475 color: #333;
1476 color: var(--adminify-submenu-active-color, #333);
1477 border-left-color: #5c6ac4;
1478 border-left-color: var(--adminify-primary, #5c6ac4);
1479 font-weight: 500;
1480 }
1481
1482 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper {
1483 position: relative;
1484 }
1485 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container {
1486 position: absolute;
1487 top: 0;
1488 left: 0;
1489 width: 100%;
1490 height: 100%;
1491 transform: translateX(100%);
1492 transition: transform 0.3s ease;
1493 background: var(--adminify-submenu-wrapper-bg);
1494 z-index: 10;
1495 }
1496 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container.frame-adminify-third-level-visible {
1497 transform: translateX(0);
1498 }
1499 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel {
1500 height: 100%;
1501 padding-left: 8px !important;
1502 padding-top: 0 !important;
1503 }
1504 .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 {
1505 margin-bottom: 12px;
1506 }
1507 .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 {
1508 display: flex;
1509 align-items: center;
1510 gap: 6px;
1511 width: auto;
1512 cursor: pointer;
1513 }
1514 .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 {
1515 display: flex;
1516 align-items: center;
1517 justify-content: center;
1518 color: var(--adminify-menu-text-color);
1519 padding: 4px;
1520 }
1521 .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 {
1522 font-size: 18px;
1523 font-weight: 600;
1524 }
1525 .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 {
1526 line-height: 1.4;
1527 margin: 0px;
1528 text-wrap: pretty;
1529 color: var(--adminify-menu-text-color);
1530 font-size: 20px;
1531 font-weight: 600;
1532 display: flex;
1533 align-items: center;
1534 gap: 8px;
1535 word-wrap: break-word;
1536 }
1537 .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 {
1538 margin-left: 20px;
1539 }
1540 .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 {
1541 padding-left: 10px;
1542 border-left: none;
1543 }
1544 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu {
1545 transition: transform 0.3s ease;
1546 }
1547 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu.frame-adminify-submenu-slide-left {
1548 transform: translateX(-100%);
1549 }
1550 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1551 opacity: 0.7;
1552 }
1553 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a:hover .frame-adminify-third-level-arrow {
1554 opacity: 1;
1555 }
1556
1557 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu,
1558 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1559 background: transparent;
1560 margin-top: 0;
1561 border-radius: 0;
1562 padding-left: 8px;
1563 }
1564 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a,
1565 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1566 padding: 6px 12px 6px 16px;
1567 font-size: 12px;
1568 }
1569 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow,
1570 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1571 transform: rotate(90deg);
1572 }
1573
1574 @media screen and (max-width: 992px) {
1575 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap {
1576 position: absolute !important;
1577 top: 0;
1578 left: 0;
1579 width: 260px !important;
1580 transform: translateX(-100%);
1581 transition: transform 0.4s;
1582 z-index: 9999;
1583 }
1584 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper {
1585 height: 100vh;
1586 }
1587 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1588 width: 260px !important;
1589 }
1590 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse {
1591 transform: translateX(0) !important;
1592 }
1593 #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu {
1594 padding: 0 !important;
1595 }
1596 #frame-adminify-app .adminify-frame-wrapper:has(.adminify-sidebar-collapse)::before {
1597 position: fixed;
1598 content: "";
1599 top: 0;
1600 left: 0;
1601 width: 100%;
1602 height: 100%;
1603 background: rgba(0, 0, 0, 0.3490196078);
1604 z-index: 999;
1605 }
1606 }
1607 .adminify-horizontal-menu-wrapper {
1608 border-top: 1px solid var(--adminify-menu-border);
1609 }
1610 .adminify-horizontal-menu-wrapper > ul {
1611 display: flex;
1612 align-items: center;
1613 -moz-column-gap: 16px;
1614 column-gap: 16px;
1615 flex-wrap: wrap;
1616 margin: 8px 0;
1617 }
1618 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item {
1619 position: relative;
1620 margin: 0;
1621 padding: 8px 0;
1622 cursor: pointer;
1623 }
1624 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a {
1625 display: flex;
1626 align-items: center;
1627 justify-content: space-between;
1628 gap: 8px;
1629 font-size: 13px;
1630 font-weight: 600;
1631 color: var(--adminify-menu-text-color);
1632 background-color: transparent;
1633 padding: 0;
1634 }
1635 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap {
1636 display: flex;
1637 align-items: center;
1638 gap: 8px;
1639 }
1640 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon {
1641 display: flex;
1642 align-items: center;
1643 width: 14px;
1644 height: 14px;
1645 }
1646 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg {
1647 width: 14px;
1648 height: 14px;
1649 }
1650 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1651 fill: var(--adminify-menu-text-color);
1652 }
1653 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon::before {
1654 font-size: 16px !important;
1655 }
1656 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image {
1657 width: 16px;
1658 height: 16px;
1659 }
1660 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image > img {
1661 width: 16px;
1662 height: 16px;
1663 filter: contrast(0.2);
1664 }
1665 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1666 position: relative;
1667 width: 16px;
1668 height: 16px;
1669 -webkit-mask-position: center;
1670 mask-position: center;
1671 -webkit-mask-repeat: no-repeat;
1672 mask-repeat: no-repeat;
1673 -webkit-mask-size: 16px auto;
1674 mask-size: 16px auto;
1675 background-color: var(--adminify-menu-text-color);
1676 }
1677 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name {
1678 display: flex;
1679 align-items: center;
1680 gap: 8px;
1681 }
1682 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child {
1683 background: var(--adminify-notif-bg-color);
1684 color: var(--adminify-notif-color);
1685 font-size: 11px;
1686 font-weight: 600;
1687 width: 16px;
1688 height: 16px;
1689 padding: 4px;
1690 border-radius: 50%;
1691 display: flex;
1692 align-items: center;
1693 justify-content: center;
1694 position: inherit !important;
1695 }
1696 .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 {
1697 display: none;
1698 }
1699 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow {
1700 transform: rotate(0);
1701 transition: transform 0.4s;
1702 }
1703 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg {
1704 width: 14px;
1705 height: 12px;
1706 }
1707 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg path {
1708 fill: var(--adminify-menu-text-color);
1709 }
1710 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1711 display: none;
1712 position: absolute;
1713 top: 40px;
1714 margin-top: -12px;
1715 z-index: 999;
1716 }
1717 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1718 margin-top: 12px;
1719 display: flex;
1720 flex-direction: column;
1721 padding: 12px 0;
1722 background: var(--adminify-menu-bg);
1723 border-radius: 2px;
1724 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1725 border: 1px solid var(--adminify-menu-border);
1726 }
1727 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item {
1728 margin: 0;
1729 position: relative;
1730 }
1731 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a {
1732 color: var(--adminify-menu-text-color);
1733 padding: 2px 1rem;
1734 font-size: 13px;
1735 line-height: 28px;
1736 font-weight: 500;
1737 display: flex;
1738 align-items: center;
1739 justify-content: space-between;
1740 gap: 4px;
1741 min-width: 160px;
1742 }
1743 .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] {
1744 color: inherit !important;
1745 }
1746 .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 {
1747 position: inherit !important;
1748 }
1749 .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 {
1750 display: flex;
1751 align-items: center;
1752 margin-left: auto;
1753 }
1754 .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 {
1755 width: 10px;
1756 height: 10px;
1757 }
1758 .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 {
1759 fill: var(--adminify-menu-text-color);
1760 }
1761 .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 {
1762 color: var(--adminify-primary);
1763 }
1764 .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 {
1765 fill: var(--adminify-primary);
1766 }
1767 .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 {
1768 color: #ffa500;
1769 }
1770 .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 {
1771 display: none;
1772 position: absolute;
1773 top: -12px;
1774 left: 100%;
1775 padding-left: 4px;
1776 z-index: 1000;
1777 }
1778 .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 {
1779 display: flex;
1780 flex-direction: column;
1781 padding: 12px 0;
1782 margin: 0;
1783 background: var(--adminify-menu-bg);
1784 border-radius: 2px;
1785 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1786 border: 1px solid var(--adminify-menu-border);
1787 list-style: none;
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 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item {
1790 margin: 0;
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 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1793 color: var(--adminify-menu-text-color);
1794 padding: 2px 1rem;
1795 font-size: 13px;
1796 line-height: 28px;
1797 font-weight: 500;
1798 display: block;
1799 min-width: 140px;
1800 white-space: nowrap;
1801 -webkit-text-decoration: none;
1802 text-decoration: none;
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 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item:hover a {
1805 color: var(--adminify-primary);
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 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active 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.frame-adminify-has-third-level:hover .frame-adminify-third-level-wrapper {
1811 display: block;
1812 }
1813 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1814 content: "";
1815 position: absolute;
1816 height: 12px;
1817 width: 12px;
1818 border: 1px solid var(--adminify-menu-border);
1819 border-width: 1px 0 0 1px;
1820 transform: rotate(45deg);
1821 -webkit-transform: rotate(45deg);
1822 background-color: var(--adminify-menu-bg);
1823 top: 6px;
1824 left: 32px;
1825 }
1826 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a {
1827 color: var(--adminify-primary);
1828 }
1829 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1830 fill: var(--adminify-primary);
1831 }
1832 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow {
1833 transform: rotate(180deg);
1834 }
1835 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow svg path {
1836 fill: var(--adminify-primary) !important;
1837 }
1838 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper {
1839 display: block;
1840 }
1841 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a {
1842 color: var(--adminify-primary);
1843 }
1844 .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 {
1845 fill: var(--adminify-primary);
1846 }
1847 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-submenu-arrow svg path {
1848 fill: var(--adminify-primary) !important;
1849 }
1850 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active .frame-adminify-submenu .frame-adminify-submenu-active > a {
1851 color: var(--adminify-primary) !important;
1852 }
1853 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-icons-only ul .frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper::before {
1854 left: 5px !important;
1855 }
1856 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-bubble ul .frame-adminify-menu-item .frame-adminify-menu-item-name span:last-child {
1857 display: none !important;
1858 }
1859
1860 @media screen and (max-width: 992px) {
1861 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper {
1862 position: fixed;
1863 top: 0;
1864 left: 0;
1865 width: 260px;
1866 height: 100%;
1867 padding: 12px 0;
1868 padding-right: 4px;
1869 background-color: var(--adminify-menu-bg);
1870 border: 0;
1871 z-index: 999;
1872 transform: translateX(-100%);
1873 transition: transform 0.4s;
1874 }
1875 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul {
1876 flex-direction: column;
1877 align-items: flex-start;
1878 flex-wrap: nowrap;
1879 margin: 0;
1880 padding: 0 16px;
1881 padding-right: 12px;
1882 height: calc(100vh - 24px);
1883 overflow-y: scroll;
1884 }
1885 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item {
1886 width: 100%;
1887 }
1888 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1889 position: relative;
1890 top: 0;
1891 height: 0;
1892 }
1893 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1894 box-shadow: none;
1895 border: 0;
1896 padding-top: 8px;
1897 }
1898 .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 {
1899 position: relative;
1900 top: 0;
1901 left: 0;
1902 padding-left: 0;
1903 height: 0;
1904 overflow: hidden;
1905 }
1906 .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 {
1907 box-shadow: none;
1908 border: 0;
1909 padding: 8px 0 8px 16px;
1910 }
1911 .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 {
1912 height: auto;
1913 }
1914 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1915 display: none;
1916 }
1917 .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 {
1918 height: auto;
1919 }
1920 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper.adminify-horizontal-sidebar-collapse {
1921 transform: translateX(0) !important;
1922 }
1923 .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 {
1924 display: flex !important;
1925 }
1926 .frame-adminify-app:has(.adminify-horizontal-sidebar-collapse)::before {
1927 position: absolute;
1928 content: "";
1929 left: 0;
1930 width: 100%;
1931 height: 100%;
1932 background: rgba(0, 0, 0, 0.3490196078);
1933 z-index: 999;
1934 }
1935 }
1936 @media screen and (max-width: 992px) {
1937 #frame-adminify-app .adminify-frame-wrapper {
1938 grid-template-columns: 1fr !important;
1939 }
1940 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content {
1941 padding: 0;
1942 }
1943 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe {
1944 border-radius: 0;
1945 padding: 0;
1946 padding-left: 0;
1947 padding-right: 0;
1948 border: 0;
1949 border-top: 1px solid #dedee7;
1950 }
1951 }
1952 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app .adminify-frame-content,
1953 body.wp-adminify.adminify-ui.post-php #frame-adminify-app .adminify-frame-content,
1954 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app .adminify-frame-content {
1955 padding-top: 0;
1956 }
1957 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app--iframe,
1958 body.wp-adminify.adminify-ui.post-php #frame-adminify-app--iframe,
1959 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app--iframe {
1960 border-top: 0;
1961 border-left: 0;
1962 border-top-left-radius: 0;
1963 border-top-right-radius: 0;
1964 border-bottom-left-radius: 0;
1965 }
1966