1/*-- Chart --*/
2.c3 svg {
3  font: 10px sans-serif;
4  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
5}
6
7.c3 path, .c3 line {
8  fill: none;
9  stroke: #000;
10}
11
12.c3 text {
13  -webkit-user-select: none;
14  -moz-user-select: none;
15  user-select: none;
16}
17
18.c3-legend-item-tile,
19.c3-xgrid-focus,
20.c3-ygrid,
21.c3-event-rect,
22.c3-bars path {
23  shape-rendering: crispEdges;
24}
25
26.c3-chart-arc path {
27  stroke: #fff;
28}
29
30.c3-chart-arc rect {
31  stroke: white;
32  stroke-width: 1;
33}
34
35.c3-chart-arc text {
36  fill: #fff;
37  font-size: 13px;
38}
39
40/*-- Axis --*/
41/*-- Grid --*/
42.c3-grid line {
43  stroke: #aaa;
44}
45
46.c3-grid text {
47  fill: #aaa;
48}
49
50.c3-xgrid, .c3-ygrid {
51  stroke-dasharray: 3 3;
52}
53
54/*-- Text on Chart --*/
55.c3-text.c3-empty {
56  fill: #808080;
57  font-size: 2em;
58}
59
60/*-- Line --*/
61.c3-line {
62  stroke-width: 1px;
63}
64
65/*-- Point --*/
66.c3-circle {
67  fill: currentColor;
68}
69
70.c3-circle._expanded_ {
71  stroke-width: 1px;
72  stroke: white;
73}
74
75.c3-selected-circle {
76  fill: white;
77  stroke-width: 2px;
78}
79
80/*-- Bar --*/
81.c3-bar {
82  stroke-width: 0;
83}
84
85.c3-bar._expanded_ {
86  fill-opacity: 1;
87  fill-opacity: 0.75;
88}
89
90/*-- Focus --*/
91.c3-target.c3-focused {
92  opacity: 1;
93}
94
95.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
96  stroke-width: 2px;
97}
98
99.c3-target.c3-defocused {
100  opacity: 0.3 !important;
101}
102
103/*-- Region --*/
104.c3-region {
105  fill: steelblue;
106  fill-opacity: 0.1;
107}
108.c3-region text {
109  fill-opacity: 1;
110}
111
112/*-- Brush --*/
113.c3-brush .extent {
114  fill-opacity: 0.1;
115}
116
117/*-- Select - Drag --*/
118/*-- Legend --*/
119.c3-legend-item {
120  font-size: 12px;
121}
122
123.c3-legend-item-hidden {
124  opacity: 0.15;
125}
126
127.c3-legend-background {
128  opacity: 0.75;
129  fill: white;
130  stroke: lightgray;
131  stroke-width: 1;
132}
133
134/*-- Title --*/
135.c3-title {
136  font: 14px sans-serif;
137}
138
139/*-- Tooltip --*/
140.c3-tooltip-container {
141  z-index: 10;
142}
143
144.c3-tooltip {
145  border-collapse: collapse;
146  border-spacing: 0;
147  background-color: #fff;
148  empty-cells: show;
149  -webkit-box-shadow: 7px 7px 12px -9px #777777;
150  -moz-box-shadow: 7px 7px 12px -9px #777777;
151  box-shadow: 7px 7px 12px -9px #777777;
152  opacity: 0.9;
153}
154
155.c3-tooltip tr {
156  border: 1px solid #CCC;
157}
158
159.c3-tooltip th {
160  background-color: #aaa;
161  font-size: 14px;
162  padding: 2px 5px;
163  text-align: left;
164  color: #FFF;
165}
166
167.c3-tooltip td {
168  font-size: 13px;
169  padding: 3px 6px;
170  background-color: #fff;
171  border-left: 1px dotted #999;
172}
173
174.c3-tooltip td > span {
175  display: inline-block;
176  width: 10px;
177  height: 10px;
178  margin-right: 6px;
179}
180
181.c3-tooltip .value {
182  text-align: right;
183}
184
185/*-- Area --*/
186.c3-area {
187  stroke-width: 0;
188  opacity: 0.2;
189}
190
191/*-- Arc --*/
192.c3-chart-arcs-title {
193  dominant-baseline: middle;
194  font-size: 1.3em;
195}
196
197.c3-chart-arcs .c3-chart-arcs-background {
198  fill: #e0e0e0;
199  stroke: #FFF;
200}
201
202.c3-chart-arcs .c3-chart-arcs-gauge-unit {
203  fill: #000;
204  font-size: 16px;
205}
206
207.c3-chart-arcs .c3-chart-arcs-gauge-max {
208  fill: #777;
209}
210
211.c3-chart-arcs .c3-chart-arcs-gauge-min {
212  fill: #777;
213}
214
215.c3-chart-arc .c3-gauge-value {
216  fill: #000;
217  /*  font-size: 28px !important;*/
218}
219
220.c3-chart-arc.c3-target g path {
221  opacity: 1;
222}
223
224.c3-chart-arc.c3-target.c3-focused g path {
225  opacity: 1;
226}
227
228/*-- Zoom --*/
229.c3-drag-zoom.enabled {
230  pointer-events: all !important;
231  visibility: visible;
232}
233
234.c3-drag-zoom.disabled {
235  pointer-events: none !important;
236  visibility: hidden;
237}
238
239.c3-drag-zoom .extent {
240  fill-opacity: 0.1;
241}
242