.no-select {
 -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
	cursor: pointer;
	pointer-events: none;
}
.whiteColor {
	color: white;
}
.redColor {
	color: red;
}

.tsChartDiv{
    border: solid 2px lightgray;
    /* display: block; */
    position: absolute;
    padding-left: 10px;
		width: 80vw;
}
.controls-panel{
	position: absolute;
	right: 0px;
	width: 18vw;
    background-color: lightgray;
    padding: 0;
		height: 100%;
}
form {
	margin-top: 5px;
	margin-left: 5px;
}

.chartContainer {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 60vw;
	/* border: solid 2px lightgray;*/
	/*box-shadow: gray 5px 5xp;*/
}

.timeSeriesControlBtn {
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5%;
}

.buttonSvgElement {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.timeSeriesNavChart {
	height: auto;
	margin-bottom: 5px;
}

.timeSeriesMainChart {
	position: relative;
	height: auto;
	margin-bottom: 5px;
}

.alertNoDates,
.infoIcon {
	cursor: pointer;
	float: right;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	vertical-align: middle;
	margin-right: 3px;
}

.alertNoDates {
	font-weight: 600;
	font-size: 1.2rem;
	border-radius: 999px;
	background: red;
	text-align: center;

}
.alertNoDates:hover { background-color: lightblue; }

.infoIcon {
	font-size: 1.2rem !important;

}
.infoIcon:hover { color: lightblue; }

.mainInfoDiv {
	position: absolute;
	margin-top: 50px;
	min-height: 50%;
	background: black;
	opacity: 0;
	color: white;
	width: 100%;
}

.mainInfoDivAllProjects {
	position: absolute;
	margin-top: 50px;
	min-height: 50%;
	background: black;
	opacity: 0;
	color: white;
	width: 100%;
}

.alertNoDates:hover+.mainInfoDiv,
.infoIcon:hover+.mainInfoDivAllProjects {
	opacity: 0.6;
}

.mainDivText { margin: 10px; }