@media only screen and (min-width: 768px) {
  .main-col{
		height:;
	}
}

canvas {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
	     }
	#mean{
	border:1px solid blue;
	width:3px;
	height:3px;
	border-radius:50%;
	}
	.labels-stl1{
	float:left;
	padding-left:20%;
	}
	.labels-stl2{
	float:right;
	padding-right:20%;
	}
	.labels-stl1,.labels-stl2{
	font-size: 13px;
	color:gray;
	}
	@media only screen and (max-width: 900px) {
	.labels-stl1{
	padding-left:19%;
	}
	.labels-stl2{
	padding-right:20%;
	}
	
}
#chartjs-tooltip{
border-radius: 0px 5px 5px 5px;
}
.modal-tooltip{
font-size:13px;
background-color:#000;
color:white;

}
.custome-label{
width:10px;
height:10px;
border-radius:50%;
border:1px solid black;
float:left;
}
.label_div{
height:20px;
float:right;
font-size:12px;
}
.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #7d93c8;
}