energy-sankey.css

.node rect {
	cursor: move;
	fill-opacity: .9;
	shape-rendering: crispEdges;
}
.node text {
	pointer-events: none;
	text-shadow: 0px 0px 0px #999; 
}
.link {
	fill: none;
	stroke: #000;
	stroke-opacity: 0.6;
}
.link:hover {
	stroke-opacity: 0.85; !important
}
.axis {
	font: 10px sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.axis .domain {
	fill: none;
	stroke: #000;
	stroke-opacity: .3;
	stroke-width: 10px;
	stroke-linecap: round;
}
.axis .halo {
	fill: none;
	stroke: #ddd;
	stroke-width: 8px;
	stroke-linecap: round;
}
.slider .handle {
	fill: #fff;
	stroke: #000;
	stroke-opacity: .5;
	stroke-width: 1.25px;
	pointer-events: none;
}

/* This section controls the tooltip */
.hover-tooltip-sankey{
  background-color:rgba(255,255,255,0);
  border: 1px solid;
  border-color: rgba(255,255,255,0);
  width: 150px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  position:absolute;
  left:150px;
  top:0px;
  padding:10px;
}
@media (max-width: 549px) {
.hover-tooltip-sankey{
  display:none;
}
.hover-title{
  width:300px;
}
.hover-value{
  text-align: right;
  font-weight: 400;
  color: rgba(52,124,180,0);
  font-size: 20px;
}