@import url('../components/fonts/font.css');

body {
	font-family: Alef, Tahoma, Verdana, Arial;
	background: #f8f8f8;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, Tahoma, Verdana, Arial;
}

#tankChart {
	width: 100%;
	border-style: solid;
	border-width: thick;
	border-color: #ddd;
	border-radius: 50% 50% 2em 2em / 2em;
	height: 474px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 1em;
	background-color: #16A0F9;
}

.tank {
	width: 101%;
	float: left;
	display: table;
	position: relative;
}
.tank-empty {
	background-color: #fff;
}

.waterline {
	color: #16A0F9;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.waterline-invert {
	position: absolute;
	bottom: -7em;
	left: 0;
	right: 0;
	color: #fff;
}

.tank H3 {
	margin: 0;
	padding: 0;
}

.navbar {
	background-color: #fff;
}

.navbar-brand {
	font-weight: bold;
}

.navbar-logo {
	margin: 0;
	padding: 0 15px;
}

.navbar-nav, .navbar-nav button {
	text-transform: uppercase;
}

.navbar-nav button:hover {
	text-decoration: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #404040;
}

.navbar-inverse {
	background-color: #262626;
	border: 0px;
}

.navbar-side {
	width: 100%;
}

.navbar-side li a, .navbar-side li button {
	border-radius: 1em;
}

.sidebar-collapse .nav {
	padding: 0px;
}

.panel-default>.panel-heading {
	color: #1b468a;
	font-weight: bold;
	font-size: 1.5em;
	background-color: transparent;
}

#history-graph-container {
	position: relative;
	height: 0px;
	padding-top: 30%;
}

#history-graph-container>svg {
	position: absolute;
	left: 0px;
	top: 0px;
}

#diverted-graph-container {
	position: relative;
	height: 0px;
	padding-top: 20%;
}

#diverted-graph-container>svg {
	position: absolute;
	left: 0px;
	top: 0px;
}

#weather-graph-container {
	position: relative;
	height: 0px;
	padding-top: 30%;
}

#weather-graph-container>svg {
	position: absolute;
	left: 0px;
	top: 0px;
}

.filter-graph-container {
	position: relative;
	height: 0px;
	padding-top: 28%;
}

.filter-graph-container>svg {
	position: absolute;
	left: 0px;
	top: 0px;
}

.selectbox {
	fill: none;
	stroke: grey;
	stroke-dasharray: 5,5;
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.line {
	fill: none;
	stroke-width: 1.5px;
}

.area {
	fill: #16A0F9;
}

.graph-temp {
	stroke: red;
}

.graph-baro {
	stroke: blue;
}

.graph-diverted {
	stroke: #1b468a;
}

.graph-debug {
	stroke: red;
	opacity: 0.5;
}

.grid .tick {
	stroke: lightgrey;
	opacity: 0.7;
}
.grid path {
	stroke-width: 0;
}

.grid-voltage {
	stroke: #f55;
	stroke-dasharray: 5,5;
}

.graph-hover circle {
	fill: none;
	stroke: red;
}

.graph-hover-shadow {
	stroke: white;
	stroke-width: 3.5px;
	opacity: 0.8;
}

.graph-hover-rect {
	fill: none;
	pointer-events: all;
}

.bar-diverted {
	fill: #16A0F9;
}
.bar-runoff {
	fill: #bbb;
}

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: top;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
	display: table-cell;
	float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
	display: table-cell;
	float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
	display: table-cell;
	float: none !important;
  }
}

.btn-primary {
	background-color: #16A0F9;
}

.bluetext {
	color: #16A0F9;
}

.status-3-panel {
	text-align: center;
	height: 17em;
}

.div-head {
	margin-top: 10px;
	margin-bottom: -5px;
}

tr.first-reading {
	font-weight: bold;
}

tr.more-readings {
	display: none;
}
.navbar-nav li button {
	padding: 15px;
	border: 0;
}

.table > thead > tr > td.disabled,
.table > tbody > tr > td.disabled,
.table > tfoot > tr > td.disabled,
.table > thead > tr > th.disabled,
.table > tbody > tr > th.disabled,
.table > tfoot > tr > th.disabled,
.table > thead > tr.disabled > td,
.table > tbody > tr.disabled > td,
.table > tfoot > tr.disabled > td,
.table > thead > tr.disabled > th,
.table > tbody > tr.disabled > th,
.table > tfoot > tr.disabled > th {
  background-color: #ADACA8;
}

.no-bold-label label {
	font-weight: normal;
}
.prov-page label {
    display:block;
}
.prov-page label input {
    font-weight:normal
}

.table > tbody > tr.notes > td {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.notes tr.archived {
	display: none;
}