/* LCD display styling */
@font-face {
    font-family: '5x8LCDHD44780UA02Regular';
    src: url('/static/fonts/5x8_lcd_hd44780u_a02-webfont.eot');
    src: url('/static/fonts/5x8_lcd_hd44780u_a02-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/5x8_lcd_hd44780u_a02-webfont.woff') format('woff'),
         url('/static/fonts/5x8_lcd_hd44780u_a02-webfont.ttf') format('truetype'),
         url('/static/fonts/5x8_lcd_hd44780u_a02-webfont.svg#5x8LCDHD44780UA02Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.lcddisplay {
	width: 280px;
	height: 90px;
	float: left;
	margin: 5px;
	background: #000000; /* Old browsers */
	/*background: -moz-linear-gradient(top, #000000 2%, #2b2b2b 11%, #212121 54%, #212121 92%, #000000 100%); !* FF3.6+ *!*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#000000), color-stop(11%,#2b2b2b), color-stop(54%,#212121), color-stop(92%,#212121), color-stop(100%,#000000)); !* Chrome,Safari4+ *!*/
	/*background: -webkit-linear-gradient(top, #000000 2%,#2b2b2b 11%,#212121 54%,#212121 92%,#000000 100%); !* Chrome10+,Safari5.1+ *!*/
	/*background: -o-linear-gradient(top, #000000 2%,#2b2b2b 11%,#212121 54%,#212121 92%,#000000 100%); !* Opera11.10+ *!*/
	/*background: -ms-linear-gradient(top, #000000 2%,#2b2b2b 11%,#212121 54%,#212121 92%,#000000 100%); !* IE10+ *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); !* IE6-9 *!*/
	/*background: linear-gradient(top, #000000 2%,#2b2b2b 11%,#212121 54%,#212121 92%,#000000 100%); !* W3C *!*/
	/*-webkit-box-shadow: inset 1px 1px 5px #333333;*/
	/*-moz-box-shadow: inset 1px 1px 5px #333333;*/
	/*box-shadow: inset 1px 1px 5px #333333;*/
	border: 2px solid #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: normal;
}

.lcddisplay .lcd-text{
	float:left;
	margin: 5px 16px;
}

.lcd-line{
	float:left;
	clear:left;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-family: '5x8LCDHD44780UA02Regular', monospace;
	color: #FFFF00;
	white-space: pre;
}


.form-header {
	border-top: 1px solid;
	border-bottom: 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.sensor-setup-grid-box {
	align-content: center;
	text-align: center;
}


.navbar-row {
	margin-top: 5px;
}

.navbar-icon {
	padding-left: 10px;
	padding-right: 10px;
}

.unmargined-page-header {
	padding-bottom: 14px;
	margin: 10px 0 10px;
	border-bottom: 2px solid #e7e9ec;
}

.double-border {
	border-top: 2px solid #e7e9ec;
	border-bottom: 2px solid #e7e9ec;
}

#profilegraph .dygraph-title {
	font-size: 18px;
}

#profilegraph {
	width: 80%;
	height: 300px;
}

.vertical-align {
    display: flex;
    align-items: center;
}