/* UserAccountId: unknown */
a.but:link, a.but:visited {
	background-color: white;
	color: black;
	padding: 4px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 70%;
}
a.but:hover, a.but:active {
	background-color: #008;
	color: white;
}

.nav {
	background-color: #eee;
}
.nav>ul>li>a {
	color: #777;
	text-decoration: none;
}
.nav>ul>li {
	float: left;
	display: block;
	padding: 4px 8px;
}
.nav>ul {
	float: right;
	margin: 3px;
	padding-left: 0px;
}
.nav>hr {
	clear: both;
	margin: 0px;
	border-top: 3px solid #b12;
}
.locationTable {
	margin: 1%;
}
.locationTable>table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.locationTable>table>tbody>tr>th {
	text-align: left;
	border: 1px solid #ddd;
	padding: 0.5em 1em;
}
.locationTable>table>tbody>tr>td {
	border: 1px solid #ddd;
	padding: 0.6em 1em;
}
.bla {
	display: inline-block;
}
.bla>.inact {
	float: left;
	padding: 2px 10px;
}
#sensorSelector>option {
	margin: 1px;
}
.chart {
	width: 800px;
	float: left
}
.chart>canvas {
	border: solid gray 1px;
	background-color:#efe;
	margin-left: 1%;
	float:left;
	box-shadow: rgba(0,0,0,0.4) 3px 3px 10px;
	user-select: none;
}
.chartLegend, .chartSlider, .chartSensorDetails, .chartHistory {
	float: left;
	margin: 0px 1px 0px 4px;
}
.chartLegend>fieldset>select {
	min-width: 5em;
}
.chartLegend>fieldset>select>option:checked {
	background: green linear-gradient(90deg, transparent 30%, red 100%);
}

.chartSlider>fieldset, .chartLegend>fieldset {
	box-shadow: rgba(0,0,0,0.4) 3px 3px 10px;
	padding: 0px;
}
.chartSlider>fieldset>div {
	float: left;
	text-align: center;
	margin: 4px 5px;
}
#sliderK, #sliderD, #sliderT {
	/*writing-mode: bt-lr;
	-webkit-appearance: slider-vertical;*/
	width: 8px;
	height: 275px;
	padding: 0 5px;
}
tr.odd {
	background-color: #eef;
}
table {
	font-size: 14px;
}
fieldset>legend {
	color: #777;
}
.loading {
	position: absolute;
	left:	10%;
	top: 19px;
	background:rgba(245,255,200,0.85);
	border: 1px solid red;
	font:0.9em monospace;
	padding:4px;
	min-width:200px;
	box-shadow: 5px 7px 3px gray;
}
html {
	height: 100%;
}
body {
	/*background-color: #fff; /*#e5d9d9;*/
	/*font-family: arial;*/
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;*/
	height: 100%;
	margin: 0px;
	/*background-image: url('sensor/sensor.blueprint.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;*/
}