.badge {
    display: inline-block;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #337ab7;
    border-radius: 2px;
    margin-right: 1em;
}

.pill {
    border-radius: 10px;
}

.success {
    background-color: #28a745; /* Green */
}

.info {
    background-color: #17a2b8; /* Blue */
}

.warning {
    background-color: #ffc107; /* Yellow */
}

.danger {
    background-color: #dc3545; /* Red */
}

.primary {
    background-color: #007bff; /* Blue */
}

.secondary {
    background-color: #6c757d; /* Gray */
}

.light {
    background-color: #f8f9fa; /* Light Gray */
    color: black;
}

.dark {
    background-color: #343a40; /* Dark Gray */
}