.badge{
    display: inline-block ;
    padding: .25em .4em ;
    font-size: 80%;
    font-weight: 700;
    line-height: 1 ;
    text-align: center ;
    white-space: nowrap ;
    vertical-align: baseline ;
    border-radius: .25rem ;
}

.badge-pill {
    padding-right: .6em !important;
    padding-left: .6em !important;
    border-radius: 10rem !important;
}

.badge-success {
    color: #fff !important;
    background-color: #28a745 !important;
}

.badge-primary {
    color: #fff  !important;
    background-color: #007bff !important;
}

.badge-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}

.badge-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
}

.badge-warning {
    color: #212529 !important;
    background-color: #ffc107 !important;
}

.badge-light {
    color: #212529 !important;
    background-color: #f8f9fa !important;
}

.badge-dark {
    color: #fff !important;
    background-color: #343a40 !important;
}