.desktop{background:red;}
.mobile{background:green;}
.tablet{background:blue;}
.unknown{background:purple;}


/* Legend */
div#actusers div#act_legend {
	display: flex;
	justify-content: center;
	align-items: center;
}
div#actusers div#act_legend div.act_lentry {
	margin: 0 6px 0 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#actusers div#act_legend div.act_lentry div.act_ltext{
	font-size:125%;
}
div#actusers div#act_legend div.act_lentry div.act_licon{
    border: 1px solid black;
	margin: 7px;
	height: 15px;
	width: 15px;
}

/* Bargraph */

div#actusers div#act_bargraph {
    display:flex;
}
div#actusers div#act_bargraph div.dgdata{
	display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 130%;
    text-align: center;
    color: white;
    -webkit-box-reflect: 
     below 1px 
     -webkit-gradient(linear,left top,left bottom,
     from(transparent),
     color-stop(0.6,rgba(255,255,255,0)),
     to(rgba(255,255,255,.3)));
    text-shadow:1px 1px #999;
    min-width:30px;
}

div#actusers div#act_bargraph div.dgdata:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
div#actusers div#act_bargraph div.dgdata:last-child  {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}