chart-services 1.14.1 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babel.config.js +3 -0
- package/dist/chart-services.css +1 -740
- package/dist/chart-services.js +1 -10
- package/package.json +35 -19
- package/rollup.config.js +105 -0
- package/types/index.d.ts +2 -6
- package/webpack.config.babel.js +45 -8
- package/.babelrc +0 -7
package/dist/chart-services.css
CHANGED
|
@@ -1,740 +1 @@
|
|
|
1
|
-
.cross_table_view {
|
|
2
|
-
background-color: rgba(0, 0, 0, 0);
|
|
3
|
-
font-size: 10px;
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
height: 100%;
|
|
6
|
-
z-index: 20;
|
|
7
|
-
position: relative;
|
|
8
|
-
/*padding-left: 10px;*/
|
|
9
|
-
/*padding-top: 10px;*/
|
|
10
|
-
}
|
|
11
|
-
.cross_table_view a {
|
|
12
|
-
color: inherit;
|
|
13
|
-
}
|
|
14
|
-
.cross_table_view a.hide {
|
|
15
|
-
display: none;
|
|
16
|
-
}
|
|
17
|
-
.cross_table_view .toolbar {
|
|
18
|
-
z-index: 20;
|
|
19
|
-
}
|
|
20
|
-
.cross_table_view .toolbar .info {
|
|
21
|
-
display: flex;
|
|
22
|
-
padding: 0 2px;
|
|
23
|
-
margin: 0;
|
|
24
|
-
color: #333333;
|
|
25
|
-
text-align: left;
|
|
26
|
-
}
|
|
27
|
-
.cross_table_view .toolbar .info .exportBnt {
|
|
28
|
-
margin-right: 5px;
|
|
29
|
-
}
|
|
30
|
-
.cross_table_view .toolbar .info .title {
|
|
31
|
-
flex-grow: 1;
|
|
32
|
-
}
|
|
33
|
-
.cross_table_view .toolbar .info .sub-title {
|
|
34
|
-
font-size: 12px;
|
|
35
|
-
color: #8e8f92;
|
|
36
|
-
}
|
|
37
|
-
.cross_table_view .table-container {
|
|
38
|
-
z-index: 20;
|
|
39
|
-
overflow: auto;
|
|
40
|
-
position: relative;
|
|
41
|
-
}
|
|
42
|
-
.cross_table_view .skip-cell {
|
|
43
|
-
display: none;
|
|
44
|
-
}
|
|
45
|
-
.cross_table_view table {
|
|
46
|
-
/*border-right: @borderStyle;*/
|
|
47
|
-
margin-bottom: 0;
|
|
48
|
-
/*table-layout: fixed;*/
|
|
49
|
-
width: auto;
|
|
50
|
-
border-collapse: separate;
|
|
51
|
-
border-spacing: 0;
|
|
52
|
-
/*font-size: 10px;*/
|
|
53
|
-
}
|
|
54
|
-
.cross_table_view table td.fix_col {
|
|
55
|
-
z-index: 2;
|
|
56
|
-
}
|
|
57
|
-
.cross_table_view table td.column_header {
|
|
58
|
-
z-index: 3;
|
|
59
|
-
}
|
|
60
|
-
.cross_table_view table td.column_header.fix_col {
|
|
61
|
-
z-index: 5;
|
|
62
|
-
}
|
|
63
|
-
.cross_table_view table td.column_header.sub-fix {
|
|
64
|
-
z-index: 4;
|
|
65
|
-
}
|
|
66
|
-
.cross_table_view table td.column_header.last {
|
|
67
|
-
border-bottom: 1px solid #d5d5d5;
|
|
68
|
-
}
|
|
69
|
-
.cross_table_view table tr.sum td.fix_col {
|
|
70
|
-
z-index: 3;
|
|
71
|
-
}
|
|
72
|
-
.cross_table_view table tr.sum td {
|
|
73
|
-
z-index: 1;
|
|
74
|
-
}
|
|
75
|
-
.cross_table_view table.no_col_header tr:first-child td {
|
|
76
|
-
border-top: 1px solid #d5d5d5;
|
|
77
|
-
}
|
|
78
|
-
.cross_table_view table .sort {
|
|
79
|
-
margin-left: 3px;
|
|
80
|
-
cursor: pointer;
|
|
81
|
-
padding: 2px;
|
|
82
|
-
}
|
|
83
|
-
.cross_table_view table .sort i.fa {
|
|
84
|
-
transform: scale(0.75);
|
|
85
|
-
}
|
|
86
|
-
.cross_table_view table .sort:hover {
|
|
87
|
-
color: rgba(47, 165, 255, 0.75);
|
|
88
|
-
text-shadow: 0 0 1px #ffffff;
|
|
89
|
-
}
|
|
90
|
-
.cross_table_view table thead {
|
|
91
|
-
user-select: none;
|
|
92
|
-
}
|
|
93
|
-
.cross_table_view table thead .value_header {
|
|
94
|
-
cursor: pointer;
|
|
95
|
-
}
|
|
96
|
-
.cross_table_view table thead .value_header sup i.fa {
|
|
97
|
-
cursor: help;
|
|
98
|
-
}
|
|
99
|
-
.cross_table_view table thead tr:last-child th,
|
|
100
|
-
.cross_table_view table thead tr:last-child td {
|
|
101
|
-
border-bottom: 1px solid #d5d5d5;
|
|
102
|
-
}
|
|
103
|
-
.cross_table_view table thead sup[comment] {
|
|
104
|
-
cursor: help;
|
|
105
|
-
}
|
|
106
|
-
.cross_table_view table tbody tr:hover td,
|
|
107
|
-
.cross_table_view table tbody tr:hover th {
|
|
108
|
-
background-color: rgba(199, 199, 199, 0.6);
|
|
109
|
-
}
|
|
110
|
-
.cross_table_view table tbody tr:first-child th,
|
|
111
|
-
.cross_table_view table tbody tr:first-child td {
|
|
112
|
-
border-top: none;
|
|
113
|
-
}
|
|
114
|
-
.cross_table_view table tbody tr:last-child th,
|
|
115
|
-
.cross_table_view table tbody tr:last-child td {
|
|
116
|
-
border-bottom: 1px solid #d5d5d5;
|
|
117
|
-
}
|
|
118
|
-
.cross_table_view table tbody tr th.last,
|
|
119
|
-
.cross_table_view table tbody tr td.last {
|
|
120
|
-
border-bottom: 1px solid #d5d5d5;
|
|
121
|
-
}
|
|
122
|
-
.cross_table_view table td,
|
|
123
|
-
.cross_table_view table th {
|
|
124
|
-
position: -webkit-sticky;
|
|
125
|
-
/* for Safari */
|
|
126
|
-
position: sticky;
|
|
127
|
-
}
|
|
128
|
-
.cross_table_view table td.selected,
|
|
129
|
-
.cross_table_view table th.selected {
|
|
130
|
-
background-color: #BFDDF6 !important;
|
|
131
|
-
color: black !important;
|
|
132
|
-
}
|
|
133
|
-
.cross_table_view table td div,
|
|
134
|
-
.cross_table_view table th div {
|
|
135
|
-
/*border-left: @borderStyle;*/
|
|
136
|
-
/*border-top: @borderStyle;*/
|
|
137
|
-
/*text-align: right;*/
|
|
138
|
-
/*font-weight: normal;*/
|
|
139
|
-
padding: 3px 8px;
|
|
140
|
-
/*background: white;*/
|
|
141
|
-
align-items: center;
|
|
142
|
-
}
|
|
143
|
-
.cross_table_view table td.column_header div,
|
|
144
|
-
.cross_table_view table th.column_header div,
|
|
145
|
-
.cross_table_view table td.row_header div,
|
|
146
|
-
.cross_table_view table th.row_header div,
|
|
147
|
-
.cross_table_view table td.value_header div,
|
|
148
|
-
.cross_table_view table th.value_header div {
|
|
149
|
-
display: flex;
|
|
150
|
-
justify-content: center;
|
|
151
|
-
}
|
|
152
|
-
.cross_table_view table td.column_header,
|
|
153
|
-
.cross_table_view table th.column_header,
|
|
154
|
-
.cross_table_view table td.row_header,
|
|
155
|
-
.cross_table_view table th.row_header {
|
|
156
|
-
text-align: center;
|
|
157
|
-
}
|
|
158
|
-
.cross_table_view table td.data div {
|
|
159
|
-
white-space: nowrap;
|
|
160
|
-
}
|
|
161
|
-
.cross_table_view table tr td {
|
|
162
|
-
border-right: 1px solid #d5d5d5;
|
|
163
|
-
}
|
|
164
|
-
.cross_table_view table tr td.header_empty {
|
|
165
|
-
border-top: 1px solid #d5d5d5;
|
|
166
|
-
z-index: 1;
|
|
167
|
-
}
|
|
168
|
-
.cross_table_view table tr td.row_header {
|
|
169
|
-
border-top: 1px solid #d5d5d5;
|
|
170
|
-
text-align: center;
|
|
171
|
-
}
|
|
172
|
-
.cross_table_view table tr td.col {
|
|
173
|
-
border-top: 1px solid #d5d5d5;
|
|
174
|
-
}
|
|
175
|
-
.cross_table_view table tr td.all_null {
|
|
176
|
-
background: none;
|
|
177
|
-
border: 0;
|
|
178
|
-
}
|
|
179
|
-
.cross_table_view table tr td.row_null {
|
|
180
|
-
border-left: 1px solid #d5d5d5;
|
|
181
|
-
}
|
|
182
|
-
.cross_table_view table tr td.col_null {
|
|
183
|
-
border-left: 0;
|
|
184
|
-
border-top: 1px solid #d5d5d5;
|
|
185
|
-
}
|
|
186
|
-
.cross_table_view table tr td .header_key {
|
|
187
|
-
font-weight: bold;
|
|
188
|
-
}
|
|
189
|
-
.cross_table_view table tr th.data,
|
|
190
|
-
.cross_table_view table tr td.data,
|
|
191
|
-
.cross_table_view table tr th.column_header,
|
|
192
|
-
.cross_table_view table tr td.column_header {
|
|
193
|
-
border-right: 1px solid #d5d5d5;
|
|
194
|
-
border-top: 1px solid #d5d5d5;
|
|
195
|
-
text-align: center;
|
|
196
|
-
}
|
|
197
|
-
.cross_table_view table tr th.column_header.sum_header div,
|
|
198
|
-
.cross_table_view table tr td.column_header.sum_header div {
|
|
199
|
-
justify-content: center;
|
|
200
|
-
}
|
|
201
|
-
.cross_table_view table tr th.sub_sum.column_header,
|
|
202
|
-
.cross_table_view table tr td.sub_sum.column_header {
|
|
203
|
-
border-top: none;
|
|
204
|
-
}
|
|
205
|
-
.cross_table_view table tr th.sub_sum.row_header,
|
|
206
|
-
.cross_table_view table tr td.sub_sum.row_header {
|
|
207
|
-
border-left: none;
|
|
208
|
-
}
|
|
209
|
-
.cross_table_view table tr th[nth="0"],
|
|
210
|
-
.cross_table_view table tr td:first-child {
|
|
211
|
-
border-left: 1px solid #d5d5d5;
|
|
212
|
-
}
|
|
213
|
-
.cross_table_view table tr td.data .data-wrapper {
|
|
214
|
-
position: relative;
|
|
215
|
-
}
|
|
216
|
-
.cross_table_view table tr td.data .heat-bar {
|
|
217
|
-
position: absolute;
|
|
218
|
-
z-index: -1;
|
|
219
|
-
height: calc(100% - 6px);
|
|
220
|
-
}
|
|
221
|
-
.cross_table_view table tr td.data.link[data]:not([data='undefined']) {
|
|
222
|
-
text-decoration-line: underline;
|
|
223
|
-
}
|
|
224
|
-
.cross_table_view table tr td.sum_data,
|
|
225
|
-
.cross_table_view table tr td.sub_sum {
|
|
226
|
-
background: rgba(241, 241, 241, 0.44);
|
|
227
|
-
}
|
|
228
|
-
.cross_table_view table tr td.data.link:hover,
|
|
229
|
-
.cross_table_view table tr td .sum_data.link:hover {
|
|
230
|
-
background-color: #999;
|
|
231
|
-
font-weight: bold;
|
|
232
|
-
cursor: pointer;
|
|
233
|
-
}
|
|
234
|
-
.cross_table_view table .table_drill_cell,
|
|
235
|
-
.cross_table_view table .link_header {
|
|
236
|
-
font-weight: bold;
|
|
237
|
-
font-style: italic;
|
|
238
|
-
text-decoration: underline;
|
|
239
|
-
cursor: pointer;
|
|
240
|
-
/*text-decoration-style: dotted;*/
|
|
241
|
-
}
|
|
242
|
-
.cross_table_view table .table_drill_cell.hover,
|
|
243
|
-
.cross_table_view table .link_header.hover {
|
|
244
|
-
background-color: #999;
|
|
245
|
-
color: white !important;
|
|
246
|
-
}
|
|
247
|
-
.cross_table_view table .table {
|
|
248
|
-
width: 100%;
|
|
249
|
-
max-width: 100%;
|
|
250
|
-
margin-bottom: 20px;
|
|
251
|
-
}
|
|
252
|
-
.cross_table_view table tfoot th {
|
|
253
|
-
text-align: center;
|
|
254
|
-
font-weight: bold;
|
|
255
|
-
border-top: 1px solid #d5d5d5;
|
|
256
|
-
border-left: 1px solid #d5d5d5;
|
|
257
|
-
}
|
|
258
|
-
.cross_table_view table tfoot td {
|
|
259
|
-
border-top: 1px solid #d5d5d5;
|
|
260
|
-
border-left: 1px solid #d5d5d5;
|
|
261
|
-
}
|
|
262
|
-
.cross_table_view .toolbar {
|
|
263
|
-
font-size: 12px;
|
|
264
|
-
margin-bottom: 7px;
|
|
265
|
-
text-align: left;
|
|
266
|
-
/*box-shadow: 1px 1px 5px #ccc;*/
|
|
267
|
-
/*background-color: #F9F9F9;*/
|
|
268
|
-
}
|
|
269
|
-
.cross_table_view .toolbar .exportBnt {
|
|
270
|
-
background-size: cover;
|
|
271
|
-
}
|
|
272
|
-
.cross_table_view .footer {
|
|
273
|
-
display: flex;
|
|
274
|
-
justify-content: space-between;
|
|
275
|
-
align-items: center;
|
|
276
|
-
margin: 5px 1px;
|
|
277
|
-
user-select: none;
|
|
278
|
-
top: -8px;
|
|
279
|
-
font-weight: bold;
|
|
280
|
-
font-size: 14px;
|
|
281
|
-
color: #333333;
|
|
282
|
-
}
|
|
283
|
-
.cross_table_view .footer .tbl-info {
|
|
284
|
-
line-height: 24px;
|
|
285
|
-
}
|
|
286
|
-
.cross_table_view .footer .optionNum {
|
|
287
|
-
top: 5px;
|
|
288
|
-
white-space: nowrap;
|
|
289
|
-
}
|
|
290
|
-
.cross_table_view .footer .optionNum select {
|
|
291
|
-
background-color: transparent;
|
|
292
|
-
border-radius: 4px;
|
|
293
|
-
padding: 3px;
|
|
294
|
-
border: 1px solid #999;
|
|
295
|
-
}
|
|
296
|
-
.cross_table_view .footer .optionNum select option {
|
|
297
|
-
text-align: center;
|
|
298
|
-
}
|
|
299
|
-
.cross_table_view .footer .page {
|
|
300
|
-
display: flex;
|
|
301
|
-
justify-content: space-between;
|
|
302
|
-
align-items: baseline;
|
|
303
|
-
right: 0;
|
|
304
|
-
top: 0;
|
|
305
|
-
}
|
|
306
|
-
.cross_table_view .footer .page > ul {
|
|
307
|
-
list-style: none;
|
|
308
|
-
display: flex;
|
|
309
|
-
justify-content: space-between;
|
|
310
|
-
flex-flow: nowrap;
|
|
311
|
-
margin: 0;
|
|
312
|
-
}
|
|
313
|
-
.cross_table_view .footer .page > ul li {
|
|
314
|
-
float: left;
|
|
315
|
-
min-width: 25px;
|
|
316
|
-
line-height: 28px;
|
|
317
|
-
padding: 0 4px;
|
|
318
|
-
cursor: pointer;
|
|
319
|
-
margin-left: 5px;
|
|
320
|
-
background-color: #f4f4f5;
|
|
321
|
-
text-align: center;
|
|
322
|
-
border: none;
|
|
323
|
-
border-radius: 3px;
|
|
324
|
-
}
|
|
325
|
-
.cross_table_view .footer .page > ul li.current {
|
|
326
|
-
background: #ccc;
|
|
327
|
-
}
|
|
328
|
-
.cross_table_view .footer .page > ul li.disable {
|
|
329
|
-
color: #C0C4CC;
|
|
330
|
-
cursor: not-allowed;
|
|
331
|
-
}
|
|
332
|
-
.cross_table_view .footer .page > ul li:hover {
|
|
333
|
-
background-color: #585858 !important;
|
|
334
|
-
color: white !important;
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
.metric-comment {
|
|
338
|
-
cursor: pointer;
|
|
339
|
-
}
|
|
340
|
-
.kpi-wrapper {
|
|
341
|
-
font-size: 14px;
|
|
342
|
-
height: 100%;
|
|
343
|
-
}
|
|
344
|
-
.kpi-wrapper .widget-title {
|
|
345
|
-
position: absolute;
|
|
346
|
-
width: calc(100% - 10px);
|
|
347
|
-
font-size: 18px;
|
|
348
|
-
font-weight: bold;
|
|
349
|
-
top: 5px;
|
|
350
|
-
left: 5px;
|
|
351
|
-
padding: 5px;
|
|
352
|
-
}
|
|
353
|
-
.kpi-wrapper .kpi-name {
|
|
354
|
-
font-weight: bold;
|
|
355
|
-
}
|
|
356
|
-
.kpi-wrapper .kpi-stat .kpi-crr,
|
|
357
|
-
.kpi-wrapper .kpi-stat .kpi-yoy {
|
|
358
|
-
margin-right: 5px;
|
|
359
|
-
white-space: nowrap;
|
|
360
|
-
}
|
|
361
|
-
.kpi-wrapper .tippy {
|
|
362
|
-
cursor: pointer;
|
|
363
|
-
}
|
|
364
|
-
.kpi-wrapper .card-style {
|
|
365
|
-
display: table;
|
|
366
|
-
position: relative;
|
|
367
|
-
height: 100%;
|
|
368
|
-
width: 100%;
|
|
369
|
-
margin-bottom: 0;
|
|
370
|
-
border-radius: 5px;
|
|
371
|
-
color: white;
|
|
372
|
-
}
|
|
373
|
-
.kpi-wrapper .card-style:first-child {
|
|
374
|
-
margin-left: 0;
|
|
375
|
-
}
|
|
376
|
-
.kpi-wrapper .card-style:last-child {
|
|
377
|
-
margin-right: 0;
|
|
378
|
-
}
|
|
379
|
-
.kpi-wrapper .card-style .inner {
|
|
380
|
-
padding: 10px;
|
|
381
|
-
display: table-cell;
|
|
382
|
-
vertical-align: middle;
|
|
383
|
-
}
|
|
384
|
-
.kpi-wrapper .card-style .inner .kpi-metric {
|
|
385
|
-
font-size: 20px;
|
|
386
|
-
font-weight: bold;
|
|
387
|
-
}
|
|
388
|
-
.kpi-wrapper .card-style .inner .info-title {
|
|
389
|
-
font-size: medium;
|
|
390
|
-
font-weight: bold;
|
|
391
|
-
width: 100%;
|
|
392
|
-
}
|
|
393
|
-
.kpi-wrapper .card-style .kpi-icon {
|
|
394
|
-
position: absolute;
|
|
395
|
-
right: 5%;
|
|
396
|
-
top: 50%;
|
|
397
|
-
transform: translateY(-50%);
|
|
398
|
-
font-size: 60px;
|
|
399
|
-
color: rgba(0, 0, 0, 0.15);
|
|
400
|
-
}
|
|
401
|
-
.kpi-wrapper .card-style:hover .kpi-icon {
|
|
402
|
-
font-size: 65px;
|
|
403
|
-
}
|
|
404
|
-
.kpi-wrapper .plain-style {
|
|
405
|
-
width: inherit;
|
|
406
|
-
font-family: 'Silom', 'Microsoft YaHei', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
407
|
-
font-weight: bold;
|
|
408
|
-
display: flex;
|
|
409
|
-
align-items: center;
|
|
410
|
-
justify-content: center;
|
|
411
|
-
flex-grow: 1;
|
|
412
|
-
}
|
|
413
|
-
.kpi-wrapper .plain-style .inner {
|
|
414
|
-
width: 100%;
|
|
415
|
-
}
|
|
416
|
-
.kpi-wrapper .brick-style {
|
|
417
|
-
display: flex;
|
|
418
|
-
width: 100%;
|
|
419
|
-
align-items: center;
|
|
420
|
-
justify-content: center;
|
|
421
|
-
}
|
|
422
|
-
.kpi-wrapper .brick-style .kpi-metric {
|
|
423
|
-
position: relative;
|
|
424
|
-
display: flex;
|
|
425
|
-
align-items: center;
|
|
426
|
-
justify-content: center;
|
|
427
|
-
}
|
|
428
|
-
.kpi-wrapper .brick-style .kpi-metric .kpi-name {
|
|
429
|
-
position: absolute;
|
|
430
|
-
top: 0;
|
|
431
|
-
transform: translateY(-110%);
|
|
432
|
-
}
|
|
433
|
-
.kpi-wrapper .brick-style .kpi-metric .prefix {
|
|
434
|
-
position: absolute;
|
|
435
|
-
font-size: 30px;
|
|
436
|
-
color: #314252;
|
|
437
|
-
left: 0;
|
|
438
|
-
bottom: 0;
|
|
439
|
-
transform: translateX(-110%);
|
|
440
|
-
}
|
|
441
|
-
.kpi-wrapper .brick-style .kpi-metric .suffix {
|
|
442
|
-
position: absolute;
|
|
443
|
-
font-size: 30px;
|
|
444
|
-
color: #314252;
|
|
445
|
-
right: 0;
|
|
446
|
-
bottom: 0;
|
|
447
|
-
transform: translateX(110%);
|
|
448
|
-
}
|
|
449
|
-
.kpi-wrapper .brick-style .kpi-metric .brick {
|
|
450
|
-
display: flex;
|
|
451
|
-
align-items: center;
|
|
452
|
-
justify-content: center;
|
|
453
|
-
width: 40px;
|
|
454
|
-
height: 60px;
|
|
455
|
-
font-size: 50px;
|
|
456
|
-
margin: 5px;
|
|
457
|
-
border-radius: 5px;
|
|
458
|
-
background: linear-gradient(to right, #314252, #697c8e);
|
|
459
|
-
color: #FEFA8C;
|
|
460
|
-
padding: 0 8px;
|
|
461
|
-
}
|
|
462
|
-
.kpi-wrapper .brick-style .kpi-metric .char {
|
|
463
|
-
display: flex;
|
|
464
|
-
align-items: center;
|
|
465
|
-
justify-content: center;
|
|
466
|
-
height: 60px;
|
|
467
|
-
font-size: 50px;
|
|
468
|
-
color: #314252;
|
|
469
|
-
}
|
|
470
|
-
.kpi-wrapper .brick-style .kpi-metric .kpi-stat {
|
|
471
|
-
position: absolute;
|
|
472
|
-
bottom: 0;
|
|
473
|
-
right: 0;
|
|
474
|
-
transform: translateY(110%);
|
|
475
|
-
}
|
|
476
|
-
.kpi-wrapper .main-sub {
|
|
477
|
-
display: grid;
|
|
478
|
-
grid-template-rows: 1.2fr 1px 1fr;
|
|
479
|
-
grid-template-columns: 1fr;
|
|
480
|
-
height: 100%;
|
|
481
|
-
text-align: center;
|
|
482
|
-
justify-content: center;
|
|
483
|
-
border: 1px solid #dcdfe6;
|
|
484
|
-
border-radius: 5px;
|
|
485
|
-
}
|
|
486
|
-
.kpi-wrapper .main-sub .main-kpi {
|
|
487
|
-
align-self: center;
|
|
488
|
-
font-size: 18px;
|
|
489
|
-
}
|
|
490
|
-
.kpi-wrapper .main-sub .main-kpi .main-metric {
|
|
491
|
-
font-weight: bold;
|
|
492
|
-
color: #5490B0;
|
|
493
|
-
}
|
|
494
|
-
.kpi-wrapper .main-sub .main-kpi .main-stat {
|
|
495
|
-
font-size: 15px;
|
|
496
|
-
}
|
|
497
|
-
.kpi-wrapper .main-sub .divider {
|
|
498
|
-
height: 1px;
|
|
499
|
-
margin: auto;
|
|
500
|
-
width: 95%;
|
|
501
|
-
}
|
|
502
|
-
.kpi-wrapper .main-sub .sub-kpi {
|
|
503
|
-
display: flex;
|
|
504
|
-
justify-content: center;
|
|
505
|
-
flex-direction: column;
|
|
506
|
-
height: 100%;
|
|
507
|
-
background: linear-gradient(to right, #c9c9c9, #f5f5f5);
|
|
508
|
-
}
|
|
509
|
-
.kpi-wrapper .main-sub .sub-kpi .sub-item {
|
|
510
|
-
display: grid;
|
|
511
|
-
grid-template-columns: 1fr 1fr;
|
|
512
|
-
grid-gap: 5px 15px;
|
|
513
|
-
}
|
|
514
|
-
.kpi-wrapper .main-sub .sub-kpi .sub-item .sub-name {
|
|
515
|
-
text-align: right;
|
|
516
|
-
font-weight: bold;
|
|
517
|
-
}
|
|
518
|
-
.kpi-wrapper .main-sub .sub-kpi .sub-item .sub-metric {
|
|
519
|
-
text-align: left;
|
|
520
|
-
}
|
|
521
|
-
.kpi-wrapper .table-title {
|
|
522
|
-
margin: 10px 5px;
|
|
523
|
-
width: calc(100% - 10px);
|
|
524
|
-
}
|
|
525
|
-
.kpi-wrapper table {
|
|
526
|
-
margin: 0 5px 5px 5px;
|
|
527
|
-
width: calc(100% - 10px);
|
|
528
|
-
font-size: 16px;
|
|
529
|
-
text-align: center;
|
|
530
|
-
border: 0;
|
|
531
|
-
border-bottom: 1px solid #d5d5d5;
|
|
532
|
-
border-right: 1px solid #d5d5d5;
|
|
533
|
-
}
|
|
534
|
-
.kpi-wrapper table tr th {
|
|
535
|
-
background: #888888;
|
|
536
|
-
white-space: nowrap;
|
|
537
|
-
color: white;
|
|
538
|
-
}
|
|
539
|
-
.kpi-wrapper table tr th.header-name {
|
|
540
|
-
text-align: right;
|
|
541
|
-
}
|
|
542
|
-
.kpi-wrapper table tr th.header-kpi,
|
|
543
|
-
.kpi-wrapper table tr th.header-stat {
|
|
544
|
-
text-align: right;
|
|
545
|
-
}
|
|
546
|
-
.kpi-wrapper table tr th,
|
|
547
|
-
.kpi-wrapper table tr td {
|
|
548
|
-
vertical-align: middle;
|
|
549
|
-
border: 0;
|
|
550
|
-
padding: 2px 6px;
|
|
551
|
-
border-left: 1px solid #d5d5d5;
|
|
552
|
-
border-top: 1px solid #d5d5d5;
|
|
553
|
-
}
|
|
554
|
-
.kpi-wrapper table tr th.info-title,
|
|
555
|
-
.kpi-wrapper table tr td.info-title {
|
|
556
|
-
text-align: right;
|
|
557
|
-
font-weight: bold;
|
|
558
|
-
}
|
|
559
|
-
.kpi-wrapper table tr th.body-kpi,
|
|
560
|
-
.kpi-wrapper table tr td.body-kpi,
|
|
561
|
-
.kpi-wrapper table tr th.stat-number,
|
|
562
|
-
.kpi-wrapper table tr td.stat-number {
|
|
563
|
-
text-align: right;
|
|
564
|
-
}
|
|
565
|
-
.kpi-wrapper table tr th.kpi-metric,
|
|
566
|
-
.kpi-wrapper table tr td.kpi-metric,
|
|
567
|
-
.kpi-wrapper table tr th.kpi-stat,
|
|
568
|
-
.kpi-wrapper table tr td.kpi-stat {
|
|
569
|
-
text-align: right;
|
|
570
|
-
}
|
|
571
|
-
.kpi-table {
|
|
572
|
-
display: flex;
|
|
573
|
-
flex-direction: column;
|
|
574
|
-
}
|
|
575
|
-
.kpi-table .table-container {
|
|
576
|
-
flex-grow: 1;
|
|
577
|
-
display: flex;
|
|
578
|
-
}
|
|
579
|
-
.kpi-tooltip {
|
|
580
|
-
display: flex;
|
|
581
|
-
justify-content: space-between;
|
|
582
|
-
min-width: 80px;
|
|
583
|
-
}
|
|
584
|
-
.kpi-tooltip label {
|
|
585
|
-
font-weight: bold;
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
.view-div .float-menu {
|
|
589
|
-
z-index: 30;
|
|
590
|
-
position: absolute;
|
|
591
|
-
top: 0;
|
|
592
|
-
right: 0;
|
|
593
|
-
display: flex;
|
|
594
|
-
}
|
|
595
|
-
.view-div .float-menu .drill-up-menu i {
|
|
596
|
-
transform: rotateX(180deg);
|
|
597
|
-
}
|
|
598
|
-
.view-div .float-menu .fa {
|
|
599
|
-
font-size: 12px;
|
|
600
|
-
}
|
|
601
|
-
.view-div .float-menu button {
|
|
602
|
-
cursor: pointer;
|
|
603
|
-
visibility: hidden;
|
|
604
|
-
height: 31px;
|
|
605
|
-
background-color: transparent;
|
|
606
|
-
display: flex;
|
|
607
|
-
align-items: center;
|
|
608
|
-
justify-content: center;
|
|
609
|
-
margin-left: 5px;
|
|
610
|
-
border: 1px solid rgba(217, 216, 216, 0.5);
|
|
611
|
-
border-radius: 3px;
|
|
612
|
-
}
|
|
613
|
-
.view-div .float-menu button:hover {
|
|
614
|
-
background-color: rgba(231, 231, 231, 0.34);
|
|
615
|
-
color: #81b9e2;
|
|
616
|
-
}
|
|
617
|
-
.view-div .float-menu button.active,
|
|
618
|
-
.view-div .float-menu button:active {
|
|
619
|
-
background-color: rgba(226, 226, 226, 0.27);
|
|
620
|
-
font-weight: bold;
|
|
621
|
-
}
|
|
622
|
-
.view-div .play-menu {
|
|
623
|
-
z-index: 30;
|
|
624
|
-
position: absolute;
|
|
625
|
-
right: 10px;
|
|
626
|
-
bottom: 15px;
|
|
627
|
-
display: flex;
|
|
628
|
-
}
|
|
629
|
-
.view-div .play-menu button {
|
|
630
|
-
border: 1px solid rgba(217, 216, 216, 0.5);
|
|
631
|
-
border-radius: 50%;
|
|
632
|
-
height: 40px;
|
|
633
|
-
width: 40px;
|
|
634
|
-
color: gray;
|
|
635
|
-
}
|
|
636
|
-
.view-div .play-menu button:hover {
|
|
637
|
-
color: #0e90d2;
|
|
638
|
-
border-color: #0e90d2;
|
|
639
|
-
}
|
|
640
|
-
.tippy-box[data-theme~='popup-menu'] .tippy-content {
|
|
641
|
-
padding: 5px 0;
|
|
642
|
-
}
|
|
643
|
-
ul.link-pop {
|
|
644
|
-
/*background-color: rgba(0, 0, 0, 0.7);*/
|
|
645
|
-
font-size: 12px;
|
|
646
|
-
padding: 0;
|
|
647
|
-
margin: 0;
|
|
648
|
-
}
|
|
649
|
-
ul.link-pop li {
|
|
650
|
-
cursor: pointer;
|
|
651
|
-
list-style-type: none;
|
|
652
|
-
padding: 5px 15px;
|
|
653
|
-
margin: 0 !important;
|
|
654
|
-
}
|
|
655
|
-
ul.link-pop li i {
|
|
656
|
-
color: #2980b9;
|
|
657
|
-
margin-right: 3px;
|
|
658
|
-
}
|
|
659
|
-
ul.link-pop li:hover {
|
|
660
|
-
background-color: #5e5757;
|
|
661
|
-
}
|
|
662
|
-
.contextmenu-drilldown .context-menu-item {
|
|
663
|
-
padding: 0.2em 2em;
|
|
664
|
-
}
|
|
665
|
-
|
|
666
|
-
.tippy-box[data-animation=fade][data-state=hidden] {
|
|
667
|
-
opacity: 0;
|
|
668
|
-
}
|
|
669
|
-
[data-tippy-root] {
|
|
670
|
-
max-width: calc(100vw - 10px);
|
|
671
|
-
}
|
|
672
|
-
.tippy-box {
|
|
673
|
-
position: relative;
|
|
674
|
-
background-color: #333;
|
|
675
|
-
color: #fff;
|
|
676
|
-
border-radius: 4px;
|
|
677
|
-
font-size: 14px;
|
|
678
|
-
line-height: 1.4;
|
|
679
|
-
white-space: normal;
|
|
680
|
-
outline: 0;
|
|
681
|
-
transition-property: transform, visibility, opacity;
|
|
682
|
-
}
|
|
683
|
-
.tippy-box[data-placement^=top] > .tippy-arrow {
|
|
684
|
-
bottom: 0;
|
|
685
|
-
}
|
|
686
|
-
.tippy-box[data-placement^=top] > .tippy-arrow:before {
|
|
687
|
-
bottom: -7px;
|
|
688
|
-
left: 0;
|
|
689
|
-
border-width: 8px 8px 0;
|
|
690
|
-
border-top-color: initial;
|
|
691
|
-
transform-origin: center top;
|
|
692
|
-
}
|
|
693
|
-
.tippy-box[data-placement^=bottom] > .tippy-arrow {
|
|
694
|
-
top: 0;
|
|
695
|
-
}
|
|
696
|
-
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
|
|
697
|
-
top: -7px;
|
|
698
|
-
left: 0;
|
|
699
|
-
border-width: 0 8px 8px;
|
|
700
|
-
border-bottom-color: initial;
|
|
701
|
-
transform-origin: center bottom;
|
|
702
|
-
}
|
|
703
|
-
.tippy-box[data-placement^=left] > .tippy-arrow {
|
|
704
|
-
right: 0;
|
|
705
|
-
}
|
|
706
|
-
.tippy-box[data-placement^=left] > .tippy-arrow:before {
|
|
707
|
-
border-width: 8px 0 8px 8px;
|
|
708
|
-
border-left-color: initial;
|
|
709
|
-
right: -7px;
|
|
710
|
-
transform-origin: center left;
|
|
711
|
-
}
|
|
712
|
-
.tippy-box[data-placement^=right] > .tippy-arrow {
|
|
713
|
-
left: 0;
|
|
714
|
-
}
|
|
715
|
-
.tippy-box[data-placement^=right] > .tippy-arrow:before {
|
|
716
|
-
left: -7px;
|
|
717
|
-
border-width: 8px 8px 8px 0;
|
|
718
|
-
border-right-color: initial;
|
|
719
|
-
transform-origin: center right;
|
|
720
|
-
}
|
|
721
|
-
.tippy-box[data-inertia][data-state=visible] {
|
|
722
|
-
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
|
|
723
|
-
}
|
|
724
|
-
.tippy-arrow {
|
|
725
|
-
width: 16px;
|
|
726
|
-
height: 16px;
|
|
727
|
-
color: #333;
|
|
728
|
-
}
|
|
729
|
-
.tippy-arrow:before {
|
|
730
|
-
content: "";
|
|
731
|
-
position: absolute;
|
|
732
|
-
border-color: transparent;
|
|
733
|
-
border-style: solid;
|
|
734
|
-
}
|
|
735
|
-
.tippy-content {
|
|
736
|
-
position: relative;
|
|
737
|
-
padding: 5px 9px;
|
|
738
|
-
z-index: 1;
|
|
739
|
-
}
|
|
740
|
-
|
|
1
|
+
.cross_table_view{background-color:transparent;box-sizing:border-box;font-size:10px;height:100%;position:relative;z-index:20}.cross_table_view a{color:inherit}.cross_table_view a.hide{display:none}.cross_table_view .toolbar{z-index:20}.cross_table_view .toolbar .info{color:#333;display:flex;margin:0;padding:0 2px;text-align:left}.cross_table_view .toolbar .info .exportBnt{margin-right:5px}.cross_table_view .toolbar .info .title{flex-grow:1}.cross_table_view .toolbar .info .sub-title{color:#8e8f92;font-size:12px}.cross_table_view .table-container{overflow:auto;position:relative;z-index:20}.cross_table_view .skip-cell{display:none}.cross_table_view table{border-collapse:separate;border-spacing:0;margin-bottom:0;width:auto}.cross_table_view table td.fix_col{z-index:2}.cross_table_view table td.column_header{z-index:3}.cross_table_view table td.column_header.fix_col{z-index:5}.cross_table_view table td.column_header.sub-fix{z-index:4}.cross_table_view table td.column_header.last{border-bottom:1px solid #d5d5d5}.cross_table_view table tr.sum td.fix_col{z-index:3}.cross_table_view table tr.sum td{z-index:1}.cross_table_view table.no_col_header tr:first-child td{border-top:1px solid #d5d5d5}.cross_table_view table .sort{cursor:pointer;margin-left:3px;padding:2px}.cross_table_view table .sort i.fa{transform:scale(.75)}.cross_table_view table .sort:hover{color:rgba(47,165,255,.75);text-shadow:0 0 1px #fff}.cross_table_view table thead{user-select:none}.cross_table_view table thead .value_header{cursor:pointer}.cross_table_view table thead .value_header sup i.fa{cursor:help}.cross_table_view table thead tr:last-child td,.cross_table_view table thead tr:last-child th{border-bottom:1px solid #d5d5d5}.cross_table_view table thead sup[comment]{cursor:help}.cross_table_view table tbody tr:hover td,.cross_table_view table tbody tr:hover th{background-color:hsla(0,0%,78%,.6)}.cross_table_view table tbody tr:first-child td,.cross_table_view table tbody tr:first-child th{border-top:none}.cross_table_view table tbody tr td.last,.cross_table_view table tbody tr th.last,.cross_table_view table tbody tr:last-child td,.cross_table_view table tbody tr:last-child th{border-bottom:1px solid #d5d5d5}.cross_table_view table td,.cross_table_view table th{position:-webkit-sticky;position:sticky}.cross_table_view table td.selected,.cross_table_view table th.selected{background-color:#bfddf6!important;color:#000!important}.cross_table_view table td div,.cross_table_view table th div{align-items:center;padding:3px 8px}.cross_table_view table td.column_header div,.cross_table_view table td.row_header div,.cross_table_view table td.value_header div,.cross_table_view table th.column_header div,.cross_table_view table th.row_header div,.cross_table_view table th.value_header div{display:flex;justify-content:center}.cross_table_view table td.column_header,.cross_table_view table td.row_header,.cross_table_view table th.column_header,.cross_table_view table th.row_header{text-align:center}.cross_table_view table td.data div{white-space:nowrap}.cross_table_view table tr td{border-right:1px solid #d5d5d5}.cross_table_view table tr td.header_empty{border-top:1px solid #d5d5d5;z-index:1}.cross_table_view table tr td.row_header{border-top:1px solid #d5d5d5;text-align:center}.cross_table_view table tr td.col{border-top:1px solid #d5d5d5}.cross_table_view table tr td.all_null{background:none;border:0}.cross_table_view table tr td.row_null{border-left:1px solid #d5d5d5}.cross_table_view table tr td.col_null{border-left:0;border-top:1px solid #d5d5d5}.cross_table_view table tr td .header_key{font-weight:700}.cross_table_view table tr td.column_header,.cross_table_view table tr td.data,.cross_table_view table tr th.column_header,.cross_table_view table tr th.data{border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;text-align:center}.cross_table_view table tr td.column_header.sum_header div,.cross_table_view table tr th.column_header.sum_header div{justify-content:center}.cross_table_view table tr td.sub_sum.column_header,.cross_table_view table tr th.sub_sum.column_header{border-top:none}.cross_table_view table tr td.sub_sum.row_header,.cross_table_view table tr th.sub_sum.row_header{border-left:none}.cross_table_view table tr td:first-child,.cross_table_view table tr th[nth="0"]{border-left:1px solid #d5d5d5}.cross_table_view table tr .data-wrapper{overflow:hidden}.cross_table_view table tr td.data .data-wrapper{position:relative}.cross_table_view table tr td.data .heat-bar{height:calc(100% - 6px);position:absolute;z-index:-1}.cross_table_view table tr td.data.link[data]:not([data=undefined]){text-decoration-line:underline}.cross_table_view table tr td.sub_sum,.cross_table_view table tr td.sum_data{background:hsla(0,0%,95%,.44)}.cross_table_view table tr td .sum_data.link:hover,.cross_table_view table tr td.data.link:hover{background-color:#999;cursor:pointer;font-weight:700}.cross_table_view table .link_header,.cross_table_view table .table_drill_cell{cursor:pointer;font-style:italic;font-weight:700;text-decoration:underline}.cross_table_view table .link_header.hover,.cross_table_view table .table_drill_cell.hover{background-color:#999;color:#fff!important}.cross_table_view table .table{margin-bottom:20px;max-width:100%;width:100%}.cross_table_view table tfoot th{font-weight:700;text-align:center}.cross_table_view table tfoot td,.cross_table_view table tfoot th{border-left:1px solid #d5d5d5;border-top:1px solid #d5d5d5}.cross_table_view .toolbar{font-size:12px;margin-bottom:7px;text-align:left}.cross_table_view .toolbar .exportBnt{background-size:cover}.cross_table_view .footer{align-items:center;color:#333;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin:5px 1px;top:-8px;user-select:none}.cross_table_view .footer .tbl-info{line-height:24px}.cross_table_view .footer .optionNum{top:5px;white-space:nowrap}.cross_table_view .footer .optionNum select{background-color:transparent;border:1px solid #999;border-radius:4px;padding:3px}.cross_table_view .footer .optionNum select option{text-align:center}.cross_table_view .footer .page{align-items:baseline;display:flex;justify-content:space-between;right:0;top:0}.cross_table_view .footer .page>ul{display:flex;flex-flow:nowrap;justify-content:space-between;list-style:none;margin:0}.cross_table_view .footer .page>ul li{background-color:#f4f4f5;border:none;border-radius:3px;cursor:pointer;float:left;line-height:28px;margin-left:5px;min-width:25px;padding:0 4px;text-align:center}.cross_table_view .footer .page>ul li.current{background:#ccc}.cross_table_view .footer .page>ul li.disable{color:#c0c4cc;cursor:not-allowed}.cross_table_view .footer .page>ul li:hover{background-color:#585858!important;color:#fff!important}.metric-comment{cursor:pointer}.kpi-wrapper{font-size:14px;height:100%}.kpi-wrapper .widget-title{font-size:18px;font-weight:700;left:5px;padding:5px;position:absolute;top:5px;width:calc(100% - 10px)}.kpi-wrapper .kpi-name{font-weight:700}.kpi-wrapper .kpi-stat .kpi-crr,.kpi-wrapper .kpi-stat .kpi-yoy{margin-right:5px;white-space:nowrap}.kpi-wrapper .tippy{cursor:pointer}.kpi-wrapper .card-style{border-radius:5px;color:#fff;display:table;height:100%;margin-bottom:0;position:relative;width:100%}.kpi-wrapper .card-style:first-child{margin-left:0}.kpi-wrapper .card-style:last-child{margin-right:0}.kpi-wrapper .card-style .inner{display:table-cell;padding:10px;vertical-align:middle}.kpi-wrapper .card-style .inner .kpi-metric{font-size:20px;font-weight:700}.kpi-wrapper .card-style .inner .info-title{font-size:medium;font-weight:700;width:100%}.kpi-wrapper .card-style .kpi-icon{color:rgba(0,0,0,.15);font-size:60px;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.kpi-wrapper .card-style:hover .kpi-icon{font-size:65px}.kpi-wrapper .plain-style{align-items:center;display:flex;flex-grow:1;font-family:Silom,Microsoft YaHei,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;justify-content:center;width:inherit}.kpi-wrapper .plain-style .inner{width:100%}.kpi-wrapper .brick-style{align-items:center;display:flex;justify-content:center;width:100%}.kpi-wrapper .brick-style .kpi-metric{align-items:center;display:flex;justify-content:center;position:relative}.kpi-wrapper .brick-style .kpi-metric .kpi-name{position:absolute;top:0;transform:translateY(-110%)}.kpi-wrapper .brick-style .kpi-metric .prefix{bottom:0;color:#314252;font-size:30px;left:0;position:absolute;transform:translateX(-110%)}.kpi-wrapper .brick-style .kpi-metric .suffix{bottom:0;color:#314252;font-size:30px;position:absolute;right:0;transform:translateX(110%)}.kpi-wrapper .brick-style .kpi-metric .brick{align-items:center;background:linear-gradient(90deg,#314252,#697c8e);border-radius:5px;color:#fefa8c;display:flex;font-size:50px;height:60px;justify-content:center;margin:5px;padding:0 8px;width:40px}.kpi-wrapper .brick-style .kpi-metric .char{align-items:center;color:#314252;display:flex;font-size:50px;height:60px;justify-content:center}.kpi-wrapper .brick-style .kpi-metric .kpi-stat{bottom:0;position:absolute;right:0;transform:translateY(110%)}.kpi-wrapper .main-sub{border:1px solid #dcdfe6;border-radius:5px;display:grid;grid-template-columns:1fr;grid-template-rows:1.2fr 1px 1fr;height:100%;justify-content:center;text-align:center}.kpi-wrapper .main-sub .main-kpi{align-self:center;font-size:18px}.kpi-wrapper .main-sub .main-kpi .main-metric{color:#5490b0;font-weight:700}.kpi-wrapper .main-sub .main-kpi .main-stat{font-size:15px}.kpi-wrapper .main-sub .divider{height:1px;margin:auto;width:95%}.kpi-wrapper .main-sub .sub-kpi{background:linear-gradient(90deg,#c9c9c9,#f5f5f5);display:flex;flex-direction:column;height:100%;justify-content:center}.kpi-wrapper .main-sub .sub-kpi .sub-item{grid-gap:5px 15px;display:grid;grid-template-columns:1fr 1fr}.kpi-wrapper .main-sub .sub-kpi .sub-item .sub-name{font-weight:700;text-align:right}.kpi-wrapper .main-sub .sub-kpi .sub-item .sub-metric{text-align:left}.kpi-wrapper .table-title{margin:10px 5px;width:calc(100% - 10px)}.kpi-wrapper table{border:0;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;font-size:16px;margin:0 5px 5px;text-align:center;width:calc(100% - 10px)}.kpi-wrapper table tr th{background:#888;color:#fff;white-space:nowrap}.kpi-wrapper table tr th.header-kpi,.kpi-wrapper table tr th.header-name,.kpi-wrapper table tr th.header-stat{text-align:right}.kpi-wrapper table tr td,.kpi-wrapper table tr th{border:0;border-left:1px solid #d5d5d5;border-top:1px solid #d5d5d5;padding:2px 6px;vertical-align:middle}.kpi-wrapper table tr td.info-title,.kpi-wrapper table tr th.info-title{font-weight:700;text-align:right}.kpi-wrapper table tr td.body-kpi,.kpi-wrapper table tr td.kpi-metric,.kpi-wrapper table tr td.kpi-stat,.kpi-wrapper table tr td.stat-number,.kpi-wrapper table tr th.body-kpi,.kpi-wrapper table tr th.kpi-metric,.kpi-wrapper table tr th.kpi-stat,.kpi-wrapper table tr th.stat-number{text-align:right}.kpi-table{display:flex;flex-direction:column}.kpi-table .table-container{display:flex;flex-grow:1}.kpi-tooltip{display:flex;justify-content:space-between;min-width:80px}.kpi-tooltip label{font-weight:700}.view-div .float-menu{display:flex;position:absolute;right:0;top:0;z-index:30}.view-div .float-menu .drill-up-menu i{transform:rotateX(180deg)}.view-div .float-menu .fa{font-size:12px}.view-div .float-menu button{align-items:center;background-color:transparent;border:1px solid hsla(0,1%,85%,.5);border-radius:3px;cursor:pointer;display:flex;height:31px;justify-content:center;margin-left:5px;visibility:hidden}.view-div .float-menu button:hover{background-color:hsla(0,0%,91%,.34);color:#81b9e2}.view-div .float-menu button.active,.view-div .float-menu button:active{background-color:hsla(0,0%,89%,.27);font-weight:700}.view-div .play-menu{bottom:15px;display:flex;position:absolute;right:10px;z-index:30}.view-div .play-menu button{border:1px solid hsla(0,1%,85%,.5);border-radius:50%;color:gray;height:40px;width:40px}.view-div .play-menu button:hover{border-color:#0e90d2;color:#0e90d2}.tippy-box[data-theme~=popup-menu] .tippy-content{padding:5px 0}ul.link-pop{font-size:12px;margin:0;padding:0}ul.link-pop li{cursor:pointer;list-style-type:none;margin:0!important;padding:5px 15px}ul.link-pop li i{color:#2980b9;margin-right:3px}ul.link-pop li:hover{background-color:#5e5757}.contextmenu-drilldown .context-menu-item{padding:.2em 2em}._3d-earth{height:100%;width:100%}
|