.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
}
.bg-gray-100 {
    background-color: var(--bs-gray-100) !important;
}
.bg-primary-subtle {
    background-color:var(--bs-primary-bg-subtle) !important
}
.bg-secondary-subtle {
    background-color:var(--bs-secondary-bg-subtle) !important
}
.bg-success-subtle {
    background-color:var(--bs-success-bg-subtle) !important
}
.bg-info-subtle {
    background-color:var(--bs-info-bg-subtle) !important
}
.bg-warning-subtle {
    background-color:var(--bs-warning-bg-subtle) !important
}
.bg-danger-subtle {
    background-color:var(--bs-danger-bg-subtle) !important
}
.bg-dark-subtle {
    background-color:var(--bs-dark-bg-subtle) !important
}

[class*=" text-bg-"] {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-dark-bg-subtle);
    color: var(--bs-dark);
}

.text-bg-draft,
.text-bg-unknown,
.text-bg-inactive {
    background-color: var(--bs-dark-bg-subtle);
    border: 1px solid var(--bs-secondary);
    color: var(--bs-gray-600);
}

.text-bg-active,
.text-bg-approved,
.text-bg-published {
    background-color: var(--bs-success-bg-subtle);
    border: 1px solid var(--bs-success);
    color: var(--bs-success);
}

.text-bg-deleted {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger);
}

.text-bg-cancel {
    background-color: var(--bs-danger-bg-subtle);
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger);
}