@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto+Slab&family=Roboto:wght@300&display=swap');


.custom-vis-layout.CiChart .bar {
    fill: steelblue;
}

.custom-vis-layout.CiChart .bar:hover {
    fill: brown;
}

.custom-vis-layout.CiChart .axis {
    font-family: "Roboto Condensed";
    font-size: 11px;
}

.custom-vis-layout.CiChart .legendlabel {
    font-family: "Roboto Condensed";
    font-size: 11px;
}

.custom-vis-layout.CiChart .axislabel {
    font-family: "Roboto Slab";
    font-size: 14px;
}

.custom-vis-layout.CiChart .axis path, .axis line {
    fill: none;
    stroke: #000000;
    shape-rendering: crispEdges;
}

.custom-vis-layout.CiChart .xaxis path {
  fill: none;
  stroke: rgb(19, 18, 18);
  shape-rendering: crispEdges;
}

.custom-vis-layout.CiChart .xaxis line {
  fill: none;
  stroke: rgb(19, 18, 18);
  shape-rendering: crispEdges;
}

.custom-vis-layout.CiChart .x.axis .tick line {
  fill: none;
    stroke: rgb(19, 18, 18);
}

.custom-vis-layout.CiChart .axis .tick line {
  fill: none;
    stroke: rgb(8, 8, 8);
     opacity: 0.1;
}

.custom-vis-layout.CiChart .toolTip {
  position: absolute;
  display: none;
  min-width: 80px;
  height: auto;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #6F257F;
  padding: 9px;
  text-align: center;
}