.label, .badge {
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    display: inline-block;
    padding: 2px 4px;
    vertical-align: baseline;
    color: var(--label-text-color);
    background-color: var(--label-background);
}
.label:empty, .badge:empty {
    display: none;
}
.btn .label, .btn .badge {
    position: relative;
    top: -1px;
}
.btn-mini .label, .btn-mini .badge {
    top: 0;
}

.label {
    border-radius: 2px;
}
.label.new {
    color: var(--text-color-dark-max);
    background-color: var(--navbar-link-active-background);
}
.active .label.new {
    border: 1px solid var(--url-hover-color);
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 9px;
}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
    cursor: pointer;
    text-decoration: none;
    color: var(--text-color-max-inverse);
}

.label-primary,
.badge-primary {
    background-color: var(--text-primary-color);
}
.label-primary[href],
.badge-primary[href] {
    background-color: var(--text-primary-hover-color);
}

.label-important,
.badge-important {
    background-color: var(--text-error-color);
}
.label-important[href],
.badge-important[href] {
    background-color: var(--text-error-hover-color);
}

.label-warning,
.badge-warning {
    background-color: var(--btn-warning-active-background-color);
}
.label-warning[href],
.badge-warning[href] {
    background-color: var(--label-warning-link-background-color);
}

.label-success,
.badge-success {
    background-color: var(--text-success-color);
}
.label-success[href],
.badge-success[href] {
    background-color: var(--text-success-hover-color);
}

.label-info,
.badge-info {
    background-color: var(--text-info-color);
}
.label-info[href],
.badge-info[href] {
    background-color: var(--text-info-hover-color);
}