.number { font-size: 1.4em; }
.num { font-size: 1.25em; }

.maindiv span { display: inline-block; }
span.i1 { width: 14%; }
span.i2 { width: 14%; }
span.i3 { width: 34%; }
span.i4 { width: 14%;  text-align: center; }
span.i5 { width: 12%;  text-align: center; }
span.i6 { width: 10%;  text-align: center; }

span.c0 { width: 2%; }
span.c1 { width: 6%; }
span.c2 { width: 54%; font-size: .9em; }
span.c3 { width: 12%; text-align: center; }
span.c4 { width: 8%; text-align: center; }
span.c5 { width: 12%; }
span.c6 { width: 12%;  text-align: center; }
hr { margin: 10px 0; border: 0; height: 1px; background: #999; 
background-image: linear-gradient(to right, #ccc, #333, #ccc); }
.maindiv hr { margin: 2px 5%; }
.labelt { width: 150px; display: inline-block; line-height: 200%; color: #000; text-align: left;  }
.count { width: 80px; text-align: right; display: inline-block; }
.p { background-color: #efefef; }
.p:hover { background-color: #7accc8; }
.h { background-color: #666; color: #fff; }
.ch { background-color: #999; color: #fff; }
.c:hover, .t div:hover { background-color: #ff9; }
div.t { width: 300px; margin: 0px auto; }
.gauge { width: 100%; }
.doughnut, .pie { width: 80%; margin: 0px auto 6px auto; }
h5 { margin-top: 0px; }
.sq { display: inline-block; width: 15px; height: 15px; margin-right: 10px; }
.number  { display: inline-block; width: 50px; }
#chartdiv {
	margin-top: 20px;
	width	: 230px;
	height	: 200px;
  background:#fff;
}
.badge { background-color: #204166 !important; }


.beds { width: 616px; height: 110px; margin: 20px auto; }
.beds span {  display: inline-block; color: #fff; padding: 0px 8px 1px 8px; }

.beds-empty, .beds-full, .beds-red { position: absolute; height: 110px; background-image: url(bed-empty.png); background-repeat: repeat-x; background-position: bottom left; text-align: right; z-index: 0; }
.beds-empty { width: 616px;  border-right: 1px solid #999; }
.beds-full { background-image: url(bed.png); z-index: 3; border-right: 1px solid #204166;  margin-top: 25px; height: 85px; }
.beds-red { background-image: url(bed-red.png); z-index: 2; border-right: 1px solid #dc0000;height: 120px;margin-top:-10px;}

.beds span.emp  {right: 0px; background-color: #999;  margin-top: 40px; }
.beds-full span {right: 0px;  background-color: #204166; z-index: 11; }
.beds-red span { right: 0px; margin-top: 0px;  background-color: #dc0000;  z-index: 22; }
.bed-caption { float: right; width: 100px; padding-top: 38px; text-align: right; font-size: 12px; background-image: url(bed.png); background-repeat: no-repeat; background-position: top right; margin-top: 90px; margin-right: 20px; color: #204166; }

@media screen and (max-width:600px) {
	.beds { width: 381px; margin: 50px auto 20; }
	.beds-full {margin-top:55px;height:55px;}
	.beds-empty, .beds-full, .beds-red { background-size:30px !important;}
	.beds-empty { width: 370px; }
	.beds span.emp  {margin-top:-8px;border-right:1px #999 solid;margin-right:-1px;}
	.beds-red{ height:87px;margin-top:23px;}
	.bed-caption {float:left;position:top center;background-position: top center;margin-top:0;margin-left:50px;text-align:center;}
}
.pop-div { width: 240px; text-align: center; margin: 0px auto; }
.current-label { position:absolute;margin-top:126px; margin-left:-37px; }
.total-label { font-size: 21px; position: absolute; z-index: 10; margin-top: 150px;  margin-left: -37px; padding-bottom: 6px; padding-top: 6px; background: #000; }
.capacity { margin-left: 140px; }
.capacity .no, .target .no, .total-label.no { font-size: 1.7em; }
.target { margin-top: -60px; margin-left: -172px; }
.name-filter { display: inline-block; width: 160px; }

#line { max-height: 400px; }
.pie { max-width: 240px; }
.hidden-xs.in,.hidden-xs.collapsing { display: block !important; }
@media screen and (max-width:767px) { 
	button.visible-xs { display: inline-block !important; }
}
@media screen and (min-width:768px) { 
	.hidden-xs { display: block !important; }
}

div#main.enforcementblue .nav-pills > li.active > a, div#main.enforcementblue .nav-pills > li.active > a:hover, div#main.enforcementblue .nav-pills > li.active > a:focus {
    color: #fff !important;
}