//
// apexcharts.scss
//
.apex-charts {
    min-height: 10px !important;
    text {
        font-family: $font-family-base !important;
        fill: $gray-500;
    }
    .apexcharts-canvas {
        margin: 0 auto;
    }
}

.apexcharts-tooltip-title,
.apexcharts-tooltip-text {
    font-family: $font-family-base !important;
}

.apexcharts-legend-series {
    font-weight: $font-weight-medium;
}

.apexcharts-gridline {
    pointer-events: none;
    stroke: $apex-grid-color;
}

.apexcharts-legend-text {
    color: $gray-600 !important;
    font-family: $font-family-base !important;
    font-size: 13px !important;
}

.apexcharts-pie-label {
    fill: $white !important;
}

.apexcharts-yaxis,
.apexcharts-xaxis {
    text {
        font-family: $font-family-base !important;
        fill: $gray-500;
    }
}

.apexcharts-canvas {
	direction: ltr;
}

.apexcharts-legend,
.apexcharts-tooltip {
	direction: rtl;
}

.apexcharts-legend-series {
	line-height: 1.85 !important;
}

.apexcharts-legend-marker {
	margin-right: 0 !important;
	margin-left: 4px;
	margin-top: 2px;
	vertical-align: middle;
}

.apexcharts-tooltip-marker {
	margin-right: 0 !important;
	margin-left: 10px;
	margin-top: 2px;
	vertical-align: middle;
}

.apexcharts-menu-item {
	direction: rtl;
	font-size: 13px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}