.badge{
    line-height: 1rem;
}

.badge-cibor-blue {
    --bs-badge-color: var(--white);
    background-color: var(--cibor-blue) !important;
}

.badge-cibor-red {
    --bs-badge-color: var(--white);
    background-color: var(--cibor-red) !important;
}

.badge-white {
    --bs-badge-color: var(--black);
    background-color: var(--white) !important;
}

.badge-cibor-green {
    --bs-badge-color: var(--white);
    background-color: var(--cibor-green) !important;
}

.badge-cibor-light {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--cibor-light) !important;
}

.badge-cibor-light-blue {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--cibor-light-blue) !important;
}

.badge-cibor-gray-extra-light {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--cibor-gray-extra-light) !important;
}

.badge-cibor-white {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--white) !important;
}

.badge-white {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--white) !important;
}

.badge-leak-detection {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--lavender-mist) !important;
}

.badge-build-pathology {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--flesh) !important;
}

.badge-repairs {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--nyanza) !important;
}

.badge-socks {
    --bs-badge-color: var(--cibor-gray-dark);
    background-color: var(--blue-chalk) !important;
}

.badge-dossier {
    --bs-badge-color: var(--white);
    background-color: var(--mikado-yellow) !important;
}

.badge-log {
    --bs-badge-color: var(--white);
    background-color: var(--medium-persian-blue) !important;
}

.badge-priority-score {
    --bs-badge-color: var(--white);
    background-color: var(--medium-persian-blue) !important;
}


.badge-btn{
    --bs-badge-padding-x: 0.75rem;
    --bs-badge-padding-y: 0.70rem;
    --bs-badge-font-size: 1rem;
    --bs-badge-font-weight: 400;
    --bs-badge-line-height: 1.5;
}

.badge-btn:has(svg) {
    --bs-badge-padding-y: 0.61rem;
    --bs-badge-padding-x: 0.70rem;
}

.badge-btn-sm{
    --bs-badge-padding-x: 0.5rem;
    --bs-badge-padding-y: 0.54rem;
    --bs-badge-font-size: 0.875rem;
    --bs-badge-font-weight: 400;
    --bs-badge-line-height: 1.5;
    --bs-badge-border-radius: 0.25rem;
}

.badge-btn-sm:has(svg) {
    --bs-badge-padding-y: 0.40rem;
    --bs-badge-padding-x: 0.54rem;
}

.badge-sm {
    --bs-badge-font-size: 0.75em !important;
    --bs-badge-font-weight: 400 !important;
}

.badge-counter {
    --bs-badge-padding-x: 0.35rem !important;
    --bs-badge-padding-y: 0.10em !important;
    --bs-badge-font-size: 0.75em !important;
    --bs-badge-font-weight: 400 !important;
}

.badge-group {
    /** Use same css as Bootstrap's btn-group' */
    border-radius: var(--bs-border-radius);
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}