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

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