/* === CUSTOM THEME: MediumSlateBlue for all .info class-based components === */

/* Background, Button, Border, Badge, and Alert */
.bg-info,
.btn-info,
.border-info,
.badge-info,
.alert-info {
    background-color: #7B68EE !important;
    border-color: #7B68EE !important;
    color: #fff !important;
}

/* Button Hover State */
.btn-info:hover {
    background-color: #6a5acd !important;
    border-color: #6a5acd !important;
}

/* Text */
.text-info {
    color: #7B68EE !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #6a5acd !important;
}

/* Gradient Background */
.bg-gradient-info {
    background-color: #7B68EE !important;
    background-image: linear-gradient(180deg, #7B68EE 10%, #6a5acd 100%) !important;
    background-size: cover;
    color: white !important;
}