#embed .row {
  max-width: 750px;
  min-width: 750px; }
#embed p.content {
  font-size: 11px; }
  #embed p.content p {
    font-size: 11px; }

.chart {
  margin: 10px auto; }

.chart {
  font-family: Helvetica, Arial, sans-serif; }

#map {
  font-family: Helvetica, Arial, sans-serif; }

.axis path, .axis line {
  fill: none;
  stroke: #444;
  shape-rendering: crispEdges; }
.axis text {
  font-size: 12px;
  color: #444; }

.label {
  font-weight: bold;
  color: #222;
  font-size: 12px;
  text-align: left;
  width: 160px;
  fill: #222; }

.dot {
  fill: #6992B4;
  stroke: #454545;
  stroke-width: 1px; }
  .dot.selected {
    fill: #FFD658;
    opacity: 1.0;
    stroke: #000;
    stroke-width: 2px;
    cursor: pointer; }

.tract {
  fill: #FFF5D5;
  stroke: #454545;
  stroke-width: 1px;
  cursor: pointer; }
  .tract.inactive {
    fill: #EAEAEA;
    cursor: default; }
  .tract.selected {
    opacity: 1.0;
    color: #111;
    stroke: #000;
    stroke-width: 1px;
    fill: #FFD658; }

.step-zero {
  fill: #EAEAEA; }

.step-one {
  fill: #BDD7E7; }

.step-two {
  fill: #6BAED6; }

.step-three {
  fill: #3182BD; }

.step-four {
  fill: #08519C; }

.note {
  fill: #666;
  font-size: 12px; }

.title {
  font-size: 13px;
  fill: #222;
  font-weight: bold; }

.subtitle {
  fill: #222;
  font-size: 11px; }

.legend {
  font-size: 10px; }
  .legend line {
    stroke: #454545; }
  .legend .last {
    display: none; }

.arrow_box {
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  background: #ffffff;
  border: 2px solid #343d42;
  display: none;
  padding: 2px;
  width: 250px;
  z-index: 999; }
  .arrow_box p {
    margin: 2px 0;
    font-size: 11px; }
  .arrow_box p.content {
    font-size: 11px; }

.arrow_box:after, .arrow_box:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  left: 20%;
  margin-left: -10px; }

.arrow_box:before {
  border-color: rgba(32, 37, 41, 0);
  border-top-color: #202529;
  border-width: 13px;
  left: 20%;
  margin-left: -13px; }