/*Status Labels*/
.status-label {
    text-wrap: nowrap;
    padding: 2px 8px;
    border-radius: 5px;
    width: fit-content;
    text-align: center;
}

.status-label-blue {
    background-color: var(--bs-primary-bg-subtle);
    border: 2px solid var(--bs-primary-border-subtle);
    color: var(--text-primary-emphasis);
}

.status-label-green {
    background-color: var(--green-70);
    border: 2px solid var(--green);
    color: white;
}

.status-label-yellow {
    background-color: var(--yellow-70);
    border: 2px solid var(--yellow);
    color: var(--text-primary);
}

.status-label-orange {
    background-color: var(--orange-70);
    border: 2px solid var(--orange);
    color: var(--text-primary);
}

.status-label-red {
    background-color: var(--red-70);
    border: 2px solid var(--red);
    color: var(--text-primary);
}

.status-label-grey {
    background-color: var(--grey-70);
    border: 2px solid var(--grey);
    color: var(--text-primary);
}

.status-label-grey-dark {
    background-color: var(--grey-dark-70);
    border: 2px solid var(--grey-dark);
    color: var(--text-primary);
}

.bg-caution { background-color: var(--bs-orange); }

.bg-soft-success { background-color: #e8fadf !important; }
.bg-soft-warning { background-color: #fff4e5 !important; }
.bg-soft-danger  { background-color: #ffebee !important; }
.bg-soft-info      { background-color: #e0f7fa !important; }
.bg-soft-secondary { background-color: #f4f4f5 !important; }
.bg-soft-primary { background-color: #f0f3ff !important; }

.badge.bg-soft-success, .status-label.bg-soft-success { color: #28a745 !important; font-weight: bold; }
.badge.bg-soft-warning, .status-label.bg-soft-warning { color: #ff9800 !important; font-weight: bold; }
.badge.bg-soft-danger, .status-label.bg-soft-danger  { color: #f44336 !important; font-weight: bold; }
.badge.bg-soft-info, .status-label.bg-soft-info      { color: #00acc1 !important; font-weight: bold; }
.badge.bg-soft-secondary, .status-label.bg-soft-secondary { color: #6c757d !important; font-weight: bold; }
.badge.bg-soft-primary, .status-label.bg-soft-primary { color: #0d6efd !important; font-weight: bold; }