/* = = = = = = = = = = Horizontal bar = = = = = = = = = */

.horizontal-bar .x.axis .tick text {
  font-size: 14px;
  fill: #848E95;
  font-family: "Poppins", sans-serif;
}
.horizontal-bar .y.axis .tick text {
  font-size: 14px;
  fill: #848E95;
  font-family: "Poppins", sans-serif;
}
.horizontal-bar .bars .label tspan {
  font-size: 14px;
  fill: #848E95;
  font-family: "Poppins", sans-serif;
}
.horizontal-bar .chart-grid .domain {
  stroke: transparent;
}
.horizontal-bar .chart-grid .tick line {
  stroke: #D8D8D8;
  stroke-width: 0.5px;
}
.horizontal-bar .x.axis path.domain {
  display: none;
}
.horizontal-bar .y.axis path.domain {
  stroke: #848E95;
  display: none;
}

.horizontal-bar .bars path:hover {
  opacity: 0.8
}
.horizontal-bar g.bars .label,
.horizontal-bar g.bars .tick, {
  font-size: 14px;
  fill: #848E95;
  font-family: "Poppins", sans-serif;
}

/* = = = = = = = = = = Horizontal bar Scroll = = = = = = = = = */

.fixed-x-axis-js .x.axis path.domain {
  display: none;
}
.fixed-x-axis-js .x.axis .tick text {
  fill: #848E95;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}
.horizontal-bar-scroll-one-color {
  height: 220px;
  overflow-y: auto;
}
.horizontal-bar-scroll-one-color.fullH {
  height: auto;
}
.horizontal-bar-two-color-group-performance {
  height: 220px;
  overflow-y: auto;
}
.horizontal-bar-two-color-group-performance.fullH {
  height: auto;
}

/* = = = = = = = = = = Vertical bar = = = = = = = = = */

.vertical-bar .x.axis path {
  display: none;
}
.vertical-bar .x.axis .tick text {
  fill: #848E95;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  .vertical-bar .x.axis .tick text {
    display: none;
  }
}
.vertical-bar .y.axis .tick text {
  fill: #848E95;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}
.vertical-bar .chart-grid .domain {
  stroke: transparent;
}
.vertical-bar .chart-grid .tick line {
  stroke: #D8D8D8;
  stroke-width: 0.5px;
}
.vertical-bar .x.axis path.domain {
  stroke: #848E95;
}
.vertical-bar .y.axis path.domain {
  display: none;
}

/* = = = = = = = = = Vertical One bar = = = = = =  = = */

.html-bar-one rect:nth-last-of-type(1):hover {
  opacity: 0.8;
}
/* = = = = = = = = = = Tooltip = = = = = = = = = */
div.chart-tooltip-arrow-top,
div.chart-tooltip-arrow-down,
div.chart-tooltip-arrow-right {	
  position: absolute;
  text-align: center;
  width: 160px;
  background: #fff;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
  text-align: left;
  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);		
  padding: 12px 20px 10px 12px;	
  top: 0;
  left: 0;
  z-index: 100;
}
div.chart-tooltip-arrow-down {
  width: 180px;
}
div.chart-tooltip-arrow-right .tooltip-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  right: 0;
  top: 50%;
  transform: rotate(45deg) translate(0, -7px);
}
div.chart-tooltip-arrow-right .tooltip-arrow.left {
  left: -9px;
}
div.chart-tooltip-arrow-down .tooltip-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  right: 50%;
  bottom: 0;
  transform: rotate(45deg) translate(7px, 0);
}
div.chart-tooltip-arrow-top .tooltip-arrow {
  position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    right: 50%;
    top: 0;
    transform: rotate(45deg) translate(0px, -7px);
}

/* = = = = = = = = = = No Data block = = = = = = = = = */

.chart-no-data {
  font-size: 1.2em;
  padding: 3em 1.2em;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
@media screen and (min-width: 768px) {
  .chart-no-data {
    position: absolute;
    right: 0;
  }
}
.clear-all-filters {
  cursor: pointer;
  font-size: 1.2rem;
  text-decoration: underline;
}
.clear-all-filters:hover {
  text-decoration: none;
}

.donut-double-thin-my,
.donut-double-thin-compare,
.donut-thick {
  max-width: 271px;
}
@media screen and (min-width: 768px) {
  .donut-thick {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .chart-support {
    position: relative;
  }
}
.no-results-block  .donut-double-thin-my,
.no-results-block .donut-double-thin-compare,
.no-results-block .donut-thick {
  max-width: 100%;
}