.bg-blue {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

.bg-indigo {
    background-color: #6610f2 !important;
    color: #ffffff !important;
}

.bg-purple {
    background-color: #6f42c1 !important;
    color: #ffffff !important;
}

.bg-pink {
    background-color: #d63384 !important;
    color: #ffffff !important;
}

.bg-red {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.bg-orange {
    background-color: #fd7e14 !important;
    color: #000000 !important;
}

.bg-yellow {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

.bg-green {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.bg-teal {
    background-color: #20c997 !important;
    color: #000000 !important;
}

.bg-cyan {
    background-color: #0dcaf0 !important;
    color: #000000 !important;
}

.bg-gray {
    background-color: #adb5bd !important;
    color: #000000 !important;
}