/* Custom Color Scheme for Camlocus */
:root {
    --primary: #4f46e5;
    --primary-rgb: 79, 70, 229;
    --primary-darker: #4338ca;
    --primary-text: #6366f1;
}

.btn-primary {
    background-color: #4f46e5 !important;
    border-color: #4f46e5 !important;
}

.btn-primary:hover {
    background-color: #4338ca !important;
    border-color: #4338ca !important;
}

.text-primary {
    color: #6366f1 !important;
}

a.text-primary:hover {
    color: #4f46e5 !important;
}

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

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

.btn-outline-primary {
    color: #4f46e5 !important;
    border-color: #4f46e5 !important;
}

.btn-outline-primary:hover {
    background-color: #4f46e5 !important;
    border-color: #4f46e5 !important;
    color: #fff !important;
}

.nav-container .logo{
    width: 255px;
}

.form-error{
    color: #dc3545 !important;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    list-style: none;
    background-color: transparent;
    border: 0;
}

/* Checkout pg Styles */
.account-info-label {
    font-size: 0.85rem;
    color: #000;
}

.account-info-input {
    font-size: 0.875rem;
    color: #000;
}

/* Sidebar anchor hover color */
/* .side-menu.primary a:hover,
.side-menu.primary a:hover .label,
.side-menu.primary a:hover .icon {
    color: var(--primary) !important;
} */

/* Dashboard card links - match sidebar anchor colors */
.dashboard-card-link {
    color: var(--alternate);
    text-decoration: none;
    transition: color var(--transition-time);
}

.dashboard-card-link:hover {
    color: var(--primary);
    text-decoration: none;
}

.sidebar-item-link:hover,
.sidebar-item-link:hover .label,
.sidebar-item-link:hover .icon {
    color: #6366f1 !important;
    text-decoration: none;
}

@media (max-width: 1500px) {
    .container {
        max-width: 1200px;
    }
}


html[data-color=light-blue] {
    --primary: #6366f1 !important;;
    --secondary: #4f46e5!important;
    --primary-rgb: 241, 127, 7;
    --secondary-rgb: 29, 32, 40;
}

.form-control:focus,
.form-select:focus,
.custom-select:focus {
    background-color: var(--foreground);
    color: var(--body);
    border-color: rgba(var(--primary-rgb), 1);
}