svg {
  font: 10px sans-serif;
  padding: 10px;
  display: block;
  margin: auto;
}

.axis,
.frame {
  shape-rendering: crispEdges;
}

.axis line {
  stroke: #ddd;
}

.axis path {
  display: none;
}

.frame {
  fill: none;
  stroke: #aaa;
}

circle {
  fill-opacity: .7;
}

circle.hidden {
  fill: #ccc !important;
}

.extent {
  fill: #000;
  fill-opacity: .125;
  stroke: #fff;
}

.bar {
  fill: #777;
}


div#d3container{
  margin: 0;
  border: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
  text-align: center;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #1cbd72;
}
p {
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
}

h1,
h2,
h3 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 700;
  margin-bottom: 0 ;
}



/*
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
  background: #29d;

  pointer-events: none;
}
*/