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

1,956 lines 90.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??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 :last-child {
1124 position: 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.frame-adminify--submenu-active > a {
1127 color: var(--adminify-submenu-active-color);
1128 background: var(--adminify-submenu-active-bg);
1129 }
1130 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify--menu-active > a {
1131 color: var(--adminify-menu-active-color);
1132 background: var(--adminify-menu-active-bg);
1133 }
1134 #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 {
1135 fill: var(--adminify-menu-active-color);
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-image[style] {
1138 background-color: var(--adminify-menu-active-color) !important;
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-item-name span:last-child {
1141 background-color: #fff;
1142 color: var(--adminify-menu-hover-bg);
1143 }
1144 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item.frame-adminify-has-submenu > a .dashicons-arrow-right-alt2::before {
1145 transition: transform 0.4s;
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.frame-adminify--menu-show > a .dashicons-arrow-right-alt2::before {
1148 transform: rotate(-90deg);
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:first-child {
1151 margin-top: 0;
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:has(hr.frame-adminify-menu-separator):last-child {
1154 display: none;
1155 }
1156 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar {
1157 width: 3px;
1158 }
1159 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-track {
1160 background: transparent;
1161 }
1162 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-thumb {
1163 background-color: #a8a9ac;
1164 }
1165 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap hr.frame-adminify-menu-separator {
1166 margin: 0;
1167 margin-top: var(--adminify-menu-vertical-padding);
1168 border: 0;
1169 height: 1px;
1170 background-color: var(--adminify-menu-border);
1171 }
1172 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu {
1173 transition: transform 0.3s;
1174 }
1175 #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 {
1176 position: absolute;
1177 content: "";
1178 top: 0;
1179 left: 0;
1180 width: 100%;
1181 height: calc(100vh - 78px);
1182 transform: translateX(100%);
1183 margin: 0;
1184 padding: 16px;
1185 padding-top: 8px;
1186 visibility: hidden;
1187 transition: all 0.3s;
1188 background: var(--adminify-menu-bg);
1189 z-index: 9999;
1190 overflow-y: scroll;
1191 }
1192 #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 {
1193 height: 100%;
1194 padding-left: 8px !important;
1195 padding-top: 0 !important;
1196 }
1197 #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 {
1198 margin-bottom: 12px;
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 .frame-adminify-two-step-title {
1201 display: flex;
1202 align-items: center;
1203 gap: 6px;
1204 width: auto;
1205 cursor: pointer;
1206 }
1207 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow {
1208 display: flex;
1209 align-items: center;
1210 justify-content: center;
1211 color: var(--adminify-menu-text-color);
1212 padding: 4px;
1213 }
1214 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow::before {
1215 font-size: 18px;
1216 font-weight: 600;
1217 }
1218 #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 {
1219 line-height: 1.4;
1220 margin: 0px;
1221 text-wrap: pretty;
1222 color: var(--adminify-menu-text-color);
1223 font-size: 20px;
1224 font-weight: 600;
1225 display: flex;
1226 align-items: center;
1227 gap: 8px;
1228 word-wrap: break-word;
1229 }
1230 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title h2 .update-plugins {
1231 background: #5b5bf7;
1232 background: var(--adminify-notif-bg-color, #5b5bf7);
1233 color: #fff;
1234 color: var(--adminify-notif-color, #fff);
1235 font-size: 11px;
1236 font-weight: 600;
1237 line-height: 0;
1238 min-width: 18px;
1239 height: 18px;
1240 padding: 0 5px;
1241 border-radius: 9px;
1242 display: flex;
1243 align-items: center;
1244 justify-content: center;
1245 box-sizing: border-box;
1246 }
1247 #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 {
1248 margin-left: 20px;
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:first-child {
1251 margin-left: 0;
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::-webkit-scrollbar {
1254 width: 0px;
1255 height: 0px;
1256 }
1257 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show .frame-adminify-submenu-wrapper {
1258 visibility: visible !important;
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 > a .dashicons-arrow-right-alt2::before {
1261 transform: rotate(0deg) !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-has-submenu > a .dashicons-arrow-right-alt2::before {
1264 transition: transform 0s !important;
1265 }
1266 #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 {
1267 height: 100%;
1268 overflow-y: hidden;
1269 }
1270 #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 {
1271 height: auto !important;
1272 }
1273 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu .frame-adminify-admin-menu {
1274 transform: translateX(-100%);
1275 }
1276 #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 {
1277 overflow-y: hidden;
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 .frame-adminify-admin-main-menu {
1280 height: 100% !important;
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 .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show .frame-adminify-submenu-wrapper {
1283 height: 100%;
1284 transform: translateX(0%);
1285 }
1286 #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 {
1287 overflow: hidden;
1288 }
1289 #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 {
1290 height: 0;
1291 visibility: hidden;
1292 transition: height 0.3s;
1293 }
1294 #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 {
1295 overflow: hidden;
1296 visibility: visible !important;
1297 transition: height 0.3s;
1298 }
1299 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded {
1300 position: relative;
1301 width: 60px;
1302 z-index: 999;
1303 }
1304 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1305 width: 60px;
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 ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-name {
1308 opacity: 0;
1309 transition: opacity 0.2s cubic-bezier(1, 0.46, 0.23, -0.08);
1310 }
1311 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons-arrow-right-alt2 {
1312 opacity: 0;
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 .frame-adminify-submenu-wrapper {
1315 display: none;
1316 }
1317 #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 {
1318 visibility: hidden !important;
1319 }
1320 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded .frame-adminify-admin-menu-wrapper:hover .frame-adminify-admin-main-menu {
1321 width: var(--adminify-menu-width);
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 ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-name {
1324 opacity: 1;
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 .dashicons-arrow-right-alt2 {
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 .frame-adminify-submenu-wrapper {
1330 display: block;
1331 }
1332 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-folded:has(.frame-adminify-admin-menu-wrapper:hover) {
1333 width: var(--adminify-menu-width);
1334 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
1335 }
1336 #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 {
1337 visibility: visible !important;
1338 transition: visibility 0.1s;
1339 }
1340 #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 {
1341 border-radius: 10px;
1342 }
1343 #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 {
1344 position: relative;
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 .frame-adminify-menu-item-wrap {
1347 position: relative;
1348 z-index: 99999;
1349 }
1350 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.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 {
1351 border-radius: 3rem 0 0 3rem;
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 .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 {
1354 display: none;
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::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 {
1357 position: absolute;
1358 content: "";
1359 top: -35px;
1360 right: 0;
1361 visibility: visible;
1362 width: 35px;
1363 height: 35px;
1364 border: 0;
1365 margin-top: 0;
1366 z-index: 1;
1367 border-bottom-right-radius: 18px;
1368 border-top-right-radius: 6px;
1369 box-shadow: 0 20px 0 0 var(--adminify-menu-active-bg);
1370 background-color: transparent;
1371 z-index: 9999;
1372 transition: all 0.2s;
1373 }
1374 #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 {
1375 position: absolute;
1376 top: auto;
1377 bottom: -35px;
1378 right: 0;
1379 content: "";
1380 visibility: visible;
1381 width: 35px;
1382 height: 35px;
1383 margin-top: 0;
1384 transform: rotate(0deg);
1385 border-top-right-radius: 18px;
1386 border-bottom-right-radius: 6px;
1387 box-shadow: 0 -20px 0 0 var(--adminify-menu-active-bg);
1388 background-color: transparent;
1389 z-index: 9999;
1390 transition: all 0.2s;
1391 }
1392 #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 {
1393 color: var(--adminify-menu-active-color);
1394 background: var(--adminify-menu-active-bg);
1395 }
1396 #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 {
1397 fill: var(--adminify-menu-active-color);
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-image[style] {
1400 background-color: var(--adminify-menu-active-color) !important;
1401 }
1402
1403 .frame-adminify-submenu-item.frame-adminify-has-third-level {
1404 position: relative;
1405 }
1406 .frame-adminify-submenu-item.frame-adminify-has-third-level > a {
1407 display: flex;
1408 align-items: center;
1409 justify-content: space-between;
1410 width: 100% !important;
1411 }
1412 .frame-adminify-submenu-item.frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1413 font-size: 14px;
1414 transition: transform 0.2s ease;
1415 margin-left: auto;
1416 display: flex;
1417 align-items: center;
1418 justify-content: center;
1419 }
1420 .frame-adminify-submenu-item.frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1421 transform: rotate(90deg);
1422 }
1423
1424 .frame-adminify-third-level-wrapper {
1425 overflow: hidden;
1426 transition: height 0.3s ease;
1427 }
1428 .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1429 padding: 0;
1430 margin: 0;
1431 list-style: none;
1432 }
1433
1434 .frame-adminify-third-level-menu {
1435 padding: 0;
1436 margin: 0;
1437 list-style: none;
1438 background: rgba(0, 0, 0, 0.03);
1439 background: var(--adminify-submenu-wrapper-bg, rgba(0, 0, 0, 0.03));
1440 border-radius: 4px;
1441 margin-top: 4px;
1442 }
1443 .frame-adminify-third-level-menu .frame-adminify-third-level-item {
1444 margin: 0;
1445 }
1446 .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1447 display: block;
1448 padding: 8px 12px 8px 20px;
1449 color: #666;
1450 color: var(--adminify-submenu-text-color, #666);
1451 font-size: 13px;
1452 -webkit-text-decoration: none;
1453 text-decoration: none;
1454 transition: all 0.2s ease;
1455 border-left: 2px solid transparent;
1456 }
1457 .frame-adminify-third-level-menu .frame-adminify-third-level-item a:hover {
1458 background: rgba(0, 0, 0, 0.05);
1459 background: var(--adminify-submenu-hover-bg, rgba(0, 0, 0, 0.05));
1460 color: #333;
1461 color: var(--adminify-submenu-text-hover-color, #333);
1462 border-left-color: #5c6ac4;
1463 border-left-color: var(--adminify-primary, #5c6ac4);
1464 }
1465 .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a {
1466 background: rgba(0, 0, 0, 0.08);
1467 background: var(--adminify-submenu-active-bg, rgba(0, 0, 0, 0.08));
1468 color: #333;
1469 color: var(--adminify-submenu-active-color, #333);
1470 border-left-color: #5c6ac4;
1471 border-left-color: var(--adminify-primary, #5c6ac4);
1472 font-weight: 500;
1473 }
1474
1475 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper {
1476 position: relative;
1477 }
1478 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container {
1479 position: absolute;
1480 top: 0;
1481 left: 0;
1482 width: 100%;
1483 height: 100%;
1484 transform: translateX(100%);
1485 transition: transform 0.3s ease;
1486 background: var(--adminify-submenu-wrapper-bg);
1487 z-index: 10;
1488 }
1489 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container.frame-adminify-third-level-visible {
1490 transform: translateX(0);
1491 }
1492 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel {
1493 height: 100%;
1494 padding-left: 8px !important;
1495 padding-top: 0 !important;
1496 }
1497 .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 {
1498 margin-bottom: 12px;
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 .frame-adminify-two-step-title {
1501 display: flex;
1502 align-items: center;
1503 gap: 6px;
1504 width: auto;
1505 cursor: pointer;
1506 }
1507 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow {
1508 display: flex;
1509 align-items: center;
1510 justify-content: center;
1511 color: var(--adminify-menu-text-color);
1512 padding: 4px;
1513 }
1514 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow::before {
1515 font-size: 18px;
1516 font-weight: 600;
1517 }
1518 .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 {
1519 line-height: 1.4;
1520 margin: 0px;
1521 text-wrap: pretty;
1522 color: var(--adminify-menu-text-color);
1523 font-size: 20px;
1524 font-weight: 600;
1525 display: flex;
1526 align-items: center;
1527 gap: 8px;
1528 word-wrap: break-word;
1529 }
1530 .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 {
1531 margin-left: 20px;
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 a {
1534 padding-left: 10px;
1535 border-left: none;
1536 }
1537 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu {
1538 transition: transform 0.3s ease;
1539 }
1540 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu.frame-adminify-submenu-slide-left {
1541 transform: translateX(-100%);
1542 }
1543 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a .frame-adminify-third-level-arrow {
1544 opacity: 0.7;
1545 }
1546 .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a:hover .frame-adminify-third-level-arrow {
1547 opacity: 1;
1548 }
1549
1550 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu,
1551 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu {
1552 background: transparent;
1553 margin-top: 0;
1554 border-radius: 0;
1555 padding-left: 8px;
1556 }
1557 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a,
1558 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a {
1559 padding: 6px 12px 6px 16px;
1560 font-size: 12px;
1561 }
1562 .frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow,
1563 .frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow {
1564 transform: rotate(90deg);
1565 }
1566
1567 @media screen and (max-width: 992px) {
1568 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap {
1569 position: absolute !important;
1570 top: 0;
1571 left: 0;
1572 width: 260px !important;
1573 transform: translateX(-100%);
1574 transition: transform 0.4s;
1575 z-index: 9999;
1576 }
1577 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper {
1578 height: 100vh;
1579 }
1580 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1581 width: 260px !important;
1582 }
1583 #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse {
1584 transform: translateX(0) !important;
1585 }
1586 #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu {
1587 padding: 0 !important;
1588 }
1589 #frame-adminify-app .adminify-frame-wrapper:has(.adminify-sidebar-collapse)::before {
1590 position: fixed;
1591 content: "";
1592 top: 0;
1593 left: 0;
1594 width: 100%;
1595 height: 100%;
1596 background: rgba(0, 0, 0, 0.3490196078);
1597 z-index: 999;
1598 }
1599 }
1600 .adminify-horizontal-menu-wrapper {
1601 border-top: 1px solid var(--adminify-menu-border);
1602 }
1603 .adminify-horizontal-menu-wrapper > ul {
1604 display: flex;
1605 align-items: center;
1606 -moz-column-gap: 16px;
1607 column-gap: 16px;
1608 flex-wrap: wrap;
1609 margin: 8px 0;
1610 }
1611 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item {
1612 position: relative;
1613 margin: 0;
1614 padding: 8px 0;
1615 cursor: pointer;
1616 }
1617 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a {
1618 display: flex;
1619 align-items: center;
1620 justify-content: space-between;
1621 gap: 8px;
1622 font-size: 13px;
1623 font-weight: 600;
1624 color: var(--adminify-menu-text-color);
1625 background-color: transparent;
1626 padding: 0;
1627 }
1628 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap {
1629 display: flex;
1630 align-items: center;
1631 gap: 8px;
1632 }
1633 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon {
1634 display: flex;
1635 align-items: center;
1636 width: 14px;
1637 height: 14px;
1638 }
1639 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg {
1640 width: 14px;
1641 height: 14px;
1642 }
1643 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1644 fill: var(--adminify-menu-text-color);
1645 }
1646 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon::before {
1647 font-size: 16px !important;
1648 }
1649 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image {
1650 width: 16px;
1651 height: 16px;
1652 }
1653 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image > img {
1654 width: 16px;
1655 height: 16px;
1656 filter: contrast(0.2);
1657 }
1658 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] {
1659 position: relative;
1660 width: 16px;
1661 height: 16px;
1662 -webkit-mask-position: center;
1663 mask-position: center;
1664 -webkit-mask-repeat: no-repeat;
1665 mask-repeat: no-repeat;
1666 -webkit-mask-size: 16px auto;
1667 mask-size: 16px auto;
1668 background-color: var(--adminify-menu-text-color);
1669 }
1670 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name {
1671 display: flex;
1672 align-items: center;
1673 gap: 8px;
1674 }
1675 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child {
1676 background: var(--adminify-notif-bg-color);
1677 color: var(--adminify-notif-color);
1678 font-size: 11px;
1679 font-weight: 600;
1680 width: 16px;
1681 height: 16px;
1682 padding: 4px;
1683 border-radius: 50%;
1684 display: flex;
1685 align-items: center;
1686 justify-content: center;
1687 position: inherit !important;
1688 }
1689 .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 {
1690 display: none;
1691 }
1692 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow {
1693 transform: rotate(0);
1694 transition: transform 0.4s;
1695 }
1696 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg {
1697 width: 14px;
1698 height: 12px;
1699 }
1700 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-submenu-arrow svg path {
1701 fill: var(--adminify-menu-text-color);
1702 }
1703 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1704 display: none;
1705 position: absolute;
1706 top: 40px;
1707 margin-top: -12px;
1708 z-index: 999;
1709 }
1710 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1711 margin-top: 12px;
1712 display: flex;
1713 flex-direction: column;
1714 padding: 12px 0;
1715 background: var(--adminify-menu-bg);
1716 border-radius: 2px;
1717 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1718 border: 1px solid var(--adminify-menu-border);
1719 }
1720 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item {
1721 margin: 0;
1722 position: relative;
1723 }
1724 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a {
1725 color: var(--adminify-menu-text-color);
1726 padding: 2px 1rem;
1727 font-size: 13px;
1728 line-height: 28px;
1729 font-weight: 500;
1730 display: flex;
1731 align-items: center;
1732 justify-content: space-between;
1733 gap: 4px;
1734 min-width: 160px;
1735 }
1736 .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 {
1737 position: inherit !important;
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 .frame-adminify-third-level-arrow {
1740 display: flex;
1741 align-items: center;
1742 margin-left: auto;
1743 }
1744 .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 {
1745 width: 10px;
1746 height: 10px;
1747 }
1748 .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 {
1749 fill: var(--adminify-menu-text-color);
1750 }
1751 .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 {
1752 color: var(--adminify-primary);
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:hover > a .frame-adminify-third-level-arrow svg path {
1755 fill: var(--adminify-primary);
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 .adminify-addons-text {
1758 color: #ffa500;
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 .frame-adminify-third-level-wrapper {
1761 display: none;
1762 position: absolute;
1763 top: -12px;
1764 left: 100%;
1765 padding-left: 4px;
1766 z-index: 1000;
1767 }
1768 .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 {
1769 display: flex;
1770 flex-direction: column;
1771 padding: 12px 0;
1772 margin: 0;
1773 background: var(--adminify-menu-bg);
1774 border-radius: 2px;
1775 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
1776 border: 1px solid var(--adminify-menu-border);
1777 list-style: none;
1778 }
1779 .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 {
1780 margin: 0;
1781 }
1782 .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 {
1783 color: var(--adminify-menu-text-color);
1784 padding: 2px 1rem;
1785 font-size: 13px;
1786 line-height: 28px;
1787 font-weight: 500;
1788 display: block;
1789 min-width: 140px;
1790 white-space: nowrap;
1791 -webkit-text-decoration: none;
1792 text-decoration: none;
1793 }
1794 .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 {
1795 color: var(--adminify-primary);
1796 }
1797 .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 {
1798 color: var(--adminify-primary);
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-has-third-level:hover .frame-adminify-third-level-wrapper {
1801 display: block;
1802 }
1803 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1804 content: "";
1805 position: absolute;
1806 height: 12px;
1807 width: 12px;
1808 border: 1px solid var(--adminify-menu-border);
1809 border-width: 1px 0 0 1px;
1810 transform: rotate(45deg);
1811 -webkit-transform: rotate(45deg);
1812 background-color: var(--adminify-menu-bg);
1813 top: 6px;
1814 left: 32px;
1815 }
1816 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a {
1817 color: var(--adminify-primary);
1818 }
1819 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-menu-item-wrap .frame-adminify-menu-icon > svg > path {
1820 fill: var(--adminify-primary);
1821 }
1822 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow {
1823 transform: rotate(180deg);
1824 }
1825 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover a .frame-adminify-submenu-arrow svg path {
1826 fill: var(--adminify-primary) !important;
1827 }
1828 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper {
1829 display: block;
1830 }
1831 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a {
1832 color: var(--adminify-primary);
1833 }
1834 .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 {
1835 fill: var(--adminify-primary);
1836 }
1837 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active > a .frame-adminify-submenu-arrow svg path {
1838 fill: var(--adminify-primary) !important;
1839 }
1840 .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item.frame-adminify--menu-active .frame-adminify-submenu .frame-adminify-submenu-active > a {
1841 color: var(--adminify-primary) !important;
1842 }
1843 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-icons-only ul .frame-adminify-menu-item:hover .frame-adminify-submenu-wrapper::before {
1844 left: 5px !important;
1845 }
1846 .adminify-horizontal-menu-wrapper.adminify-horizontal-menu-bubble ul .frame-adminify-menu-item .frame-adminify-menu-item-name span:last-child {
1847 display: none !important;
1848 }
1849
1850 @media screen and (max-width: 992px) {
1851 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper {
1852 position: fixed;
1853 top: 0;
1854 left: 0;
1855 width: 260px;
1856 height: 100%;
1857 padding: 12px 0;
1858 padding-right: 4px;
1859 background-color: var(--adminify-menu-bg);
1860 border: 0;
1861 z-index: 999;
1862 transform: translateX(-100%);
1863 transition: transform 0.4s;
1864 }
1865 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul {
1866 flex-direction: column;
1867 align-items: flex-start;
1868 flex-wrap: nowrap;
1869 margin: 0;
1870 padding: 0 16px;
1871 padding-right: 12px;
1872 height: calc(100vh - 24px);
1873 overflow-y: scroll;
1874 }
1875 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item {
1876 width: 100%;
1877 }
1878 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper {
1879 position: relative;
1880 top: 0;
1881 height: 0;
1882 }
1883 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu {
1884 box-shadow: none;
1885 border: 0;
1886 padding-top: 8px;
1887 }
1888 .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 {
1889 position: relative;
1890 top: 0;
1891 left: 0;
1892 padding-left: 0;
1893 height: 0;
1894 overflow: hidden;
1895 }
1896 .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 {
1897 box-shadow: none;
1898 border: 0;
1899 padding: 8px 0 8px 16px;
1900 }
1901 .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 {
1902 height: auto;
1903 }
1904 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper::before {
1905 display: none;
1906 }
1907 .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 {
1908 height: auto;
1909 }
1910 .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper.adminify-horizontal-sidebar-collapse {
1911 transform: translateX(0) !important;
1912 }
1913 .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 {
1914 display: flex !important;
1915 }
1916 .frame-adminify-app:has(.adminify-horizontal-sidebar-collapse)::before {
1917 position: absolute;
1918 content: "";
1919 left: 0;
1920 width: 100%;
1921 height: 100%;
1922 background: rgba(0, 0, 0, 0.3490196078);
1923 z-index: 999;
1924 }
1925 }
1926 @media screen and (max-width: 992px) {
1927 #frame-adminify-app .adminify-frame-wrapper {
1928 grid-template-columns: 1fr !important;
1929 }
1930 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content {
1931 padding: 0;
1932 }
1933 #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe {
1934 border-radius: 0;
1935 padding: 0;
1936 padding-left: 0;
1937 padding-right: 0;
1938 border: 0;
1939 border-top: 1px solid #dedee7;
1940 }
1941 }
1942 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app .adminify-frame-content,
1943 body.wp-adminify.adminify-ui.post-php #frame-adminify-app .adminify-frame-content,
1944 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app .adminify-frame-content {
1945 padding-top: 0;
1946 }
1947 body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app--iframe,
1948 body.wp-adminify.adminify-ui.post-php #frame-adminify-app--iframe,
1949 body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app--iframe {
1950 border-top: 0;
1951 border-left: 0;
1952 border-top-left-radius: 0;
1953 border-top-right-radius: 0;
1954 border-bottom-left-radius: 0;
1955 }
1956