/*react-datepicker*/
.react-datepicker__aria-live { display: none; }

* {
    font-family: 'Inter', sans-serif!important;
}

:root {
    --topbar-color: white;
    --sidebar-bg-color: transparent;
    --sidebar-color: #ffffffcc;
    --sidebar-link-color: #ffffffff;
}

#login-bg {
    background-image: linear-gradient(rgb(17, 24, 39), rgb(88, 28, 135), rgb(30, 58, 138)) !important;
}

section[data-css="sidebar"] {
    background-image: linear-gradient(rgb(17, 24, 39), rgb(88, 28, 135), rgb(30, 58, 138)) !important;
    color: var(--sidebar-color);
    border: none;
}

section[data-css="sidebar"] svg {
    stroke: var(--sidebar-color) !important;
}

section[data-css="sidebar"] .adminjs_Icon {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0.5rem;
    border-radius: 10px;}

a[data-css="sidebar-logo"] {
    background-color: var(--sidebar-bg-color) !important;
}

section[data-css="sidebar-resources"] {
    background: var(--sidebar-bg-color) !important;
}

[data-css="sidebar"] section a {
    border-radius: 10px;
    margin-bottom: 10px;
    color: var(--sidebar-color);
}

[data-css="sidebar"] section a:hover, [data-css="sidebar"] section a:target {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-css="sidebar"] a:hover {
    color: var(--sidebar-link-color);
}

:where(section[data-rfd-droppable-id]>.adminjs_Box:not(:first-child)) {
    padding-block-start: 0px!important;
    padding-block-end: 30px!important;
}

section .adminjs_Text:empty {
    display: none;
}