PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.0.7.6
Adminify – White Label, Admin Menu Editor, Login Customizer v4.0.7.6
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 / Libs / adminify-framework / assets / css / style.css

style.css in Adminify – White Label, Admin Menu Editor, Login Customizer 4.0.7.6, at Libs/adminify-framework/assets/css/style.css

4,572 lines 110.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./dev/scss/adminify-framework/style.scss ***!
3 \***************************************************************************************************************************************************************************************************************************************************/
4 /**
5 *
6 * ---------------------------------------------------------
7 * ADMINIFY FRAMEWORK CSS MAP
8 * ---------------------------------------------------------
9 *
10 * 01. Base
11 * 01. 01. Header
12 * 01. 02. Sticky
13 * 01. 03. Header Buttons
14 * 01. 04. Navigation
15 * 01. 05. Wrapper
16 * 01. 06. Content
17 * 01. 07. Section
18 * 01. 08. Footer
19 * 01. 09. Copyright
20 * 01. 10. Show All Settings
21 * 01. 11. Search Input
22 * 01. 12. Metabox
23 * 01. 13. Comment Metabox
24 * 01. 14. Help Tooltip
25 * 02. Themes
26 * 02. 01. Theme Dark
27 * 02. 02. Theme Light
28 * 03. Fields
29 * 03. 01. Field
30 * 03. 02. Field: accordion
31 * 03. 03. Field: background
32 * 03. 04. Field: backup
33 * 03. 05. Field: border, spacing, dimensions
34 * 03. 06. Field: button_set
35 * 03. 07. Field: checkbox, radio
36 * 03. 08. Field: code_editor
37 * 03. 09. Field: color
38 * 03. 10. Field: color_group
39 * 03. 11. Field: fieldset
40 * 03. 12. Field: date
41 * 03. 13. Field: datetime
42 * 03. 14. Field: gallery
43 * 03. 15. Field: group
44 * 03. 16. Field: icon
45 * 03. 17. Field: image_select
46 * 03. 18. Field: link_color
47 * 03. 19. Field: map
48 * 03. 20. Field: media
49 * 03. 21. Field: palette
50 * 03. 22. Field: repeater
51 * 03. 23. Field: select
52 * 03. 24. Field: slider
53 * 03. 25. Field: sortable
54 * 03. 26. Field: sorter
55 * 03. 27. Field: spinner
56 * 03. 28. Field: switcher
57 * 03. 29. Field: tabbed
58 * 03. 30. Field: text
59 * 03. 31. Field: textarea
60 * 03. 32. Field: typography
61 * 03. 33. Field: upload
62 * 03. 34. Field: wp_editor
63 * 03. 35. Field: heading
64 * 03. 36. Field: subheading
65 * 03. 37. Field: submessage
66 * 03. 38. Field: notice
67 * 03. 39. Field: number
68 * 03. 40. Field: link
69 * 03. 41. Field: others
70 * 04. Widget
71 * 05. Customizer
72 * 06. Taxonomy
73 * 07. Profile
74 * 08. Nav Menu
75 * 09. Modal
76 * 09. 01. Shortcode Modal
77 * 09. 02. Gutenberg Modal
78 * 09. 03. Icon Modal
79 * 10. Helper
80 * 11. Welcome Page
81 * 12. Responsive
82 * 13. Others
83 *
84 * ---------------------------------------------------------
85 *
86 */
87 /*
88 * Useable Mixin
89 */
90 /**
91 * 01. Base
92 */
93 .adminify-light-mode .adminify-header-left img.adminify-settings-light-logo {
94 display: inline-block;
95 }
96 .adminify-light-mode .adminify-header-left img.adminify-settings-dark-logo {
97 display: none;
98 }
99
100 .adminify-dark-mode .adminify-header-left img.adminify-settings-light-logo {
101 display: none;
102 }
103 .adminify-dark-mode .adminify-header-left img.adminify-settings-dark-logo {
104 display: inline-block;
105 }
106
107 /**
108 * Settings
109 */
110 .wp-adminify-settings {
111 margin-top: 16px;
112 background: #fff;
113 border: 1px solid #dedee7;
114 border-radius: 2px;
115 width: 80%;
116 margin: 60px auto;
117 /**
118 * Header
119 */
120 /**
121 * Body
122 */
123 /**
124 * Footer
125 */
126 }
127 .wp-adminify-settings .clear {
128 display: none;
129 }
130 .wp-adminify-settings input[type=submit]:not(.adminify-btn),
131 .wp-adminify-settings .button-primary:not(.adminify-btn),
132 .wp-adminify-settings a.page-title-action:not(.adminify-btn) {
133 color: #fff;
134 border-radius: 2px;
135 cursor: pointer;
136 transition: all 0.15s;
137 border: 1px solid var(--adminify-primary);
138 background: var(--adminify-primary);
139 }
140 .wp-adminify-settings input[type=submit]:not(.adminify-btn):hover,
141 .wp-adminify-settings .button-primary:not(.adminify-btn):hover,
142 .wp-adminify-settings a.page-title-action:not(.adminify-btn):hover {
143 color: var(--adminify-primary);
144 background: transparent;
145 border-color: var(--adminify-primary);
146 }
147 .wp-adminify-settings .adminify-reset-section {
148 background: #48455f !important;
149 border-color: #48455f !important;
150 }
151 .wp-adminify-settings .adminify-reset-section:hover {
152 background: transparent !important;
153 color: #48455f !important;
154 }
155 .wp-adminify-settings .adminify-warning-primary {
156 color: #fff;
157 background: #f04438 !important;
158 border-color: #f04438 !important;
159 }
160 .wp-adminify-settings .adminify-warning-primary:hover {
161 background: transparent !important;
162 color: #f04438 !important;
163 }
164 .wp-adminify-settings .adminify-header {
165 border-bottom: 1px solid #dedee7;
166 }
167 .wp-adminify-settings .adminify-header-inner {
168 display: flex;
169 align-items: center;
170 justify-content: space-between;
171 padding: 16px;
172 transition: box-shadow 0.3s ease;
173 }
174 .wp-adminify-settings .adminify-header-inner .adminify-header-left h1 {
175 margin: 0;
176 }
177 .wp-adminify-settings .adminify-header-inner .adminify-header-left img.wp-adminify-settings-logo {
178 width: 128px;
179 }
180 .wp-adminify-settings .adminify-header-inner .adminify-header-left small {
181 margin-left: 4px;
182 font-size: 11px;
183 font-weight: 500;
184 }
185 .wp-adminify-settings .adminify-header-inner .adminify-header-right {
186 display: flex;
187 align-items: center;
188 justify-content: center;
189 gap: 8px;
190 }
191 .wp-adminify-settings .adminify-wrapper {
192 /**
193 * Nav Menu
194 * Horizontal Menu
195 */
196 /**
197 * Content
198 */
199 }
200 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul {
201 position: relative;
202 display: flex;
203 align-items: center;
204 flex-wrap: wrap;
205 gap: 15px;
206 margin: 0;
207 padding: 8px 1rem;
208 }
209 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li {
210 margin-bottom: 0;
211 }
212 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li a {
213 color: #322f41;
214 font-size: 14px;
215 line-height: 24px;
216 position: relative;
217 padding: 8px 10px;
218 border-radius: 2px;
219 -webkit-text-decoration: none;
220 text-decoration: none;
221 display: flex;
222 align-items: center;
223 gap: 8px;
224 }
225 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li a:focus {
226 outline: none;
227 box-shadow: none;
228 }
229 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li a.adminify-active {
230 color: #fff;
231 background: var(--adminify-primary);
232 }
233 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li a.adminify-arrow:after {
234 content: "\f107";
235 display: inline-block;
236 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
237 font-weight: 900;
238 font-size: 9px;
239 line-height: 1;
240 position: absolute;
241 right: -5px;
242 top: 50%;
243 margin-top: -4px;
244 }
245 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li ul {
246 position: absolute;
247 display: none;
248 transition: all 0.1s;
249 border: 1px solid #dedee7;
250 border-radius: 2px;
251 z-index: 9999;
252 background-color: #fff;
253 }
254 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li ul li {
255 width: 100%;
256 margin-bottom: 8px;
257 }
258 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li ul li a {
259 color: #322f41;
260 font-size: 14px;
261 line-height: 24px;
262 position: relative;
263 padding: 4px 12px;
264 -webkit-text-decoration: none;
265 text-decoration: none;
266 display: flex;
267 align-items: center;
268 gap: 8px;
269 border-radius: 2px;
270 }
271 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li ul li a:hover {
272 color: #fff;
273 background-color: var(--adminify-primary);
274 }
275 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li ul li:last-child {
276 margin-bottom: 0;
277 }
278 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li:hover > ul {
279 display: block;
280 }
281 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li:hover a.adminify-arrow {
282 color: var(--adminify-primary);
283 }
284 .wp-adminify-settings .adminify-wrapper .adminify-nav > ul > li:hover a.adminify-arrow:after {
285 transition: all 0.1s;
286 transform: rotate(180deg);
287 }
288 .wp-adminify-settings .adminify-wrapper .adminify-nav .adminify-tab-icon {
289 width: 20px;
290 font-size: 14px;
291 text-align: center;
292 }
293 .wp-adminify-settings .adminify-wrapper .adminify-nav .adminify-label-error {
294 margin-left: 4px;
295 vertical-align: top;
296 }
297 .wp-adminify-settings .adminify-footer {
298 padding: 16px 24px;
299 display: flex;
300 justify-content: end;
301 gap: 8px;
302 border-top: 1px solid #dedee7;
303 }
304 .wp-adminify-settings .adminify-header .adminify-buttons,
305 .wp-adminify-settings .adminify-footer .adminify-buttons {
306 display: flex;
307 align-items: center;
308 flex-direction: row-reverse;
309 gap: 8px;
310 }
311 .wp-adminify-settings .adminify-fieldset ul li:has(.adminify-pro-notice) label {
312 display: flex;
313 align-items: center;
314 }
315 .wp-adminify-settings .adminify-fieldset ul li:has(.adminify-pro-notice) label span.adminify--text {
316 display: flex;
317 gap: 8px;
318 }
319 .wp-adminify-settings .adminify-pro-notice {
320 padding: 0;
321 border: 0;
322 cursor: pointer;
323 box-shadow: none;
324 background-color: transparent;
325 gap: 6px;
326 }
327 .wp-adminify-settings .adminify-pro-notice img {
328 border-radius: 2px;
329 }
330 .wp-adminify-settings .adminify-pro-notice svg {
331 width: 13px;
332 height: 13px;
333 }
334 .wp-adminify-settings .wp-adminify--menu--editor--settings:has(.adminify-pro-notice) .adminify-add-new-menu-editor-item {
335 display: flex;
336 align-items: center;
337 justify-content: center;
338 gap: 8px;
339 }
340 .wp-adminify-settings .adminify-fieldset .adminify--background-attributes .adminify-field {
341 display: block;
342 flex: inherit !important;
343 margin-bottom: 8px;
344 margin-right: 8px;
345 }
346 .wp-adminify-settings .adminify-fieldset .adminify--background-attributes .adminify-field select {
347 min-width: -moz-max-content;
348 min-width: max-content;
349 }
350
351 /**
352 * 01. 02. Sticky
353 */
354 /**
355 * 01. 03. Header Buttons
356 */
357 /**
358 * 01. 04. Navigation
359 */
360 /**
361 * 01. 05. Wrapper
362 */
363 /**
364 * 01. 06. Content
365 */
366 /**
367 * 01. 07. Section
368 */
369 .adminify-section .adminify-field.adminify-agency-plan .adminify-pro-badge {
370 font-size: 17px;
371 padding: 10px 20px;
372 }
373 .adminify-section .adminify-field .adminify-pro-badge {
374 background: #cdcdfd;
375 color: #3a3ae9;
376 padding: 3px 6px;
377 border-radius: 3px;
378 font-weight: 600;
379 font-size: 13px;
380 margin-left: 4px;
381 }
382 .adminify-section .adminify-field.adminify-pro-feature, .adminify-section .adminify-field.adminify-pro-fieldset .adminify-fieldset {
383 opacity: 0.75;
384 filter: grayscale(1);
385 }
386 .adminify-section .adminify-field .adminify--image {
387 position: relative;
388 }
389 .adminify-section .adminify-field .adminify--image .adminify-pro-tag {
390 position: absolute;
391 top: 15px;
392 right: 2px;
393 background: #f50a7f;
394 color: #fff;
395 padding: 2px 8px;
396 border-radius: 40px;
397 font-weight: 600;
398 font-size: 13px;
399 line-height: 1.1;
400 }
401 .adminify-section .adminify-field.adminify-field-color_group.adminify-pro-fieldset > .adminify-fieldset .wp-picker-container, .adminify-section .adminify-field.adminify-pro-pointer .adminify-fieldset, .adminify-section .adminify-field.adminify-pro-pointer .adminify-checkbox {
402 pointer-events: none;
403 }
404 .adminify-section .adminify-field .adminify-fieldset ul > li > label:has(.adminify-pro-checkbox) {
405 opacity: 0.75;
406 filter: grayscale(1);
407 }
408 .adminify-section .adminify-field .adminify-fieldset ul > li .adminify-pro-checkbox {
409 display: flex;
410 gap: 2px;
411 }
412
413 .adminify-section-title {
414 padding: 5px 20px;
415 background-color: var(--adminify-preset-background);
416 border-top: 1px solid #eee;
417 border-bottom: 1px solid #eee;
418 }
419
420 /**
421 * 01. 09. Copyright
422 */
423 .adminify-copyright {
424 float: left;
425 margin-top: 5px;
426 }
427
428 /**
429 * 01. 10. Show All Settings
430 */
431 .adminify-search-all .adminify-nav-background,
432 .adminify-search-all .adminify-nav,
433 .adminify-show-all .adminify-nav-background,
434 .adminify-show-all .adminify-nav {
435 display: none;
436 }
437 .adminify-search-all .adminify-content,
438 .adminify-show-all .adminify-content {
439 margin-left: 0;
440 }
441 .adminify-search-all .adminify-section-title,
442 .adminify-search-all .adminify-section,
443 .adminify-show-all .adminify-section-title,
444 .adminify-show-all .adminify-section {
445 display: block !important;
446 }
447
448 .adminify-search-all .adminify-section-title {
449 display: none !important;
450 }
451
452 .adminify-expand-all {
453 float: left;
454 padding: 0 8px;
455 margin-right: 4px;
456 z-index: 1;
457 font-size: 13px;
458 line-height: 30px;
459 cursor: pointer;
460 -webkit-user-select: none;
461 -moz-user-select: none;
462 user-select: none;
463 border-radius: 2px;
464 transition: all 0.2s;
465 }
466 .adminify-expand-all span {
467 font-size: 11px;
468 vertical-align: middle;
469 }
470
471 /**
472 * 01. 11. Search Input
473 */
474 .adminify-search {
475 float: left;
476 }
477 .adminify-search input {
478 margin: 0 2px 0 0;
479 border: none;
480 font-size: 12px;
481 line-height: 30px;
482 min-height: 30px;
483 text-align: inherit;
484 padding: 0 10px;
485 border-radius: 2px;
486 box-shadow: none;
487 }
488 .adminify-search input:focus {
489 box-shadow: none;
490 }
491
492 .adminify-saving .adminify-buttons,
493 .adminify-saving .adminify-content {
494 cursor: default;
495 pointer-events: none;
496 opacity: 0.5;
497 }
498
499 /**
500 * 01. 12. Metabox
501 */
502 .adminify-metabox {
503 margin: -6px -12px -12px -12px;
504 }
505 .adminify-metabox .adminify-field {
506 padding: 20px;
507 }
508 .adminify-metabox .adminify-section-title {
509 padding: 20px;
510 }
511
512 .block-editor-page .adminify-metabox {
513 margin: -6px -14px -14px -14px;
514 }
515
516 .block-editor-editor-skeleton__content .adminify-metabox {
517 border-left: 1px solid #e2e4e7;
518 border-right: 1px solid #e2e4e7;
519 }
520
521 .adminify-sections-reset {
522 float: left;
523 width: 100%;
524 text-align: right;
525 border-top: 1px solid #eee;
526 }
527 .adminify-sections-reset .adminify-button-cancel,
528 .adminify-sections-reset input {
529 display: none;
530 }
531 .adminify-sections-reset label {
532 padding: 10px;
533 }
534 .adminify-sections-reset span {
535 -webkit-user-select: none;
536 -moz-user-select: none;
537 user-select: none;
538 }
539 .adminify-sections-reset input:checked ~ .adminify-button-reset {
540 display: none;
541 }
542 .adminify-sections-reset input:checked ~ .adminify-button-cancel {
543 display: inline-block;
544 }
545
546 #side-sortables .adminify-section-title {
547 padding: 12px;
548 }
549 #side-sortables .adminify-field {
550 padding: 10px 15px;
551 }
552 #side-sortables .adminify-field .adminify-title {
553 float: none;
554 width: 100%;
555 margin-bottom: 6px;
556 }
557 #side-sortables .adminify-field .adminify-fieldset {
558 float: none;
559 width: 100%;
560 }
561 #side-sortables .adminify-field-text input {
562 width: 100%;
563 }
564 #side-sortables .adminify-notice {
565 padding: 10px 15px;
566 }
567
568 /**
569 * 01. 13. Comment Metabox
570 */
571 .adminify-comment-metabox {
572 margin: -6px -12px -12px -12px;
573 }
574 .adminify-comment-metabox .adminify-field {
575 padding: 20px;
576 }
577 .adminify-comment-metabox .adminify-section-title {
578 padding: 20px;
579 }
580
581 /**
582 * 01. 14. Help Tooltip
583 */
584 .adminify-tooltip {
585 position: absolute;
586 z-index: 5000001;
587 font-size: 12px;
588 line-height: 1.4;
589 text-align: center;
590 -webkit-text-decoration: none;
591 text-decoration: none;
592 padding: 6px 12px;
593 max-width: 200px;
594 color: #fff;
595 background-color: #000;
596 background-color: rgba(0, 0, 0, 0.85);
597 border-radius: 4px;
598 }
599
600 @media screen and (max-width: 1440px) {
601 .wp-adminify .wp-adminify-settings {
602 width: 95%;
603 }
604 }
605 @media screen and (max-width: 992px) {
606 .wp-adminify .wp-adminify-settings {
607 width: 100% !important;
608 }
609 .wp-adminify .wp-adminify-settings .adminify-section {
610 padding: 30px 12px 60px 12px;
611 }
612 .wp-adminify .wp-adminify-settings .adminify-section .adminify-field.adminify-field-subheading {
613 display: flex;
614 align-items: center;
615 justify-content: flex-end;
616 flex-wrap: wrap;
617 gap: 12px;
618 justify-content: center;
619 }
620 .wp-adminify .wp-adminify-settings .adminify-section .adminify-field.adminify-field-subheading .adminify-helps {
621 justify-content: center;
622 }
623 }
624 @media screen and (max-width: 425px) {
625 .wp-adminify .wp-adminify-settings .adminify-field {
626 padding: 16px 0;
627 }
628 .wp-adminify .wp-adminify-settings .adminify-field .adminify--input select {
629 width: 150px;
630 }
631 .wp-adminify .wp-adminify-settings .adminify-section {
632 padding: 30px 16px 60px 16px;
633 }
634 .wp-adminify .wp-adminify-settings .adminify-header-inner,
635 .wp-adminify .wp-adminify-settings .adminify-footer {
636 justify-content: center;
637 gap: 12px;
638 flex-wrap: wrap;
639 }
640 .wp-adminify .wp-adminify-settings .adminify-header-inner .adminify-header-right,
641 .wp-adminify .wp-adminify-settings .adminify-footer .adminify-header-right {
642 flex-wrap: wrap;
643 gap: 12px;
644 }
645 .wp-adminify .wp-adminify-settings .adminify-header-inner .adminify-buttons,
646 .wp-adminify .wp-adminify-settings .adminify-footer .adminify-buttons {
647 flex-wrap: wrap;
648 flex-direction: row;
649 }
650 .wp-adminify .wp-adminify-settings .adminify-field-switcher {
651 grid-template-columns: 100%;
652 gap: 12px;
653 }
654 .wp-adminify .wp-adminify-settings .adminify-field-fieldset {
655 display: flex;
656 flex-wrap: wrap;
657 justify-content: space-between;
658 gap: 12px;
659 }
660 .wp-adminify .wp-adminify-settings .adminify-field-fieldset.adminify-field {
661 padding: 12px 0 !important;
662 }
663 .wp-adminify .wp-adminify-settings .adminify-field-fieldset.adminify-nopadding:has(.adminify--switcher.adminify--active) .adminify-field {
664 grid-template-columns: 1fr;
665 gap: 12px;
666 }
667 .wp-adminify .wp-adminify-settings .adminify-field-fieldset.adminify-nopadding:has(.adminify--switcher.adminify--active) .adminify-field .adminify-title {
668 margin-bottom: 12px;
669 }
670 .wp-adminify .wp-adminify-settings .adminify-field-fieldset .adminify-fieldset .adminify-fieldset-content .adminify-field.adminify-field-button_set {
671 grid-template-columns: 1fr;
672 gap: 12px;
673 padding: 12px 0;
674 }
675 .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field-image_select,
676 .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field-color_group {
677 display: flex;
678 flex-direction: column;
679 }
680 .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field-image_select .adminify-title,
681 .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field-color_group .adminify-title {
682 margin-bottom: 16px;
683 }
684 .wp-adminify .wp-adminify-settings .adminify--blocks {
685 flex-direction: column;
686 }
687 .wp-adminify .wp-adminify-settings .adminify--blocks .adminify--input-wrap .adminify--input {
688 min-width: auto;
689 width: 100%;
690 }
691 .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-typography, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-media, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-dimensions,
692 .wp-adminify .wp-adminify-settings .adminify-field .adminify-field-text {
693 grid-template-columns: 1fr;
694 gap: 12px;
695 padding: 12px 0 !important;
696 }
697 .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-typography .adminify-fieldset .adminify--block, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-media .adminify-fieldset .adminify--block, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-dimensions .adminify-fieldset .adminify--block,
698 .wp-adminify .wp-adminify-settings .adminify-field .adminify-field-text .adminify-fieldset .adminify--block {
699 padding-right: 0;
700 }
701 .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-typography .adminify-fieldset .adminify--block .adminify--font-family, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-media .adminify-fieldset .adminify--block .adminify--font-family, .wp-adminify .wp-adminify-settings .adminify-field.adminify-field-dimensions .adminify-fieldset .adminify--block .adminify--font-family,
702 .wp-adminify .wp-adminify-settings .adminify-field .adminify-field-text .adminify-fieldset .adminify--block .adminify--font-family {
703 min-width: auto;
704 max-width: none;
705 width: 100%;
706 }
707 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field {
708 padding: 0 !important;
709 }
710 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field .wrap {
711 margin: 0 !important;
712 }
713 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field .wrap .wp-adminify--menu--editor--container {
714 max-width: 100% !important;
715 margin: 0 0 !important;
716 margin-bottom: 16px !important;
717 }
718 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field .wrap .wp-adminify--menu--editor--container .tab-content .tab-pane {
719 padding-left: 0;
720 padding-right: 0;
721 }
722 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field .wrap .wp-adminify--menu--editor--container .tab-content .tab-pane .columns {
723 flex-direction: column;
724 }
725 .wp-adminify .wp-adminify-settings .adminify-field-callback.adminify-field.adminify-one-col {
726 grid-template-columns: 100%;
727 }
728 .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-button_set, .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-spacing, .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-slider {
729 grid-template-columns: 100%;
730 gap: 12px;
731 }
732 .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-button_set .adminify-siblings.adminify--button-group, .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-spacing .adminify-siblings.adminify--button-group, .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field.adminify-field-slider .adminify-siblings.adminify--button-group {
733 flex-wrap: wrap;
734 }
735 .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field-fieldset {
736 padding: 16px !important;
737 }
738 .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field-fieldset .adminify-field-switcher {
739 flex-wrap: wrap;
740 gap: 12px;
741 }
742 .wp-adminify .wp-adminify-settings .adminify-tabbed-content .adminify-field-fieldset .adminify-field-switcher.adminify-field {
743 flex-wrap: wrap;
744 gap: 12px;
745 }
746 .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field.adminify-field-checkbox, .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field.adminify-field-radio, .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field.adminify-field-code_editor, .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field.adminify-field-wp_editor, .wp-adminify .wp-adminify-settings .adminify-sections .adminify-field.adminify-field-textarea {
747 grid-template-columns: 100%;
748 gap: 12px;
749 }
750 }
751 /*
752 * Useable Mixin
753 */
754 .adminify-section {
755 padding: 30px 40px 60px 40px;
756 /**
757 * 03. Fields
758 */
759 /**
760 * 03. 02. Field: accordion
761 */
762 /**
763 * 03. 03. Field: background
764 */
765 /**
766 * 03. 04. Field: backup
767 */
768 /**
769 * 03. 05. Field: border, spacing, dimensions
770 */
771 /**
772 * 03. 06. Field: button_set
773 */
774 /**
775 * 03. 07. Field: checkbox, radio
776 */
777 /**
778 * 03. 08. Field: code_editor
779 */
780 /**
781 * 03. 09. Field: color
782 */
783 /**
784 * 03. 10. Field: color_group
785 */
786 /**
787 * 03. 11. Field: fieldset
788 */
789 /**
790 * 03. 12. Field: date
791 */
792 /**
793 * 03. 13. Field: datetime
794 */
795 /**
796 * 03. 14. Field: gallery
797 */
798 /**
799 * 03. 15. Field: group
800 */
801 /**
802 * 03. 16. Field: icon
803 */
804 /**
805 * 03. 17. Field: image_select
806 */
807 /**
808 * 03. 18. Field: link_color
809 */
810 /**
811 * 03. 19. Field: map
812 */
813 /**
814 * 03. 20. Field: media
815 */
816 /**
817 * 03. 21. Field: palette
818 */
819 /**
820 * 03. 22. Field: repeater
821 */
822 /**
823 * 03. 23. Field: select
824 */
825 /**
826 * 03. 24. Field: slider
827 */
828 /**
829 * 03. 25. Field: sortable
830 */
831 /**
832 * 03. 26. Field: sorter
833 */
834 /**
835 * 03. 27. Field: spinner
836 */
837 /**
838 * 03. 28. Field: switcher
839 */
840 /**
841 * 03. 29. Field: tabbed
842 */
843 /**
844 * 03. 30. Field: text
845 */
846 /**
847 * 03. 31. Field: textarea
848 */
849 /**
850 * 03. 32. Field: typography
851 */
852 /**
853 * 03. 33. Field: upload
854 */
855 /**
856 * 03. 34. Field: wp_editor
857 */
858 /**
859 * 03. 35. Field: heading
860 */
861 /**
862 * 03. 36. Field: subheading
863 */
864 /**
865 * 03. 37. Field: submessage
866 */
867 /**
868 * 03. 38. Field: notice
869 */
870 /**
871 * 03. 39. Field: number
872 */
873 /**
874 * 03. 40. Field: link
875 */
876 /**
877 * 03. 41 Field: Color Picker
878 */
879 /**
880 * 03. 42. Helps
881 */
882 /**
883 * 03. 43. Callback
884 */
885 /**
886 * 03. 44. others
887 */
888 }
889 .adminify-section .adminify-field {
890 display: grid;
891 grid-template-columns: 25% 1fr;
892 grid-column-gap: 32px;
893 -moz-column-gap: 32px;
894 column-gap: 32px;
895 padding: 16px;
896 }
897 .adminify-section .adminify-field.adminify-field-subheading {
898 grid-template-columns: 1fr 1fr;
899 }
900 .adminify-section .adminify-field.adminify-small-subheading {
901 font-size: 15px;
902 line-height: 1;
903 padding-top: 30px;
904 padding-bottom: 5px;
905 border: none;
906 }
907 .adminify-section .adminify-field.adminify-one-col {
908 grid-template-columns: 1fr;
909 }
910 .adminify-section .adminify-field p:first-child {
911 margin-top: 0;
912 }
913 .adminify-section .adminify-field p:last-child {
914 margin-bottom: 0;
915 }
916 .adminify-section .adminify-field h4 {
917 margin-top: 0;
918 }
919 .adminify-section .adminify-field .adminify-title h4 {
920 font-size: 14px;
921 letter-spacing: 0.1px;
922 margin: 0;
923 color: #48455f;
924 }
925 .adminify-section input,
926 .adminify-section textarea {
927 color: #667085;
928 background: #fff;
929 border: 1px solid #dedee7;
930 padding: 6px 8px;
931 line-height: 1.3;
932 }
933 .adminify-section input:focus,
934 .adminify-section textarea:focus {
935 box-shadow: none;
936 border-color: var(--adminify-primary);
937 }
938 .adminify-section a {
939 -webkit-text-decoration: none;
940 text-decoration: none;
941 }
942 .adminify-section .adminify-pseudo-field {
943 padding: 0 5px 0 0 !important;
944 display: inline-block;
945 }
946 .adminify-section .adminify-pseudo-field + .adminify-pseudo-field {
947 border: 0;
948 }
949 .adminify-section .adminify-pseudo-field pre {
950 display: none;
951 }
952 .adminify-section .adminify-field-accordion .adminify-accordion-item {
953 position: relative;
954 margin-bottom: 5px;
955 }
956 .adminify-section .adminify-field-accordion .adminify-accordion-item:last-child {
957 margin-bottom: 0;
958 }
959 .adminify-section .adminify-field-accordion .adminify-accordion-item h4 {
960 font-size: 1em;
961 }
962 .adminify-section .adminify-field-accordion .adminify-accordion-title {
963 display: block;
964 cursor: pointer;
965 position: relative;
966 margin: 0;
967 padding: 15px;
968 min-height: 0;
969 font-size: 100%;
970 -webkit-user-select: none;
971 -moz-user-select: none;
972 user-select: none;
973 border: 1px solid #dedee7;
974 background-color: #fafafa;
975 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
976 transition: border-color 0.15s;
977 }
978 .adminify-section .adminify-field-accordion .adminify-accordion-title:active, .adminify-section .adminify-field-accordion .adminify-accordion-title:hover, .adminify-section .adminify-field-accordion .adminify-accordion-title:focus {
979 outline: none;
980 border-color: #999;
981 }
982 .adminify-section .adminify-field-accordion .adminify-accordion-title .adminify--icon {
983 width: 20px;
984 text-align: center;
985 margin-right: 2px;
986 }
987 .adminify-section .adminify-field-accordion .adminify-accordion-icon {
988 width: 16px;
989 text-align: center;
990 }
991 .adminify-section .adminify-field-accordion .adminify-accordion-content {
992 display: none;
993 padding: 0;
994 border: 1px solid #dedee7;
995 border-top: none;
996 background-color: #fff;
997 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
998 }
999 .adminify-section .adminify-field-accordion .adminify-accordion-content > .adminify-field {
1000 padding: 15px;
1001 }
1002 .adminify-section .adminify-field-accordion .adminify-accordion-open {
1003 display: block;
1004 }
1005 .adminify-section .adminify-field-background .adminify-field {
1006 border: 0 !important;
1007 padding: 0;
1008 margin-bottom: 6px;
1009 margin-right: 6px;
1010 }
1011 .adminify-section .adminify-field-background .adminify--title {
1012 color: #48455f;
1013 font-size: 12px;
1014 }
1015 .adminify-section .adminify-field-background .adminify--background-colors {
1016 display: flex;
1017 flex-wrap: wrap;
1018 }
1019 .adminify-section .adminify-field-background .adminify--background-attributes {
1020 display: flex;
1021 flex-wrap: wrap;
1022 }
1023 .adminify-section .adminify-field-background .adminify--background-attributes select {
1024 min-width: 100%;
1025 margin: 0;
1026 }
1027 .adminify-section .adminify-field-background .adminify--background-attributes .adminify-field {
1028 flex: 1;
1029 }
1030 .adminify-section .adminify-field-background .adminify--attributes-hidden {
1031 display: none;
1032 }
1033 .adminify-section .adminify-field-backup textarea {
1034 width: 100%;
1035 min-height: 200px;
1036 margin-bottom: 5px;
1037 }
1038 .adminify-section .adminify-field-backup small {
1039 display: inline-block;
1040 margin: 5px;
1041 }
1042 .adminify-section .adminify-field-backup hr {
1043 margin: 20px 0;
1044 border: none;
1045 border-bottom: 1px solid #dedee7;
1046 }
1047 .adminify-section .adminify-field-backup .adminify-export {
1048 display: inline-block;
1049 }
1050 .adminify-section .adminify-field-border .adminify--inputs,
1051 .adminify-section .adminify-field-spacing .adminify--inputs,
1052 .adminify-section .adminify-field-dimensions .adminify--inputs {
1053 float: left;
1054 display: flex;
1055 flex-wrap: wrap;
1056 }
1057 .adminify-section .adminify-field-border .adminify--input,
1058 .adminify-section .adminify-field-spacing .adminify--input,
1059 .adminify-section .adminify-field-dimensions .adminify--input {
1060 display: flex;
1061 padding-right: 6px;
1062 padding-bottom: 4px;
1063 box-sizing: border-box;
1064 }
1065 .adminify-section .adminify-field-border .adminify--input select,
1066 .adminify-section .adminify-field-spacing .adminify--input select,
1067 .adminify-section .adminify-field-dimensions .adminify--input select {
1068 margin: 0;
1069 }
1070 .adminify-section .adminify-field-border .adminify--input input,
1071 .adminify-section .adminify-field-spacing .adminify--input input,
1072 .adminify-section .adminify-field-dimensions .adminify--input input {
1073 position: relative;
1074 z-index: 1;
1075 margin: 0;
1076 width: 65px;
1077 max-width: 100%;
1078 text-align: center;
1079 }
1080 .adminify-section .adminify-field-border .adminify--color,
1081 .adminify-section .adminify-field-spacing .adminify--color,
1082 .adminify-section .adminify-field-dimensions .adminify--color {
1083 float: left;
1084 }
1085 .adminify-section .adminify-field-border .adminify--label,
1086 .adminify-section .adminify-field-spacing .adminify--label,
1087 .adminify-section .adminify-field-dimensions .adminify--label {
1088 display: flex;
1089 flex-direction: column;
1090 justify-content: center;
1091 -webkit-user-select: none;
1092 -moz-user-select: none;
1093 user-select: none;
1094 min-width: 20px;
1095 max-width: 100%;
1096 padding: 0 4px;
1097 font-size: 12px;
1098 text-align: center;
1099 color: #555;
1100 border: 1px solid #dedee7;
1101 background-color: #f5f5f5;
1102 }
1103 .adminify-section .adminify-field-border .adminify--icon,
1104 .adminify-section .adminify-field-spacing .adminify--icon,
1105 .adminify-section .adminify-field-dimensions .adminify--icon {
1106 border-right: 0;
1107 border-radius: 4px 0 0 4px;
1108 }
1109 .adminify-section .adminify-field-border .adminify--icon + input,
1110 .adminify-section .adminify-field-spacing .adminify--icon + input,
1111 .adminify-section .adminify-field-dimensions .adminify--icon + input {
1112 border-top-left-radius: 0 !important;
1113 border-bottom-left-radius: 0 !important;
1114 }
1115 .adminify-section .adminify-field-border .adminify--unit,
1116 .adminify-section .adminify-field-spacing .adminify--unit,
1117 .adminify-section .adminify-field-dimensions .adminify--unit {
1118 border-left: 0;
1119 border-radius: 0 4px 4px 0;
1120 }
1121 .adminify-section .adminify-field-border .adminify--is-unit,
1122 .adminify-section .adminify-field-spacing .adminify--is-unit,
1123 .adminify-section .adminify-field-dimensions .adminify--is-unit {
1124 border-top-right-radius: 0 !important;
1125 border-bottom-right-radius: 0 !important;
1126 }
1127 .adminify-section .adminify-field-button_set .adminify--buttons {
1128 display: inline-block;
1129 }
1130 .adminify-section .adminify-field-button_set .adminify--button-group {
1131 display: inline-flex;
1132 border: 1px solid #dedee7;
1133 padding: 4px;
1134 border-radius: 2px;
1135 gap: 2px;
1136 }
1137 .adminify-section .adminify-field-button_set .adminify--button-group .adminify--button {
1138 display: inline-block;
1139 color: #736e91;
1140 padding: 4px 24px;
1141 border-radius: 2px;
1142 font-size: 13px;
1143 font-weight: 600;
1144 line-height: 20px;
1145 cursor: pointer;
1146 }
1147 .adminify-section .adminify-field-button_set .adminify--button-group .adminify--button.adminify--active {
1148 color: #fff;
1149 background: var(--adminify-primary);
1150 }
1151 .adminify-section .adminify-field-button_set input {
1152 display: none;
1153 }
1154 .adminify-section .adminify-field-checkbox ul,
1155 .adminify-section .adminify-field-radio ul {
1156 margin: 0;
1157 padding: 0;
1158 list-style-type: none;
1159 }
1160 .adminify-section .adminify-field-checkbox ul li,
1161 .adminify-section .adminify-field-radio ul li {
1162 margin-bottom: 6px;
1163 }
1164 .adminify-section .adminify-field-checkbox ul li label,
1165 .adminify-section .adminify-field-radio ul li label {
1166 -webkit-user-select: none;
1167 -moz-user-select: none;
1168 user-select: none;
1169 }
1170 .adminify-section .adminify-field-checkbox ul ul,
1171 .adminify-section .adminify-field-radio ul ul {
1172 max-height: none;
1173 }
1174 .adminify-section .adminify-field-checkbox ul ul li,
1175 .adminify-section .adminify-field-radio ul ul li {
1176 margin-left: 8px;
1177 }
1178 .adminify-section .adminify-field-checkbox ul ul li:first-child,
1179 .adminify-section .adminify-field-radio ul ul li:first-child {
1180 margin-left: 0;
1181 }
1182 .adminify-section .adminify-field-checkbox input,
1183 .adminify-section .adminify-field-radio input {
1184 margin: 0 1px;
1185 }
1186 .adminify-section .adminify-field-checkbox .adminify--inline-list li,
1187 .adminify-section .adminify-field-radio .adminify--inline-list li {
1188 display: inline-block;
1189 margin-right: 15px;
1190 }
1191 .adminify-section .adminify-field-checkbox .adminify--text,
1192 .adminify-section .adminify-field-radio .adminify--text {
1193 margin-left: 5px;
1194 vertical-align: middle;
1195 }
1196 .adminify-section .adminify-field-checkbox .adminify-checker,
1197 .adminify-section .adminify-field-radio .adminify-checker {
1198 cursor: pointer;
1199 }
1200 .adminify-section .adminify-field-code_editor .CodeMirror {
1201 width: 100%;
1202 height: 400px;
1203 }
1204 .adminify-section .adminify-field-code_editor .cm-s-default {
1205 border: 1px solid #dedee7;
1206 }
1207 .adminify-section .adminify-field-code_editor textarea {
1208 width: 100%;
1209 height: 400px;
1210 }
1211 .adminify-section .adminify-field-color > input {
1212 opacity: 0.75;
1213 width: 115px;
1214 max-width: 100%;
1215 }
1216 .adminify-section .adminify-field-color_group .adminify--left {
1217 float: left;
1218 margin-right: 10px;
1219 margin-bottom: 5px;
1220 }
1221 .adminify-section .adminify-field-color_group .adminify--title {
1222 color: #48455f;
1223 margin-bottom: 5px;
1224 }
1225 .adminify-section .adminify-field-fieldset .adminify-fieldset-content {
1226 background-color: #fff;
1227 }
1228 .adminify-section .adminify-field-fieldset .adminify-fieldset-content > .adminify-field {
1229 padding: 12px;
1230 border-radius: 2px;
1231 }
1232 .adminify-section .adminify-field-fieldset .adminify-field-subheading {
1233 font-size: 18px;
1234 letter-spacing: 0.1px;
1235 border-bottom: 1px solid #dedee7;
1236 line-height: 1.5em;
1237 }
1238 .adminify-section .adminify-field-date input {
1239 margin: 0;
1240 }
1241 .adminify-section .adminify-field-date .adminify--to {
1242 margin-left: 7px;
1243 }
1244 .adminify-section .adminify-datepicker-wrapper {
1245 margin-top: 5px;
1246 width: auto;
1247 background-color: #fff;
1248 z-index: 9999999 !important;
1249 box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1250 }
1251 .adminify-section .adminify-datepicker-wrapper * {
1252 float: none;
1253 margin: 0;
1254 padding: 0;
1255 font-family: inherit;
1256 font-weight: normal;
1257 font-style: normal;
1258 -webkit-text-decoration: none;
1259 text-decoration: none;
1260 border: 0;
1261 border-radius: 0;
1262 box-shadow: none;
1263 }
1264 .adminify-section .adminify-datepicker-wrapper .ui-widget-header,
1265 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-header {
1266 color: #fff;
1267 background: #00a0d2;
1268 }
1269 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-header .ui-state-hover {
1270 cursor: pointer;
1271 }
1272 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-title {
1273 font-size: 14px;
1274 line-height: 40px;
1275 text-align: center;
1276 }
1277 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-prev,
1278 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-next {
1279 position: static;
1280 top: auto;
1281 left: auto;
1282 right: auto;
1283 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
1284 font-weight: 900;
1285 font-size: 12px;
1286 text-align: center;
1287 width: 41px;
1288 height: 40px;
1289 line-height: 40px;
1290 color: #fff;
1291 background-color: rgba(255, 255, 255, 0.1);
1292 text-rendering: auto;
1293 -webkit-font-smoothing: antialiased;
1294 -moz-osx-font-smoothing: grayscale;
1295 }
1296 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-next span,
1297 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-prev span {
1298 display: none;
1299 }
1300 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-prev {
1301 float: left;
1302 }
1303 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-next {
1304 float: right;
1305 }
1306 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-prev:before {
1307 content: "\f053";
1308 }
1309 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-next:before {
1310 content: "\f054";
1311 }
1312 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-prev-hover,
1313 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-next-hover {
1314 opacity: 0.75;
1315 }
1316 .adminify-section .adminify-datepicker-wrapper tbody .ui-datepicker-week-col {
1317 background-color: #f7f7f7;
1318 }
1319 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-buttonpane {
1320 padding: 10px;
1321 text-align: center;
1322 background-color: #f7f7f7;
1323 }
1324 .adminify-section .adminify-datepicker-wrapper .ui-datepicker-buttonpane button {
1325 cursor: pointer;
1326 margin: 0 5px;
1327 padding: 7px 14px;
1328 border: 1px solid #dedee7;
1329 background-color: #fff;
1330 }
1331 .adminify-section .adminify-datepicker-wrapper select {
1332 margin: 0 4px;
1333 }
1334 .adminify-section .adminify-datepicker-wrapper select option {
1335 color: #555;
1336 }
1337 .adminify-section .adminify-datepicker-wrapper table {
1338 font-size: 13px;
1339 border-collapse: collapse;
1340 width: 100%;
1341 }
1342 .adminify-section .adminify-datepicker-wrapper thead {
1343 color: #fff;
1344 background: #32373c;
1345 }
1346 .adminify-section .adminify-datepicker-wrapper th {
1347 text-align: center;
1348 padding: 7px;
1349 border: 1px solid #444;
1350 }
1351 .adminify-section .adminify-datepicker-wrapper td {
1352 text-align: center;
1353 border: 1px solid #dedee7;
1354 }
1355 .adminify-section .adminify-datepicker-wrapper td.ui-datepicker-other-month {
1356 border: transparent;
1357 }
1358 .adminify-section .adminify-datepicker-wrapper td .ui-state-default {
1359 color: #555;
1360 width: auto;
1361 display: block;
1362 padding: 6px 12px;
1363 }
1364 .adminify-section .adminify-datepicker-wrapper td .ui-state-active,
1365 .adminify-section .adminify-datepicker-wrapper td .ui-state-hover {
1366 color: #fff;
1367 background-color: #0073aa;
1368 }
1369 .adminify-section .adminify-datepicker-wrapper td.ui-state-disabled .ui-state-default {
1370 opacity: 0.5;
1371 }
1372 .adminify-section .adminify-field-datetime input {
1373 margin: 0;
1374 }
1375 .adminify-section .adminify-field-datetime .adminify--to {
1376 margin-left: 7px;
1377 }
1378 .adminify-section .adminify-flatpickr select,
1379 .adminify-section .adminify-flatpickr input {
1380 min-height: auto;
1381 }
1382 .adminify-section .adminify-flatpickr select:focus,
1383 .adminify-section .adminify-flatpickr input:focus {
1384 box-shadow: none;
1385 }
1386 .adminify-section .adminify-flatpickr.open {
1387 z-index: 9999999 !important;
1388 }
1389 .adminify-section .adminify-field-gallery ul {
1390 margin: 0;
1391 padding: 0;
1392 list-style-type: none;
1393 }
1394 .adminify-section .adminify-field-gallery ul li {
1395 display: inline-block;
1396 position: relative;
1397 padding: 4px;
1398 margin: 0 5px 10px 0;
1399 border: 1px solid #dedee7;
1400 background-color: #f9f9f9;
1401 border-radius: 2px;
1402 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
1403 }
1404 .adminify-section .adminify-field-gallery ul li img {
1405 max-height: 60px;
1406 display: inline-block;
1407 vertical-align: middle;
1408 }
1409 .adminify-section .adminify-field-gallery .button {
1410 margin-right: 5px;
1411 margin-bottom: 5px;
1412 }
1413 .adminify-section .adminify-field-group {
1414 display: block;
1415 }
1416 .adminify-section .adminify-field-group .adminify-cloneable-hidden {
1417 display: none !important;
1418 }
1419 .adminify-section .adminify-field-group .adminify-cloneable-wrapper {
1420 position: relative;
1421 }
1422 .adminify-section .adminify-field-group .adminify-cloneable-item {
1423 display: none;
1424 position: relative;
1425 margin-bottom: 16px;
1426 }
1427 .adminify-section .adminify-field-group .adminify-cloneable-item .adminify-cloneable-title {
1428 font-size: 1em;
1429 color: #48455f;
1430 border: 1px solid #dedee7;
1431 background: #fff;
1432 }
1433 .adminify-section .adminify-field-group .adminify-cloneable-item .adminify-cloneable-title .adminify-cloneable-header-icon {
1434 margin-right: 4px;
1435 }
1436 .adminify-section .adminify-field-group .adminify-cloneable-item .adminify-cloneable-title:hover {
1437 border-color: #dedee7;
1438 }
1439 .adminify-section .adminify-field-group .ui-accordion .adminify-cloneable-item {
1440 display: block;
1441 }
1442 .adminify-section .adminify-field-group .adminify-cloneable-content {
1443 border: 1px solid #dedee7;
1444 background-color: #fff;
1445 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1446 }
1447 .adminify-section .adminify-field-group .adminify-cloneable-content > .adminify-field {
1448 padding: 15px;
1449 }
1450 .adminify-section .adminify-field-group .adminify-cloneable-title {
1451 display: block;
1452 cursor: pointer;
1453 position: relative;
1454 -webkit-user-select: none;
1455 -moz-user-select: none;
1456 user-select: none;
1457 margin: 0;
1458 padding: 15px 65px 15px 10px;
1459 min-height: 0;
1460 font-size: 100%;
1461 border: 1px solid #dedee7;
1462 background-color: #fafafa;
1463 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1464 transition: border-color 0.15s;
1465 }
1466 .adminify-section .adminify-field-group .adminify-cloneable-title:active, .adminify-section .adminify-field-group .adminify-cloneable-title:hover, .adminify-section .adminify-field-group .adminify-cloneable-title:focus {
1467 border-color: #999;
1468 outline: none;
1469 }
1470 .adminify-section .adminify-field-group .adminify-cloneable-helper {
1471 position: absolute;
1472 top: 12px;
1473 right: 10px;
1474 z-index: 1;
1475 font-size: 14px;
1476 line-height: 1em;
1477 }
1478 .adminify-section .adminify-field-group .adminify-cloneable-helper i {
1479 display: inline-block;
1480 cursor: pointer;
1481 padding: 5px;
1482 color: #999;
1483 }
1484 .adminify-section .adminify-field-group .adminify-cloneable-helper i:hover {
1485 color: #555;
1486 }
1487 .adminify-section .adminify-field-group .adminify-cloneable-content {
1488 padding: 0;
1489 border-top: 0;
1490 }
1491 .adminify-section .adminify-field-group .adminify-cloneable-title-prefix,
1492 .adminify-section .adminify-field-group .adminify-cloneable-title-number {
1493 margin-right: 5px;
1494 }
1495 .adminify-section .adminify-field-group .adminify-cloneable-alert {
1496 display: none;
1497 margin-bottom: 5px;
1498 padding: 10px 20px;
1499 color: #a94442;
1500 border: 1px solid #dedee7;
1501 background-color: #f2dede;
1502 }
1503 .adminify-section .adminify-field-group .widget-placeholder {
1504 margin-bottom: 10px;
1505 border: 1px dashed #f1c40f;
1506 background-color: #fffae4;
1507 }
1508 .adminify-section .adminify-field-group .adminify-cloneable-header-icon {
1509 display: inline-block;
1510 text-align: center;
1511 font-size: 14px;
1512 width: 17px;
1513 text-indent: 0;
1514 vertical-align: text-top;
1515 }
1516 .adminify-section .adminify-field-group .adminify-cloneable-placeholder {
1517 background-color: #ddd;
1518 margin-top: 4px;
1519 width: 100px;
1520 height: 10px;
1521 font-size: 10px;
1522 line-height: 10px;
1523 display: inline-block;
1524 vertical-align: top;
1525 border-radius: 2px;
1526 }
1527 .adminify-section .adminify-field-group .adminify-cloneable-add {
1528 -webkit-text-decoration: none;
1529 text-decoration: none;
1530 font-weight: 500;
1531 }
1532 .adminify-section .adminify-field-icon .adminify-icon-select {
1533 display: flex;
1534 gap: 8px;
1535 }
1536 .adminify-section .adminify-field-icon .adminify-icon-preview:not(.hidden) {
1537 display: flex;
1538 }
1539 .adminify-section .adminify-field-icon .adminify-icon-preview i {
1540 display: flex;
1541 justify-content: center;
1542 align-items: center;
1543 width: 32px;
1544 height: 100%;
1545 font-size: 16px;
1546 text-align: center;
1547 vertical-align: top;
1548 color: #48455f;
1549 border: 1px solid #dedee7;
1550 background-color: #e9e9f6;
1551 border-radius: 3px;
1552 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
1553 }
1554 .adminify-section .adminify-field-image_select .adminify--image {
1555 display: inline-block;
1556 margin: 0 16px 16px 0;
1557 border: 1px solid #dedee7;
1558 }
1559 .adminify-section .adminify-field-image_select .adminify--inline-list .adminify--image {
1560 display: block;
1561 }
1562 .adminify-section .adminify-field-image_select figure {
1563 cursor: pointer;
1564 position: relative;
1565 display: inline-block;
1566 max-width: 100%;
1567 margin: 0;
1568 vertical-align: bottom;
1569 border: 2px solid transparent;
1570 background-color: #fff;
1571 -webkit-user-select: none;
1572 -moz-user-select: none;
1573 user-select: none;
1574 transition: all 0.2s;
1575 }
1576 .adminify-section .adminify-field-image_select figure:before {
1577 position: absolute;
1578 top: 0;
1579 right: 0;
1580 text-align: center;
1581 font-size: 10px;
1582 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
1583 font-weight: 900;
1584 content: "\f00c";
1585 width: 16px;
1586 height: 16px;
1587 line-height: 14px;
1588 opacity: 0;
1589 color: #fff;
1590 background-color: var(--adminify-primary);
1591 transition: opacity 0.2s;
1592 }
1593 .adminify-section .adminify-field-image_select .adminify--active figure {
1594 border-width: 2px;
1595 border-color: var(--adminify-primary);
1596 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
1597 }
1598 .adminify-section .adminify-field-image_select .adminify--active figure:before {
1599 opacity: 1;
1600 }
1601 .adminify-section .adminify-field-image_select img {
1602 max-width: 100%;
1603 height: auto;
1604 vertical-align: top;
1605 }
1606 .adminify-section .adminify-field-image_select input {
1607 display: none;
1608 }
1609 .adminify-section .adminify-field-link_color .adminify--left {
1610 float: left;
1611 margin-right: 10px;
1612 margin-bottom: 5px;
1613 }
1614 .adminify-section .adminify-field-link_color .adminify--title {
1615 color: #777;
1616 margin-bottom: 5px;
1617 }
1618 .adminify-section .adminify-field-map input {
1619 width: 100%;
1620 }
1621 .adminify-section .adminify-field-map input[type=text].ui-autocomplete-loading {
1622 background-position-x: calc(100% - 5px);
1623 }
1624 .adminify-section .adminify-field-map .adminify--map-search + .adminify--map-osm-wrap {
1625 margin-top: 10px;
1626 }
1627 .adminify-section .adminify-field-map .adminify--map-osm-wrap {
1628 position: relative;
1629 padding: 5px;
1630 border: 1px solid #dedee7;
1631 background-color: #fff;
1632 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1633 }
1634 .adminify-section .adminify-field-map .adminify--map-osm {
1635 position: relative;
1636 z-index: 1;
1637 min-height: 250px;
1638 }
1639 .adminify-section .adminify-field-map .adminify--map-inputs {
1640 margin-top: 10px;
1641 display: flex;
1642 justify-content: space-between;
1643 }
1644 .adminify-section .adminify-field-map .adminify--map-input {
1645 flex: 1;
1646 }
1647 .adminify-section .adminify-field-map .adminify--map-input:last-child {
1648 padding-left: 10px;
1649 }
1650 .adminify-section .adminify-field-map label {
1651 display: block;
1652 color: #777;
1653 font-size: 12px;
1654 margin: 0 0 2px 0;
1655 }
1656 .adminify-section .adminify-map-ui-autocomplate {
1657 z-index: 999999;
1658 border-radius: 4px;
1659 overflow: hidden;
1660 }
1661 .adminify-section .adminify-field-media .adminify--placeholder {
1662 display: flex;
1663 align-items: stretch;
1664 gap: 8px;
1665 }
1666 .adminify-section .adminify-field-media .adminify--placeholder input {
1667 width: 100%;
1668 margin: 0;
1669 }
1670 .adminify-section .adminify-field-media .adminify--placeholder .adminify--button {
1671 display: flex;
1672 align-items: center;
1673 white-space: nowrap;
1674 }
1675 .adminify-section .adminify-field-media .button {
1676 margin-left: 5px;
1677 }
1678 .adminify-section .adminify-field-media .hidden + .button {
1679 margin-left: 0;
1680 }
1681 .adminify-section .adminify-field-media .adminify--preview {
1682 position: relative;
1683 }
1684 .adminify-section .adminify-field-palette .adminify--palette {
1685 position: relative;
1686 display: inline-block;
1687 cursor: pointer;
1688 border: 2px solid #ddd;
1689 margin-right: 10px;
1690 margin-bottom: 10px;
1691 -moz-user-select: none;
1692 user-select: none;
1693 -webkit-user-select: none;
1694 transition: all 0.2s;
1695 }
1696 .adminify-section .adminify-field-palette .adminify--palette span {
1697 vertical-align: middle;
1698 display: inline-block;
1699 width: 22px;
1700 height: 60px;
1701 line-height: 60px;
1702 overflow: hidden;
1703 text-indent: -999px;
1704 }
1705 .adminify-section .adminify-field-palette .adminify--palette:before {
1706 position: absolute;
1707 top: 0;
1708 left: 0;
1709 text-align: center;
1710 font-size: 10px;
1711 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
1712 font-weight: 900;
1713 content: "\f00c";
1714 width: 16px;
1715 height: 16px;
1716 line-height: 14px;
1717 opacity: 0;
1718 color: #fff;
1719 background-color: #222;
1720 transition: opacity 0.2s;
1721 }
1722 .adminify-section .adminify-field-palette .adminify--active {
1723 border-color: #222;
1724 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
1725 }
1726 .adminify-section .adminify-field-palette .adminify--active:before {
1727 opacity: 1;
1728 }
1729 .adminify-section .adminify-field-palette input {
1730 display: none;
1731 }
1732 .adminify-section .adminify-field-repeater .adminify-field-text input {
1733 width: 100%;
1734 }
1735 .adminify-section .adminify-field-repeater .adminify-repeater-hidden {
1736 display: none !important;
1737 }
1738 .adminify-section .adminify-field-repeater .adminify-repeater-wrapper .adminify-repeater-item {
1739 display: table;
1740 width: 100%;
1741 margin-bottom: 5px;
1742 border: 1px solid #dedee7;
1743 }
1744 .adminify-section .adminify-field-repeater .adminify-repeater-wrapper .adminify-repeater-item h4 {
1745 font-size: 1em;
1746 }
1747 .adminify-section .adminify-field-repeater .adminify-repeater-content {
1748 width: 100%;
1749 display: table-cell;
1750 vertical-align: middle;
1751 background-color: #fff;
1752 }
1753 .adminify-section .adminify-field-repeater .adminify-repeater-content > .adminify-field {
1754 padding: 15px;
1755 }
1756 .adminify-section .adminify-field-repeater .adminify-repeater-helper {
1757 width: 100%;
1758 display: table-cell;
1759 vertical-align: middle;
1760 text-align: center;
1761 font-size: 14px;
1762 line-height: 1em;
1763 border-left: 1px solid #eee;
1764 background-color: #f7f7f7;
1765 }
1766 .adminify-section .adminify-field-repeater .adminify-repeater-helper i {
1767 display: inline-block;
1768 cursor: pointer;
1769 color: #999;
1770 padding: 5px;
1771 }
1772 .adminify-section .adminify-field-repeater .adminify-repeater-helper i:hover {
1773 color: #555;
1774 }
1775 .adminify-section .adminify-field-repeater .adminify-repeater-helper-inner {
1776 width: 75px;
1777 }
1778 .adminify-section .adminify-field-repeater .adminify-repeater-alert {
1779 display: none;
1780 margin-bottom: 5px;
1781 padding: 10px 20px;
1782 color: #a94442;
1783 border: 1px solid #dedee7;
1784 background-color: #f2dede;
1785 }
1786 .adminify-section .adminify-field-repeater .widget-placeholder {
1787 height: 50px;
1788 margin-bottom: 3px;
1789 border: 1px dashed #f1c40f;
1790 background-color: #fffae4;
1791 }
1792 .adminify-section .adminify-field-repeater .ui-sortable-helper {
1793 height: 50px !important;
1794 overflow: hidden !important;
1795 border-color: #ccc !important;
1796 background-color: #eee !important;
1797 opacity: 0.5;
1798 }
1799 .adminify-section .adminify-field-repeater .ui-sortable-helper .adminify-repeater-helper,
1800 .adminify-section .adminify-field-repeater .ui-sortable-helper .adminify-repeater-content {
1801 display: none;
1802 }
1803 .adminify-section .adminify-repeater-add {
1804 margin-top: 8px;
1805 display: inline-block;
1806 }
1807 .adminify-section .adminify-field-select .adminify-fieldset {
1808 min-height: 30px;
1809 }
1810 .adminify-section .adminify-field-select .adminify-chosen {
1811 display: none;
1812 }
1813 .adminify-section .adminify-field-select select {
1814 max-width: 100%;
1815 margin: 0;
1816 }
1817 .adminify-section .adminify-field-select .adminify-hide-select {
1818 display: none !important;
1819 }
1820 .adminify-section .adminify-field-slider .adminify--wrap {
1821 display: flex;
1822 align-items: center;
1823 }
1824 .adminify-section .adminify-field-slider .adminify--input {
1825 display: flex;
1826 position: relative;
1827 }
1828 .adminify-section .adminify-field-slider .adminify--unit {
1829 position: absolute;
1830 z-index: 1;
1831 right: 4px;
1832 top: 4px;
1833 bottom: 4px;
1834 padding: 2px 6px;
1835 color: #736e91;
1836 font-size: 11px;
1837 line-height: 1;
1838 border-radius: 2px;
1839 background: #e9e9f6;
1840 -webkit-user-select: none;
1841 -moz-user-select: none;
1842 user-select: none;
1843 display: flex;
1844 justify-content: center;
1845 flex-direction: column;
1846 }
1847 .adminify-section .adminify-field-slider .adminify-slider-ui {
1848 margin-right: 15px;
1849 }
1850 .adminify-section .adminify-field-slider input[type=number] {
1851 position: relative;
1852 z-index: 1;
1853 margin: 0;
1854 width: 70px;
1855 text-align: center;
1856 padding-right: 26px;
1857 }
1858 .adminify-section .adminify-field-slider .adminify--is-unit {
1859 border-top-right-radius: 0 !important;
1860 border-bottom-right-radius: 0 !important;
1861 }
1862 .adminify-section .adminify-field-slider .ui-slider {
1863 position: relative;
1864 width: 100%;
1865 height: 3px;
1866 border: none;
1867 background: #dedee7;
1868 border-radius: 2px;
1869 }
1870 .adminify-section .adminify-field-slider .ui-slider-range {
1871 height: 3px;
1872 border: none;
1873 background: var(--adminify-primary);
1874 border-radius: 2px;
1875 }
1876 .adminify-section .adminify-field-slider .ui-slider-handle {
1877 position: absolute;
1878 width: 16px;
1879 height: 16px;
1880 top: -7px;
1881 margin-left: -8px;
1882 border: none;
1883 background: var(--adminify-primary);
1884 border-radius: 50%;
1885 }
1886 .adminify-section .adminify-field-slider .ui-state-active,
1887 .adminify-section .adminify-field-slider .ui-slider-handle:hover {
1888 cursor: pointer;
1889 background: var(--adminify-primary);
1890 }
1891 .adminify-section .adminify-field-sortable .adminify-field-text input {
1892 width: 100%;
1893 max-width: 100%;
1894 }
1895 .adminify-section .adminify-field-sortable .adminify-sortable .adminify-sortable-item {
1896 display: table;
1897 width: 100%;
1898 margin-bottom: 5px;
1899 border: 1px solid border;
1900 }
1901 .adminify-section .adminify-field-sortable .adminify-sortable .adminify-sortable-item h4 {
1902 font-size: 1em;
1903 }
1904 .adminify-section .adminify-field-sortable .adminify-sortable-content {
1905 width: 100%;
1906 display: table-cell;
1907 vertical-align: middle;
1908 background-color: #fff;
1909 }
1910 .adminify-section .adminify-field-sortable .adminify-sortable-content > .adminify-field {
1911 padding: 15px;
1912 }
1913 .adminify-section .adminify-field-sortable .adminify-sortable-helper {
1914 width: 100%;
1915 display: table-cell;
1916 vertical-align: middle;
1917 text-align: center;
1918 font-size: 14px;
1919 line-height: 1em;
1920 border-left: 1px solid #dedee7;
1921 background-color: #f7f7f7;
1922 }
1923 .adminify-section .adminify-field-sortable .adminify-sortable-helper i {
1924 display: inline-block;
1925 cursor: pointer;
1926 width: 50px;
1927 color: #555;
1928 }
1929 .adminify-section .adminify-field-sortable .adminify-sortable-helper i:hover {
1930 opacity: 0.5;
1931 }
1932 .adminify-section .adminify-field-sortable .widget-placeholder {
1933 height: 50px;
1934 margin-bottom: 3px;
1935 border: 1px dashed #f1c40f;
1936 background-color: #fffae4;
1937 }
1938 .adminify-section .adminify-field-sortable .ui-sortable-helper {
1939 height: 50px !important;
1940 overflow: hidden !important;
1941 border-color: #dedee7 !important;
1942 background-color: #eee !important;
1943 opacity: 0.5;
1944 }
1945 .adminify-section .adminify-field-sortable .ui-sortable-helper .adminify-sortable-helper,
1946 .adminify-section .adminify-field-sortable .ui-sortable-helper .adminify-sortable-content {
1947 display: none;
1948 }
1949 .adminify-section .adminify-field-sorter .ui-sortable-placeholder {
1950 height: 20px;
1951 border: 1px dashed #f1c40f;
1952 background-color: #fffae4;
1953 }
1954 .adminify-section .adminify-field-sorter .adminify-modules {
1955 float: left;
1956 width: 50%;
1957 box-sizing: border-box;
1958 }
1959 .adminify-section .adminify-field-sorter .adminify-modules:first-child {
1960 padding-right: 15px;
1961 }
1962 .adminify-section .adminify-field-sorter .adminify-modules:last-child {
1963 padding-left: 15px;
1964 }
1965 .adminify-section .adminify-field-sorter .adminify-disabled,
1966 .adminify-section .adminify-field-sorter .adminify-enabled {
1967 padding: 5px 15px;
1968 border: 1px dashed #ddd;
1969 background-color: #fff;
1970 }
1971 .adminify-section .adminify-field-sorter .adminify-disabled li {
1972 opacity: 0.5;
1973 transition: opacity 0.15s;
1974 }
1975 .adminify-section .adminify-field-sorter .adminify-disabled .ui-sortable-helper {
1976 opacity: 1;
1977 }
1978 .adminify-section .adminify-field-sorter .adminify-sorter-title {
1979 font-size: 13px;
1980 font-weight: 600;
1981 padding: 10px;
1982 text-align: center;
1983 border: 1px dashed #ddd;
1984 border-bottom: none;
1985 background-color: #f8f8f8;
1986 text-transform: uppercase;
1987 }
1988 .adminify-section .adminify-field-sorter ul {
1989 list-style-type: none;
1990 margin: 0;
1991 padding: 0;
1992 min-height: 62px;
1993 }
1994 .adminify-section .adminify-field-sorter ul li {
1995 margin: 10px 0;
1996 padding: 10px 15px;
1997 cursor: move;
1998 font-weight: bold;
1999 text-align: center;
2000 border: 1px solid #dedee7;
2001 background-color: #fafafa;
2002 transition: border-color 0.15s;
2003 }
2004 .adminify-section .adminify-field-sorter ul li:hover {
2005 border-color: #bbb;
2006 }
2007 .adminify-section .adminify-field-spinner .adminify--spin {
2008 display: flex;
2009 }
2010 .adminify-section .adminify-field-spinner .ui-widget {
2011 font-family: inherit;
2012 }
2013 .adminify-section .adminify-field-spinner .ui-spinner {
2014 display: flex;
2015 align-items: stretch;
2016 overflow: visible;
2017 overflow: initial;
2018 border: none;
2019 background: none;
2020 border-radius: 0;
2021 }
2022 .adminify-section .adminify-field-spinner .ui-spinner .ui-button {
2023 display: flex;
2024 flex-direction: column;
2025 justify-content: center;
2026 text-align: center;
2027 min-width: 20px;
2028 padding: 0 4px;
2029 margin: 0;
2030 color: #555;
2031 background-color: #f5f5f5;
2032 border: 1px solid #7e8993;
2033 }
2034 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-button {
2035 position: relative;
2036 cursor: pointer;
2037 height: auto;
2038 }
2039 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-button:hover {
2040 background-color: #e7e7e7;
2041 }
2042 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-button:active {
2043 background-color: #ddd;
2044 }
2045 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-button:before {
2046 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
2047 font-weight: 900;
2048 font-size: 14px;
2049 line-height: 14px;
2050 }
2051 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-down {
2052 border-right: 0;
2053 border-radius: 4px 0 0 4px;
2054 }
2055 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-down:before {
2056 content: "\f0d9";
2057 }
2058 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-up {
2059 border-left: 0;
2060 border-radius: 0 4px 4px 0;
2061 }
2062 .adminify-section .adminify-field-spinner .ui-spinner .ui-spinner-up:before {
2063 content: "\f0da";
2064 }
2065 .adminify-section .adminify-field-spinner .ui-spinner .adminify--unit {
2066 border-left: 0;
2067 -webkit-user-select: none;
2068 -moz-user-select: none;
2069 user-select: none;
2070 }
2071 .adminify-section .adminify-field-spinner .ui-spinner .ui-button-text,
2072 .adminify-section .adminify-field-spinner .ui-spinner .ui-button-icon,
2073 .adminify-section .adminify-field-spinner .ui-spinner .ui-button-icon-space {
2074 display: none;
2075 }
2076 .adminify-section .adminify-field-spinner .ui-spinner input {
2077 font-family: inherit;
2078 font-size: inherit;
2079 position: relative;
2080 z-index: 1;
2081 width: 50px;
2082 text-align: center;
2083 margin: 0;
2084 padding: 0 8px;
2085 border-radius: 0;
2086 }
2087 .adminify-section .adminify-field-spinner .ui-spinner-down {
2088 order: 1;
2089 }
2090 .adminify-section .adminify-field-spinner .ui-spinner-input {
2091 order: 2;
2092 }
2093 .adminify-section .adminify-field-spinner .adminify--unit {
2094 order: 3;
2095 }
2096 .adminify-section .adminify-field-spinner .ui-spinner-up {
2097 order: 4;
2098 }
2099 .adminify-section .adminify-field-switcher .adminify--switcher {
2100 float: left;
2101 cursor: pointer;
2102 position: relative;
2103 width: 60px;
2104 height: 26px;
2105 padding: 0;
2106 margin: 0;
2107 overflow: hidden;
2108 border-radius: 4px;
2109 background-color: #ed6f6f;
2110 -moz-user-select: none;
2111 user-select: none;
2112 -webkit-user-select: none;
2113 }
2114 .adminify-section .adminify-field-switcher .adminify--ball {
2115 position: absolute;
2116 top: 4px;
2117 left: 4px;
2118 width: 24px;
2119 height: 18px;
2120 background-color: #fff;
2121 border-radius: 4px;
2122 transition: all 0.1s;
2123 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
2124 }
2125 .adminify-section .adminify-field-switcher .adminify--on,
2126 .adminify-section .adminify-field-switcher .adminify--off {
2127 position: absolute;
2128 top: 0;
2129 left: 0;
2130 right: 0;
2131 font-size: 11px;
2132 line-height: 26px;
2133 font-weight: 500;
2134 font-style: normal;
2135 text-align: center;
2136 text-transform: uppercase;
2137 color: #fff;
2138 padding-right: 28px;
2139 opacity: 0;
2140 transition: all 0.1s;
2141 }
2142 .adminify-section .adminify-field-switcher .adminify--off {
2143 padding-right: 0;
2144 padding-left: 28px;
2145 opacity: 1;
2146 }
2147 .adminify-section .adminify-field-switcher .adminify--active {
2148 background: #4fb845;
2149 }
2150 .adminify-section .adminify-field-switcher .adminify--active .adminify--on {
2151 opacity: 1;
2152 }
2153 .adminify-section .adminify-field-switcher .adminify--active .adminify--off {
2154 opacity: 0;
2155 }
2156 .adminify-section .adminify-field-switcher .adminify--active .adminify--ball {
2157 left: 100%;
2158 margin-left: -28px;
2159 }
2160 .adminify-section .adminify-field-switcher .adminify--label {
2161 float: left;
2162 margin-top: 4px;
2163 margin-left: 8px;
2164 font-weight: 400;
2165 color: #8c89a9;
2166 }
2167 .adminify-section .adminify-field-tabbed {
2168 display: block;
2169 }
2170 .adminify-section .adminify-field-tabbed .adminify-tabbed-content {
2171 border: 1px solid #dedee7;
2172 background-color: #fff;
2173 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
2174 }
2175 .adminify-section .adminify-field-tabbed .adminify-tabbed-content > .adminify-field {
2176 padding: 15px;
2177 }
2178 .adminify-section .adminify-field-tabbed .adminify-tabbed-content > .adminify-tabbed-content-fieldset {
2179 display: block;
2180 }
2181 .adminify-section .adminify-field-tabbed .adminify-tabbed-nav .adminify--icon {
2182 padding-right: 5px;
2183 }
2184 .adminify-section .adminify-field-tabbed .adminify-tabbed-nav a {
2185 display: inline-block;
2186 padding: 12px 15px;
2187 margin-top: 1px;
2188 margin-right: 5px;
2189 margin-bottom: -1px;
2190 position: relative;
2191 -webkit-text-decoration: none;
2192 text-decoration: none;
2193 color: #444;
2194 font-weight: 600;
2195 border: 1px solid #dedee7;
2196 background-color: #f3f3f3;
2197 transition: all 0.2s;
2198 }
2199 .adminify-section .adminify-field-tabbed .adminify-tabbed-nav a:hover {
2200 background-color: #f9f9f9;
2201 }
2202 .adminify-section .adminify-field-tabbed .adminify-tabbed-nav a.adminify-tabbed-active {
2203 background-color: #fff;
2204 border-bottom-color: #fff;
2205 }
2206 .adminify-section .adminify-field-tabbed .adminify-tabbed-nav a:focus {
2207 outline: none;
2208 box-shadow: none;
2209 }
2210 .adminify-section .adminify-tabs-content .adminify-tabbed-contents .adminify-tabbed-content {
2211 padding: 40px 20px;
2212 }
2213 .adminify-section .adminify-field-text input {
2214 width: 50%;
2215 max-width: 100%;
2216 margin: 0;
2217 }
2218 .adminify-section .adminify-field-textarea textarea {
2219 width: 100%;
2220 max-width: 100%;
2221 min-height: 125px;
2222 }
2223 .adminify-section .adminify-field-textarea .adminify-shortcode-button {
2224 margin-bottom: 10px;
2225 margin-right: 5px;
2226 }
2227 .adminify-section .adminify-field-typography textarea,
2228 .adminify-section .adminify-field-typography select {
2229 margin: 0;
2230 min-width: 100%;
2231 max-width: 100%;
2232 }
2233 .adminify-section .adminify-field-typography .adminify--title {
2234 color: #48455f;
2235 margin: 0 0 8px 0;
2236 font-size: 13px;
2237 font-weight: 600;
2238 line-height: 20px;
2239 }
2240 .adminify-section .adminify-field-typography .adminify--title small {
2241 vertical-align: top;
2242 }
2243 .adminify-section .adminify-field-typography .adminify--blocks {
2244 display: flex;
2245 flex-wrap: wrap;
2246 }
2247 .adminify-section .adminify-field-typography .adminify--block {
2248 flex: 1;
2249 max-width: 100%;
2250 padding-right: 16px;
2251 padding-bottom: 16px;
2252 }
2253 .adminify-section .adminify-field-typography .adminify--input {
2254 margin: 0;
2255 min-width: 100%;
2256 }
2257 .adminify-section .adminify-field-typography .adminify--input-wrap {
2258 position: relative;
2259 }
2260 .adminify-section .adminify-field-typography .adminify--unit {
2261 position: absolute;
2262 z-index: 1;
2263 right: 4px;
2264 top: 4px;
2265 bottom: 4px;
2266 padding: 2px 6px;
2267 color: #736e91;
2268 font-size: 11px;
2269 line-height: 1;
2270 border-radius: 2px;
2271 background: #e9e9f6;
2272 -webkit-user-select: none;
2273 -moz-user-select: none;
2274 user-select: none;
2275 display: flex;
2276 justify-content: center;
2277 flex-direction: column;
2278 }
2279 .adminify-section .adminify-field-typography .adminify--preview {
2280 font-size: 16px;
2281 line-height: 20px;
2282 padding: 20px;
2283 color: #222;
2284 border: 1px solid #dedee7;
2285 background-color: #fff;
2286 border-radius: 2.5px;
2287 -moz-user-select: none;
2288 user-select: none;
2289 -webkit-user-select: none;
2290 transition: background-color 0.2s, border-color 0.2s;
2291 }
2292 .adminify-section .adminify-field-typography .adminify--block-preview {
2293 cursor: pointer;
2294 position: relative;
2295 overflow: hidden;
2296 margin-top: 10px;
2297 max-width: 100%;
2298 }
2299 .adminify-section .adminify-field-typography .adminify--black-background {
2300 border-color: #000;
2301 background-color: #000;
2302 }
2303 .adminify-section .adminify-field-typography .adminify--toggle {
2304 position: absolute;
2305 top: 5px;
2306 right: 24px;
2307 color: #999;
2308 }
2309 .adminify-section .adminify-field-typography .adminify--block-extra-styles {
2310 margin-top: 5px;
2311 }
2312 .adminify-section .adminify-field-upload input {
2313 width: 100%;
2314 margin: 0;
2315 }
2316 .adminify-section .adminify-field-upload .adminify--wrap {
2317 display: flex;
2318 align-items: flex-start;
2319 }
2320 .adminify-section .adminify-field-upload .button {
2321 margin-left: 5px;
2322 }
2323 .adminify-section .adminify-field-upload .adminify--preview {
2324 position: relative;
2325 }
2326 .adminify-section .adminify-field-wp_editor .adminify-wp-editor {
2327 float: left;
2328 width: 100%;
2329 }
2330 .adminify-section .adminify-field-wp_editor .mce-toolbar-grp {
2331 border: none;
2332 }
2333 .adminify-section .adminify-field-wp_editor .mce-btn.mce-active button,
2334 .adminify-section .adminify-field-wp_editor .mce-btn.mce-active:hover button,
2335 .adminify-section .adminify-field-wp_editor .mce-btn.mce-active i,
2336 .adminify-section .adminify-field-wp_editor .mce-btn.mce-active:hover i {
2337 color: #23282d;
2338 }
2339 .adminify-section .adminify-field-wp_editor .wp-media-buttons {
2340 position: relative;
2341 z-index: 2;
2342 }
2343 .adminify-section .adminify-field-wp_editor .wp-editor-tabs {
2344 position: relative;
2345 z-index: 1;
2346 }
2347 .adminify-section .adminify-field-wp_editor .adminify-no-tinymce {
2348 border: 1px solid #dedee7;
2349 }
2350 .adminify-section .adminify-field-wp_editor .adminify-no-quicktags .wp-media-buttons {
2351 float: none;
2352 display: block;
2353 }
2354 .adminify-section .adminify-field-wp_editor .adminify-no-quicktags .mce-tinymce {
2355 box-shadow: none;
2356 border: 1px solid #dedee7;
2357 }
2358 .adminify-section .adminify-field-wp_editor textarea {
2359 width: 100%;
2360 max-width: 100%;
2361 margin: 0;
2362 box-shadow: none;
2363 }
2364 .adminify-section .adminify-field-heading {
2365 font-size: 1.5em;
2366 font-weight: bold;
2367 color: #23282d;
2368 background-color: #f5f5f5;
2369 }
2370 .adminify-section .adminify-field-subheading {
2371 font-size: 17px;
2372 line-height: 1.5rem;
2373 font-weight: bold;
2374 padding-bottom: 16px;
2375 color: #23282d;
2376 background-color: #fff;
2377 }
2378 .adminify-section .adminify-field-submessage {
2379 padding: 0 !important;
2380 border: 0 !important;
2381 }
2382 .adminify-section .adminify-field-submessage + .adminify-field {
2383 border-top: 0 !important;
2384 }
2385 .adminify-section .adminify-field-submessage .adminify-submessage {
2386 font-size: 12px;
2387 padding: 17px 30px;
2388 border-top: 1px solid transparent;
2389 border-bottom: 1px solid transparent;
2390 }
2391 .adminify-section .adminify-field-submessage .adminify-submessage-success {
2392 color: #3c763d;
2393 border-color: #d6e9c6;
2394 background-color: #dff0d8;
2395 }
2396 .adminify-section .adminify-field-submessage .adminify-submessage-info {
2397 color: #31708f;
2398 border-color: #bce8f1;
2399 background-color: #d9edf7;
2400 }
2401 .adminify-section .adminify-field-submessage .adminify-submessage-warning {
2402 color: #8a6d3b;
2403 border-color: #faebcc;
2404 background-color: #fcf8e3;
2405 }
2406 .adminify-section .adminify-field-submessage .adminify-submessage-danger {
2407 color: #a94442;
2408 border-color: #ebccd1;
2409 background-color: #f2dede;
2410 }
2411 .adminify-section .adminify-field-submessage .adminify-submessage-normal {
2412 color: #23282d;
2413 border-color: #eee;
2414 background-color: #f7f7f7;
2415 }
2416 .adminify-section .adminify-field-notice {
2417 background-color: #f7f7f7;
2418 }
2419 .adminify-section .adminify-field-notice .adminify-notice-success {
2420 border-color: #46b450;
2421 }
2422 .adminify-section .adminify-field-notice .adminify-notice-info {
2423 border-color: #339fd4;
2424 }
2425 .adminify-section .adminify-field-notice .adminify-notice-warning {
2426 border-color: #ffbc00;
2427 }
2428 .adminify-section .adminify-field-notice .adminify-notice-danger {
2429 border-color: #dc3232;
2430 }
2431 .adminify-section .adminify-field-notice .adminify-notice-normal {
2432 border-color: #222;
2433 }
2434 .adminify-section .adminify-field-number input {
2435 width: 100%;
2436 margin: 0;
2437 }
2438 .adminify-section .adminify-field-number .adminify--wrap {
2439 position: relative;
2440 float: left;
2441 width: 100px;
2442 }
2443 .adminify-section .adminify-field-number .adminify--unit {
2444 position: absolute;
2445 z-index: 1;
2446 right: 4px;
2447 top: 4px;
2448 bottom: 4px;
2449 padding: 2px 6px;
2450 color: #666;
2451 font-size: 11px;
2452 line-height: 1;
2453 border-radius: 2px;
2454 background: #eee;
2455 -webkit-user-select: none;
2456 -moz-user-select: none;
2457 user-select: none;
2458 display: flex;
2459 justify-content: center;
2460 flex-direction: column;
2461 }
2462 .adminify-section .adminify-field-link .adminify--result {
2463 display: inline-block;
2464 font-size: 12px;
2465 line-height: 16px;
2466 padding: 7px 10px;
2467 margin-bottom: 7px;
2468 color: #777;
2469 border: 1px solid #dedee7;
2470 background-color: #f5f5f5;
2471 border-radius: 2px;
2472 word-break: break-word;
2473 }
2474 .adminify-section .adminify-field-link .adminify--wrap {
2475 position: relative;
2476 float: left;
2477 width: 100px;
2478 }
2479 .adminify-section .adminify-field-link .adminify--unit {
2480 position: absolute;
2481 z-index: 1;
2482 right: 4px;
2483 top: 4px;
2484 bottom: 4px;
2485 padding: 2px 6px;
2486 color: #666;
2487 font-size: 11px;
2488 line-height: 1;
2489 border-radius: 2px;
2490 background: #eee;
2491 -webkit-user-select: none;
2492 -moz-user-select: none;
2493 user-select: none;
2494 display: flex;
2495 justify-content: center;
2496 flex-direction: column;
2497 }
2498 .adminify-section .adminify-field-link .adminify-btn {
2499 margin: 4px 6px 0 0;
2500 display: inline-block;
2501 }
2502 .adminify-section .adminify-field-link .hidden.adminify-btn {
2503 display: none;
2504 }
2505 .adminify-section .adminify-fieldset .wp-picker-container .button {
2506 border-radius: 4px !important;
2507 border: 1px solid #dedee7 !important;
2508 }
2509 .adminify-section .adminify-fieldset .wp-picker-container .button:focus {
2510 border: 1px solid var(--adminify-primary);
2511 box-shadow: none;
2512 }
2513 .adminify-section .adminify-fieldset .wp-picker-container .button.wp-color-result {
2514 padding-left: 32px;
2515 min-height: 32px;
2516 }
2517 .adminify-section .adminify-fieldset .wp-picker-container .button .wp-color-result-text {
2518 color: #736e91;
2519 background: #fff;
2520 font-size: 12px;
2521 padding: 9px;
2522 line-height: 1;
2523 border-left: 1px solid #dedee7;
2524 border-top-right-radius: 3px;
2525 border-bottom-right-radius: 3px;
2526 }
2527 .adminify-section .adminify-fieldset .wp-picker-container .wp-picker-input-wrap .wp-color-picker {
2528 color: #736e91;
2529 }
2530 .adminify-section .adminify-fieldset .wp-picker-container .wp-picker-input-wrap .wp-color-picker:focus {
2531 border: 1px solid var(--adminify-primary);
2532 box-shadow: none;
2533 }
2534 .adminify-section .adminify-fieldset .wp-picker-container .wp-picker-input-wrap .wp-picker-default {
2535 background: none;
2536 font-size: 0;
2537 width: 24px;
2538 height: 30px;
2539 background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.995 7.62609e-06C4.83623 -0.00568472 1.36667 3.17599 1.01302 7.3197C0.659364 11.4634 3.53958 15.187 7.63917 15.8862C11.7388 16.5853 15.6903 14.0267 16.73 10H14.649C13.6318 12.8771 10.617 14.5324 7.64347 13.8465C4.66992 13.1605 2.68491 10.3519 3.03082 7.3199C3.37673 4.28792 5.94335 1.99856 8.995 2.00001C10.5846 2.00234 12.1064 2.64379 13.218 3.78002L10 7.00001H17V7.62609e-06L14.649 2.35002C13.1527 0.844637 11.1175 -0.0012743 8.995 7.62609e-06Z' fill='%232E3A59'/%3E%3C/svg%3E%0A");
2540 background-repeat: no-repeat;
2541 background-position: left;
2542 border: none;
2543 overflow: hidden;
2544 text-indent: -99em;
2545 }
2546 .adminify-section .adminify-fieldset .wp-picker-container .wp-picker-input-wrap .wp-picker-default:after {
2547 content: "\f531";
2548 }
2549 .adminify-section .adminify-fieldset .wp-picker-container .wp-picker-input-wrap .wp-picker-clear {
2550 color: #fff;
2551 font-size: 12px;
2552 font-weight: 700;
2553 line-height: 1.3;
2554 padding: 8px 12px;
2555 border-radius: 2px;
2556 cursor: pointer;
2557 transition: all 0.15s;
2558 padding: 4px 8px;
2559 border: 2px solid #f04438;
2560 background: #f04438;
2561 }
2562 .adminify-section .adminify-helps {
2563 display: flex;
2564 align-items: center;
2565 flex-wrap: wrap;
2566 justify-content: end;
2567 gap: 8px;
2568 }
2569 .adminify-section .adminify-field-callback h2,
2570 .adminify-section .adminify-field-callback .wrap h1,
2571 .adminify-section .adminify-field-callback .wp-list-table thead th {
2572 color: #48455f;
2573 }
2574 .adminify-section .adminify-field-callback h2 a,
2575 .adminify-section .adminify-field-callback .wrap h1 a,
2576 .adminify-section .adminify-field-callback .wp-list-table thead th a {
2577 color: var(--adminify-primary);
2578 }
2579 .adminify-section .adminify-field-callback p,
2580 .adminify-section .adminify-field-callback .wp-list-table tbody tr td {
2581 color: #736e91;
2582 }
2583 .adminify-section .adminify-field-callback p a,
2584 .adminify-section .adminify-field-callback .wp-list-table tbody tr td a {
2585 color: var(--adminify-primary);
2586 }
2587 .adminify-section .adminify-field-callback .wp-list-table,
2588 .adminify-section .adminify-field-callback table,
2589 .adminify-section .adminify-field-callback .widefat thead th,
2590 .adminify-section .adminify-field-callback .widefat thead td {
2591 border-color: #dedee7;
2592 }
2593 .adminify-section .adminify-field-callback .wp-list-table thead th {
2594 font-weight: 600;
2595 }
2596 .adminify-section .adminify-field-callback .adminify-info-text-area {
2597 height: 70vh;
2598 }
2599 .adminify-section .adminify-help {
2600 cursor: help;
2601 position: absolute;
2602 top: 0;
2603 right: 0;
2604 padding: 5px;
2605 font-size: 13px;
2606 color: #aaa;
2607 }
2608 .adminify-section .adminify-help .adminify-help-text {
2609 display: none;
2610 }
2611 .adminify-section .adminify--preview {
2612 max-width: 100%;
2613 }
2614 .adminify-section .adminify-image-preview {
2615 display: inline-flex;
2616 align-items: center;
2617 justify-content: center;
2618 flex-direction: column;
2619 position: relative;
2620 padding: 6px;
2621 max-width: 120px;
2622 max-height: 120px;
2623 min-width: 40px;
2624 min-height: 40px;
2625 margin-bottom: 10px;
2626 text-align: center;
2627 border-radius: 2px;
2628 border: 1px solid #dedee7;
2629 background-color: #f9f9f9;
2630 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
2631 }
2632 .adminify-section .adminify-image-preview i {
2633 cursor: pointer;
2634 position: absolute;
2635 z-index: 1;
2636 right: 4px;
2637 top: 4px;
2638 font-size: 14px;
2639 width: 22px;
2640 height: 22px;
2641 line-height: 22px;
2642 text-align: center;
2643 -webkit-text-decoration: none;
2644 text-decoration: none;
2645 color: #fff;
2646 background-color: #dd3333;
2647 opacity: 0.75;
2648 border-radius: 2px;
2649 transition: all 0.2s;
2650 }
2651 .adminify-section .adminify-image-preview i:hover {
2652 opacity: 1;
2653 }
2654 .adminify-section .adminify-image-preview i:focus {
2655 box-shadow: none;
2656 }
2657 .adminify-section .adminify-image-preview span {
2658 position: relative;
2659 overflow: hidden;
2660 display: flex;
2661 height: 100%;
2662 width: 100%;
2663 }
2664 .adminify-section .adminify-image-preview img {
2665 max-width: 100%;
2666 height: auto;
2667 -o-object-fit: contain;
2668 object-fit: contain;
2669 }
2670 .adminify-section .adminify-field-custom .adminify-field {
2671 padding: 0;
2672 }
2673 .adminify-section .adminify-field .wp-picker-container {
2674 display: inline-block;
2675 }
2676 .adminify-section .adminify-field .wp-picker-container .wp-color-result.button {
2677 margin-bottom: 0;
2678 }
2679 .adminify-section .adminify-field .adminify--transparent-wrap {
2680 display: none;
2681 position: relative;
2682 top: -1px;
2683 width: 235px;
2684 padding: 9px 10px;
2685 border: 1px solid #dedee7;
2686 border-top: none;
2687 background-color: #fff;
2688 }
2689 .adminify-section .adminify-field .wp-picker-active .adminify--transparent-wrap {
2690 display: block;
2691 }
2692 .adminify-section .adminify-field .adminify--transparent-slider {
2693 position: absolute;
2694 width: 190px;
2695 margin-left: 2px;
2696 height: 18px;
2697 }
2698 .adminify-section .adminify-field .adminify--transparent-slider .ui-slider-handle {
2699 position: absolute;
2700 top: -3px;
2701 bottom: -3px;
2702 z-index: 5;
2703 border-color: #aaa;
2704 border-style: solid;
2705 border-width: 4px 3px;
2706 width: 10px;
2707 height: 16px;
2708 margin: 0 -5px;
2709 background: none;
2710 cursor: ew-resize;
2711 opacity: 0.9;
2712 border-radius: 4px;
2713 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2714 }
2715 .adminify-section .adminify-field .adminify--transparent-slider .ui-slider-handle:before {
2716 content: " ";
2717 position: absolute;
2718 left: -2px;
2719 right: -2px;
2720 top: -3px;
2721 bottom: -3px;
2722 border: 2px solid #fff;
2723 border-radius: 3px;
2724 }
2725 .adminify-section .adminify-field .adminify--transparent-offset {
2726 height: 18px;
2727 width: 200px;
2728 background: url(../images/checkerboard.png) repeat-y center left scroll #fff;
2729 border-radius: 2px;
2730 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
2731 }
2732 .adminify-section .adminify-field .adminify--transparent-text {
2733 position: absolute;
2734 top: 12px;
2735 right: 10px;
2736 width: 30px;
2737 font-size: 12px;
2738 line-height: 12px;
2739 text-align: center;
2740 color: #999;
2741 }
2742 .adminify-section .adminify-field .adminify--transparent-button {
2743 cursor: pointer;
2744 -webkit-user-select: none;
2745 -moz-user-select: none;
2746 user-select: none;
2747 margin-top: 10px;
2748 font-size: 11px;
2749 text-align: center;
2750 border-radius: 2px;
2751 padding: 3px 7px;
2752 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
2753 letter-spacing: 0.2px;
2754 color: #777;
2755 border: 1px solid #dedee7;
2756 background-color: #f7f7f7;
2757 transition: background-color 0.2s, border-color 0.2s, color 0.2s;
2758 }
2759 .adminify-section .adminify-field .adminify--transparent-active .wp-color-result {
2760 background-image: url(../images/checkerboard.png);
2761 background-size: 135px;
2762 background-position: center left;
2763 background-color: transparent !important;
2764 }
2765 .adminify-section .adminify-field .adminify--transparent-active .adminify--transparent-button {
2766 color: #fff;
2767 border-color: #3ea032;
2768 background-color: #4fb845;
2769 }
2770 .adminify-section .adminify-field .adminify--transparent-active .fa:before {
2771 content: "\f205";
2772 }
2773
2774 /**
2775 * 09. Modal
2776 */
2777 .adminify-modal {
2778 position: fixed;
2779 z-index: 100101;
2780 top: 0;
2781 left: 0;
2782 width: 100%;
2783 height: 100%;
2784 }
2785 .adminify-modal.hidden {
2786 display: none;
2787 }
2788
2789 .adminify-modal-icon {
2790 z-index: 100102;
2791 }
2792
2793 .adminify-modal-table {
2794 display: table;
2795 width: 100%;
2796 height: 100%;
2797 }
2798
2799 .adminify-modal-table-cell {
2800 display: table-cell;
2801 vertical-align: middle;
2802 margin: 100px 0;
2803 }
2804
2805 .adminify-modal-inner {
2806 position: relative;
2807 z-index: 10;
2808 width: 760px;
2809 height: 750px;
2810 margin: 0 auto;
2811 background-color: #fff;
2812 }
2813
2814 .adminify-modal-content {
2815 position: relative;
2816 overflow: hidden;
2817 overflow-y: auto;
2818 height: 595px;
2819 }
2820 .adminify-modal-content .adminify-shortcode-button {
2821 display: none;
2822 }
2823 .adminify-modal-content .adminify-field {
2824 padding: 15px 30px 15px 15px;
2825 }
2826 .adminify-modal-content a:active, .adminify-modal-content a:focus {
2827 outline: none;
2828 box-shadow: none;
2829 }
2830 .adminify-modal-content h4 {
2831 font-size: 13px;
2832 }
2833 .adminify-modal-content h4 small {
2834 font-style: italic;
2835 font-weight: 400;
2836 color: #aaa;
2837 }
2838
2839 .adminify-modal-title {
2840 position: relative;
2841 background-color: #fcfcfc;
2842 border-bottom: 1px solid #ddd;
2843 height: 36px;
2844 font-size: 16px;
2845 font-weight: 600;
2846 line-height: 36px;
2847 margin: 0;
2848 padding: 0 36px 0 16px;
2849 }
2850
2851 .adminify-modal-header {
2852 width: 100%;
2853 padding: 14px 0;
2854 background-color: #f5f5f5;
2855 border-bottom: 1px solid #ddd;
2856 }
2857 .adminify-modal-header select {
2858 display: block;
2859 width: 250px;
2860 margin: 0 auto;
2861 font-size: 13px;
2862 line-height: 1;
2863 height: 30px;
2864 min-height: 30px;
2865 background-color: #fff;
2866 }
2867
2868 .adminify-modal-close {
2869 color: #666;
2870 padding: 0;
2871 position: absolute;
2872 top: 0;
2873 right: 0;
2874 width: 36px;
2875 height: 36px;
2876 text-align: center;
2877 background: none;
2878 border: none;
2879 cursor: pointer;
2880 }
2881 .adminify-modal-close:before {
2882 font: normal 20px/36px dashicons;
2883 content: "\f158";
2884 vertical-align: top;
2885 width: 36px;
2886 height: 36px;
2887 }
2888 .adminify-modal-close:hover {
2889 opacity: 0.5;
2890 }
2891
2892 .adminify-modal-insert-wrapper {
2893 text-align: center;
2894 width: 100%;
2895 padding: 15px 0;
2896 background-color: #f5f5f5;
2897 border-top: 1px solid #ddd;
2898 }
2899
2900 .adminify-modal-overlay {
2901 position: absolute;
2902 top: 0;
2903 left: 0;
2904 width: 100%;
2905 height: 100%;
2906 background-color: #000;
2907 opacity: 0.5;
2908 }
2909
2910 /**
2911 * 09. 01. Shortcode Modal
2912 */
2913 .adminify--repeatable {
2914 padding: 15px 15px 0 15px;
2915 }
2916
2917 .adminify--repeat-button-block {
2918 text-align: center;
2919 padding-bottom: 15px;
2920 }
2921
2922 .adminify--repeat-shortcode {
2923 position: relative;
2924 margin-bottom: 15px;
2925 border: 1px dashed #ddd;
2926 }
2927 .adminify--repeat-shortcode:first-child .adminify-repeat-remove {
2928 display: none;
2929 }
2930 .adminify--repeat-shortcode .adminify-repeat-remove {
2931 position: absolute;
2932 right: 10px;
2933 top: 10px;
2934 z-index: 10;
2935 cursor: pointer;
2936 display: inline-block;
2937 font-size: 11px;
2938 width: 18px;
2939 height: 18px;
2940 line-height: 18px;
2941 text-align: center;
2942 border-radius: 2px;
2943 color: #fff;
2944 background-color: #e14d43;
2945 opacity: 0.5;
2946 }
2947 .adminify--repeat-shortcode .adminify-repeat-remove:hover {
2948 opacity: 0.5;
2949 }
2950
2951 .adminify-shortcode-single .adminify-modal-inner {
2952 height: 750px;
2953 }
2954 .adminify-shortcode-single .adminify-modal-content {
2955 height: 652px;
2956 }
2957
2958 .elementor-editor-active .adminify-shortcode-button {
2959 margin-left: 5px;
2960 }
2961 .elementor-editor-active .adminify-modal .hidden {
2962 display: none !important;
2963 }
2964
2965 /**
2966 * 09. 02. Gutenberg Modal
2967 */
2968 .adminify-shortcode-block {
2969 text-align: center;
2970 padding: 14px;
2971 font-size: 13px;
2972 background-color: #f5f5f5;
2973 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2974 }
2975
2976 .adminify-shortcode-block .components-button {
2977 margin-bottom: 10px;
2978 }
2979
2980 /**
2981 * 09. 03. Icon Modal
2982 */
2983 .adminify-modal-icon .adminify-icon-title {
2984 padding: 15px 0;
2985 margin: 4px;
2986 font-size: 14px;
2987 font-weight: bold;
2988 text-align: center;
2989 border: 1px solid #eee;
2990 background-color: #f7f7f7;
2991 }
2992 .adminify-modal-icon .adminify-modal-header {
2993 text-align: center;
2994 }
2995 .adminify-modal-icon .adminify-icon-search {
2996 width: 50%;
2997 height: 40px;
2998 line-height: 40px;
2999 }
3000 .adminify-modal-icon i {
3001 cursor: pointer;
3002 display: inline-block;
3003 margin: 4px;
3004 width: 35px;
3005 height: 35px;
3006 line-height: 35px;
3007 font-size: 16px;
3008 color: #555;
3009 text-align: center;
3010 border: 1px solid #ccc;
3011 background-color: #f7f7f7;
3012 border-radius: 2px;
3013 box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
3014 }
3015 .adminify-modal-icon i:hover {
3016 color: #fff;
3017 border-color: #222;
3018 background-color: #222;
3019 }
3020 .adminify-modal-icon .adminify-modal-content {
3021 padding: 10px;
3022 height: 618px;
3023 }
3024 .adminify-modal-icon .adminify-error-text {
3025 padding: 10px;
3026 }
3027
3028 .adminify-modal-loading {
3029 display: none;
3030 position: absolute;
3031 left: 15px;
3032 top: 15px;
3033 }
3034
3035 .adminify-loading {
3036 position: relative;
3037 width: 20px;
3038 height: 20px;
3039 background: #ccc;
3040 border-radius: 20px;
3041 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
3042 }
3043 .adminify-loading:after {
3044 position: absolute;
3045 top: 50%;
3046 left: 50%;
3047 width: 4px;
3048 height: 4px;
3049 content: "";
3050 margin-top: -2px;
3051 margin-left: -2px;
3052 background-color: white;
3053 animation-duration: 0.5s;
3054 animation-iteration-count: infinite;
3055 animation-timing-function: linear;
3056 animation-name: adminifyLoader;
3057 border-radius: 4px;
3058 }
3059
3060 @keyframes adminifyLoader {
3061 0% {
3062 transform: rotate(0deg) translateX(-6px) rotate(0deg);
3063 }
3064 100% {
3065 transform: rotate(360deg) translateX(-6px) rotate(-360deg);
3066 }
3067 }
3068 /**
3069 * 10. Helper
3070 */
3071 .adminify-subtitle-text {
3072 margin-top: 6px;
3073 font-weight: 400;
3074 color: #8c89a9;
3075 }
3076 .adminify-subtitle-text > a {
3077 color: var(--adminify-primary);
3078 }
3079
3080 .adminify-desc-text {
3081 clear: both;
3082 float: left;
3083 width: 100%;
3084 margin-top: 6px;
3085 font-weight: 400;
3086 color: #8c89a9;
3087 }
3088
3089 .adminify-error-text {
3090 margin-top: 6px;
3091 color: #d02c21;
3092 }
3093
3094 .adminify-before-text {
3095 margin-bottom: 6px;
3096 }
3097
3098 .adminify-after-text {
3099 margin-top: 6px;
3100 }
3101
3102 .adminify-metabox-hide {
3103 display: none !important;
3104 }
3105
3106 .adminify-metabox-show {
3107 display: block !important;
3108 }
3109
3110 .adminify-depend-hidden.adminify-depend-on {
3111 display: none;
3112 }
3113
3114 .adminify-depend-visible.adminify-depend-on {
3115 opacity: 0.75;
3116 filter: grayscale(1);
3117 -webkit-user-select: none;
3118 -moz-user-select: none;
3119 user-select: none;
3120 }
3121 .adminify-depend-visible.adminify-depend-on .clear:before {
3122 content: "";
3123 left: 0;
3124 top: 0;
3125 right: 0;
3126 bottom: 0;
3127 position: absolute;
3128 background-color: #dedee7;
3129 opacity: 0.25;
3130 z-index: 10;
3131 }
3132
3133 .adminify-form-result {
3134 display: none;
3135 float: left;
3136 padding: 0 8px;
3137 margin-right: 4px;
3138 font-size: 11px;
3139 line-height: 30px;
3140 -webkit-user-select: none;
3141 -moz-user-select: none;
3142 user-select: none;
3143 border-radius: 2px;
3144 }
3145
3146 .adminify-form-show {
3147 display: block;
3148 }
3149
3150 .adminify-form-success {
3151 color: #fff;
3152 background-color: #46b450;
3153 }
3154
3155 .adminify-form-warning {
3156 color: #8a6d3b;
3157 background-color: #faebcc;
3158 }
3159
3160 .adminify-label-error {
3161 position: relative;
3162 top: -2px;
3163 display: inline-block;
3164 font-size: 10px;
3165 line-height: 10px;
3166 height: 10px;
3167 width: 10px;
3168 padding: 1px;
3169 font-style: normal;
3170 text-align: center;
3171 color: #fff;
3172 vertical-align: middle;
3173 background-color: #e10000;
3174 border-radius: 2px;
3175 }
3176
3177 .adminify-no-option {
3178 padding: 30px;
3179 }
3180
3181 .adminify-input-number {
3182 -moz-appearance: textfield;
3183 }
3184
3185 .adminify-input-number::-webkit-inner-spin-button,
3186 .adminify-input-number::-webkit-outer-spin-button {
3187 -webkit-appearance: none;
3188 margin: 0;
3189 }
3190
3191 .adminify-fa5-shims .adminify .fas,
3192 .adminify-fa5-shims .adminify .far,
3193 .adminify-fa5-shims .adminify .fab {
3194 font-family: "FontAwesome";
3195 font-style: normal;
3196 }
3197
3198 /**
3199 * Chosen JS Styles
3200 */
3201 .chosen-container {
3202 position: relative;
3203 display: inline-block;
3204 vertical-align: middle;
3205 font-size: 13px;
3206 -webkit-user-select: none;
3207 -moz-user-select: none;
3208 user-select: none;
3209 }
3210
3211 .chosen-container * {
3212 box-sizing: border-box;
3213 }
3214
3215 .chosen-container .chosen-drop {
3216 position: absolute;
3217 top: 100%;
3218 z-index: 1010;
3219 width: 100%;
3220 border: 1px solid #dedee7;
3221 border-top: 0;
3222 background: #fff;
3223 box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
3224 clip: rect(0, 0, 0, 0);
3225 clip-path: inset(100% 100%);
3226 }
3227
3228 .chosen-container.chosen-with-drop .chosen-drop {
3229 clip: auto;
3230 clip-path: none;
3231 }
3232
3233 .chosen-container a {
3234 cursor: pointer;
3235 }
3236
3237 .chosen-container .search-choice .group-name,
3238 .chosen-container .chosen-single .group-name {
3239 margin-right: 4px;
3240 overflow: hidden;
3241 white-space: nowrap;
3242 text-overflow: ellipsis;
3243 font-weight: normal;
3244 color: #999999;
3245 }
3246
3247 .chosen-container .search-choice .group-name:after,
3248 .chosen-container .chosen-single .group-name:after {
3249 content: ":";
3250 padding-left: 2px;
3251 vertical-align: top;
3252 }
3253
3254 .chosen-container-single .chosen-single {
3255 position: relative;
3256 display: block;
3257 overflow: hidden;
3258 padding: 0 0 0 8px;
3259 height: 32px;
3260 border: 1px solid #dedee7;
3261 border-radius: 4px;
3262 background: #fff;
3263 color: #736e91;
3264 -webkit-text-decoration: none;
3265 text-decoration: none;
3266 white-space: nowrap;
3267 line-height: 2.3;
3268 }
3269
3270 .chosen-container-single .chosen-default {
3271 color: #999;
3272 }
3273
3274 .chosen-container-single .chosen-single span {
3275 display: block;
3276 overflow: hidden;
3277 margin-right: 26px;
3278 text-overflow: ellipsis;
3279 white-space: nowrap;
3280 }
3281
3282 .chosen-container-single .chosen-single-with-deselect span {
3283 margin-right: 38px;
3284 }
3285
3286 .chosen-container-single .chosen-single abbr {
3287 position: absolute;
3288 top: 6px;
3289 right: 26px;
3290 display: block;
3291 width: 12px;
3292 height: 12px;
3293 font-size: 1px;
3294 }
3295
3296 .chosen-container-single .chosen-single div {
3297 position: absolute;
3298 top: 0;
3299 right: 0;
3300 display: block;
3301 width: 18px;
3302 height: 100%;
3303 }
3304
3305 .chosen-container-single .chosen-single div b {
3306 display: block;
3307 width: 100%;
3308 height: 100%;
3309 }
3310
3311 .chosen-container-single .chosen-search {
3312 position: relative;
3313 z-index: 1010;
3314 margin: 0;
3315 padding: 3px 4px;
3316 white-space: nowrap;
3317 }
3318
3319 .chosen-container-single .chosen-search input[type=text] {
3320 margin: 1px 0;
3321 padding: 4px 20px 4px 5px;
3322 width: 100%;
3323 height: auto;
3324 outline: 0;
3325 border: 1px solid #aaa;
3326 font-size: 1em;
3327 font-family: sans-serif;
3328 line-height: normal;
3329 border-radius: 0;
3330 }
3331
3332 .chosen-container-single .chosen-drop {
3333 margin-top: -1px;
3334 border-radius: 0 0 4px 4px;
3335 background-clip: padding-box;
3336 }
3337
3338 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
3339 position: absolute;
3340 clip: rect(0, 0, 0, 0);
3341 clip-path: inset(100% 100%);
3342 }
3343
3344 .chosen-container .chosen-results {
3345 color: #48455f;
3346 position: relative;
3347 overflow-x: hidden;
3348 overflow-y: auto;
3349 margin: 0 4px 4px 0;
3350 padding: 0 0 0 4px;
3351 max-height: 240px;
3352 -webkit-overflow-scrolling: touch;
3353 }
3354
3355 .chosen-container .chosen-results li {
3356 display: none;
3357 margin: 0;
3358 padding: 5px 6px;
3359 list-style: none;
3360 line-height: 15px;
3361 word-wrap: break-word;
3362 -webkit-touch-callout: none;
3363 }
3364
3365 .chosen-container .chosen-results li.active-result {
3366 display: list-item;
3367 cursor: pointer;
3368 }
3369
3370 .chosen-container .chosen-results li.disabled-result {
3371 display: list-item;
3372 color: #ccc;
3373 cursor: default;
3374 }
3375
3376 .chosen-container .chosen-results li.highlighted {
3377 background-color: var(--adminify-primary);
3378 color: #fff;
3379 }
3380
3381 .chosen-container .chosen-results li.no-results {
3382 color: #777;
3383 display: list-item;
3384 background: #f4f4f4;
3385 }
3386
3387 .chosen-container .chosen-results li.group-result {
3388 display: list-item;
3389 font-weight: bold;
3390 cursor: default;
3391 }
3392
3393 .chosen-container .chosen-results li.group-option {
3394 padding-left: 15px;
3395 }
3396
3397 .chosen-container .chosen-results li em {
3398 font-style: normal;
3399 -webkit-text-decoration: underline;
3400 text-decoration: underline;
3401 }
3402
3403 .chosen-container-multi .chosen-choices {
3404 position: relative;
3405 overflow: hidden;
3406 margin: 0;
3407 padding: 2px 5px;
3408 width: 100%;
3409 height: auto;
3410 border: 1px solid #dedee7;
3411 background-color: #fff;
3412 cursor: text;
3413 }
3414
3415 .chosen-container-multi .chosen-choices li {
3416 float: left;
3417 list-style: none;
3418 }
3419
3420 .chosen-container-multi .chosen-choices li.search-field {
3421 margin: 0;
3422 padding: 0;
3423 white-space: nowrap;
3424 }
3425
3426 .chosen-container-multi .chosen-choices li.search-field input[type=text] {
3427 margin: 1px 0;
3428 padding: 0;
3429 outline: 0;
3430 border: 0 !important;
3431 background: transparent !important;
3432 box-shadow: none;
3433 color: #999;
3434 font-size: 100%;
3435 font-family: sans-serif;
3436 line-height: normal;
3437 border-radius: 0;
3438 width: 25px;
3439 height: 25px;
3440 min-height: 25px;
3441 }
3442
3443 .chosen-container-multi .chosen-choices li.search-choice {
3444 position: relative;
3445 margin: 3px 5px 3px 0;
3446 padding: 4px 20px 4px 6px;
3447 max-width: 100%;
3448 border-radius: 3px;
3449 color: #48455f;
3450 border: 1px solid #c4c4d4;
3451 background: #eaeaf0;
3452 font-weight: 500;
3453 line-height: 13px;
3454 cursor: default;
3455 }
3456
3457 .chosen-container-multi .chosen-choices li.search-choice span {
3458 word-wrap: break-word;
3459 white-space: nowrap;
3460 }
3461
3462 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
3463 position: absolute;
3464 top: 0;
3465 right: 0;
3466 display: block;
3467 font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
3468 font-weight: 900;
3469 font-size: 12px;
3470 line-height: 1.3;
3471 height: 100%;
3472 width: 18px;
3473 color: #aaa;
3474 text-align: center;
3475 background: none;
3476 }
3477 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
3478 content: "\f00d";
3479 display: inline-block;
3480 padding-top: 3px;
3481 }
3482 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
3483 color: #555;
3484 }
3485
3486 .chosen-container-multi .chosen-choices li.search-choice-disabled {
3487 padding-right: 5px;
3488 border: 1px solid #ccc;
3489 background-color: #e4e4e4;
3490 background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
3491 color: #666;
3492 }
3493
3494 .chosen-container-multi .chosen-choices li.search-choice-focus {
3495 background: #d4d4d4;
3496 }
3497
3498 .chosen-container-multi .chosen-results {
3499 margin: 0;
3500 padding: 0;
3501 }
3502
3503 .chosen-container-multi .chosen-drop .result-selected {
3504 display: list-item;
3505 color: #ccc;
3506 cursor: default;
3507 }
3508
3509 .chosen-container-active .chosen-single {
3510 border: 1px solid var(--adminify-primary);
3511 }
3512
3513 .chosen-container-active.chosen-with-drop .chosen-single {
3514 border: 1px solid #dedee7;
3515 border-bottom-right-radius: 0;
3516 border-bottom-left-radius: 0;
3517 }
3518
3519 .chosen-container-active.chosen-with-drop .chosen-single div {
3520 border-left: none;
3521 background: transparent;
3522 }
3523
3524 .chosen-container-active .chosen-choices {
3525 border: 1px solid var(--adminify-primary);
3526 }
3527
3528 .chosen-container-active .chosen-choices li.search-field input[type=text] {
3529 color: #222 !important;
3530 }
3531
3532 .chosen-disabled {
3533 opacity: 0.5 !important;
3534 cursor: default;
3535 }
3536
3537 .chosen-disabled .chosen-single {
3538 cursor: default;
3539 }
3540
3541 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
3542 cursor: default;
3543 }
3544
3545 .chosen-rtl {
3546 text-align: right;
3547 }
3548
3549 .chosen-rtl .chosen-single {
3550 overflow: visible;
3551 padding: 0 8px 0 0;
3552 }
3553
3554 .chosen-rtl .chosen-single span {
3555 margin-right: 0;
3556 margin-left: 26px;
3557 direction: rtl;
3558 }
3559
3560 .chosen-rtl .chosen-single-with-deselect span {
3561 margin-left: 38px;
3562 }
3563
3564 .chosen-rtl .chosen-single div {
3565 right: auto;
3566 left: 3px;
3567 }
3568
3569 .chosen-rtl .chosen-single abbr {
3570 right: auto;
3571 left: 26px;
3572 }
3573
3574 .chosen-rtl .chosen-choices li {
3575 float: right;
3576 }
3577
3578 .chosen-rtl .chosen-choices li.search-field input[type=text] {
3579 direction: rtl;
3580 }
3581
3582 .chosen-rtl .chosen-choices li.search-choice {
3583 margin: 3px 5px 3px 0;
3584 padding: 3px 5px 3px 19px;
3585 }
3586
3587 .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
3588 right: auto;
3589 left: 4px;
3590 }
3591
3592 .chosen-rtl.chosen-container-single .chosen-results {
3593 margin: 0 0 4px 4px;
3594 padding: 0 4px 0 0;
3595 }
3596
3597 .chosen-rtl .chosen-results li.group-option {
3598 padding-right: 15px;
3599 padding-left: 0;
3600 }
3601
3602 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
3603 border-right: none;
3604 }
3605
3606 .chosen-rtl .chosen-search input[type=text] {
3607 padding: 4px 5px 4px 20px;
3608 direction: rtl;
3609 }
3610
3611 /**
3612 * Flatpickr
3613 */
3614 .flatpickr-calendar {
3615 background: transparent;
3616 opacity: 0;
3617 display: none;
3618 text-align: center;
3619 visibility: hidden;
3620 padding: 0;
3621 animation: none;
3622 direction: ltr;
3623 border: 0;
3624 font-size: 14px;
3625 line-height: 24px;
3626 border-radius: 5px;
3627 position: absolute;
3628 width: 307.875px;
3629 box-sizing: border-box;
3630 touch-action: manipulation;
3631 background: #fff;
3632 box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
3633 }
3634
3635 .flatpickr-calendar.open,
3636 .flatpickr-calendar.inline {
3637 opacity: 1;
3638 max-height: 640px;
3639 visibility: visible;
3640 }
3641
3642 .flatpickr-calendar.open {
3643 display: inline-block;
3644 z-index: 99999;
3645 }
3646
3647 .flatpickr-calendar.animate.open {
3648 animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
3649 }
3650
3651 .flatpickr-calendar.inline {
3652 display: block;
3653 position: relative;
3654 top: 2px;
3655 }
3656
3657 .flatpickr-calendar.static {
3658 position: absolute;
3659 top: calc(100% + 2px);
3660 }
3661
3662 .flatpickr-calendar.static.open {
3663 z-index: 999;
3664 display: block;
3665 }
3666
3667 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
3668 box-shadow: none !important;
3669 }
3670
3671 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
3672 box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
3673 }
3674
3675 .flatpickr-calendar .hasWeeks .dayContainer,
3676 .flatpickr-calendar .hasTime .dayContainer {
3677 border-bottom: 0;
3678 border-bottom-right-radius: 0;
3679 border-bottom-left-radius: 0;
3680 }
3681
3682 .flatpickr-calendar .hasWeeks .dayContainer {
3683 border-left: 0;
3684 }
3685
3686 .flatpickr-calendar.hasTime .flatpickr-time {
3687 height: 40px;
3688 border-top: 1px solid #e6e6e6;
3689 }
3690
3691 .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
3692 height: auto;
3693 }
3694
3695 .flatpickr-calendar:before,
3696 .flatpickr-calendar:after {
3697 position: absolute;
3698 display: block;
3699 pointer-events: none;
3700 border: solid transparent;
3701 content: "";
3702 height: 0;
3703 width: 0;
3704 left: 22px;
3705 }
3706
3707 .flatpickr-calendar.rightMost:before,
3708 .flatpickr-calendar.arrowRight:before,
3709 .flatpickr-calendar.rightMost:after,
3710 .flatpickr-calendar.arrowRight:after {
3711 left: auto;
3712 right: 22px;
3713 }
3714
3715 .flatpickr-calendar.arrowCenter:before,
3716 .flatpickr-calendar.arrowCenter:after {
3717 left: 50%;
3718 right: 50%;
3719 }
3720
3721 .flatpickr-calendar:before {
3722 border-width: 5px;
3723 margin: 0 -5px;
3724 }
3725
3726 .flatpickr-calendar:after {
3727 border-width: 4px;
3728 margin: 0 -4px;
3729 }
3730
3731 .flatpickr-calendar.arrowTop:before,
3732 .flatpickr-calendar.arrowTop:after {
3733 bottom: 100%;
3734 }
3735
3736 .flatpickr-calendar.arrowTop:before {
3737 border-bottom-color: #e6e6e6;
3738 }
3739
3740 .flatpickr-calendar.arrowTop:after {
3741 border-bottom-color: #fff;
3742 }
3743
3744 .flatpickr-calendar.arrowBottom:before,
3745 .flatpickr-calendar.arrowBottom:after {
3746 top: 100%;
3747 }
3748
3749 .flatpickr-calendar.arrowBottom:before {
3750 border-top-color: #e6e6e6;
3751 }
3752
3753 .flatpickr-calendar.arrowBottom:after {
3754 border-top-color: #fff;
3755 }
3756
3757 .flatpickr-calendar:focus {
3758 outline: 0;
3759 }
3760
3761 .flatpickr-wrapper {
3762 position: relative;
3763 display: inline-block;
3764 }
3765
3766 .flatpickr-months {
3767 display: flex;
3768 }
3769
3770 .flatpickr-months .flatpickr-month {
3771 background: transparent;
3772 color: rgba(0, 0, 0, 0.9);
3773 fill: rgba(0, 0, 0, 0.9);
3774 height: 34px;
3775 line-height: 1;
3776 text-align: center;
3777 position: relative;
3778 -webkit-user-select: none;
3779 -moz-user-select: none;
3780 user-select: none;
3781 overflow: hidden;
3782 flex: 1;
3783 }
3784
3785 .flatpickr-months .flatpickr-prev-month,
3786 .flatpickr-months .flatpickr-next-month {
3787 -webkit-text-decoration: none;
3788 text-decoration: none;
3789 cursor: pointer;
3790 position: absolute;
3791 top: 0;
3792 height: 34px;
3793 padding: 10px;
3794 z-index: 3;
3795 color: rgba(0, 0, 0, 0.9);
3796 fill: rgba(0, 0, 0, 0.9);
3797 }
3798
3799 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
3800 .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
3801 display: none;
3802 }
3803
3804 .flatpickr-months .flatpickr-prev-month i,
3805 .flatpickr-months .flatpickr-next-month i {
3806 position: relative;
3807 }
3808
3809 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
3810 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
3811 /*
3812 /*rtl:begin:ignore*/
3813 /*
3814 */
3815 left: 0;
3816 /*
3817 /*rtl:end:ignore*/
3818 /*
3819 */
3820 }
3821
3822 /*
3823 /*rtl:begin:ignore*/
3824 /*
3825 /*rtl:end:ignore*/
3826 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
3827 .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
3828 /*
3829 /*rtl:begin:ignore*/
3830 /*
3831 */
3832 right: 0;
3833 /*
3834 /*rtl:end:ignore*/
3835 /*
3836 */
3837 }
3838
3839 /*
3840 /*rtl:begin:ignore*/
3841 /*
3842 /*rtl:end:ignore*/
3843 .flatpickr-months .flatpickr-prev-month:hover,
3844 .flatpickr-months .flatpickr-next-month:hover {
3845 color: #959ea9;
3846 }
3847
3848 .flatpickr-months .flatpickr-prev-month:hover svg,
3849 .flatpickr-months .flatpickr-next-month:hover svg {
3850 fill: #f64747;
3851 }
3852
3853 .flatpickr-months .flatpickr-prev-month svg,
3854 .flatpickr-months .flatpickr-next-month svg {
3855 width: 14px;
3856 height: 14px;
3857 }
3858
3859 .flatpickr-months .flatpickr-prev-month svg path,
3860 .flatpickr-months .flatpickr-next-month svg path {
3861 transition: fill 0.1s;
3862 fill: inherit;
3863 }
3864
3865 .numInputWrapper {
3866 position: relative;
3867 height: auto;
3868 }
3869
3870 .numInputWrapper input,
3871 .numInputWrapper span {
3872 display: inline-block;
3873 }
3874
3875 .numInputWrapper input {
3876 width: 100%;
3877 }
3878
3879 .numInputWrapper input::-ms-clear {
3880 display: none;
3881 }
3882
3883 .numInputWrapper input::-webkit-outer-spin-button,
3884 .numInputWrapper input::-webkit-inner-spin-button {
3885 margin: 0;
3886 -webkit-appearance: none;
3887 }
3888
3889 .numInputWrapper span {
3890 position: absolute;
3891 right: 0;
3892 width: 14px;
3893 padding: 0 4px 0 2px;
3894 height: 50%;
3895 line-height: 50%;
3896 opacity: 0;
3897 cursor: pointer;
3898 border: 1px solid rgba(57, 57, 57, 0.15);
3899 box-sizing: border-box;
3900 }
3901
3902 .numInputWrapper span:hover {
3903 background: rgba(0, 0, 0, 0.1);
3904 }
3905
3906 .numInputWrapper span:active {
3907 background: rgba(0, 0, 0, 0.2);
3908 }
3909
3910 .numInputWrapper span:after {
3911 display: block;
3912 content: "";
3913 position: absolute;
3914 }
3915
3916 .numInputWrapper span.arrowUp {
3917 top: 0;
3918 border-bottom: 0;
3919 }
3920
3921 .numInputWrapper span.arrowUp:after {
3922 border-left: 4px solid transparent;
3923 border-right: 4px solid transparent;
3924 border-bottom: 4px solid rgba(57, 57, 57, 0.6);
3925 top: 26%;
3926 }
3927
3928 .numInputWrapper span.arrowDown {
3929 top: 50%;
3930 }
3931
3932 .numInputWrapper span.arrowDown:after {
3933 border-left: 4px solid transparent;
3934 border-right: 4px solid transparent;
3935 border-top: 4px solid rgba(57, 57, 57, 0.6);
3936 top: 40%;
3937 }
3938
3939 .numInputWrapper span svg {
3940 width: inherit;
3941 height: auto;
3942 }
3943
3944 .numInputWrapper span svg path {
3945 fill: rgba(0, 0, 0, 0.5);
3946 }
3947
3948 .numInputWrapper:hover {
3949 background: rgba(0, 0, 0, 0.05);
3950 }
3951
3952 .numInputWrapper:hover span {
3953 opacity: 1;
3954 }
3955
3956 .flatpickr-current-month {
3957 font-size: 135%;
3958 line-height: inherit;
3959 font-weight: 300;
3960 color: inherit;
3961 position: absolute;
3962 width: 75%;
3963 left: 12.5%;
3964 padding: 7.48px 0 0 0;
3965 line-height: 1;
3966 height: 34px;
3967 display: inline-block;
3968 text-align: center;
3969 transform: translate3d(0px, 0px, 0px);
3970 }
3971
3972 .flatpickr-current-month span.cur-month {
3973 font-family: inherit;
3974 font-weight: 700;
3975 color: inherit;
3976 display: inline-block;
3977 margin-left: 0.5ch;
3978 padding: 0;
3979 }
3980
3981 .flatpickr-current-month span.cur-month:hover {
3982 background: rgba(0, 0, 0, 0.05);
3983 }
3984
3985 .flatpickr-current-month .numInputWrapper {
3986 width: 6ch;
3987 width: 7ch\0 ;
3988 display: inline-block;
3989 }
3990
3991 .flatpickr-current-month .numInputWrapper span.arrowUp:after {
3992 border-bottom-color: rgba(0, 0, 0, 0.9);
3993 }
3994
3995 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
3996 border-top-color: rgba(0, 0, 0, 0.9);
3997 }
3998
3999 .flatpickr-current-month input.cur-year {
4000 background: transparent;
4001 box-sizing: border-box;
4002 color: inherit;
4003 cursor: text;
4004 padding: 0 0 0 0.5ch;
4005 margin: 0;
4006 display: inline-block;
4007 font-size: inherit;
4008 font-family: inherit;
4009 font-weight: 300;
4010 line-height: inherit;
4011 height: auto;
4012 border: 0;
4013 border-radius: 0;
4014 vertical-align: baseline;
4015 vertical-align: initial;
4016 -webkit-appearance: textfield;
4017 -moz-appearance: textfield;
4018 appearance: textfield;
4019 }
4020
4021 .flatpickr-current-month input.cur-year:focus {
4022 outline: 0;
4023 }
4024
4025 .flatpickr-current-month input.cur-year[disabled],
4026 .flatpickr-current-month input.cur-year[disabled]:hover {
4027 font-size: 100%;
4028 color: rgba(0, 0, 0, 0.5);
4029 background: transparent;
4030 pointer-events: none;
4031 }
4032
4033 .flatpickr-current-month .flatpickr-monthDropdown-months {
4034 appearance: menulist;
4035 background: transparent;
4036 border: none;
4037 border-radius: 0;
4038 box-sizing: border-box;
4039 color: inherit;
4040 cursor: pointer;
4041 font-size: inherit;
4042 font-family: inherit;
4043 font-weight: 300;
4044 height: auto;
4045 line-height: inherit;
4046 margin: -1px 0 0 0;
4047 outline: none;
4048 padding: 0 0 0 0.5ch;
4049 position: relative;
4050 vertical-align: baseline;
4051 vertical-align: initial;
4052 -webkit-box-sizing: border-box;
4053 -webkit-appearance: menulist;
4054 -moz-appearance: menulist;
4055 width: auto;
4056 }
4057
4058 .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
4059 .flatpickr-current-month .flatpickr-monthDropdown-months:active {
4060 outline: none;
4061 }
4062
4063 .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
4064 background: rgba(0, 0, 0, 0.05);
4065 }
4066
4067 .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
4068 background-color: transparent;
4069 outline: none;
4070 padding: 0;
4071 }
4072
4073 .flatpickr-weekdays {
4074 background: transparent;
4075 text-align: center;
4076 overflow: hidden;
4077 width: 100%;
4078 display: flex;
4079 align-items: center;
4080 height: 28px;
4081 }
4082
4083 .flatpickr-weekdays .flatpickr-weekdaycontainer {
4084 display: flex;
4085 flex: 1;
4086 }
4087
4088 span.flatpickr-weekday {
4089 cursor: default;
4090 font-size: 90%;
4091 background: transparent;
4092 color: rgba(0, 0, 0, 0.54);
4093 line-height: 1;
4094 margin: 0;
4095 text-align: center;
4096 display: block;
4097 flex: 1;
4098 font-weight: bolder;
4099 }
4100
4101 .dayContainer,
4102 .flatpickr-weeks {
4103 padding: 1px 0 0 0;
4104 }
4105
4106 .flatpickr-days {
4107 position: relative;
4108 overflow: hidden;
4109 display: flex;
4110 align-items: flex-start;
4111 width: 307.875px;
4112 }
4113
4114 .flatpickr-days:focus {
4115 outline: 0;
4116 }
4117
4118 .dayContainer {
4119 padding: 0;
4120 outline: 0;
4121 text-align: left;
4122 width: 307.875px;
4123 min-width: 307.875px;
4124 max-width: 307.875px;
4125 box-sizing: border-box;
4126 display: inline-block;
4127 display: flex;
4128 flex-wrap: wrap;
4129 -ms-flex-wrap: wrap;
4130 justify-content: space-around;
4131 transform: translate3d(0px, 0px, 0px);
4132 opacity: 1;
4133 }
4134
4135 .dayContainer + .dayContainer {
4136 box-shadow: -1px 0 0 #e6e6e6;
4137 }
4138
4139 .flatpickr-day {
4140 background: none;
4141 border: 1px solid transparent;
4142 border-radius: 150px;
4143 box-sizing: border-box;
4144 color: #393939;
4145 cursor: pointer;
4146 font-weight: 400;
4147 width: 14.2857143%;
4148 flex-basis: 14.2857143%;
4149 max-width: 39px;
4150 height: 39px;
4151 line-height: 39px;
4152 margin: 0;
4153 display: inline-block;
4154 position: relative;
4155 justify-content: center;
4156 text-align: center;
4157 }
4158
4159 .flatpickr-day.inRange,
4160 .flatpickr-day.prevMonthDay.inRange,
4161 .flatpickr-day.nextMonthDay.inRange,
4162 .flatpickr-day.today.inRange,
4163 .flatpickr-day.prevMonthDay.today.inRange,
4164 .flatpickr-day.nextMonthDay.today.inRange,
4165 .flatpickr-day:hover,
4166 .flatpickr-day.prevMonthDay:hover,
4167 .flatpickr-day.nextMonthDay:hover,
4168 .flatpickr-day:focus,
4169 .flatpickr-day.prevMonthDay:focus,
4170 .flatpickr-day.nextMonthDay:focus {
4171 cursor: pointer;
4172 outline: 0;
4173 background: #e6e6e6;
4174 border-color: #e6e6e6;
4175 }
4176
4177 .flatpickr-day.today {
4178 border-color: #959ea9;
4179 }
4180
4181 .flatpickr-day.today:hover,
4182 .flatpickr-day.today:focus {
4183 border-color: #959ea9;
4184 background: #959ea9;
4185 color: #fff;
4186 }
4187
4188 .flatpickr-day.selected,
4189 .flatpickr-day.startRange,
4190 .flatpickr-day.endRange,
4191 .flatpickr-day.selected.inRange,
4192 .flatpickr-day.startRange.inRange,
4193 .flatpickr-day.endRange.inRange,
4194 .flatpickr-day.selected:focus,
4195 .flatpickr-day.startRange:focus,
4196 .flatpickr-day.endRange:focus,
4197 .flatpickr-day.selected:hover,
4198 .flatpickr-day.startRange:hover,
4199 .flatpickr-day.endRange:hover,
4200 .flatpickr-day.selected.prevMonthDay,
4201 .flatpickr-day.startRange.prevMonthDay,
4202 .flatpickr-day.endRange.prevMonthDay,
4203 .flatpickr-day.selected.nextMonthDay,
4204 .flatpickr-day.startRange.nextMonthDay,
4205 .flatpickr-day.endRange.nextMonthDay {
4206 background: #569ff7;
4207 box-shadow: none;
4208 color: #fff;
4209 border-color: #569ff7;
4210 }
4211
4212 .flatpickr-day.selected.startRange,
4213 .flatpickr-day.startRange.startRange,
4214 .flatpickr-day.endRange.startRange {
4215 border-radius: 50px 0 0 50px;
4216 }
4217
4218 .flatpickr-day.selected.endRange,
4219 .flatpickr-day.startRange.endRange,
4220 .flatpickr-day.endRange.endRange {
4221 border-radius: 0 50px 50px 0;
4222 }
4223
4224 .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
4225 .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
4226 .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
4227 box-shadow: -10px 0 0 #569ff7;
4228 }
4229
4230 .flatpickr-day.selected.startRange.endRange,
4231 .flatpickr-day.startRange.startRange.endRange,
4232 .flatpickr-day.endRange.startRange.endRange {
4233 border-radius: 50px;
4234 }
4235
4236 .flatpickr-day.inRange {
4237 border-radius: 0;
4238 box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
4239 }
4240
4241 .flatpickr-day.flatpickr-disabled,
4242 .flatpickr-day.flatpickr-disabled:hover,
4243 .flatpickr-day.prevMonthDay,
4244 .flatpickr-day.nextMonthDay,
4245 .flatpickr-day.notAllowed,
4246 .flatpickr-day.notAllowed.prevMonthDay,
4247 .flatpickr-day.notAllowed.nextMonthDay {
4248 color: rgba(57, 57, 57, 0.3);
4249 background: transparent;
4250 border-color: transparent;
4251 cursor: default;
4252 }
4253
4254 .flatpickr-day.flatpickr-disabled,
4255 .flatpickr-day.flatpickr-disabled:hover {
4256 cursor: not-allowed;
4257 color: rgba(57, 57, 57, 0.1);
4258 }
4259
4260 .flatpickr-day.week.selected {
4261 border-radius: 0;
4262 box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
4263 }
4264
4265 .flatpickr-day.hidden {
4266 visibility: hidden;
4267 }
4268
4269 .rangeMode .flatpickr-day {
4270 margin-top: 1px;
4271 }
4272
4273 .flatpickr-weekwrapper {
4274 float: left;
4275 }
4276
4277 .flatpickr-weekwrapper .flatpickr-weeks {
4278 padding: 0 12px;
4279 box-shadow: 1px 0 0 #e6e6e6;
4280 }
4281
4282 .flatpickr-weekwrapper .flatpickr-weekday {
4283 float: none;
4284 width: 100%;
4285 line-height: 28px;
4286 }
4287
4288 .flatpickr-weekwrapper span.flatpickr-day,
4289 .flatpickr-weekwrapper span.flatpickr-day:hover {
4290 display: block;
4291 width: 100%;
4292 max-width: none;
4293 color: rgba(57, 57, 57, 0.3);
4294 background: transparent;
4295 cursor: default;
4296 border: none;
4297 }
4298
4299 .flatpickr-innerContainer {
4300 display: block;
4301 display: flex;
4302 box-sizing: border-box;
4303 overflow: hidden;
4304 }
4305
4306 .flatpickr-rContainer {
4307 display: inline-block;
4308 padding: 0;
4309 box-sizing: border-box;
4310 }
4311
4312 .flatpickr-time {
4313 text-align: center;
4314 outline: 0;
4315 display: block;
4316 height: 0;
4317 line-height: 40px;
4318 max-height: 40px;
4319 box-sizing: border-box;
4320 overflow: hidden;
4321 display: flex;
4322 }
4323
4324 .flatpickr-time:after {
4325 content: "";
4326 display: table;
4327 clear: both;
4328 }
4329
4330 .flatpickr-time .numInputWrapper {
4331 flex: 1;
4332 width: 40%;
4333 height: 40px;
4334 float: left;
4335 }
4336
4337 .flatpickr-time .numInputWrapper span.arrowUp:after {
4338 border-bottom-color: #393939;
4339 }
4340
4341 .flatpickr-time .numInputWrapper span.arrowDown:after {
4342 border-top-color: #393939;
4343 }
4344
4345 .flatpickr-time.hasSeconds .numInputWrapper {
4346 width: 26%;
4347 }
4348
4349 .flatpickr-time.time24hr .numInputWrapper {
4350 width: 49%;
4351 }
4352
4353 .flatpickr-time input {
4354 background: transparent;
4355 box-shadow: none;
4356 border: 0;
4357 border-radius: 0;
4358 text-align: center;
4359 margin: 0;
4360 padding: 0;
4361 height: inherit;
4362 line-height: inherit;
4363 color: #393939;
4364 font-size: 14px;
4365 position: relative;
4366 box-sizing: border-box;
4367 -webkit-appearance: textfield;
4368 -moz-appearance: textfield;
4369 appearance: textfield;
4370 }
4371
4372 .flatpickr-time input.flatpickr-hour {
4373 font-weight: bold;
4374 }
4375
4376 .flatpickr-time input.flatpickr-minute,
4377 .flatpickr-time input.flatpickr-second {
4378 font-weight: 400;
4379 }
4380
4381 .flatpickr-time input:focus {
4382 outline: 0;
4383 border: 0;
4384 }
4385
4386 .flatpickr-time .flatpickr-time-separator,
4387 .flatpickr-time .flatpickr-am-pm {
4388 height: inherit;
4389 float: left;
4390 line-height: inherit;
4391 color: #393939;
4392 font-weight: bold;
4393 width: 2%;
4394 -webkit-user-select: none;
4395 -moz-user-select: none;
4396 user-select: none;
4397 align-self: center;
4398 }
4399
4400 .flatpickr-time .flatpickr-am-pm {
4401 outline: 0;
4402 width: 18%;
4403 cursor: pointer;
4404 text-align: center;
4405 font-weight: 400;
4406 }
4407
4408 .flatpickr-time input:hover,
4409 .flatpickr-time .flatpickr-am-pm:hover,
4410 .flatpickr-time input:focus,
4411 .flatpickr-time .flatpickr-am-pm:focus {
4412 background: #eee;
4413 }
4414
4415 .flatpickr-input[readonly] {
4416 cursor: pointer;
4417 }
4418 @keyframes fpFadeInDown {
4419 from {
4420 opacity: 0;
4421 transform: translate3d(0, -20px, 0);
4422 }
4423 to {
4424 opacity: 1;
4425 transform: translate3d(0, 0, 0);
4426 }
4427 }
4428 .wp-adminify-two-columns {
4429 display: flex;
4430 flex-wrap: wrap;
4431 padding: 15px;
4432 position: relative;
4433 }
4434 .wp-adminify-two-columns.hidden {
4435 display: none;
4436 }
4437 .wp-adminify-two-columns .adminify-full-width-field {
4438 width: 100% !important;
4439 flex-basis: 100% !important;
4440 }
4441 .wp-adminify-two-columns > .adminify-field {
4442 width: 49%;
4443 display: flex;
4444 flex-basis: 49%;
4445 justify-content: space-between;
4446 margin-right: 1%;
4447 margin-top: -1px;
4448 border: 1px solid #eee;
4449 box-sizing: border-box;
4450 }
4451 .wp-adminify-two-columns > .adminify-field .adminify-fieldset input[type=text] {
4452 width: 100%;
4453 }
4454 .wp-adminify-two-columns[data-section-id=white-label] > .adminify-field {
4455 display: grid;
4456 }
4457 .wp-adminify-two-columns.aminify-title-width-40 .adminify-title {
4458 width: 40% !important;
4459 }
4460 .wp-adminify-two-columns.aminify-title-width-40 .adminify-fieldset {
4461 width: calc(60% - 20px) !important;
4462 }
4463 .wp-adminify-two-columns.aminify-title-width-65 .adminify-title {
4464 width: 65%;
4465 }
4466 .wp-adminify-two-columns.aminify-title-width-65 .adminify-fieldset {
4467 width: calc(35% - 20px);
4468 }
4469 .wp-adminify-two-columns .adminify-field-subheading {
4470 box-sizing: content-box;
4471 width: 100%;
4472 flex-basis: 100%;
4473 }
4474 .wp-adminify-two-columns > .adminify-section-title {
4475 width: 100%;
4476 position: absolute;
4477 top: 0;
4478 left: 0;
4479 box-sizing: border-box;
4480 }
4481
4482 .wp-adminify .adminify-hightlight-field {
4483 border: 2px solid var(--adminify-primary) !important;
4484 font-weight: 600 !important;
4485 }
4486
4487 .aminify-title-width-40 .adminify-title {
4488 width: 40% !important;
4489 }
4490 .aminify-title-width-40 .adminify-fieldset {
4491 width: calc(60% - 20px) !important;
4492 }
4493
4494 .wp-adminify-white-label-notice-content {
4495 background-color: #fff;
4496 box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.13);
4497 position: absolute;
4498 top: 150px;
4499 left: 400px;
4500 width: 530px;
4501 padding: 32px;
4502 padding-bottom: 50px;
4503 border-radius: 20px;
4504 text-align: center;
4505 z-index: 2;
4506 }
4507
4508 .wp-adminify-white-label-notice-logo img {
4509 height: 100px;
4510 width: 250px;
4511 padding: 10px;
4512 padding-top: 10px;
4513 }
4514
4515 .wp-adminify-white-label-notice-content h2 span {
4516 color: #6814cd;
4517 text-transform: uppercase;
4518 }
4519
4520 .wp-adminify-white-label-notice-content em {
4521 font-size: 13px;
4522 color: red;
4523 }
4524
4525 .wp-adminify-white-label-notice .wp-adminify-get-pro {
4526 background-image: -ms-linear-gradient(0deg, rgb(223, 29, 198) 0%, rgb(106, 20, 209) 100%);
4527 border: none;
4528 box-shadow: none;
4529 color: #fff;
4530 cursor: pointer;
4531 font-weight: 700;
4532 line-height: 35px;
4533 padding: 0 15px;
4534 text-transform: uppercase;
4535 -webkit-text-decoration: none;
4536 text-decoration: none;
4537 display: inline-block;
4538 width: 180px;
4539 padding: 5px 15px !important;
4540 border-radius: 10px;
4541 font-size: 15px;
4542 font-weight: 800;
4543 transition: all 0.2s ease-in-out;
4544 }
4545
4546 .wp-adminify-white-label-notice {
4547 position: absolute !important;
4548 top: 0;
4549 left: 0;
4550 width: 100% !important;
4551 height: 100%;
4552 background: rgba(200, 200, 200, 0.5);
4553 -js-display: flex;
4554 display: flex;
4555 justify-content: center;
4556 z-index: 1;
4557 }
4558
4559 .wp-adminify-white-label-notice .wp-adminify-get-pro:hover {
4560 color: #fff;
4561 background-image: -ms-linear-gradient(0deg, rgb(106, 20, 209) 0%, rgb(223, 29, 198) 100%);
4562 }
4563
4564 .adminify-field-callback a.wp-adminify-rollback-button {
4565 font-family: inherit !important;
4566 }
4567
4568 .wp-adminify-rollback-button.dashicons,
4569 .wp-adminify-rollback-button.dashicons-before:before {
4570 width: inherit !important;
4571 }
4572