*{
	font-family: 'Roboto', sans-serif;
}
body{
	margin-top: 65px;
	margin-bottom: 50px;
}
.hide{
	display: none;
}
.nav-tabs .nav-link.active{
    border-bottom: 4px solid #f00;
    border-color: #ddd #ddd #f00;
    position: relative;
}
.ordering{
	cursor: pointer; 
}
.thead-light th{
	font-size: 14px;
}
#ListAll{
	margin-bottom: 5px;
}
.light-blue{
    background-color: #ddf;
}
.dark-blue{
    background-color: #99f;
}
.light-blue.form-control:disabled{
    background-color: #ddf;
    opacity: 1;
}
.dark-blue.form-control:disabled{
    background-color: #99f;
    font-weight: 700;
    opacity: 1;
}
.btn{
	cursor: pointer; 
}
.tab-pane.active{
	margin-top:10px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
}
h5 {
	margin-bottom:15px;
}
.boiler {
	margin-bottom: 25px;
}
.boiler .card-body {
	min-height: 315px;
}
.boiler.active, .boiler:hover {
	background-color: ivory;
}
canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#boilerDetails{
	margin: 25px 0;
}
#boilerDetails .alert {
    padding: 0.4rem 0;
    text-align: center;
}
#detailTitle{
	margin-bottom: 25px;
}
footer {
	height: 25px;
	display: block;
}
@media only screen and (min-width:320px) {
	#lineChart{
		width: 300px;
		height: 240px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin-left: 15px;
	}
}
@media only screen and (min-width:480px) {
	#lineChart{
		width: 460px;
		height: 280px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin-left: 15px;
	}
}
@media only screen and (min-width:600px) {
	#lineChart{
		width: 550px;
		height: 350px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin-left: 15px;
	}
}
@media only screen and (min-width:768px){
	#lineChart{
		width: 720px;
		height: 400px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin: 0;
	}
}
@media only screen and (min-width:1024px){
	#lineChart{
		width: 970px;
		height: 400px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin: 0;
	}
}
@media only screen and (min-width:1080px){
	#lineChart{
		width: 1040px;
		height: 400px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin: 0;
	}
}
@media only screen and (min-width:1920px){
	#lineChart{
		width: 1140px;
		height: 450px;
	}
	.nav-tabs{
		margin: 0;
	}
	.nav-link {
		padding: 0.6rem;
	}
	.navbar-brand img{
		margin: 0;
	}
}
#setupHolder .col { background-color: #FFF; }
#setupHolder .col:hover { background-color: ivory; }
#cmdApply, #cmdAdvanced, #msgApplyHolder, #msgAdditionalApplyHolder { margin-top: 10px;}
.bg-dark {
    background-color: #990000 !important;
}
.navbar-brand, .fixed-top .nav-item a{
	font-weight: bold;
}
.selectVar{
	width: 80px;
}
.value_to_set{
	font-weight: bold;
	color: green;
	margin-bottom: 15px;
	width: 75px;
	text-align: center;
}
.singleVar {
    border: 1px solid gray;
    margin: 5px 0;
    padding: 20px;
}
.singleVar:hover {
    background-color: rgba(255,232,232,.25);
}
.singleVar label{
	font-weight: bold;
    border-bottom: 1px solid gray;
	margin-bottom: 15px;
}
.col{
	padding-left: 0;
}
.tooltips, .tooltips:hover{
	text-decoration: none;
	color: #212529;
}
#msgHolder{margin-top:10px;}
.table.active{
    border: 4px solid gray;
}
.cmdMoveCurrent{
	margin-left: 10px;
}
.navbar{
	padding: 0;
}
#frmMain .tab-content{
	min-height: 625px;
}
#cmdApply{
	margin-left: -15px;
}
#advancedSettings .singleVar{
	margin-bottom: 15px;
}