body {
color:rgb(216, 217, 218);
background-color:#171819;
font-family: Calibri, sans-serif;
}

.graph {
	width: 370px;
	height: 350px;
}

.graph-log {
	width: 370px;
	height: 250px;
}

.legendLabel{
	color:rgb(216, 217, 218);
}

#chart-room {
text-align:center;
}

.range-select {
text-align:right;
}

.renew-select {
text-align:right;
}

.graph-container {
background-color:#212124;
border-radius: 5px;
float:left;
}

.data-table {
width: 350px;
background-color:#212124;
border-radius: 5px;
float:left;
margin-right:1em;
margin-bottom:1em;
padding:10px;
}

.devices-table {
width: 100%;
background-color:#212124;
border-radius: 5px;
float:left;
margin-right:1em;
margin-bottom:1em;
padding:10px;
}

@media only screen and (min-width: 992px) {
	.graph {
		width: 650px;
		height: 450px;
	}
	
	.graph-log {
		width: 1500px;
		height: 250px;
	}

	.data-table {
		width: 450px;
	}
} 

.red-data {
background-color:rgba(122, 0, 0, 0.9)
}
.green-data {
background-color:rgba(0, 122, 0, 0.9)
}
.blue-data {
background-color:rgba(0, 0, 122, 0.9)
}
a:link {
    color: rgb(216, 217, 218);;
}

/* visited link */
a:visited {
    color: rgb(216, 217, 218);;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
border-radius: 5px;
display: block;
float:left;
padding:10px;
}
li.selected-tab{
background-color:rgb(77, 77, 77);
}

h3 {
margin:0;
}