.apexcharts-canvas line[stroke=transparent] {
  display: none
}

.apexcharts-canvas .apexcharts-tooltip {
  background: #FFF;
  border-color: #EBE9F1
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #FFF!important;
  border-color: #EBE9F1!important;
  font-weight: 600
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-label,
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-value {
  color: #FFF
}

.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  background: #F8F8F8;
  border-color: #EBE9F1
}

.apexcharts-canvas .apexcharts-xaxistooltip:after,
.apexcharts-canvas .apexcharts-xaxistooltip:before,
.apexcharts-canvas .apexcharts-yaxistooltip:after,
.apexcharts-canvas .apexcharts-yaxistooltip:before {
  border-bottom-color: #F8F8F8
}

.apexcharts-canvas .apexcharts-datalabel,
.apexcharts-canvas .apexcharts-datalabel-label,
.apexcharts-canvas .apexcharts-text,
.apexcharts-canvas .apexcharts-tooltip-text {
  font-family: Montserrat, Helvetica, Arial, serif!important;
  fill: #6E6B7B;
  font-weight: 400;
  -webkit-filter: none;
  filter: none
}

.apexcharts-canvas .apexcharts-pie-label {
  fill: #fff;
  -webkit-filter: none;
  filter: none
}

.apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
  stroke-width: 0
}

.apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label,
.apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  font-size: 1.5rem
}

.apexcharts-canvas .apexcharts-marker {
  box-shadow: none
}

.apexcharts-canvas .apexcharts-legend-series+.apexcharts-legend-series {
  margin-top: .625rem
}

.apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  margin-left: .5rem;
  color: #6E6B7B!important;
  font-size: 1rem!important
}

.apexcharts-canvas .apexcharts-gridline,
.apexcharts-canvas .apexcharts-xcrosshairs,
.apexcharts-canvas .apexcharts-ycrosshairs {
  stroke: #EBE9F1
}

.apexcharts-legend.position-bottom {
  bottom: 3rem
}

.dark-layout .apexcharts-canvas .apexcharts-heatmap .apexcharts-heatmap-rect,
.dark-layout .apexcharts-canvas .apexcharts-xaxis-tick,
.dark-layout .apexcharts-canvas line {
  stroke: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-radialbar .apexcharts-radialbar-track .apexcharts-radialbar-area {
  stroke: #161D31
}

.dark-layout .apexcharts-canvas .apexcharts-radar-series polygon {
  fill: #161D31;
  stroke: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
  fill: #FFF
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip {
  background: #283046;
  border-color: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #283046!important;
  border-color: #3B4253!important;
  color: #FFF
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-label,
.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-value {
  color: #FFF
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip {
  background: #161D31;
  border-color: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip:after,
.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip:before,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip:after,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip:before {
  border-bottom-color: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-yaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-xaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-yaxistooltip-text {
  color: #FFF
}

.dark-layout .apexcharts-canvas .apexcharts-datalabel-label,
.dark-layout .apexcharts-canvas .apexcharts-tooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-xaxis-label,
.dark-layout .apexcharts-canvas .apexcharts-yaxis-label {
  fill: #B4B7BD
}

.dark-layout .apexcharts-canvas .apexcharts-marker {
  stroke: #3B4253
}

.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  color: #B4B7BD!important
}

.dark-layout .apexcharts-canvas .apexcharts-gridline,
.dark-layout .apexcharts-canvas .apexcharts-xcrosshairs,
.dark-layout .apexcharts-canvas .apexcharts-ycrosshairs {
  stroke: #3B4253
}