.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
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-label,
.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-value,
.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
}

.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-gridline,
.dark-layout .apexcharts-canvas .apexcharts-marker,
.dark-layout .apexcharts-canvas .apexcharts-xcrosshairs,
.dark-layout .apexcharts-canvas .apexcharts-ycrosshairs {
    stroke: #3B4253
}

.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-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-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-legend-series .apexcharts-legend-text {
    color: #B4B7BD !important
}