/* ================================================
   Custom Panel Styles - Generated Automatically
   Do not edit this file manually
   ================================================ */

:root {
    --primary-color: #fe3939;
    --primary-dark: #d23737;
    --primary-light: #ff0f0f;
    --secondary-color: #7b809a;
    --success-color: #4caf50;
    --info-color: #1c60e9;
    --warning-color: #fb8c00;
    --danger-color: #f44335;
}

/* Background Gradients */
.bg-gradient-primary {
    background-image: linear-gradient(310deg, #d95959 0%, #990000 100%) !important;
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%) !important;
}

.bg-gradient-success {
    background-image: linear-gradient(310deg, #4caf50 0%, #5cb860 100%) !important;
}

.bg-gradient-info {
    background-image: linear-gradient(310deg, #1c60e9 0%, #4da3ff 100%) !important;
}

.bg-gradient-warning {
    background-image: linear-gradient(310deg, #fb8c00 0%, #ffa726 100%) !important;
}

.bg-gradient-danger {
    background-image: linear-gradient(310deg, #f44335 0%, #f55a4e 100%) !important;
}

/* Primary Color Applications */
.text-primary {
    color: #fe3939 !important;
}

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

.border-primary {
    border-color: #fe3939 !important;
}

/* Buttons */
.btn-primary {
    background-color: #e92525 !important;
    border-color: #e92525 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #c31818 !important;
    border-color: #c31818 !important;
}

/* Sidebar */
.sidenav {
    background-color: #ff0000 !important;
    opacity: 1 !important;
}

.sidenav .nav-link {
    color: #fefbfb !important;
}

.sidenav .nav-link.active,
.sidenav .nav-link:hover {
    color: #fe6262 !important;
    background-color: rgba(254, 98, 98, 0.1) !important;
}

.sidenav .nav-link.active::before {
    background-color: #fe6262 !important;
}

/* Navbar */
.navbar {
    background-color: #ffffff !important;
    opacity: 0.5 !important;
}

.navbar .nav-link {
    color: #fecdcd !important;
}

/* Cards */
.card {
    opacity: 1 !important;
}

.card .card-header.bg-gradient-primary {
    background-image: linear-gradient(310deg, #f75555 0%, #880202 100%) !important;
    opacity: 1 !important;
}

/* Login Page Overlay */
.page-header .mask {
    opacity: 0.5 !important;
}

/* Links */
a {
    color: #fe3939;
}

a:hover {
    color: #d23737;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus {
    border-color: #fe3939 !important;
    box-shadow: 0 0 0 0.2rem rgba(254, 57, 57, 0.25) !important;
}

/* Switches and Checkboxes */
.form-check-input:checked {
    background-color: #fe3939 !important;
    border-color: #fe3939 !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #fe3939 !important;
}

/* Badges */
.badge-primary {
    background-color: #fe3939 !important;
}

/* Pagination */
.pagination .page-link {
    color: #fe3939;
}

.pagination .page-item.active .page-link {
    background-color: #fe3939 !important;
    border-color: #fe3939 !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #fe3939 !important;
}

/* Tabs */
.nav-pills .nav-link.active {
    background-color: #fe3939 !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(254, 57, 57, 0.12) !important;
    color: #d23737 !important;
}

/* Loading Spinner */
.spinner-border-primary {
    color: #fe3939 !important;
}