.panel .list-group-item[data-status='not_in_use'] span.icon {
    content: "\f111";
    color: #8BC34A;
}

.panel .list-group-item[data-status='ringing'] span.icon,
.panel .list-group-item[data-status='in_use'] span.icon,
.panel .list-group-item[data-status='onhold'] span.icon,
.panel .list-group-item[data-status='busy'] span.icon {
    content: '\f095';
    color: #ef6c00;
}

.panel .list-group-item[data-status='paused'] span.icon {
    content: "\f04c";
    color: #f1c40f;
}