PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.2.24
Adminify – White Label, Admin Menu Editor, Login Customizer v4.2.24
4.3.1 4.3.0 4.2.26 4.2.25 4.2.24 4.2.23 4.2.22 4.2.21 4.2.20 4.2.19 4.2.18 4.2.17 4.2.16 4.2.15 4.2.14 4.2.13 4.2.12 4.2.11 4.2.10 4.2.9 4.2.8 4.2.7 4.2.6 4.2.5 4.1.17 All 164 releases
adminify / assets / admin / css / admin.css

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

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