.vis1 .node {
  stroke: rgb(134, 12, 12);
  stroke-opacity: 0.6;
}

.vis1 .link {
  stroke: rgba(20, 20, 20, 0.694);
  stroke-opacity: 0.6;
}




.sliderContainer {
  width: 100%;
}

.time-slide {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.time-slide:hover {
  opacity: 1;
}

.time-slide::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.time-slide::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.filter-btn{ 
  float:left;
  color: #333;
  width: auto;
  text-align: center;
  padding: 0 10px;
  background: #f0f0f0;
  line-height: 1.5em;
  height: auto;
}

.filter-btn.active {
  background: #ea0000;
  color: #fff;
}
#aa.active {
    background: #1f77b4;
    color: #fff;
}
    #aaa.active {
    background: #aec7e8;
    color: #fff;
}
    #aaaa.active { 
    background: #ff7f0e;
    color: #fff;
}
    #aaaaa.active {
    background: #ffbb78;
    color: #fff;
}
    #aaaaaa.active {
    background: #2ca02c;
    color: #fff;
}
    #aaaaaaa.active {
    background: #98df8a;
    color: #fff;
}
    #aaaaaaaa.active {
    background: #d62728;
    color: #fff;
}
    #aaaaaaaaa.active {
    background: #ff9896;
    color: #fff;
}
    #aaaaaaaaaa.active {
    background: #9467bd;
    color: #fff;
}
    #aaaaaaaaaaa.active {
    background: #c5b0d5;
    color: #fff;
}
    #aaaaaaaaaaaa.active {
    background: #8c564b;
    color: #fff;
} 
    #aaaaaaaaaaaaa.active {
    background: #c49c94;
    color: #fff;
} 
#aaaaaaaaaaaaaa.active {
    background: #e377c2;
    color: #fff;
} 
#aaaaaaaaaaaaaaa.active {
    background: #f7b6d2;
    color: #fff;
} 
#aaaaaaaaaaaaaaaa.active {
    background: #7f7f7f;
    color: #fff;
} 
#aaaaaaaaaaaaaaaaa.active {
    background: #c7c7c7;
    color: #fff;
} 
#aaaaaaaaaaaaaaaaaa.active {
    background: #bcbd22;
    color: #fff;
} 
#aaaaaaaaaaaaaaaaaaa.active {
    background: #dbdb8d;
    color: #fff;
} 
#aaaaaaaaaaaaaaaaaaaa.active {
    background: #17becf;
    color: #fff;
} 
#aaaaaaaaaaaaaaaaaaaaa.active {
    background: #9edae5;
    color: #fff;
} 
.all-btn{ 
    float:left;
    color: #333;
    width: auto;
    text-align: center;
    padding: 0 10px;
    background: #f0f0f0;
    line-height: 1.5em;
    height: auto;
  }
.all-btn.active {
    background: #ea0000;
    color: #fff;
  }

.bubble {
  background: red;
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: red;
  top: -1px;
  left: 50%;
}
.vis1  svg {
/* border: 2px solid rgb(22, 67, 136); */
}
g.am-axis text {
font-size: 8px;
}

.domain {
fill: none;
}

.tick > line{
stroke: black;
stroke-width: 1px;
stroke-opacity: 0.25;
}
  

.control-block .filter-btn  {
  height: 30px;
  border: 1px solid #000;
}

.control-block .filter-btn.active {
  background: #555555;
  color: #FFF;
}

.control-block .filter-btn:hover {
  background: #48484d;
  color: #FFF;
}
.control-block .all-btn  {
    height: 30px;
    border: 1px solid #000;
  }
  
  .control-block .all-btn.active {
    background: #555555;
    color: #FFF;
  }
  
  .control-block .all-btn:hover {
    background: #48484d;
    color: #FFF;
  }