/**
 * Custom CSS
 * Add your custom styles here.
 * This file is loaded in the Filament admin panel.
 */


.fi-sidebar-group-items.sub-menu{
    margin-left: 35px;
}

.fi-sidebar-group-items.sub-menu .fi-sidebar-item-icon{
    width: 20px;
    height: 20px;
}

.fi-sidebar-sub-group-items{
    margin-left: 30px;
}

/*
 * Toast notifications: status-colored backgrounds so they stand out
 * on the white admin page. Inline (in-form) notices are left alone.
 */
.fi-no-notification:not(.fi-inline) {
    border-left: 4px solid rgb(var(--gray-400));
    background-color: rgb(var(--gray-100));
    box-shadow:
        0 0 0 1px rgb(var(--gray-300)),
        0 12px 28px -8px rgb(15 23 42 / 0.22);
}

.fi-no-notification:not(.fi-inline) > div {
    background-color: transparent;
}

.fi-no-notification:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--gray-900));
}

.fi-no-notification:not(.fi-inline) .fi-no-notification-body,
.fi-no-notification:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--gray-700));
}

.fi-no-notification.fi-status-success:not(.fi-inline) {
    border-left-color: rgb(var(--success-600));
    background-color: rgb(var(--success-100));
    box-shadow:
        0 0 0 1px rgb(var(--success-300)),
        0 12px 28px -8px rgb(5 150 105 / 0.28);
}

.fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--success-900));
}

.fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-body,
.fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--success-800));
}

.fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--success-600));
}

.fi-no-notification.fi-status-danger:not(.fi-inline) {
    border-left-color: rgb(var(--danger-600));
    background-color: rgb(var(--danger-100));
    box-shadow:
        0 0 0 1px rgb(var(--danger-300)),
        0 12px 28px -8px rgb(225 29 72 / 0.28);
}

.fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--danger-900));
}

.fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-body,
.fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--danger-800));
}

.fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--danger-600));
}

.fi-no-notification.fi-status-warning:not(.fi-inline) {
    border-left-color: rgb(var(--warning-500));
    background-color: rgb(var(--warning-100));
    box-shadow:
        0 0 0 1px rgb(var(--warning-300)),
        0 12px 28px -8px rgb(217 119 6 / 0.28);
}

.fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--warning-900));
}

.fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-body,
.fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--warning-800));
}

.fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--warning-600));
}

.fi-no-notification.fi-status-info:not(.fi-inline) {
    border-left-color: rgb(var(--info-600));
    background-color: rgb(var(--info-100));
    box-shadow:
        0 0 0 1px rgb(var(--info-300)),
        0 12px 28px -8px rgb(2 132 199 / 0.28);
}

.fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--info-900));
}

.fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-body,
.fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--info-800));
}

.fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--info-600));
}

.dark .fi-no-notification:not(.fi-inline) {
    border-left-color: rgb(var(--gray-500));
    background-color: rgb(var(--gray-800));
    box-shadow:
        0 0 0 1px rgb(var(--gray-700)),
        0 12px 28px -8px rgb(0 0 0 / 0.45);
}

.dark .fi-no-notification:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--gray-50));
}

.dark .fi-no-notification:not(.fi-inline) .fi-no-notification-body,
.dark .fi-no-notification:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--gray-300));
}

.dark .fi-no-notification.fi-status-success:not(.fi-inline) {
    border-left-color: rgb(var(--success-400));
    background-color: rgb(var(--success-950));
    box-shadow:
        0 0 0 1px rgb(var(--success-800)),
        0 12px 28px -8px rgb(0 0 0 / 0.45);
}

.dark .fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--success-100));
}

.dark .fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-body,
.dark .fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--success-200));
}

.dark .fi-no-notification.fi-status-success:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--success-400));
}

.dark .fi-no-notification.fi-status-danger:not(.fi-inline) {
    border-left-color: rgb(var(--danger-400));
    background-color: rgb(var(--danger-950));
    box-shadow:
        0 0 0 1px rgb(var(--danger-800)),
        0 12px 28px -8px rgb(0 0 0 / 0.45);
}

.dark .fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--danger-100));
}

.dark .fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-body,
.dark .fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--danger-200));
}

.dark .fi-no-notification.fi-status-danger:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--danger-400));
}

.dark .fi-no-notification.fi-status-warning:not(.fi-inline) {
    border-left-color: rgb(var(--warning-400));
    background-color: rgb(var(--warning-950));
    box-shadow:
        0 0 0 1px rgb(var(--warning-800)),
        0 12px 28px -8px rgb(0 0 0 / 0.45);
}

.dark .fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--warning-100));
}

.dark .fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-body,
.dark .fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--warning-200));
}

.dark .fi-no-notification.fi-status-warning:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--warning-400));
}

.dark .fi-no-notification.fi-status-info:not(.fi-inline) {
    border-left-color: rgb(var(--info-400));
    background-color: rgb(var(--info-950));
    box-shadow:
        0 0 0 1px rgb(var(--info-800)),
        0 12px 28px -8px rgb(0 0 0 / 0.45);
}

.dark .fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-title {
    color: rgb(var(--info-100));
}

.dark .fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-body,
.dark .fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-date {
    color: rgb(var(--info-200));
}

.dark .fi-no-notification.fi-status-info:not(.fi-inline) .fi-no-notification-icon {
    color: rgb(var(--info-400));
}