div.group-status {
    display: inline-block; 
    width: 20px; 
    height: 20px; 
    border-radius: 14px;
    border: inset lightgrey 1px;
}
div.group-status.status-active {
    background-color: rgba( 0, 255, 0, 1 );
}
div.group-status.status-warning {
    background-color: rgba( 249, 169, 65, 1 );
}
div.group-status.status-alarm {
    background-color: rgba( 255, 0, 0, 1 );
}
div.group-status.status-unknown {
    background-color: rgba( 200, 200, 200, 1 );
}


div.group-member-status {
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    border-radius: 9px;
    border: inset lightgrey 1px;
}
div.group-member-status.status-active {
    background-color: rgba( 0, 255, 0, 1 );
}
div.group-member-status.status-warning {
    background-color: rgba( 249, 169, 65, 1 );
}
div.group-member-status.status-alarm {
    background-color: rgba( 255, 0, 0, 1 );
}
div.group-member-status.status-unknown {
    background-color: rgba( 200, 200, 200, 1 );
}