.group-display { margin-top: 5px; font-size: 12px; width: auto; padding: 10px; display: inline-block; border-radius: 4px;}

.group-26 { color: #ffff; background: #f1c40f; }
.group-25 { color: #ffff; background: #f1c40f; }
.group-24 { color: #ffff;	background: #f1c40f; }
.group-23 { color: #ffff; background: #c27c0e; }
.group-22 { color: #ffff; background: #c27c0e; }
.group-21 { color: #ffff;	background: #c27c0e; }
.group-20 { color: #ffff; background: #9b59b6; }
.group-19 { color: #ffff; background: #9b59b6; }
.group-18 { color: #ffff; background: #9b59b6; }
.group-17 { color: #ffff; background: #71368a; }
.group-16 { color: #ffff; background: #71368a; }
.group-15 { color: #ffff; background: #71368a; }

.group-14 { color: #ffff; background: #3498db; }
.group-13 { color: #ffff;	background: #3498db; }
.group-12 { color: #ffff; background: #3498db; }
.group-11 { color: #ffff; background: #206694; }
.group-10 { color: #ffff;	background: #206694; }
.group-9 { color: #ffff; background: #206694; }
.group-8 { color: #ffff; background: #ad1457; }
.group-6 { color: #ffff; background: #e74c3c; }
.group-4 { color: #ffff; background: #ad1457; }
.group-3 { color: #ffff; background: #992d22; }
.group-2 { color: #ffff; background: #0a537f; }
.group-1, .group-5, .group-7 { color: #a5a5a5; background: #30383d; }