@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Open+Sans:300,600,800);

/* group layers leaflet */
.leaflet-control-layers-group-name{font-weight:700;margin-bottom:.2em;margin-left:3px}.leaflet-control-layers-group{margin-bottom:.5em}

h1,h2,h3,h4,h5,.charts-name-div,select,#sites-list {
	text-transform: uppercase;
}

em {
	font-style: normal;
}

::-moz-selection { /* Code for Firefox */
    background: #E2F8FF;
}

::selection{
    background: #E2F8FF;
}

.btn {
	border-radius: 0 !important;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

textarea.address {
	height: 100px;
}

.inline {
	display: inline-block;
}

input, select, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
 }

body {
	font-family: 'Open Sans', sans-serif;
}

.btn-group.btn-toggle.btn-block .btn {
	width: 50%;
}

.btn-group.btn-toggle.btn-block .btn.three {
	width: 33.3% !important;
}

.modal-content {
	border-radius: 0px !important;
}

.form-control {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none !important;
  outline-offset: 0;
}

.pad-left {
	padding-left: 15px !important;
}

th.icon, td.icon {
	width: 1%;
	text-align: center;
}

@media (min-width: 480px) {
	/* make gaps even */
	.col-lg-1 ~ .col-lg-1,
	.col-lg-10 ~ .col-lg-10,
	.col-lg-11 ~ .col-lg-11,
	.col-lg-12 ~ .col-lg-12,
	.col-lg-2 ~ .col-lg-2,
	.col-lg-3 ~ .col-lg-3,
	.col-lg-4 ~ .col-lg-4,
	.col-lg-5 ~ .col-lg-5,
	.col-lg-6 ~ .col-lg-6,
	.col-lg-7 ~ .col-lg-7,
	.col-lg-8 ~ .col-lg-8,
	 .col-lg-9 ~ .col-lg-9,
	 .col-md-1 ~ .col-md-1,
	 .col-md-10 ~ .col-md-10,
	 .col-md-11 ~ .col-md-11,
	 .col-md-12 ~ .col-md-12,
	 .col-md-2 ~ .col-md-2,
	 .col-md-3 ~ .col-md-3,
	 .col-md-4 ~ .col-md-4,
	 .col-md-5 ~ .col-md-5,
	 .col-md-6 ~ .col-md-6,
	 .col-md-7 ~ .col-md-7,
	 .col-md-8 ~ .col-md-8,
	 .col-md-9 ~ .col-md-9,
	 .col-sm-1 ~ .col-sm-1,
	 .col-sm-10 ~ .col-sm-10,
	 .col-sm-11 ~ .col-sm-11,
	 .col-sm-12 ~ .col-sm-12,
	 .col-sm-2 ~ .col-sm-2,
	 .col-sm-3 ~ .col-sm-3,
	 .col-sm-4 ~ .col-sm-4,
	 .col-sm-5 ~ .col-sm-5,
	 .col-sm-6 ~ .col-sm-6,
	 .col-sm-7 ~ .col-sm-7,
	 .col-sm-8 ~ .col-sm-8,
	 .col-sm-9 ~ .col-sm-9,
	 .col-xs-1 ~ .col-xs-1,
	 .col-xs-10 ~ .col-xs-10,
	 .col-xs-11 ~ .col-xs-11,
	 .col-xs-12 ~ .col-xs-12,
	 .col-xs-2 ~ .col-xs-2,
	 .col-xs-3 ~ .col-xs-3,
	 .col-xs-4 ~ .col-xs-4,
	 .col-xs-5 ~ .col-xs-5,
	 .col-xs-6 ~ .col-xs-6,
	 .col-xs-7 ~ .col-xs-7,
	 .col-xs-8 ~ .col-xs-8,
	 .col-xs-9 ~ .col-xs-9 {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 0;
	}

		/* make gaps even */
	.row.normal .col-lg-1 ~ .col-lg-1,
	.row.normal .col-lg-10 ~ .col-lg-10,
	.row.normal .col-lg-11 ~ .col-lg-11,
	.row.normal .col-lg-12 ~ .col-lg-12,
	.row.normal .col-lg-2 ~ .col-lg-2,
	.row.normal .col-lg-3 ~ .col-lg-3,
	.row.normal .col-lg-4 ~ .col-lg-4,
	.row.normal .col-lg-5 ~ .col-lg-5,
	.row.normal .col-lg-6 ~ .col-lg-6,
	.row.normal .col-lg-7 ~ .col-lg-7,
	.row.normal .col-lg-8 ~ .col-lg-8,
	 .row.normal .col-lg-9 ~ .col-lg-9,
	 .row.normal .col-md-1 ~ .col-md-1,
	 .row.normal .col-md-10 ~ .col-md-10,
	 .row.normal .col-md-11 ~ .col-md-11,
	.row.normal  .col-md-12 ~ .col-md-12,
	 .row.normal .col-md-2 ~ .col-md-2,
	 .row.normal .col-md-3 ~ .col-md-3,
	 .row.normal .col-md-4 ~ .col-md-4,
	 .row.normal .col-md-5 ~ .col-md-5,
	 .row.normal .col-md-6 ~ .col-md-6,
	.row.normal  .col-md-7 ~ .col-md-7,
	 .row.normal .col-md-8 ~ .col-md-8,
	 .row.normal .col-md-9 ~ .col-md-9,
	 .row.normal .col-sm-1 ~ .col-sm-1,
	 .row.normal .col-sm-10 ~ .col-sm-10,
	 .row.normal .col-sm-11 ~ .col-sm-11,
	 .row.normal .col-sm-12 ~ .col-sm-12,
	 .row.normal .col-sm-2 ~ .col-sm-2,
	.row.normal  .col-sm-3 ~ .col-sm-3,
	 .row.normal .col-sm-4 ~ .col-sm-4,
	 .row.normal .col-sm-5 ~ .col-sm-5,
	.row.normal  .col-sm-6 ~ .col-sm-6,
	 .row.normal  .col-sm-7 ~ .col-sm-7,
	 .row.normal  .col-sm-8 ~ .col-sm-8,
	 .row.normal  .col-sm-9 ~ .col-sm-9,
	 .row.normal  .col-xs-1 ~ .col-xs-1,
	 .row.normal  .col-xs-10 ~ .col-xs-10,
	 .row.normal  .col-xs-11 ~ .col-xs-11,
	 .row.normal  .col-xs-12 ~ .col-xs-12,
	 .row.normal  .col-xs-2 ~ .col-xs-2,
	 .row.normal  .col-xs-3 ~ .col-xs-3,
	 .row.normal  .col-xs-4 ~ .col-xs-4,
	 .row.normal  .col-xs-5 ~ .col-xs-5,
	.row.normal   .col-xs-6 ~ .col-xs-6,
	 .row.normal  .col-xs-7 ~ .col-xs-7,
	.row.normal   .col-xs-8 ~ .col-xs-8,
	.row.normal  .col-xs-9 ~ .col-xs-9 {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}
}
.pad-no-left {
    padding-left: 0;
}

.va-middle {
	vertical-align: middle;
}

.header {
	position: relative;
	font-size: 15px;
}

.header .links {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.margin-xs-pad {
	padding: 5px;
}

.margin-sm-pad {
	padding: 10px;
}

.margin-no-top {
	margin-top: 0;
}

.margin-sm-top {
	margin-top: 10px;
}

.margin-sm-right {
  margin-right: 5px;
}

.margin-md-top {
	margin-top: 20px;
}

.margin-lg-top {
	margin-top: 35px;
}

.margin-xl-top {
	margin-top: 40px;
}

.margin-xxl-top {
	margin-top: 50px;
}

.margin-smd-top {
    margin-top: 15px;
}

@media (max-width: 479px) {
	.margin-no-right-xs {
		margin-right: 0 !important;
	}
	.margin-sm-top-xs {
		margin-top: 10px !important;
	}
	.margin-md-top-xs {
		margin-top: 20px !important;
	}
	.btn-block-xs {
		width: 100%;
	}
	.text-center-xs {
		text-align: center;
	}
	.margin-xl-top-xs {
	    margin-top: 40px;
	}
	.charts-page-back-button {
	    width: 100% !important;
	    padding-right: 15% !important;
	}
}

.logout-header {
	position: absolute;
	bottom: 0;
	right: 10px;
}


/* stuff from concept */
/*body {
	background: #ccc;
}*/

.red {
	color: #CF000F ;
}

.margin-xs-top {
	margin-top: 5px;
}
.margin-xs-bottom {
	margin-bottom: 5px;
}
.margin-sm-bottom {
	margin-bottom: 10px;
}
.margin-md-bottom {
	margin-bottom: 20px;
}


.margin-sm-top {
	margin-top: 10px;
}

.margin-md-top {
	margin-top: 20px;
}

.padding-sm-left {
	padding-left: 10px;
}

.dashboard-wrapper {
	padding: 0;
	margin-bottom: 20px;
	background: #fff;
	overflow: hidden;
}

.dashboard-box {
	min-height: 232px;
	background-color: #fff;
	color: rgb(29, 74, 151);
}

.dashboard-box.blue {
	color: #fff;
	background: #1d4a97;
}

.dashboard-logo {
	display: inline-block;
	margin-left: 40px;
}

@media (max-width: 480px) {
	.dashboard-logo {
		margin-left: 5px;
	}
}

.dashboard-box.plain {
 	background-color: #fff;
}

a.plain-link {
	color: #333;
	text-decoration: underline;
}
a.plain-link:hover {
	color: #999;
}

.table.green-top th {
	border-top: 0 !important;
}

.dashboard-box .table-responsive {
    border-top: 2px solid #D6DFEC;
}

.dashboard-box h3 {
	color: #666;
}

.dashboard-box.no-min-height {
	min-height: auto !important;
}

.dashboard-box table {
	color: #111;
}

.dashboard-box .text {
	margin: 10px 0 0 15px;
}

.dashboard-box .chart {
	/*margin: 15px;*/
}

th {
	font-weight: 600;
}

span.bigger {
  font-weight: 600;
  font-size: 1.1em;
}

.dashboard-box .map {
	margin: 0;
	color: #444;
}

.dashboard-box.map-container {
	border: 0;
}

.dashboard-box .map{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 0;
}

.dashboard-box.main {
	min-height: 400px;
	font: sans-serif;
}

.dashboard-box.main div {
	margin: 110px 0 0 0;
	width: 100%;
	font-size: 4em;
	text-align: center;
}

.dashboard-box.wrapper {
	padding: 30px 0;
	border-bottom: 0;
	background: transparent;
}
.dashboard-box.timeline {
	background: transparent;
	position: relative;
  	border-top: 0px;
  	min-height: 100px !important;
  	width: 100% !important;
}
.dashboard-box.timeline .graph{
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100px !important;
	width: 100% !important;
}

.dashboard-wrapper-background {
	width: 87.9%;
	height: 100%;
	display: block;
	background-color: #797979;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 15px;
}

.dashboard-button-holder {
	width: 100%;
	display: inline-block;
	z-index: 1;
	position: relative;
}

@media (min-width: 992px) and (max-width: 1200px){
	.dashboard-wrapper-background {
  		width: 87.1%;
	}
}
@media (min-width: 767px) and (max-width: 991px){
	.dashboard-wrapper-background {
  		width: 85.8%;
  	}
}

.btn {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.btn-moss {
	text-transform: uppercase;
	background-color: #1d4a97;
	border-color: #1d4a97;
	color: #fff;
	border-radius: 0 !important;
	z-index: 99;
	position: relative;
}

.btn-moss.white {
	border: 1px solid #fff;
}

.btn-moss.white:hover,
.btn-moss.white:focus,
.btn-moss.white:active,
.btn-moss.white:visited,
.btn-moss.white.active {
	border: 1px solid #fff !important;
	background: #fff;
	color: #1d4a97;
}

.btn-success {
	background-color: #1d4a97;
	border-color: #1d4a97;
	color: #fff;
	border-radius: 0 !important;
	z-index: 99;
	position: relative;
}

.btn-success:hover,
.btn-success.active,
.btn-success:focus,
.btn-success:active,
.btn-moss:hover,
.btn-moss.active,
.btn-moss:focus,
.btn-moss:active {
	color: #fff;
	background-color: #2859AD;
	border-color: #2859AD;
}

#sites-search {
	width: 45px;
	display: inline-block;
	margin: 0 0 0 -50px;
	border-radius: 0 !important;
	position: relative;
	padding-bottom: 8px;
	border-color: #1D4A97;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 0px;
}

#sites-search:focus {
  border-color: #1D4A97;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#sites-list {
	display: none;
	position: absolute;
	background: #fff;
	padding: 15px 10px 15px;
	border: 1px solid #1D4A97;
	z-index: 9999;
	overflow-y: scroll;
	overflow-x: hidden;
}

#sites-list ul li:hover {
	background-color: #f1f1f1;
}
#sites-list li.header {
	padding-top: 0px;
	border-bottom: 3px solid #1D4A97;
	color: #1D4A97;
	cursor: default;
}
#sites-list li.header:hover {
	background-color: #fff;
}
/*#sites-list li:nth-child(2) {
  padding-top: 10px;
  /* background-color: #f1f1f1;
}*/
#sites-list li {
  border-bottom: 1px solid #1D4A97;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
#sites-list a {
	color: #444;
}

#sites-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.dash-issue {
	text-align: right;
	padding-right: 5%;
}

.none {
	display: none;
}

.tabby {
	display: none;
	transistion: all linear 0.5s;
	-webkit-transistion: all linear 0.5s;
	min-height: 750px;
}

.tabby.logo,
.tabby.charts {
	min-height: 0px;
}

.tabby.active {
	display: block;
}

.legend-hider {
	display: none;
}
div#legend-follow {
	background-color: #fff;
	position: absolute;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	color:#000;
	width: 250px;
	z-index: 99;
}

.map {
	padding: 0 15px 0 15px;
}

.header-box a {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.header-box a,
.header-box a:active,
.header-box a:focus,
.header-box a:visited {
	color: #1d4a97;
}

.header-box a:hover,
.header-box a.active {
	text-decoration: none;
	color: #999;
}

.page-header .logo {
	margin-top: 10px;
}

.page-header {
	margin-top: 0px !important;
	border-bottom: 1px solid #D6DFEC;
	padding-bottom: 8px;
}

.page-header h1 {
	text-transform: uppercase;
	color: #337ab7;
}

.nav-items {
	height: 50px;
	padding-top: 92px;
	font-size: 1.15em;
	text-transform: uppercase;
	color: #1d4a97;
	padding-bottom: 5px;
}

.nav-items ul li,
.nav-items ul li a {
	color: #1d4a97;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nav-items ul li:after {
	content: "/";
	margin-left: 10px;
	color: #F79B1F;
}

.nav-items ul li:last-child:after {
	content: "";
}

.nav-items ul {
    padding: 0 0 0 15px;
    margin: 0;
}

.nav-items ul li {
    list-style: none;
    display: inline;
    padding: 0 0 0 5px;
}

.header-top {
	padding-left: 25px;
	margin-top: 15px;
	color: #999;
	font-size: 1em;
}

.charts-chart-div {
	margin: 10px 25px 25px 25px;
}

.charts-name-div {
	font-size: 1.8em;
	text-align: center;
	padding: 10px 0 0 0;
}

.charts-page-back-button {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1;
}

.charts-options {
    padding: 0 25px 25px 25px;
}

.divider-right {
    border-right: 1px solid #1D4A97;
    min-height: 110px !important;
}

.divider-left {
    border-left: 1px solid #1D4A97;
    min-height: 110px !important;
}

.chart-export-container,
 .chart-type-container {
	padding: 0 0 0 15px;
}

@media (max-width: 767px) {
	.divider-left, .divider-right {
		min-height: 0;
		border: 0;
	}
	.chart-export-container, .chart-type-container {
	    padding: 0 0 0 0 !important;
	}
}

.latest {
	color: #1D4A97;
}

select.red, textarea.red, input.red {
	border: 1px solid red;
}

#save-status {
	font-size: 0.9em;
	color: red;
	display: none;
}

.dash-issue {
	padding-right: 50px !important;
}

.btn[disabled] {
	background-color: #ccc !important;
	border-color: #ccc !important;
	opacity: 1;
}

.tab-loading {
	display: block;
	font-size: 0.5em !important;
}

.charts-chart-div {
	min-height: 500px;
	text-align: center;
}

.chart-loading {
	margin-top: 250px;
	font-size: 2em;
}

/* dash diagram */
.diagram-holder {
	width: 85%;
	height: 100px;
	margin: 25px 0 0 6.5%;
}

.diagram {
	position: relative;
	width: 100%;
	height: 100%;
}

.diagram .column {
	opacity: 0.85;
	position: absolute;
	width: 32%;
	cursor: pointer;
	transition: all linear 0.15s;
}

.diagram .max {
	height: 100%;
	background-color: #3498DB;
	bottom: 0;
	left: 55%;
}

.diagram .expected {
	height: 50%;
	background-color: #913D88;
	bottom: 0;
	left: 33%;
}

.diagram .actual {
	background-color: #1E824C;
	bottom: 0;
	left: 10%;
}

ul.dash-totals {
	padding-left: 50px;
}

.weather {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 0;
}

.weather > div {
    /* position: absolute; */
    /* cursor: default; */
}

.temp {
    /* top: 125px; */
    font-size: 3.5em;
    /* width: 200px; */
    text-align: center;
}

.wind_dir {
    /* right: 30px; */
    /* top: 15px; */
    position: relative;
    text-align: center;
}

.wind_speed {
    /* top: 135px; */
    /* right: 38px; */
    position: relative;
    display: inline-block;
}

.solar {
    left: 15px;
    top: 150px;
}

.solar span.glyphicon {
	font-size: 3em;
	vertical-align: middle;
}

.icon {
	/* left: 50px; */
	/* top: 30px; */
}

.border {
	border: 1px solid #fff;
	border-width: 0 1px 0 0;
	height: 190px;
	left: 45vw;
	top: 20px;
}

.compass-point {
	width: 8%;
	position: absolute;
	right: 55px;
	z-index: 1;
	top: 32px;
}

.compass {
	width: 120px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.wind_speed img {
	width: 50px;
}

.solarrad {
	width: 45px;
}

@media (max-width: 479px) {

	.text-center-xs {
		text-align: center;
	}

	.header {
		font-size: 1em;
	}

	.logout-header {
		position: relative;
		left: auto;
		top: auto;
	}

	.dashboard-box.main div {
		margin: 100px 0 0 0;
	}

	.dashboard-box.wrapper {
		padding: 0;
		border: 0;
	}

	.dashboard-wrapper {
		padding: 10px;
		margin-bottom: 10px;
	}

	.dashboard-box.main {
	    min-height: 290px;
	    margin-top: 25px;
	}

	.dashboard-box.main div {
	    font-size: 3em;
	}
}

.alert.password {
	padding: 10px;
	margin-bottom: 0px;
}

.ng-hide-animate) {
  /* this is just another form of hiding an element */
  display: none!important;
  transition: none !important;
}

.report-row.low {
	background-color: #EA9999;
}
.report-row.med {
	background-color: #F9CB9C;
}
.report-row.high {
	background-color: #D9EAD3;
}

.report.table-bordered,
.report.table-bordered>tbody>tr>td,
.reporttable-bordered>tbody>tr>th,
.report.table-bordered>tfoot>tr>td,
.report.table-bordered>tfoot>tr>th,
.report.table-bordered>thead>tr>td,
.report.table-bordered>thead>tr>th {
    border: 1px solid #797979;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0; /* cos sneakily its upside down */
}

.report.table-bordered>thead>tr,
.report.table-bordered>thead>th {
	background-color: #337ab7;
	color: #fff;
}

.asc-symbol,
.desc-symbol {
	display: inline;
}

.report.table-bordered td strong {
	font-weight: 800;
}

th.sortable {
	cursor: pointer;
}

.map-report {
	height: 100px;
}

.table-super-condensed>tbody>tr>td,
.table-super-condensed>tbody>tr>th,
.table-super-condensed>tfoot>tr>td,
.table-super-condensed>tfoot>tr>th,
.table-super-condensed>thead>tr>td,
.table-super-condensed>thead>tr>th {
    padding: 2px;
}

td.greyed {
	background-color: #f1f1f1;
}

.margin-no-bottom {
	margin-bottom: 0 !important;
}

.marker-cluster-high {
	background-color: rgb(141, 202, 86);
	border: 6px solid rgba(141, 202, 86, 0.52);
}
.marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	border: 6px solid rgba(241, 211, 87, 0.4);
}
.marker-cluster-low {
	background-color: rgb(241, 129, 96);
	border: 6px solid rgba(241, 129, 96, 0.52);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}
.marker-cluster {
	width: 42px;
	height: 42px;
	margin-left: 5px;
	margin-top: initial;
	text-align: center;
	border-radius: 30px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-left: -16px;
    margin-top: -16px;
}
.marker-cluster span {
	line-height: 30px;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.leaflet-div-icon {
	background: none !important;
	border: 0px !important;
}

.table-responsive.report {
    width: 100% !important;
    margin-bottom: 15px;
}

img[src*="/imgs/wind_icons/windicon-r.png"].leaflet-marker-icon {
    z-index: 999999999 !important;
}


tr.select td {
    border-top: 1px solid #8FB1DC !important;
}
tr.select {
    background-color: rgba(183, 207, 236, 0.24);
}

.table.runtime tr {
	cursor: pointer;
}
.table.runtime {
	border: 0;
}
.table.runtime tr th {
	border: 0;
}

h1 .smaller {
    font-size: 18px;
    vertical-align: super;
}

h4 strong {
	font-weight: 600;
}

span.red {
	color: red;
}

span.green {
	color: green;
}

.current {
	background-color: rgba(183, 207, 236, 0.24);
	border: 1px solid rgb(183, 207, 236)
}

.current hr {
	border-color: #999;
}


.last-day-kwh{
    padding: 10px;
    margin: 10px 10px 0 10px;
}
.last-day-kwh .big{
    font-size: 26px;
}

.last-day-tariff {
    padding: 5px 10px 10px 10px;
    margin: 0 10px 0 10px;
}
.last-day-tariff .big {
    font-size: 24px;
    padding-top: 5px;
}

.last-day-divider {
    border-top: 1px solid #fff;
    margin: 0 20px;
}

.last-day-kwh .small {
	padding-top: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.last-day-tariff .small {
	padding-top: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.bolder {
	font-weight: 600;
}


@media (min-width: 994px) and (max-width: 1199px){
	.last-day-kwh .small,
	.last-day-tariff .small {
		font-size: 16px;
	}
	.last-day-kwh .big,
	.last-day-tariff .big {
		font-size: 24px;
	}
}

@media (max-width: 994px) {
	.last-day-kwh, .last-day-tariff {
	    margin-top: 0px;
	    text-align: center;
	    padding-top: 0px;
	}
	.last-day-kwh .small,
	.last-day-tariff .small {
		font-size: 15px;
	}
	.last-day-kwh .big,
	.last-day-tariff .big {
		font-size: 23px;
	}

	.dashboard-box h2 {
		font-size: 1.7em;
	}

	.nav-items {
	    padding-top: 40px;
	}
}

@media (max-width: 479px) {
	.text-left-xs {
		text-align:left;
	}
	.dashboard-box .map {
	    padding-left: 15px;
	}
	.dashboard-box.map-container {
	    margin-top: 20px;
	}
	.btn-group.btn-block .btn.three {
    	width: 33.3%;
	}
}

@media (max-width: 767px) {
	.logo {
		margin-top: 5px !important;
	}
	a#nav-toggle-on {
	    margin: 33px 0 0 15px;
	    position: absolute;
	    top: -90px;
	    left: 0;
	    z-index: 100;
	}
}

.slidemenu {
	width: 60%;
	position: absolute;
	left: -60%;
	height: 100%;
	top: 0px;
	background-color: #1D4A97;
}

.page-content.abs {
	height: 100%;
	position: absolute;
}
.page-content.blurred {
    -webkit-filter: blur(1.5px);
    -moz-filter: blur(1.5px);
    -o-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px);
}

.slidemenu ul {
    margin: 0;
    padding: 0;
}

.slidemenu ul li {
    list-style: none;
    padding: 10px;
    width: 100%;
    text-align: left;
}

.slidemenu ul li a {
	text-transform: lowercase;
    color: #fff;
    font-size: 1.8em;
}

.slidemenu ul li a:hover {
    text-decoration: underline;
}

.slidemenu .close {
    text-align: right;
    padding: 10px 20px;
    width: 100%;
    font-size: 3em;
}

.slidemenu .close a {
	color: #f1f1f1;
}

.slidemenu .close a:hover {
    text-decoration: none;
}

.reports-links {
	display: none;
	position: absolute;
	top: 70px;
	left: 52px;
	opacity: 0.75;
}

/* upside down, then upside down the upside down contents */
.table-responsive, .table-responsive table {
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}


#toggle-width {
	position: absolute;
	right: 15px;
	top: -10px;
}

table thead tr, table thead tr th {
    border: 1px solid #1d4a97 !important;
}

tr.report-row:hover {
	cursor: pointer;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #fff;
}

.charts-button-wrapper {
    border-bottom: 5px solid #1D4A97;
}

.export-options .btn {
	width: 33.3333%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d9edf7;
}

#sites-list ul a:last-child li {
    border-bottom: 0;
}

#sites-list ul a li {
    padding: 10px 0;
}

#sites-list ul a:first-child li {
	padding: 0;
}

.asset-management-form {
	padding-bottom: 30px;
}

.big-big {
	font-size: 20em;
}

.missing-logo {
	max-width: 400px;
	margin-left: 50px;
}

h2.new-issue {
	margin-bottom: 12px;
}

.loading-logo,
.static-logo {
	position: absolute;
	top: -144px;
	right: -178px;
}

.loading-logo img,
.static-logo img {
    width: 90px;
}

.static-logo img {
	display: none;
}

table thead.issues tr, table thead.issues tr th {
    border: 0px !important;
}

textarea.min {
	min-height: 105px;
}

@media (max-width: 479px) {
	.loading-logo img, .static-logo img {
	    width: 70px;
	}
	.loading-logo, .static-logo {
	    position: absolute;
	    top: -75px;
	    right: -135px;
	}

	.icon {
	    left: 35px;
	    top: 32px;
	}
	.temp {
	    
	    :
	}
	.solar {
	    left: 15px;
	    top: 150px;
	}
	.wind_speed img {
	    width: 35px;
	}
	.compass {
	    width: 120px;
	    /* position: absolute; */
	    /* right: 0; */
	    /* top: 0; */
	}
	.compass-point {
	    width: 8%;
	    position: absolute;
	    right: 55px;
	    z-index: 1;
	    top: 32px;
	    /* position: absolute; */
	    /* right: 25px; */
	    /* z-index: 1; */
	    /* top: 25px; */
	}
	.wind_dir {
	    /* right: 25px; */
	    /* top: 20px; */
	    /* height: 120px; */
	}
	.border {
	    left: 165px;
	}
}

.charts-options h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.footer {
	padding-bottom: 30px;
	text-align: right;
}

#sites {
	padding: 7px 12px;
}


div.weather-left {
    width: 50%;
    text-align: center;
    display: inline-block;
    padding: 20px;
}

div.weather-right {
    width: 49%;
    text-align:  center;
    display: inline-block;
    position: relative;
    float: right;
    padding: 10px;
    border-left: 1px solid #fff;
}

@media (max-width: 989px) and (min-width: 768px) {
    div#weather-right {
        border-left: 0;
    }
}

.wind_dir span {
    height: 50px;
}

.apple-weather span {
	font-size: 0.8em;
	color: #999;
}

.apple-weather a {
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}

.apple-weather a:hover {
	color:rgb(29, 74, 151);
}

.apple-weather img {
	vertical-align: baseline !important; 
	width: 15px;
	margin-right: 3px;
}