/* client snapshot */
.xm-client-snapshot{
	overflow:hidden;
	margin:0 0 30px;
	background:#8b8b8b;
	background:rgba(0,0,0,0.4);
	border-radius:4px;
	display:table;
	width:100%;
	color:#e8e8e8;
	text-align:center;
	line-height:21px;
}
.xm-client-snapshot .xm-item{
	display:table-cell;
	vertical-align:top;
	border-left:1px solid #9d9d9d;
	border-left:1px solid rgba(244,244,244,0.2);
}
.xm-client-snapshot .xm-item-holder, .xm-client-snapshot .xm-item-holder-link {
	padding:9px 5px 8px;
	overflow:hidden;
	position:relative;
}
.xm-client-snapshot .xm-item-holder-link:hover{
	background:#9a9a9a;
	background:rgba(255,255,255,0.1);
}
.xm-client-snapshot .xm-item-holder:first-child, .xm-client-snapshot .xm-item-holder-link:first-child{ border-radius:4px 0 0 4px;}
.xm-client-snapshot .xm-item-holder.last-child, .xm-client-snapshot .xm-item-holder-link.last-child{border-radius:0 4px 4px 0;}
.xm-client-snapshot .xm-item:first-child{border:none;}
.xm-client-snapshot dl{margin:0;}
.xm-client-snapshot dt{display:inline;}
.xm-client-snapshot dd{
	margin:0;
	display:inline;
	font-weight:bold;
	color:#fff;
}
.xm-item > .xm-item-holder .label {border: 1px solid #dadada;border-radius: 0 !important;}
.xm-client-snapshot .xm-more{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/transparent.gif);
}
.xm-client-snapshot .xm-status-active{
	display:inline-block;
	vertical-align:top;
	background:#5d9432;
	border:1px solid #6bbd2c;
	padding:0 7px;
	margin:-1px 0 0 3px;
}
.xm-client-snapshot .boxed{
	display:inline-block;
	vertical-align:top;	
	padding:0 7px;
	margin:-1px 0 0 3px;
}
.xm-client-snapshot .on, .xm-client-snapshot .green{
	background:#5d9432;
	border:1px solid #6bbd2c;
}
.xm-client-snapshot .off, .xm-client-snapshot .red{
	background:#b94a48;
	border:1px solid #f0423f;
}
.xm-client-snapshot .pending, .xm-client-snapshot .yellow{
	background:#d4b63d;
	border:1px solid #f2cc33;
}
.xm-client-snapshot .info, .xm-client-snapshot .blue{
	background:#4b7aa3;
	border:1px solid #3897e8;
}
.xm-client-snapshot .neutral, .xm-client-snapshot .gray{
	background:#a7a6a6;
	border:1px solid #d1d1d1;
}
.xm-client-snapshot .completed, .xm-client-snapshot .black{
	background:#000;
	border:1px solid #ababab;
}
.xm-client-snapshot .orange {background:#ff7200;border:1px solid #ffb375;}
.xm-client-snapshot .charcoal {background:#5e5e5e;border:1px solid #474747;}
.xm-contact-photo {width: 150px;padding: 3px; border: 1px solid #fff;float:left;margin: 0 15px 10px 0;}
@media only screen and (max-width: 767px){
	.xm-client-snapshot{text-align:left;}
	.xm-client-snapshot .xm-item{
		display:block;
		border:solid #9d9d9d;
		border:solid rgba(244,244,244,0.2);
		border-width:1px 0 0;
	}
}