//	=================
//    	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

.c3 {
	svg {
		font: 10px sans-serif;
		-webkit-tap-highlight-color: transparent;
	}
	line {
		fill: none;
		stroke: $black;
	}
	path {
		fill: none;
		stroke: $black;
	}
	text {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
}
.c3-bars {
	path {
		shape-rendering: crispEdges;
	}
}
.c3-event-rect {
	shape-rendering: crispEdges;
}
.c3-legend-item-tile {
	shape-rendering: crispEdges;
}
.c3-xgrid-focus {
	shape-rendering: crispEdges;
}
.c3-ygrid {
	shape-rendering: crispEdges;
	stroke-dasharray: 3 3;
}
.c3-chart-arc {
	path {
		stroke: $white;
	}
	text {
		fill: $white;
		font-size: 13px;
	}
	.c3-gauge-value {
		fill: $black;
	}
}
.c3-grid {
	line {
		stroke: $color_286;
	}
	text {
		fill: $color_286;
	}
}
.c3-xgrid {
	stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
	fill: $gray;
	font-size: 2em;
}
.c3-line {
	stroke-width: 1px;
}
.c3-circle._expanded_ {
	stroke-width: 1px;
	stroke: $white;
}
.c3-selected-circle {
	fill: $white;
	stroke-width: 2px;
}
.c3-bar {
	stroke-width: 0;
}
.c3-bar._expanded_ {
	fill-opacity: .75;
}
.c3-target.c3-focused {
	opacity: 1;
	path.c3-line {
		stroke-width: 2px;
	}
	path.c3-step {
		stroke-width: 2px;
	}
}
.c3-target.c3-defocused {
	opacity: .3 !important;
}
.c3-region {
	fill: $color_510;
	fill-opacity: .1;
}
.c3-brush {
	.extent {
		fill-opacity: .1;
	}
}
.c3-legend-item {
	font-size: 12px;
}
.c3-legend-item-hidden {
	opacity: .15;
}
.c3-legend-background {
	opacity: .75;
	fill: $white;
	stroke: $color_38;
	stroke-width: 1;
}
.c3-title {
	font: 14px sans-serif;
}
.c3-tooltip-container {
	z-index: 10;
}
.c3-tooltip {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: $white;
	empty-cells: show;
	-webkit-box-shadow: 7px 7px 12px -9px $color_66;
	-moz-box-shadow: 7px 7px 12px -9px $color_66;
	box-shadow: 7px 7px 12px -9px $color_66;
	opacity: .9;
	tr {
		border: $b-width-1 $solid $color_103;
	}
	th {
		background-color: $color_286;
		font-size: 14px;
		padding: 2px $p-5;
		text-align: $align-left;
		color: $white;
	}
	td {
		font-size: 13px;
		padding: 3px 6px;
		background-color: $white;
		border-left: $b-width-1 $dot $color_299;
		>span {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin-right: 6px;
		}
	}
	td.value {
		text-align: $align-right;
	}
}
.c3-area {
	stroke-width: 0;
	opacity: .2;
}
.c3-chart-arcs-title {
	dominant-baseline: middle;
	font-size: 1.3em;
}
.c3-chart-arcs {
	.c3-chart-arcs-background {
		fill: $color_509;
		stroke: none;
	}
	.c3-chart-arcs-gauge-unit {
		fill: $black;
		font-size: $fs-16;
	}
	.c3-chart-arcs-gauge-max {
		fill: $color_66;
	}
	.c3-chart-arcs-gauge-min {
		fill: $color_66;
	}
}