/*
    Badge recoloring and new Badge classes
*/
.badge-danger {
    background-color: var(--bs-danger);
    color: #FFFFFF;
}

.badge-warning {
    background-color: var(--bs-warning);
    color: #FFFFFF;
}

.badge-success {
    background-color: var(--bs-success);
    color: #FFFFFF;
}

.badge-transparent {
    background-color: transparent;
    color: transparent;
}

.badge-dot-xl {
    width: 18px;
    height: 18px;
    position: relative
}

.badge:empty {
    display: none
}

.badge-dot-xl::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: .25rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    background: var(--bs-secondary);
}

.badge-dot-m-filled {
    width: 1em;
    height: 1em;
    position: relative
}

.badge-dot-m {
    width: 1em;
    height: 1em;
    position: relative
}

.badge-dot-m::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-radius: .125em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.25em 0 0 -0.25em;
    background: var(--bs-secondary);
}

.badge-border {
    border-color: var(--bs-primary);
    border-width: 0.1em;
    border-style: solid;
}