/*!
	*speedometer.css
	*author: Manivannan R
	*project: Speedometer
*/

.speedometer {

	position: relative;

	font-family: 'Jersey 10', sans-serif;
	background-image: url('../img/velocimetro.webp') !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	z-index: 500 !important;


}

.speedometer .speedNobe {
	position: absolute;
	width: 100%;
	z-index: 10;
	transition: all 0.5s;
}

.speedometer .speedPosition {
	position: absolute;
	text-align: center;
	line-height: 18px;
	font-family: 'Jersey 10', sans-serif;
	font-size: 18px;
	font-weight: 100;
	border-radius: 50%;
	background: #191919;
	color: #FFF;


}

.speedometer .fonts {
	font-family: 'Jersey 10', sans-serif;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.speedometer .speedNobe div {
	background: #48a3cb;
	position: absolute;
	height: 100%;
	top: 0;

}

.speedometer .numb,
.nob {
	transition: opacity 1s;
	position: absolute;
	opacity: 0.2;
}

.speedometer .nob {
	background: #eee;
	box-shadow: 0 0 2px 1px #eee;
}

.speedometer .numb {
	font-family: 'Jersey 10', sans-serif;
	color: #48ff00;
	text-align: left;
	overflow: hidden;
	opacity: 0.3;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

.speedometer .nob.bright {
	opacity: 1;
}

.speedometer .nob.danger {
	background: #FF113A;
	box-shadow: 0 0 2px 1px #FF113A;
}

.speedometer .numb.bright {
	opacity: 1;
}

.speedometer .numb.danger {
	color: #FF113A;
}