/* Apex Charts */

.apexcharts-canvas {
    /* Tooltip Color */
    /* Toolbar Download Option Color */
    /* Text font family */
}

.apexcharts-canvas .apexcharts-tooltip {
    color: #636e72;
}

.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
    color: #636e72;
    background-color: #0010f7;
}

.apexcharts-canvas .apexcharts-xaxistooltip-text {
    font-family: "Manrope", sans-serif !important;
    color: #636e72 !important;
}

.apexcharts-canvas .apexcharts-text,
.apexcharts-canvas .apexcharts-datalabel {
    font-family: "Poppins", sans-serif !important;
}

.apexcharts-canvas .apexcharts-tooltip-text {
    font-family: "Poppins", sans-serif !important;
}

.apexcharts-canvas .hp-donut-chart .apexcharts-tooltip {
    color: #ffffff !important;
}

.hp-chart-text-color .apexcharts-text {
    fill: #b2bec3 !important;
}

/* apex charts tooltip */

.apexcharts-xaxistooltip {
    color: #ffffff !important;
}

/* Toolbar Z-index */

.apexcharts-toolbar {
    z-index: 10;
}

/* Analytics Visiters Chart */

.hp-analytics-visiters-chart {
    height: 402px;
}

.hp-analytics-visiters-chart .apexcharts-text {
    fill: #b2bec3 !important;
}

#analytics-visiters-chart .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Heatmap Chart */

.hp-heatmap-chart .apexcharts-legend.position-bottom.apexcharts-align-center,
.hp-heatmap-chart .apexcharts-legend.position-top.apexcharts-align-center {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 0px 50px;
}