.badge {
    --bs-badge-padding-x: 1em;
    --bs-badge-padding-y: 0.49em;
    --bs-badge-font-size: 0.81em;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.25rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}
.bg-label-secondary {
    background-color: #424659 !important;
    color: #a8aaae !important
}

.bg-label-success {
    background-color: #2e4b4f !important;
    color: #28c76f !important
}

.bg-label-info {
    background-color: #274c62 !important;
    color: #00cfe8 !important
}

.bg-label-warning {
    background-color: #504448 !important;
    color: #ff9f43 !important
}

.bg-label-danger {
    background-color: #4d384b !important;
    color: #ea5455 !important
}

.bg-label-light {
    background-color: #32364c !important;
    color: #44475b !important
}

.bg-label-dark {
    background-color: #4a4d61 !important;
    color: #d7d8de !important
}

.bg-label-gray {
    background-color: rgba(70,74,94,.968) !important;
    color: rgba(255,255,255,.8) !important
}

.bg-label-hover-secondary {
    background-color: #424659 !important;
    color: #a8aaae !important
}

.bg-label-hover-secondary:hover {
    background-color: #a8aaae !important;
    color: #fff !important
}

.bg-label-hover-success {
    background-color: #2e4b4f !important;
    color: #28c76f !important
}

.bg-label-hover-success:hover {
    background-color: #28c76f !important;
    color: #fff !important
}

.bg-label-hover-info {
    background-color: #274c62 !important;
    color: #00cfe8 !important
}

.bg-label-hover-info:hover {
    background-color: #00cfe8 !important;
    color: #fff !important
}

.bg-label-hover-warning {
    background-color: #504448 !important;
    color: #ff9f43 !important
}

.bg-label-hover-warning:hover {
    background-color: #ff9f43 !important;
    color: #fff !important
}

.bg-label-hover-danger {
    background-color: #4d384b !important;
    color: #ea5455 !important
}

.bg-label-hover-danger:hover {
    background-color: #ea5455 !important;
    color: #fff !important
}

.bg-label-hover-light {
    background-color: #32364c !important;
    color: #44475b !important
}

.bg-label-hover-light:hover {
    background-color: #44475b !important;
    color: #fff !important
}

.bg-label-hover-dark {
    background-color: #4a4d61 !important;
    color: #d7d8de !important
}

.bg-label-hover-dark:hover {
    background-color: #d7d8de !important;
    color: #fff !important
}

.bg-label-hover-gray {
    background-color: rgba(70,74,94,.968) !important;
    color: rgba(255,255,255,.8) !important
}

.bg-label-hover-gray:hover {
    background-color: rgba(255,255,255,.8) !important;
    color: #fff !important
}