/* M Chart styles
----------------------------------------------------------------- */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";


/* Column Chart 
--------------------------------------------- */

.m-chart, 
.highcharts-container,
.highcharts-root {
	overflow: visible !important;
}
.highcharts-plot-border,
.highcharts-grid-line,
.highcharts-axis-line,
.highcharts-tick {
	stroke: var(--theme-color-bd_color) !important;
}
.highcharts-axis-labels text {
	fill: var(--theme-color-text_light) !important;
}
.highcharts-legend-item text, 
.highcharts-tooltip text, 
.highcharts-tooltip tspan {
	fill: var(--theme-color-text_dark) !important;
}
.highcharts-tooltip {	
	.highcharts-tooltip-box {
		fill: var(--theme-color-alter_bg_color) !important;
	}
	tspan {
		font-size: 12px !important;
		font-weight: 400 !important;
		fill: var(--theme-color-alter_light) !important;
	}
	tspan:last-child {
		font-weight: 500 !important;
		fill: var(--theme-color-alter_dark) !important;
	}
}
.m-chart-spline,
.m-chart-pie {
	.highcharts-plot-border,
	.highcharts-yaxis .highcharts-axis-line,
	.highcharts-xaxis-grid .highcharts-grid-line {
		stroke-width: 0 !important;
	}
}
.m-chart-radar,
.m-chart-polar {
	.highcharts-plot-border,
	.highcharts-axis-line {
		stroke-width: 0 !important;
	}
}
.m-chart-polar {	
	.highcharts-grid-line {
		stroke-width: 0 !important;
	}
	.highcharts-xaxis-labels text:first-child:nth-last-child(2) {
		display: none;
	}
}