/*-- Chart --*/

.c3 {
	svg {
	  font: 10px sans-serif;
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
  
	path, line {
	  fill: none;
	  stroke: #000;
	}
  
	text {
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  user-select: none;
	}
  }
  
  .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
	shape-rendering: crispEdges;
  }
  
  .c3-chart-arc {
	path {
	  stroke: #fff;
	}
  
	rect {
	  stroke: white;
	  stroke-width: 1;
	}
  
	text {
	  fill: #fff;
	  font-size: 13px;
	}
  }
  
  /*-- Axis --*/
  /*-- Grid --*/
  
  .c3-grid {
	line {
	  stroke: #aaa;
	}
  
	text {
	  fill: #aaa;
	}
  }
  
  .c3-xgrid, .c3-ygrid {
	stroke-dasharray: 3 3;
  }
  
  /*-- Text on Chart --*/
  
  .c3-text.c3-empty {
	fill: #808080;
	font-size: 2em;
  }
  
  /*-- Line --*/
  
  .c3-line {
	stroke-width: 1px;
  }
  
  /*-- Point --*/
  
  .c3-circle {
	fill: currentColor;
  
	&._expanded_ {
	  stroke-width: 1px;
	  stroke: white;
	}
  }
  
  .c3-selected-circle {
	fill: white;
	stroke-width: 2px;
  }
  
  /*-- Bar --*/
  
  .c3-bar {
	stroke-width: 0;
  
	&._expanded_ {
	  fill-opacity: 1;
	  fill-opacity: 0.75;
	}
  }
  
  /*-- Focus --*/
  
  .c3-target {
	&.c3-focused {
	  opacity: 1;
  
	  path {
		&.c3-line, &.c3-step {
		  stroke-width: 2px;
		}
	  }
	}
  
	&.c3-defocused {
	  opacity: 0.3 !important;
	}
  }
  
  /*-- Region --*/
  
  .c3-region {
	fill: steelblue;
	fill-opacity: 0.1;
  
	text {
	  fill-opacity: 1;
	}
  }
  
  /*-- Brush --*/
  
  .c3-brush .extent {
	fill-opacity: 0.1;
  }
  
  /*-- Select - Drag --*/
  /*-- Legend --*/
  
  .c3-legend-item {
	font-size: 12px;
  }
  
  .c3-legend-item-hidden {
	opacity: 0.15;
  }
  
  .c3-legend-background {
	opacity: 0.75;
	fill: white;
	stroke: lightgray;
	stroke-width: 1;
  }
  
  /*-- Title --*/
  
  .c3-title {
	font: 14px sans-serif;
  }
  
  /*-- Tooltip --*/
  
  .c3-tooltip-container {
	z-index: 10;
  }
  
  .c3-tooltip {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
	-webkit-box-shadow: 7px 7px 12px -9px #777777;
	-moz-box-shadow: 7px 7px 12px -9px #777777;
	box-shadow: 7px 7px 12px -9px #777777;
	opacity: 0.9;
  
	tr {
	  border: 1px solid #CCC;
	}
  
	th {
	  background-color: #aaa;
	  font-size: 14px;
	  padding: 2px 5px;
	  text-align: left;
	  color: #FFF;
	}
  
	td {
	  font-size: 13px;
	  padding: 3px 6px;
	  background-color: #fff;
	  border-left: 1px dotted #999;
  
	  > span {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-right: 6px;
	  }
	}
  
	.value {
	  text-align: right;
	}
  }
  
  /*-- Area --*/
  
  .c3-area {
	stroke-width: 0;
	opacity: 0.2;
  }
  
  /*-- Arc --*/
  
  .c3-chart-arcs-title {
	dominant-baseline: middle;
	font-size: 1.3em;
  }
  
  .c3-chart-arcs {
	.c3-chart-arcs-background {
	  fill: #e0e0e0;
	  stroke: #FFF;
	}
  
	.c3-chart-arcs-gauge-unit {
	  fill: #000;
	  font-size: 16px;
	}
  
	.c3-chart-arcs-gauge-max, .c3-chart-arcs-gauge-min {
	  fill: #777;
	}
  }
  
  .c3-chart-arc {
	.c3-gauge-value {
	  fill: #000;
  
	  /*  font-size: 28px !important;*/
	}
  
	&.c3-target {
	  g path, &.c3-focused g path {
		opacity: 1;
	  }
	}
  }
  
  /*-- Zoom --*/
  
  .c3-drag-zoom {
	&.enabled {
	  pointer-events: all !important;
	  visibility: visible;
	}
  
	&.disabled {
	  pointer-events: none !important;
	  visibility: hidden;
	}
  
	.extent {
	  fill-opacity: 0.1;
	}
  }

  .c3-legend-background {
	fill: transparent;
	stroke: none;
  }