:root {
    --red-50: rgba(253, 242, 248, 1);
    --red-500: rgba(236, 72, 153, 1);
    --primary-500: #2291F8;
    --primary-600: #2291F8;
}

.bg-primary-600 {
    background: var(--primary-600) !important;
}

.bg-primary-500 {
    background: var(--primary-500) !important;
}
.bg-red-50 {
    background-color: var(--red-50)
}
.border-red-500 {
    border-color: var(--red-500)
}

.border-primary-500 {
    border-color: var(--primary-500) !important;
}

.border {
    border-width: 1px !important;
}

.text-red-500 {
    color: var(--red-500)
}

.bg-primary-50 {
    background-color: #F0F8FF !important;
}

.bg-primary-500 {
    background: #2291F8 !important;
}

.bg-primary-500\/10 {
    background-color: #F0F8FF !important;
}

.text-primary-500 {
    color: #2291F8 !important;
}

.text-primary-600 {
    color: #2291F8 !important;
}

.filament-tables-tags-column .text-primary-700 {
    color: #374151
}
.filament-tables-tags-column span {
    border: 1px solid #D1D5DB;
    background-color: #F9FAFB !important;
}

.filament-sidebar-header:before {
    background-image: none !important;
    background-color: #D1D5DB;
}


.focus\:ring-primary-600:focus {
    --tw-ring-color: #2291F8 !important;
}

.focus\:text-primary-600:focus {
    --tw-text-opacity: 1;
    color: #2291F8 !important;
}

.ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #2291F8 !important;
}

.filament-login-page {
    background-image: radial-gradient(circle at top,#CCE9FF,#fff 50%) !important;
}

.focus\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: #2291F8 !important;
}
.focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(34 145 248/var(--tw-border-opacity)) !important;
}

.filament-login-page form:before {
    background-image: none !important;
}