.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 50px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #313131;
  color: #fff;
  font-weight: 500;
  text-align: center;
  pointer-events: none;
  z-index: 100;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
    opacity: 1;
}

.ct-area, .ct-line {
  pointer-events: none;
}

.ct-legend .ct-series-0:before {
    background-color: #745af2;
    border-color: #745af2;
}
.ct-legend .ct-series-1:before {
    background-color: #398bf7;
    border-color: #398bf7;
}
.ct-legend .ct-series-2:before {
    background-color: #99abb4;
    border-color: #99abb4;
}
.ct-legend .ct-series-3:before {
    background-color: #d17905;
    border-color: #d17905;
}
.ct-legend .ct-series-4:before {
    background-color: #453d3f;
    border-color: #453d3f;
}
.ct-legend .ct-series-5:before {
    background-color: #59922b;
    border-color: #59922b;
}
.ct-legend .ct-series-6:before {
    background-color: #d70206;
    border-color: #d70206;
}
.ct-legend .ct-series-7:before {
    background-color: #6b0392;
    border-color: #6b0392;
}
.ct-legend .ct-series-8:before {
    background-color: #f05b4f;
    border-color: #f05b4f;
}
.ct-legend .ct-series-9:before {
    background-color: #dda458;
    border-color: #dda458;
}
.ct-legend .ct-series-10:before {
    background-color: #eacf7d;
    border-color: #eacf7d;
}
.ct-legend .ct-series-11:before {
    background-color: #86797d;
    border-color: #86797d;
}
.ct-legend .ct-series-12:before {
    background-color: #b2c326;
    border-color: #b2c326;
}
.ct-legend .ct-series-13:before {
    background-color: #6188e2;
    border-color: #6188e2;
}
.ct-legend .ct-series-14:before {
    background-color: #a748ca;
    border-color: #a748ca;
}