viz-exp.css

#cost {display:none;}
#waste {display:none;}
#mit {display:none;}
#doe {display:none;}
#dynamic {display:none;}
#info {display:none;}
#chart {display:none;}
#hover_legend {display:none;}
#hover_legend_ws {display:none;}
#hover_legend_ds {display:none;}
#hover_legend_r {display:none;}
#hover_legend_wr {display:none;}

div.heading  {  
  position: absolute;
  top: 0px;
  left: 50px;
  width: 1400px;
  height: 200px;
}

div.heading h1 { text-align:center;}

div.intro {
  position:absolute;
  width:65%;
}
div.logo {
  position:absolute;
  top:25%;
  left:70%;
  width:30%;
  text-align:center;
}

div.logo img {width:80%; text-align: center;}

div.legendrow {
  position:absolute;
  top:230px;
  height:50px;
  width:100%;
}

div.slider {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 30%;
    height:50px;
}

div.legend {
    position:absolute;
    top: 0px;
    left: 25%;
    width: 75%;
    height: 50px;
/*    text-align: center; */
}

div#legend_elem1 {
  position:absolute;
  left: 25%;
  width:18.75%;
  float: left;
}
div#legend_elem2 {
  position:absolute;
  left: 43.75%;
  width:18.75%;
  float: left;
}
div#legend_elem3 {
  position:absolute;
  left: 62.5%;
  width:18.75%;
  float: left;
}
div#legend_elem4 {
  position:absolute;
  left: 81.25%;
  width:18.75%;
  float: left;
}


div.hover_legend {
    position: absolute;
    top: 370px;
    left: 350px;
    width: 800px;
    background-color: yellow;
    z-index: 1000;
}

div.chartrow {
  position:absolute;
  top:310px;
  height:590px;
  width:100%;
}


div.chart { 
  top: 180px;
  width:33%;
  height:482px;
  text-align: center;
}

div.chart#dynamic {
  text-align: center;
}

div.chart#chart1 {
  left: 0%;
  float: left;
}    
div.chart#chart2 {
  left: 33%;
  float: left;
}    
div.chart#chart3 {
  left: 66%;
  float: left;
}    

h3 { 
  text-align:center; 
}


div.footer
{
position:absolute;
top: 882px;
width:100%;
height:80px;
text-align:center;
}

body {
  overflow-y:scroll;
}

svg {
  margin: auto;
}

svg text {
    font-size: 15px;
}

text {
  font-size: 12px;
  pointer-events: none;
}

text.legend {
  font-size: 18px;
}

text.nv-axislabel {
  font-size: 18px;
  font-weight: 700;
}

text.parent {
  /* fill: #1f77b4; */
  font-size: 15px;
  font-weight:bold;
  fill: purple;
}

circle {
  fill: #ccc;
  stroke: #999;
  pointer-events: all;
}

circle.parent {
  fill: #1f77b4;
  stroke: steelblue;
}

/* circle.parent:hover {
  stroke: #ff7f0e;
  stroke-width: .5px;
}*/

circle.child {
  pointer-events: none;
}