.bg-primary {
    background-color: var(--card-primary) !important;
    color: #fff !important;
}

.bg-success {
    background-color: var(--card-success) !important;
    color: #fff !important;
}

.bg-info {
    background-color: var(--card-info) !important;
    color: #fff !important;
}

.bg-warning {
    background-color: var(--card-warning) !important;
    color: #fff !important;
}

.bg-danger {
    background-color: var(--card-danger) !important;
    color: #fff !important;
}

.bg-default {
    background-color: var(--card_default) !important;
    color: #fff !important;
}

.bg-defaultgray {
    background-color: var(--card_defaultgray) !important;
    color: #fff !important;
}

.bg-navbar {
    background-color: var(--navbarbackground) !important;
    color: #fff !important;
}

.bg-msnavy {
    background-color: var(--msnavy) !important;
    color: #fff !important;
}

.bg-darkred {
    background-color: var(--darkred) !important;
    color: #fff !important;
}

.bg-info {
    background-color: #067f94 !important;
    color: #fffa00 !important;
}

.bg-default {
    background-color: #444343 !important;
    color: #fffa00 !important;
}

.bg-msnavy {
    background-color: var(--msnavy) !important;
    color: #fff !important;
}

.bg-darkred {
    background-color: var(--darkred) !important;
    color: #fff !important;
}