.navbar {
	margin-bottom: 0;
	z-index: 1001 !important;
	background-color: #f9f9f9 !important;
}

.selectSite {
	text-align: center;
	position: relative;
	min-height: 20px;
}

.selectSite h3 {
	margin-top: 5px;
}

.logo-single {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	margin-bottom: 10px;
}

.company-logo > img {
	width: 20%;
	padding-top: 0px;
	padding-bottom: 0px;
}

.site_name {
	color: #444;
	margin-top: 0;
	font-size: 26px;
	font-weight: bold;
}

#mapGoogleSolar {
	height: 650px;
}
button#moveup {
	padding: 10px;
}
button#moveup:focus-within {
	background-color: #eaeee1 !important;
	color: #666;
}
#select-range button {
	box-shadow: none !important;
}
#select-range button.movedown {
	padding: 10px;
}
#select-range button.movedown:focus-within {
	background-color: #eaeee1 !important;
	color: #666;
}
#select-range button.movedown:focus-within button#moveup {
	display: none;
}
#infos {
	background-color: #eaeee1;
}

#content-infos {
	display: none;
	background-color: #eaeee1;
}
#content-infos .left {
	text-align: left;
}
#content-infos .right {
	text-align: right;
}

#content-infos h6 {
	font-size: 14px;
	color: rgb(109, 109, 109);
}

#content-infos h6 span {
	color: rgb(243, 117, 0);
	font-weight: bold;
}

#select-range ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#select-range li {
	float: right;
	padding-right: 25px;
	font-size: 14px;
}

.col-md-45 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.selfConsumption h3 {
	margin: 0;
}

.energy-left {
	float: left;
	border-left: 1px solid #666;
	text-align: left;
}

.energy-right {
	float: right;
}
.grid-right {
	padding-right: 15px;
	text-align: right;
	float: right;
	border-right: 1px solid #666;
}

.grid-power {
	padding-left: 15px;
	float: right;
}

.col-md-24 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/* dropdown values on Dashboard*/

/* End dropdown values on Dashboard*/

@media (min-width: 992px) {
	.col-md-45 {
		width: 37.5%;
		float: left;
	}

	.col-md-24 {
		width: 20%;
		float: left;
	}
}
.power-prod {
	padding-top: 20px;
	text-align: center;
}

.energy-right {
	text-align: left;
}
#graphPie {
	overflow: visible;
}
p {
	margin: 0 !important;
	font-size: 12px;
}

.duration-header {
	text-align: left !important;
	font-size: 20px;
}

.duration-btn {
	display: block;
	margin: auto;
	margin: 5px 0;
	width: 90%;
}

.default-container {
	width: 100%;
	margin: 20px;
}

.sticky {
	position: fixed;
	width: 100%;
}

.graph-container {
	border: 1px solid silver;
	padding-top: 50px;
}