@charset "utf-8";
/* CSS Document */

.tooltip{
position:absolute;
left:+20px;
background-color:#3AA497;
padding:10px;
border:1px solid #fff;
border-radius: 10px;
width:250px;
}

.tooltip p{
margin:0;
padding:0;
color:#fff;
background-color:#3AA497;
padding:2px 7px;
}

@media screen and (max-width: 768px) {
  .GrphContainer{
    width: 400px;
	margin-right: auto;
	margin-left: auto; 
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .GrphContainer{
    width: 450px;
	margin-right: auto;
	margin-left: auto; 
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .GrphContainer{
    width: 600px;
	margin-right: auto;
	margin-left: auto; 
  }
}

@media screen and (min-width: 1281px) {
  .GrphContainer{
    width: 650px;
	margin-right: auto;
	margin-left: auto; 
 
  }
}