.dlw-numeric {
	margin: 0;
	padding: 0;
	background-color: white;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: darkblue;
	text-align: center;
	overflow:hidden;
}

.dlw-gauge {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow:hidden;
	box-shadow: 0 0 0 transparent;
}

.dlw-chart {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 0 0 transparent;
}

.dlw-alarm-hi {
	-moz-animation: 1s animateBorderHi infinite;
	-o-animation: 1s animateBorderHi infinite;
	-webkit-animation: 1s animateBorderHi infinite;
	animation: 1s animateBorderHi infinite;
}

.dlw-alarm-lo {
	-moz-animation: 1s animateBorderLo infinite;
	-o-animation: 1s animateBorderLo infinite;
	-webkit-animation: 1s animateBorderLo infinite;
	animation: 1s animateBorderLo infinite;
}

.dlw-numeric-title {
	font-size: 16px;
	height: 20%;
	margin: 0;
}

.dlw-numeric-value {
	font-size: 32px;
	height: 50%;
}

.dlw-numeric-unit {
	font-size: 16px;
	height: 30%;
}

.dlw-numeric-unit:before {
	content: '[';
}

.dlw-numeric-unit:after {
		content: ']';
}

.dlw-validation-message {
	font-size: 10px;
	color: red;
}

@-moz-keyframes animateBorderHi {
	to {
		box-shadow: 0 0 20px #DC3912;
	}
}

@-webkit-keyframes animateBorderHi {
	to {
		box-shadow: 0 0 20px #DC3912;
	}
}

@keyframes animateBorderHi {
	to {
		box-shadow: 0 0 20px #DC3912;
	}
}

@-moz-keyframes animateBorderLo {
	to {
		box-shadow: 0 0 20px #109618;
	}
}

@-webkit-keyframes animateBorderLo {
	to {
		box-shadow: 0 0 20px #109618;
	}
}

@keyframes animateBorderLo {
	to {
		box-shadow: 0 0 20px #109618;
	}
}