body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
}

/* ------------------Vital stats--------------------*/
.vital-stats {width: 100%; height: auto;padding-top: 15px;}
	.vital-stats ul {list-style: none; margin-left: 0;margin-bottom: 0;}
	.vital-stats li {display: inline-block; margin-bottom: 0;}
		.vital-stats .item {
			text-align: left;
			width: 172px; height:50px; background: #f5f5f5;
			-webkit-box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
			-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
			margin-right: 15px;margin-bottom: 15px;
		}
		.vital-stats .item:hover {
			background: #fcfcfc;
			-webkit-box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
			-webkit-transition: 0.15s all ease-in; -moz-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in;
		}
			.vital-stats .item .icon {
				float: left; 
				width: 50px; height: 50px;  
				-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
				background: #6f7a8a;
			}
			.vital-stats .item:hover .icon i {
				-webkit-animation-name: rotateIn;
				-moz-animation-name: rotateIn;
				-o-animation-name: rotateIn;
				animation-name: rotateIn;
				-webkit-animation-fill-mode: both;
			    -moz-animation-fill-mode: both;
			    -o-animation-fill-mode: both;
			    animation-fill-mode: both;
			    -webkit-animation-duration: 1s;
			    -moz-animation-duration: 1s;
			    -o-animation-duration: 1s;
			    animation-duration: 1s;
			}
			.vital-stats .item .icon.red {background: #f40a0a;}
			.vital-stats .item .icon.blue {background: #62aeef;}
			.vital-stats .item .icon.green {background: #72b110;}
			.vital-stats .item .icon.yellow {background: #f7cb38;}
			.vital-stats .item .icon.orange {background: #F88C00;}
				.vital-stats .item .icon i {font-size: 24px; padding: 12px; color: white; margin-left: 0;margin-right: 0;}

			.vital-stats .item .percent {float: right; width: 110px; font-weight: bold; font-size: 24px; color: #666;height: 25px; line-height: 32px;}
			.vital-stats .item .txt {float: right; width: 110px; color: #b3b0b0; text-transform: uppercase; height: 25px; font-size: 11px; line-height: 25px;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width: 100% !important;
    font-size: 11px
}

/* -----------------------------------------
   Page structure
----------------------------------------- */

#content .row {margin-bottom: 5px;}

select:focus {
    border-color: rgba(98, 174, 239, 0.6);
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(98, 174, 239, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(98, 174, 239, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(98, 174, 239, 0.6);
}