li.nav-items {
	font-size: 13px;
}
/* Select bar of Sites */
.css-2b097c-container {
	/* display: inline-block; */
	min-width: 20%;
	margin-right: 10px;
	float: right;
}
.dt-buttons {
	float: left;
	clear: left;
	padding: 5px 0px !important;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	font-size: 13px;
}
table.dataTable tbody th,
table.dataTable tbody td {
	font-size: 13px;
}

.react-datepicker-ignore-onclickoutside,
.react-datepicker__input-container {
	color: black;
}
@media only screen and (min-width: 1440px) {
	.css-2b097c-container {
		width: 30%;
		margin-right: 25px;
	}
}

@media only screen and (max-width: 426px) {
	.css-2b097c-container {
		width: 95% !important;
		padding-bottom: 10px;
	}
}

/* END Select bar of Sites  */

/* Loader animation  */
body {
	margin: 0;
	padding: 0;
	/* height: 100vh; */
	/* width: 100vw; */
}

@-webkit-keyframes dyinglight {
	15% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-webkit-transform: rotate(-89deg);
		transform: rotate(-89deg);
	}
	100% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

@keyframes dyinglight {
	15% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-webkit-transform: rotate(-89deg);
		transform: rotate(-89deg);
	}
	100% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}
.dl {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.dl__square {
	display: block;
	width: 50px;
	height: 50px;
	background: #000000;
}

.dl__container {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
	-webkit-animation: dyinglight 1s ease infinite;
	animation: dyinglight 1s ease infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl__corner--top:before,
.dl__corner--top:after,
.dl__corner--bottom:before,
.dl__corner--bottom:after {
	position: absolute;
	width: 17px;
	height: 17px;
	color: #000000;
	content: "";
}

.dl__corner--top:before {
	border-left: 1px solid;
	border-top: 1px solid;
	top: -6px;
	left: -6px;
}
.dl__corner--top:after {
	border-right: 1px solid;
	border-top: 1px solid;
	top: -6px;
	right: -6px;
}

.dl__corner--bottom:before {
	border-left: 1px solid;
	border-bottom: 1px solid;
	bottom: -6px;
	left: -6px;
}
.dl__corner--bottom:after {
	border-right: 1px solid;
	border-bottom: 1px solid;
	bottom: -6px;
	right: -6px;
}

/* END Loader animation  */

h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 11.5px !important;
	margin-bottom: 11.5px !important;
}
p {
	font-size: 12px;
	padding-bottom: 4px;
}
/* DashboardPeriodData */
#infos {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.2s, opacity 0.2s linear;
}
/* END DashboardPeriodData */

.show {
	visibility: visible !important;
	opacity: 1 !important;
}

/* MainDashSelected */
/* body { */
/* background-color: white !important; */
/* } */
#selectedSiteMain {
	position: absolute;
	top: 120px;
	transition: 0.6s;
	width: 100%;
	background-color: #f9f9f9;
}
.animateDown {
	top: 250px !important;
	transition: 0.6s;
}
.animateUp {
	top: 120px !important;
	transition: 0.6s;
}
#main-dash {
	padding-top: 20px;
}

.energy_sub_header {
	font-weight: 600;
}
/* END MainDashSelected */

/* AnalyticContents */
.react-bootstrap-daterangepicker-container {
	width: 100% !important;
}

#daterangepicker {
	background-color: white !important;
	border: silver 1px solid !important;
	padding: 10px !important;
}

.well > h5 {
	text-align: left;
	font-size: 20px;
	padding-bottom: 15px;
}

.graphHeader {
	margin-bottom: -30px !important;
	padding-left: 12%;
	font-weight: bold;
}

.radioSelect {
	display: inline-block;
	height: 13px;
}

/* END AnalyticContents */

/* Graph Loader Animation */
.graph-loader {
	display: flex;
	justify-content: center;
	align-items: center;
}

.graph-loader > div {
	width: 16px;
	height: 30px;
	margin: 48px 8px;
	background: #8385aa;
	animation: graph-animation 0.6s infinite alternate;
}

.graph-loader > div:nth-child(2) {
	animation-delay: 0.2s;
}

.graph-loader > div:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes graph-animation {
	from {
		opacity: 0;
		transform: scaleY(0);
	}

	to {
		opacity: 1;
		transform: scaleY(1.2);
	}
}
/* END Graph Loader Animation */

/* Map Page */
.ok-box {
	border: green 4px solid;
}

.moderate-box {
	border: #ff8500 4px solid;
}

.notOk-box {
	border: red 4px solid;
}
.col-md-24 {
	/* width: 100% !important; */
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 19px;
	cursor: pointer;
}
.well.dash-box > p {
	text-align: left;
}
.leftPanel {
	overflow-y: scroll;
}
.rowHeight {
	height: 89vh;
}
#graphContainer {
	padding: 30px;
	width: 65%;
	height: auto;
	background-color: whitesmoke;
	position: fixed;
	left: 50%;
	position: absolute;
	top: 46%;
	transform: translate(-50%, -50%);
	opacity: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.fadeIn {
	transform-origin: 0% 50%;
	animation: fadein 0.75s;
	-moz-animation: fadein 0.75s; /* Firefox */
	-webkit-animation: fadein 0.75s; /* Safari and Chrome */
	-o-animation: fadein 0.75s; /* Opera */
	opacity: 1 !important;
}
.fadeOut {
	transform-origin: 0% 50%;
	animation: fadeout 0.75s;
	-moz-animation: fadeout 0.75s; /* Firefox */
	-webkit-animation: fadeout 0.75s; /* Safari and Chrome */
	-o-animation: fadeout 0.75s; /* Opera */
	opacity: 0;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein {
	/* Firefox */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	/* Safari and Chrome */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadein {
	/* Opera */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-moz-keyframes fadeout {
	/* Firefox */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes fadeout {
	/* Safari and Chrome */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-o-keyframes fadeout {
	/* Opera */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.closeBtn {
	position: absolute;
	bottom: 8px;
	right: 16px;
}

.radioLabel {
	padding: 0 15px 15px 15px;
	font-size: 14px;
}

.centralised {
	width: fit-content;
	margin: auto;
	display: block;
}
/* END Map Page */

/* Administrator Page */
.downloadSection {
	width: 50%;
	margin: 1% auto;
}
.downloadSection > h5 {
	text-align: center;
}
.list-group-item > p {
	font-size: 13px;
}

#deliveredProd_wrapper {
	padding: 1% 3%;
}
/* #invoice > tbody > tr > td {
	text-align: center;
} */
/* END Administrator Page  */