.badge {
position: absolute;
    padding: 0px 5px;
    margin-top: -7px;
    font-size: 12px;
    line-height: 1.2em;
}
.badge::before {
content: '';
    position: absolute;
    margin-top: 8px;
    width: 0;
    height: 0;
    left: 0px;
    border: 5px solid transparent;
}

.red {
	background:#d41212;
    color:#fff;
}
.red::before {
border-left: 5px solid #d41212;
}
.green {
	background:#6dab3c;
    color:#fff;
}
.green::before {
border-left: 5px solid #6dab3c;
}
.orange {
	background:#f7be68;
    color:#fff;
}
.orange::before {
border-left: 5px solid #f7be68;
}
.blue {
	background:#4cadc9;
    color:#fff;    
}
.blue::before {
border-left: 5px solid #4cadc9;
}