/* Custom style generated from database settings */
:root {
    --color-base: #7020ff;
    --color-base-hov: #6530bb;
    --color-primary: #7020ff;
}

/* Buttons */
.btn-primary, .btn-soft-primary:hover, .badge-primary {
    background-color: #7020ff !important;
    border-color: #7020ff !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #6530bb !important;
    border-color: #6530bb !important;
}
.btn-outline-primary {
    color: #7020ff !important;
    border-color: #7020ff !important;
}
.btn-outline-primary:hover {
    background-color: #7020ff !important;
    color: #fff !important;
}
.btn-soft-primary {
    background-color: rgba(112, 32, 255, 0.1) !important;
    color: #7020ff !important;
}

/* Text */
.text-primary {
    color: #7020ff !important;
}
.text-primary:hover {
    color: #6530bb !important;
}

/* Backgrounds */
.bg-primary {
    background-color: #7020ff !important;
}
.bg-soft-primary {
    background-color: rgba(112, 32, 255, 0.1) !important;
}

/* Borders */
.border-primary {
    border-color: #7020ff !important;
}

/* Links */
a.text-primary:hover, a.text-primary:focus {
    color: #6530bb !important;
}

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

/* Form controls focus */
.form-control:focus {
    border-color: #7020ff;
    box-shadow: 0 0 0 0.2rem rgba(112, 32, 255, 0.25);
}

/* Nav tabs active */
.nav-tabs .nav-link.active {
    color: #7020ff;
}

/* Range input */
.noUi-connect {
    background-color: #7020ff;
}

/* Category color */
.category-single-item:hover .category-icon-div {
    background-color: #7020ff;
}