#overview {
	padding: 0 0 0 0;
    float: right;
    overflow: scroll;
    top: 113px;
    bottom: 0px;
    width: 300px;
    height: calc(100% - 113px);		
}

#overview  .row .block{
	border-radius: 10px;  
	float: left;
	border: 1px solid #ccc; 
	width: calc(100% - 12px);
	text-align: center;
	font-size: 12px;
	padding: 5 0 5 0;
	min-height:150px;
	max-height:150px;
	display:block;
	margin: 5 0 5 5	;
	color: #000;
}
#overview  .row .block .title{	
	width: 97%;
	text-align: left;
	display:block;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 0px;
	max-height:75px;
	float: right;
	font-weight: bold;
}
#overview  .row .block .title .name{	
	width: 79%;
	text-align: left;
	display:block;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 0px;
	max-height:75px;
	float: left;
	text-overflow: ellipsis;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
}
#overview  .row .block .title .state{
	width: 20%;
	text-align: left;
	display:block;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	font-weight: bold;
}
#overview  .row .block .icon{
	color: #aaa;
    width: 20%;
    text-align: center;
    font-size: 2vw;
    padding-top: 5px;
    padding-bottom: 10px;
    float: left;
    display: block;
}
#overview  .row .block .info{
	width: 97%;
	text-align: left;
	display:block;
	font-size: 12px;
		font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
	max-height:75px;
	float: right;

}