.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
}
.bg-gray-100 {
    background-color: var(--bs-gray-100) !important;
}
.bg-gray-400 {
    background-color: var(--bs-gray-400) !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
}

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

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

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

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