.green-badge{
    border-radius: 50%;
    background: #81C784;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}

.red-badge{
    border-radius: 50%;
    background: #E57373;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}

.yellow-badge{
    border-radius: 50%;
    background: #FFC107;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}

.orange-badge{
    border-radius: 50%;
    background: #FFA726;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}

.blue-badge{
    border-radius: 50%;
    background: #64B5F6;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}

.default-badge{
    border-radius: 50%;
    background: #757575;
    min-width: 30px;
    padding-left: 3px;
    padding-right: 3px;
    color:#ffffff;
    text-align: center;
}