.pass-meter {
	width:100%;
	padding-top:3px;
	padding-bottom: 20px;
}

.pass-meter.hidden {
	display: none;
}
.pass-meter .details, .pass-meter .pass-meter-message{
	margin-top: 3px;
}

.pass-meter-col {
	float:left;
	width:25%;
	padding:1px;
}

.pass-meter-col .indicator {
	border-radius:3px;
	background-color:#eee;
	height:5px;

}
.pass-meter-col.poor .indicator{
	background-color:#ef4e3a;
}
.pass-meter-col.weak .indicator{
	background-color:#F27B1C;
}
.pass-meter-col.good .indicator{
	background-color:#66cc33;
}
.pass-meter-col.strong .indicator{
	background-color:#33A7E3;
}

.pass-meter .pass-meter-message {
	width:49%;
	text-align:right;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:10px;
	line-height:10px;
	font-style:bold;
	color:#555;
	min-height:7px;
	float: right;
}
.pass-meter .details{
	width:49%;
	text-align:left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:10px;
	line-height:10px;
	font-style:bold;
	color:#555;
	min-height:7px;
	float: left;
	cursor: pointer;
}

.pass-meter .details:hover{
	color: rgb(0, 102, 255) !important;
}
.detail_box .row {
	clear: both;
}

.detail_box .row .col{
	float: left;
	width: 49%;
}

.match-sequence {
	position: absolute;
	background: #c9c9c9;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	max-width: 40%;
	padding: 10px;
	overflow-x: scroll;
}
.match-sequence .sequence{
	float: left;
	width: 180px;
}