/*-- Chart --*/
.c3 svg {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c3 text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c3 path,
.c3 line {
  fill: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc rect {
  stroke: white;
  stroke-width: 1;
}

.c3-xgrid,
.c3-ygrid {
  stroke-dasharray: 3 3;
}

.c3-line {
  stroke-width: 1px;
}

.c3-circle {
  fill: currentColor;
}

.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: 1;
  fill-opacity: 0.75;
}

.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

.c3-region text {
  fill-opacity: 1;
}

.c3-brush .extent {
  fill-opacity: 0.1;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arc.c3-target g path {
  opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

.c3-drag-zoom.enabled {
  pointer-events: all !important;
  visibility: visible;
}

.c3-drag-zoom.disabled {
  pointer-events: none !important;
  visibility: hidden;
}

.c3-drag-zoom .extent {
  fill-opacity: 0.1;
}

.c3-text.c3-empty {
  font-size: 2em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  stroke: none;
}

.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
}

.c3-tooltip,
.c3-tooltip tr,
.c3-tooltip th,
.c3-tooltip td {
  border: none;
  background: none !important;
}

.c3-tooltip td.value {
  text-align: right;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.light-style .c3 svg {
  font: 11px "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.light-style .c3 path,
.light-style .c3 line {
  stroke: rgba(24, 28, 33, 0.1);
}

.light-style .c3 text {
  fill: #4E5155;
}

.light-style .c3-chart-arc path {
  stroke: #fff;
}

.light-style .c3-chart-arc text {
  font-size: 0.75rem;
  fill: #fff;
}

.light-style .c3-grid line {
  stroke: rgba(24, 28, 33, 0.1);
}

.light-style .c3-grid text {
  fill: rgba(24, 28, 33, 0.1);
}

.light-style .c3-text.c3-empty {
  fill: #a3a4a6;
}

.light-style .c3-legend-item {
  font-size: 0.75rem;
}

.light-style .c3-title {
  font: 0.894rem "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.light-style .c3-chart-arcs .c3-chart-arcs-background {
  fill: rgba(24, 28, 33, 0.06);
  stroke: none;
}

.light-style .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  font-size: 1rem;
  fill: #4E5155;
}

.light-style .c3-chart-arcs .c3-chart-arcs-gauge-max,
.light-style .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #4E5155;
}

.light-style .c3-chart-arc .c3-gauge-value {
  fill: #4E5155;
}

.light-style .c3-tooltip-container {
  background-color: #46494d;
  padding: 6px;
  border-radius: 0.25rem;
}

.light-style .c3-tooltip,
.light-style .c3-tooltip tr,
.light-style .c3-tooltip th,
.light-style .c3-tooltip td {
  color: #fff;
  font-size: 0.75rem;
}

.light-style .c3-tooltip th {
  padding: 0 6px;
}

.light-style .c3-tooltip td {
  padding: 0 6px;
}

.light-style .c3-tooltip td > span {
  margin-right: 6px;
}

.material-style .c3 svg {
  font: 11px "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.material-style .c3 path,
.material-style .c3 line {
  stroke: rgba(24, 28, 33, 0.1);
}

.material-style .c3 text {
  fill: #4E5155;
}

.material-style .c3-chart-arc path {
  stroke: #fff;
}

.material-style .c3-chart-arc text {
  font-size: 0.75rem;
  fill: #fff;
}

.material-style .c3-grid line {
  stroke: rgba(24, 28, 33, 0.1);
}

.material-style .c3-grid text {
  fill: rgba(24, 28, 33, 0.1);
}

.material-style .c3-text.c3-empty {
  fill: #a3a4a6;
}

.material-style .c3-legend-item {
  font-size: 0.75rem;
}

.material-style .c3-title {
  font: 0.894rem "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.material-style .c3-chart-arcs .c3-chart-arcs-background {
  fill: rgba(24, 28, 33, 0.06);
  stroke: none;
}

.material-style .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  font-size: 1rem;
  fill: #4E5155;
}

.material-style .c3-chart-arcs .c3-chart-arcs-gauge-max,
.material-style .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #4E5155;
}

.material-style .c3-chart-arc .c3-gauge-value {
  fill: #4E5155;
}

.material-style .c3-tooltip-container {
  background-color: #46494d;
  padding: 6px;
  border-radius: 0.125rem;
}

.material-style .c3-tooltip,
.material-style .c3-tooltip tr,
.material-style .c3-tooltip th,
.material-style .c3-tooltip td {
  color: #fff;
  font-size: 0.75rem;
}

.material-style .c3-tooltip th {
  padding: 0 6px;
}

.material-style .c3-tooltip td {
  padding: 0 6px;
}

.material-style .c3-tooltip td > span {
  margin-right: 6px;
}

.dark-style .c3 svg {
  font: 11px "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.dark-style .c3 path,
.dark-style .c3 line {
  stroke: rgba(255, 255, 255, 0.1);
}

.dark-style .c3 text {
  fill: #fff;
}

.dark-style .c3-chart-arc path {
  stroke: #fff;
}

.dark-style .c3-chart-arc text {
  font-size: 0.75rem;
  fill: #fff;
}

.dark-style .c3-grid line {
  stroke: rgba(255, 255, 255, 0.1);
}

.dark-style .c3-grid text {
  fill: rgba(255, 255, 255, 0.1);
}

.dark-style .c3-text.c3-empty {
  fill: #a8a9ab;
}

.dark-style .c3-legend-item {
  font-size: 0.75rem;
}

.dark-style .c3-title {
  font: 0.894rem "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.dark-style .c3-chart-arcs .c3-chart-arcs-background {
  fill: rgba(255, 255, 255, 0.06);
  stroke: none;
}

.dark-style .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  font-size: 1rem;
  fill: #fff;
}

.dark-style .c3-chart-arcs .c3-chart-arcs-gauge-max,
.dark-style .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #fff;
}

.dark-style .c3-chart-arc .c3-gauge-value {
  fill: #fff;
}

.dark-style .c3-tooltip-container {
  background-color: #3b3e43;
  padding: 6px;
  border-radius: 0.25rem;
}

.dark-style .c3-tooltip,
.dark-style .c3-tooltip tr,
.dark-style .c3-tooltip th,
.dark-style .c3-tooltip td {
  color: #fff;
  font-size: 0.75rem;
}

.dark-style .c3-tooltip th {
  padding: 0 6px;
}

.dark-style .c3-tooltip td {
  padding: 0 6px;
}

.dark-style .c3-tooltip td > span {
  margin-right: 6px;
}

