body {
  padding-top: 50px;
}

circle.node {
  stroke: #fff;
  stroke-width: 1.5px;
}

line.link {
  stroke: #999;
  stroke-opacity: .6;
}

path.link {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}

marker#licensing {
  fill: green;
}

path.link.licensing {
  stroke: green;
}

path.link.resolved {
  stroke-dasharray: 0,2 1;
}

circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
}


/*html, body { margin:0; padding:0; overflow:hidden }*/
/*svg { position:fixed; top:100px; left:0; height:100%; width:100%; display: block; margin: 0px auto; }*/
#chart {
  width: 100%;
  height: 500px;
  border: 2px solid;
  margin: 0px auto;
  overflow: auto;
}

svg {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0px auto;
}

span.friends {
  color: #7570B3;
}

span.following {
  color: #1B9E77;
}

span.followedBy {
  color: #D95F02;
}

#metric_description {
  color: #BD0026;
  font-style: italic;
}

text.axis {
  fill: gray;
}

#barchart svg line {
  shape-rendering: crispEdges;  
}

.lightblue {
  color: lightblue;
}

.lightpink {
  color: lightpink;
}

.description {
  font-style: italic;  
}