.badge-success{
    background-color:var(--success-base) !important;
    padding-bottom: 10px !important;
    padding-top: 12px !important;
}
.badge-info{
    background-color:var(--info-base) !important;
    padding-bottom: 10px !important;
    padding-top: 12px !important;
}
.badge-primary{
    background-color:var(--primary-base) !important;
    padding-bottom: 10px !important;
    padding-top: 12px !important;
}

.badge-danger{
    background-color:var(--danger-base) !important;
    color: white !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
}

.badge-warning{
    background-color:var(--warning-base) !important;
    color: white !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
}