//	=================
//    	Imports
//	=================

@import '../../../assets/base/color_variables';   	// Color Variables
@import '../../../assets/base/fonticons';   			// Fonticons Variables
@import '../../../assets/base/urls';   				// URLS Variables
@import '../../../assets/base/utilities_variables';  // Utilities Variables

/*
	=======================================
			charts global effected				Note: These changes will globally effect the charts;
	=======================================

*/
.column-chart {
	height: 300px;
	.chart-column {
		background: $color_47;
	}
	[data-cp-size] {
		background: $color_47;
	}
}
.stacked {
	li {
		list-style: none;
	}
}
.group-by-number {
	[data-group="5"] {
		background: $additional-color-3;
		color: $white;
	}
}
/*
	=================================
			bar charts
	=================================

*/
.bar-chart {
	.chart-row {
		background: $color_47;
		min-height: 59px;
	}
	[data-cp-size] {
		background: $color_47;
		min-height: 59px;
	}
}

.custom-bar-chart.bar-chart {
	ul {
		li {
			padding-top: 18px;
			padding-left: $p-20;
		}
	}
}

/*
	======================================
			stacked bar chart
	======================================

*/
.custom-stacked-bar-chart.bar-chart {
	ul {
		li {
			div {
				padding-top: 15px;
				padding-left: $p-20;
			}
		}
	}
}

/*
	====================================
			scatter plot	
	====================================
*/
.scatter-plot {
	.chart-dot {
		border: $b-width-6 $solid $color_90;
	}
	[data-cp-x] {
		border: $b-width-6 $solid $color_90;
	}
	[data-cp-y] {
		border: $b-width-6 $solid $color_90;
	}
}
@media (max-width: 575px) {
	.column-chart {
		.plot-container {
			font-size: 13px;
		}
	}
}