@datarailsshared/dr_renderer 1.2.99 → 1.2.102-dev

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.
Files changed (12) hide show
  1. package/.circleci/config.yml +41 -41
  2. package/README.md +18 -18
  3. package/package.json +28 -28
  4. package/src/dataformatter.js +1033 -1033
  5. package/src/dr_pivottable.js +2697 -2688
  6. package/src/highcharts_renderer.js +7730 -7730
  7. package/src/index.js +27 -27
  8. package/src/novix_renderer.js +901 -901
  9. package/src/pivot.css +410 -410
  10. package/src/pivottable.js +1874 -1874
  11. package/src/published_items_renderer.js +387 -387
  12. package/start_run.sh +3 -3
package/src/pivot.css CHANGED
@@ -1,410 +1,410 @@
1
- .pvtUi { color: #333; }
2
-
3
- .pivot-wrapper {
4
- display: flex;
5
- flex-direction: column;
6
- }
7
-
8
- table.pvtTable {
9
- font-size: 8pt;
10
- text-align: left;
11
- border-collapse: collapse;
12
- width: calc(100% - 30px);
13
- margin-bottom: 15px;
14
- font-family: 'Nunito Sans', sans-serif;
15
- font-weight: 400;
16
- user-select: text;
17
- }
18
- table.pvtTable thead tr th, table.pvtTable tbody tr th {
19
- background-color: #e6EEEE;
20
- border: 1px solid #CDCDCD;
21
- font-size: 8pt;
22
- padding: 5px;
23
- font-family: 'Nunito Sans', sans-serif;
24
- font-weight: 700;
25
- }
26
-
27
- table.pvtTable thead tr th > i,
28
- table.pvtTable tbody tr th > i {
29
- font-size: 10px;
30
- }
31
-
32
- table.pvtTable .pvtColLabel {text-align: center;}
33
- table.pvtTable .pvtTotalLabel {text-align: right;}
34
-
35
- table.pvtTable tbody tr td {
36
- color: #3D3D3D;
37
- padding: 5px;
38
- background-color: #FFF;
39
- border: 1px solid #CDCDCD;
40
- vertical-align: top;
41
- text-align: right;
42
- }
43
-
44
- .pvtTotal, .pvtGrandTotal {
45
- font-weight: bold;
46
- font-family: 'Nunito Sans', sans-serif;
47
- }
48
-
49
- .pvtVals { text-align: center; white-space: nowrap;}
50
- .pvtRowOrder, .pvtColOrder {
51
- cursor:pointer;
52
- width: 15px;
53
- margin-left: 5px;
54
- display: inline-block; }
55
- .pvtAggregator { margin-bottom: 5px ;}
56
-
57
- .pvtVal.clickable{
58
- cursor: pointer;
59
- }
60
-
61
- .show_more_header{
62
- cursor: pointer;
63
- font-style: italic;
64
- }
65
-
66
- .pvtAxisContainer, .pvtVals {
67
- border: 1px solid gray;
68
- background: #EEE;
69
- padding: 5px;
70
- min-width: 20px;
71
- min-height: 20px;
72
- }
73
- .pvtAxisContainer li {
74
- padding: 8px 6px;
75
- list-style-type: none;
76
- cursor:move;
77
- }
78
- .pvtAxisContainer li.pvtPlaceholder {
79
- -webkit-border-radius: 5px;
80
- padding: 3px 15px;
81
- -moz-border-radius: 5px;
82
- border-radius: 5px;
83
- border: 1px dashed #aaa;
84
- }
85
-
86
- .pvtAxisContainer li span.pvtAttr {
87
- -webkit-text-size-adjust: 100%;
88
- background: #F3F3F3;
89
- border: 1px solid #DEDEDE;
90
- padding: 2px 5px;
91
- white-space:nowrap;
92
- -webkit-border-radius: 5px;
93
- -moz-border-radius: 5px;
94
- border-radius: 5px;
95
- }
96
-
97
- .pvtTriangle {
98
- cursor:pointer;
99
- color: grey;
100
- }
101
-
102
- .pvtHorizList li { display: inline; }
103
- .pvtVertList { vertical-align: top; }
104
-
105
- .pvtFilteredAttribute { font-style: italic }
106
-
107
- .pvtFilterBox{
108
- z-index: 100;
109
- width: 300px;
110
- border: 1px solid gray;
111
- background-color: #fff;
112
- position: absolute;
113
- text-align: center;
114
- }
115
-
116
- .pvtFilterBox h4{ margin: 15px; }
117
- .pvtFilterBox p { margin: 10px auto; }
118
- .pvtFilterBox label { font-weight: normal; }
119
- .pvtFilterBox input[type='checkbox'] { margin-right: 10px; margin-left: 10px; }
120
- .pvtFilterBox input[type='text'] { width: 230px; }
121
- .pvtFilterBox .count { color: gray; font-weight: normal; margin-left: 3px;}
122
-
123
- .pvtCheckContainer{
124
- text-align: left;
125
- font-size: 14px;
126
- white-space: nowrap;
127
- overflow-y: scroll;
128
- width: 100%;
129
- max-height: 250px;
130
- border-top: 1px solid lightgrey;
131
- border-bottom: 1px solid lightgrey;
132
- }
133
-
134
- .pvtCheckContainer p{ margin: 5px; }
135
-
136
- .pvtRendererArea { padding: 5px;}
137
-
138
- /* SUB TOTALS */
139
- table.pvtTable .pvtRowLabel {
140
- vertical-align: top;
141
- white-space: nowrap;
142
- }
143
-
144
- table.pvtTable .pvtColLabel {
145
- white-space: nowrap;
146
- }
147
-
148
- table.pvtTable .pvtAxisLabel {
149
- white-space: nowrap;
150
- }
151
-
152
- table.pvtTable .axis-freeze-pane {
153
- position: relative;
154
- z-index: 100;
155
- }
156
-
157
- table.pvtTable .vertical-freeze-pane {
158
- position: relative;
159
- z-index: 50;
160
- }
161
-
162
- table.pvtTable .horizontal-freeze-pane {
163
- position: relative;
164
- z-index: 50;
165
- }
166
-
167
- .pvtRowSubtotal {
168
- background-color: #EFEFEF !important;
169
- font-weight:bold;
170
- }
171
-
172
- .pvtColSubtotal {
173
- background-color: #EFEFEF !important;
174
- font-weight:bold;
175
- }
176
-
177
- .expanded, .colcollapsed, .colexpanded {
178
- cursor: pointer
179
- }
180
-
181
-
182
- table.pvtTable.colorized thead tr th, table.pvtTable.colorized tbody tr th {
183
- background-color: transparent ;
184
- /*border: none;*/
185
- }
186
-
187
- table.pvtTable.colorized tbody tr td {
188
- /*border: none;*/
189
- }
190
-
191
- table.pvtTable.colorized .pvtRowSubtotal, table.pvtTable.colorized .pvtColSubtotal {
192
- background-color: transparent !important;
193
- }
194
-
195
-
196
- .old-design g.highcharts-button.highcharts-drillup-button text tspan{
197
- fill: #FFFFFF;
198
- }
199
-
200
- /* highcharts styles */
201
- .highcharts-xaxis-grid > .highcharts-grid-line {
202
- stroke: none;
203
- }
204
-
205
- .highcharts-credits {
206
- display: none;
207
- }
208
-
209
- .highcharts-title {
210
- text-align: center;
211
- fill: #1F68CC !important;
212
- }
213
-
214
- /*newPvtTable*/
215
- table.pvtTable.newPvtTable {
216
- width: calc(100% - 40px);
217
- margin-left: 20px;
218
- margin-right: 20px;
219
- font-family: 'Nunito Sans', sans-serif;
220
- }
221
-
222
- table.pvtTable.newPvtTable thead tr th,
223
- table.pvtTable.newPvtTable tbody tr th {
224
- font-size: 10px;
225
- font-family: 'Nunito Sans', sans-serif;
226
- }
227
-
228
- table.pvtTable.newPvtTable thead tr th {
229
- border: none;
230
- border-top: 1px solid #fff;
231
- border-right: 1px solid #fff;
232
- }
233
-
234
- table.pvtTable.newPvtTable thead tr th .fa,
235
- table.pvtTable.newPvtTable thead tr th .dr-icon-add,
236
- table.pvtTable.newPvtTable thead tr th .dr-icon-minus {
237
- padding: 2px;
238
- background-color: #ffffff;
239
- border-radius: 2px;
240
- margin-right: 2px;
241
- margin-left: 1px;
242
- font-size: 8px;
243
- color: #151a41;
244
- }
245
-
246
- table.pvtTable.newPvtTable.colorized tr th.colTotal,
247
- table.pvtTable.newPvtTable.colorized tr td.colTotal,
248
- table.pvtTable.newPvtTable.colorized tr td.pvtGrandTotal,
249
- table.pvtTable.newPvtTable tr th.colTotal,
250
- table.pvtTable.newPvtTable tr td.colTotal,
251
- table.pvtTable.newPvtTable tr td.pvtGrandTotal {
252
- font-weight: bold !important;
253
- background-color: #dfe6ec !important;
254
- border-color: #ffffff !important;
255
- border-bottom-color: #dfe6ec !important;
256
- }
257
- table.pvtTable.newPvtTable tr th.colTotal:first-child {
258
- border-left-color: #dfe6ec !important;
259
- }
260
- table.pvtTable.newPvtTable.colorized tbody tr td.rowTotal,
261
- table.pvtTable.newPvtTable tbody tr td.rowTotal {
262
- font-weight: normal !important;
263
- background-color: #dfe6ec !important;
264
- border-color: #ffffff !important;
265
- }
266
- table.pvtTable.newPvtTable .pvtColLabel,
267
- table.pvtTable.newPvtTable .pvtTotalLabel,
268
- table.pvtTable.newPvtTable .pvtTotalLabel.rowTotal {
269
- text-align: left;
270
- }
271
-
272
- table.pvtTable.newPvtTable tbody tr th .fa {
273
- padding: 2px;
274
- background-color: #dfe6ec;
275
- border-radius: 2px;
276
- margin-right: 2px;
277
- font-size: 8px;
278
- }
279
-
280
- table.pvtTable.newPvtTable tbody tr th,
281
- table.pvtTable.newPvtTable tbody tr td {
282
- border: 1px solid #dfe6ec;
283
- font-size: 10px;
284
- font-weight: normal;
285
- color: #151a41;
286
- height: 20px;
287
- padding: 0 5px;
288
- vertical-align: middle;
289
- }
290
-
291
- table.pvtTable thead tr th.axis-freeze-pane:before,
292
- table.pvtTable thead tr th.vertical-freeze-pane:before,
293
- table.pvtTable.newPvtTable thead tr th.axis-freeze-pane:before,
294
- table.pvtTable.newPvtTable thead tr th.vertical-freeze-pane:before {
295
- content: '';
296
- width: calc(100% + 1px);
297
- height: 1px;
298
- background: white;
299
- position: absolute;
300
- top: -1px;
301
- left: 0;
302
- }
303
-
304
- table.pvtTable thead tr th.axis-freeze-pane:before,
305
- table.pvtTable thead tr th.vertical-freeze-pane:before {
306
- background: #cdcdcd;
307
- }
308
-
309
- table.pvtTable thead tr th.axis-freeze-pane:after,
310
- table.pvtTable thead tr th.vertical-freeze-pane:after,
311
- table.pvtTable.newPvtTable thead tr th.axis-freeze-pane:after,
312
- table.pvtTable.newPvtTable thead tr th.vertical-freeze-pane:after {
313
- content: '';
314
- width: 1px;
315
- height: 100%;
316
- background: white;
317
- position: absolute;
318
- right: -1px;
319
- top: 0;
320
- }
321
- table.pvtTable thead tr th.axis-freeze-pane:after,
322
- table.pvtTable thead tr th.vertical-freeze-pane:after {
323
- background: #cdcdcd;
324
- }
325
-
326
- table.pvtTable tbody tr th.horizontal-freeze-pane:before,
327
- table.pvtTable tbody tr td.horizontal-freeze-pane:before,
328
- table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane:before,
329
- table.pvtTable.newPvtTable tbody tr td.horizontal-freeze-pane:before {
330
- content: '';
331
- width: calc(100% + 1px);
332
- height: 1px;
333
- background: #dfe6ec;
334
- position: absolute;
335
- top: -1px;
336
- left: 0;
337
- }
338
- table.pvtTable tbody tr th.horizontal-freeze-pane:before,
339
- table.pvtTable tbody tr td.horizontal-freeze-pane:before {
340
- background: #cdcdcd;
341
- }
342
- table.pvtTable tbody tr th.colTotal.horizontal-freeze-pane:before,
343
- table.pvtTable tbody tr td.colTotal.horizontal-freeze-pane:before {
344
- background: transparent;
345
- }
346
-
347
- table.pvtTable tbody tr th.horizontal-freeze-pane:after,
348
- table.pvtTable tbody tr td.horizontal-freeze-pane:after,
349
- table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane:after,
350
- table.pvtTable.newPvtTable tbody tr td.horizontal-freeze-pane:after {
351
- content: '';
352
- width: 1px;
353
- height: 100%;
354
- background: #dfe6ec;
355
- position: absolute;
356
- right: -1px;
357
- top: 0;
358
- }
359
-
360
- table.pvtTable tbody tr th.horizontal-freeze-pane:after,
361
- table.pvtTable tbody tr td.horizontal-freeze-pane:after {
362
- background: #cdcdcd;
363
- }
364
-
365
- table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane.colTotal:after {
366
- background: #fff;
367
- }
368
-
369
- table.pvtTable.colorized:not(.newPvtTable) tbody tr th.horizontal-freeze-pane,
370
- table.pvtTable.newPvtTable.colorized tbody tr th.horizontal-freeze-pane:not(.highlighted):not(.colTotal) {
371
- background-color: #fff !important;
372
- }
373
-
374
- table.pvtTable.newPvtTable tbody tr th {
375
- vertical-align: top;
376
- padding-top: 2.5px;
377
- }
378
-
379
- table.pvtTable.newPvtTable.colorized tbody tr th.highlighted,
380
- table.pvtTable.newPvtTable.colorized tbody tr th.highlighted ~ th,
381
- table.pvtTable.newPvtTable.colorized tbody tr th.highlighted ~ td:not(.rowTotal),
382
- table.pvtTable.newPvtTable tbody tr td.highlighted,
383
- table.pvtTable.newPvtTable tbody tr td.highlighted ~ th,
384
- table.pvtTable.newPvtTable tbody tr td.highlighted ~ td:not(.rowTotal) {
385
- background-color: #f7f9fa !important;
386
- }
387
-
388
- table.pvtTable.newPvtTable tbody tr td {
389
- vertical-align: center;
390
- text-align: left;
391
- }
392
-
393
- table.pvtTable.newPvtTable tbody tr td.hover,
394
- table.pvtTable.newPvtTable tbody tr td:hover {
395
- cursor: pointer !important;
396
- position: relative;
397
- box-shadow: 1px 1px 4px rgb(133, 136, 156, 0.5)
398
- }
399
-
400
- table.pvtTable.newPvtTable tbody tr td.hover:after,
401
- table.pvtTable.newPvtTable tbody tr td:hover:after {
402
- content: "\e923";
403
- width: 2px;
404
- color: #85889c;
405
- font: normal normal normal 14px/1 DataRails;
406
- position: absolute;
407
- right: 10px;
408
- top: 4px;
409
- font-size: 12px;
410
- }
1
+ .pvtUi { color: #333; }
2
+
3
+ .pivot-wrapper {
4
+ display: flex;
5
+ flex-direction: column;
6
+ }
7
+
8
+ table.pvtTable {
9
+ font-size: 8pt;
10
+ text-align: left;
11
+ border-collapse: collapse;
12
+ width: calc(100% - 30px);
13
+ margin-bottom: 15px;
14
+ font-family: 'Poppins', sans-serif;
15
+ font-weight: 400;
16
+ user-select: text;
17
+ }
18
+ table.pvtTable thead tr th, table.pvtTable tbody tr th {
19
+ background-color: #e6EEEE;
20
+ border: 1px solid #CDCDCD;
21
+ font-size: 8pt;
22
+ padding: 5px;
23
+ font-family: 'Poppins', sans-serif;
24
+ font-weight: 700;
25
+ }
26
+
27
+ table.pvtTable thead tr th > i,
28
+ table.pvtTable tbody tr th > i {
29
+ font-size: 10px;
30
+ }
31
+
32
+ table.pvtTable .pvtColLabel {text-align: center;}
33
+ table.pvtTable .pvtTotalLabel {text-align: right;}
34
+
35
+ table.pvtTable tbody tr td {
36
+ color: #3D3D3D;
37
+ padding: 5px;
38
+ background-color: #FFF;
39
+ border: 1px solid #CDCDCD;
40
+ vertical-align: top;
41
+ text-align: right;
42
+ }
43
+
44
+ .pvtTotal, .pvtGrandTotal {
45
+ font-weight: bold;
46
+ font-family: 'Poppins', sans-serif;
47
+ }
48
+
49
+ .pvtVals { text-align: center; white-space: nowrap;}
50
+ .pvtRowOrder, .pvtColOrder {
51
+ cursor:pointer;
52
+ width: 15px;
53
+ margin-left: 5px;
54
+ display: inline-block; }
55
+ .pvtAggregator { margin-bottom: 5px ;}
56
+
57
+ .pvtVal.clickable{
58
+ cursor: pointer;
59
+ }
60
+
61
+ .show_more_header{
62
+ cursor: pointer;
63
+ font-style: italic;
64
+ }
65
+
66
+ .pvtAxisContainer, .pvtVals {
67
+ border: 1px solid gray;
68
+ background: #EEE;
69
+ padding: 5px;
70
+ min-width: 20px;
71
+ min-height: 20px;
72
+ }
73
+ .pvtAxisContainer li {
74
+ padding: 8px 6px;
75
+ list-style-type: none;
76
+ cursor:move;
77
+ }
78
+ .pvtAxisContainer li.pvtPlaceholder {
79
+ -webkit-border-radius: 5px;
80
+ padding: 3px 15px;
81
+ -moz-border-radius: 5px;
82
+ border-radius: 5px;
83
+ border: 1px dashed #aaa;
84
+ }
85
+
86
+ .pvtAxisContainer li span.pvtAttr {
87
+ -webkit-text-size-adjust: 100%;
88
+ background: #F3F3F3;
89
+ border: 1px solid #DEDEDE;
90
+ padding: 2px 5px;
91
+ white-space:nowrap;
92
+ -webkit-border-radius: 5px;
93
+ -moz-border-radius: 5px;
94
+ border-radius: 5px;
95
+ }
96
+
97
+ .pvtTriangle {
98
+ cursor:pointer;
99
+ color: grey;
100
+ }
101
+
102
+ .pvtHorizList li { display: inline; }
103
+ .pvtVertList { vertical-align: top; }
104
+
105
+ .pvtFilteredAttribute { font-style: italic }
106
+
107
+ .pvtFilterBox{
108
+ z-index: 100;
109
+ width: 300px;
110
+ border: 1px solid gray;
111
+ background-color: #fff;
112
+ position: absolute;
113
+ text-align: center;
114
+ }
115
+
116
+ .pvtFilterBox h4{ margin: 15px; }
117
+ .pvtFilterBox p { margin: 10px auto; }
118
+ .pvtFilterBox label { font-weight: normal; }
119
+ .pvtFilterBox input[type='checkbox'] { margin-right: 10px; margin-left: 10px; }
120
+ .pvtFilterBox input[type='text'] { width: 230px; }
121
+ .pvtFilterBox .count { color: gray; font-weight: normal; margin-left: 3px;}
122
+
123
+ .pvtCheckContainer{
124
+ text-align: left;
125
+ font-size: 14px;
126
+ white-space: nowrap;
127
+ overflow-y: scroll;
128
+ width: 100%;
129
+ max-height: 250px;
130
+ border-top: 1px solid lightgrey;
131
+ border-bottom: 1px solid lightgrey;
132
+ }
133
+
134
+ .pvtCheckContainer p{ margin: 5px; }
135
+
136
+ .pvtRendererArea { padding: 5px;}
137
+
138
+ /* SUB TOTALS */
139
+ table.pvtTable .pvtRowLabel {
140
+ vertical-align: top;
141
+ white-space: nowrap;
142
+ }
143
+
144
+ table.pvtTable .pvtColLabel {
145
+ white-space: nowrap;
146
+ }
147
+
148
+ table.pvtTable .pvtAxisLabel {
149
+ white-space: nowrap;
150
+ }
151
+
152
+ table.pvtTable .axis-freeze-pane {
153
+ position: relative;
154
+ z-index: 100;
155
+ }
156
+
157
+ table.pvtTable .vertical-freeze-pane {
158
+ position: relative;
159
+ z-index: 50;
160
+ }
161
+
162
+ table.pvtTable .horizontal-freeze-pane {
163
+ position: relative;
164
+ z-index: 50;
165
+ }
166
+
167
+ .pvtRowSubtotal {
168
+ background-color: #EFEFEF !important;
169
+ font-weight:bold;
170
+ }
171
+
172
+ .pvtColSubtotal {
173
+ background-color: #EFEFEF !important;
174
+ font-weight:bold;
175
+ }
176
+
177
+ .expanded, .colcollapsed, .colexpanded {
178
+ cursor: pointer
179
+ }
180
+
181
+
182
+ table.pvtTable.colorized thead tr th, table.pvtTable.colorized tbody tr th {
183
+ background-color: transparent ;
184
+ /*border: none;*/
185
+ }
186
+
187
+ table.pvtTable.colorized tbody tr td {
188
+ /*border: none;*/
189
+ }
190
+
191
+ table.pvtTable.colorized .pvtRowSubtotal, table.pvtTable.colorized .pvtColSubtotal {
192
+ background-color: transparent !important;
193
+ }
194
+
195
+
196
+ .old-design g.highcharts-button.highcharts-drillup-button text tspan{
197
+ fill: #FFFFFF;
198
+ }
199
+
200
+ /* highcharts styles */
201
+ .highcharts-xaxis-grid > .highcharts-grid-line {
202
+ stroke: none;
203
+ }
204
+
205
+ .highcharts-credits {
206
+ display: none;
207
+ }
208
+
209
+ .highcharts-title {
210
+ text-align: center;
211
+ fill: #1F68CC !important;
212
+ }
213
+
214
+ /*newPvtTable*/
215
+ table.pvtTable.newPvtTable {
216
+ width: calc(100% - 40px);
217
+ margin-left: 20px;
218
+ margin-right: 20px;
219
+ font-family: 'Poppins', sans-serif;
220
+ }
221
+
222
+ table.pvtTable.newPvtTable thead tr th,
223
+ table.pvtTable.newPvtTable tbody tr th {
224
+ font-size: 10px;
225
+ font-family: 'Poppins', sans-serif;
226
+ }
227
+
228
+ table.pvtTable.newPvtTable thead tr th {
229
+ border: none;
230
+ border-top: 1px solid #fff;
231
+ border-right: 1px solid #fff;
232
+ }
233
+
234
+ table.pvtTable.newPvtTable thead tr th .fa,
235
+ table.pvtTable.newPvtTable thead tr th .dr-icon-add,
236
+ table.pvtTable.newPvtTable thead tr th .dr-icon-minus {
237
+ padding: 2px;
238
+ background-color: #ffffff;
239
+ border-radius: 2px;
240
+ margin-right: 2px;
241
+ margin-left: 1px;
242
+ font-size: 8px;
243
+ color: #151a41;
244
+ }
245
+
246
+ table.pvtTable.newPvtTable.colorized tr th.colTotal,
247
+ table.pvtTable.newPvtTable.colorized tr td.colTotal,
248
+ table.pvtTable.newPvtTable.colorized tr td.pvtGrandTotal,
249
+ table.pvtTable.newPvtTable tr th.colTotal,
250
+ table.pvtTable.newPvtTable tr td.colTotal,
251
+ table.pvtTable.newPvtTable tr td.pvtGrandTotal {
252
+ font-weight: bold !important;
253
+ background-color: #dfe6ec !important;
254
+ border-color: #ffffff !important;
255
+ border-bottom-color: #dfe6ec !important;
256
+ }
257
+ table.pvtTable.newPvtTable tr th.colTotal:first-child {
258
+ border-left-color: #dfe6ec !important;
259
+ }
260
+ table.pvtTable.newPvtTable.colorized tbody tr td.rowTotal,
261
+ table.pvtTable.newPvtTable tbody tr td.rowTotal {
262
+ font-weight: normal !important;
263
+ background-color: #dfe6ec !important;
264
+ border-color: #ffffff !important;
265
+ }
266
+ table.pvtTable.newPvtTable .pvtColLabel,
267
+ table.pvtTable.newPvtTable .pvtTotalLabel,
268
+ table.pvtTable.newPvtTable .pvtTotalLabel.rowTotal {
269
+ text-align: left;
270
+ }
271
+
272
+ table.pvtTable.newPvtTable tbody tr th .fa {
273
+ padding: 2px;
274
+ background-color: #dfe6ec;
275
+ border-radius: 2px;
276
+ margin-right: 2px;
277
+ font-size: 8px;
278
+ }
279
+
280
+ table.pvtTable.newPvtTable tbody tr th,
281
+ table.pvtTable.newPvtTable tbody tr td {
282
+ border: 1px solid #dfe6ec;
283
+ font-size: 10px;
284
+ font-weight: normal;
285
+ color: #151a41;
286
+ height: 20px;
287
+ padding: 0 5px;
288
+ vertical-align: middle;
289
+ }
290
+
291
+ table.pvtTable thead tr th.axis-freeze-pane:before,
292
+ table.pvtTable thead tr th.vertical-freeze-pane:before,
293
+ table.pvtTable.newPvtTable thead tr th.axis-freeze-pane:before,
294
+ table.pvtTable.newPvtTable thead tr th.vertical-freeze-pane:before {
295
+ content: '';
296
+ width: calc(100% + 1px);
297
+ height: 1px;
298
+ background: white;
299
+ position: absolute;
300
+ top: -1px;
301
+ left: 0;
302
+ }
303
+
304
+ table.pvtTable thead tr th.axis-freeze-pane:before,
305
+ table.pvtTable thead tr th.vertical-freeze-pane:before {
306
+ background: #cdcdcd;
307
+ }
308
+
309
+ table.pvtTable thead tr th.axis-freeze-pane:after,
310
+ table.pvtTable thead tr th.vertical-freeze-pane:after,
311
+ table.pvtTable.newPvtTable thead tr th.axis-freeze-pane:after,
312
+ table.pvtTable.newPvtTable thead tr th.vertical-freeze-pane:after {
313
+ content: '';
314
+ width: 1px;
315
+ height: 100%;
316
+ background: white;
317
+ position: absolute;
318
+ right: -1px;
319
+ top: 0;
320
+ }
321
+ table.pvtTable thead tr th.axis-freeze-pane:after,
322
+ table.pvtTable thead tr th.vertical-freeze-pane:after {
323
+ background: #cdcdcd;
324
+ }
325
+
326
+ table.pvtTable tbody tr th.horizontal-freeze-pane:before,
327
+ table.pvtTable tbody tr td.horizontal-freeze-pane:before,
328
+ table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane:before,
329
+ table.pvtTable.newPvtTable tbody tr td.horizontal-freeze-pane:before {
330
+ content: '';
331
+ width: calc(100% + 1px);
332
+ height: 1px;
333
+ background: #dfe6ec;
334
+ position: absolute;
335
+ top: -1px;
336
+ left: 0;
337
+ }
338
+ table.pvtTable tbody tr th.horizontal-freeze-pane:before,
339
+ table.pvtTable tbody tr td.horizontal-freeze-pane:before {
340
+ background: #cdcdcd;
341
+ }
342
+ table.pvtTable tbody tr th.colTotal.horizontal-freeze-pane:before,
343
+ table.pvtTable tbody tr td.colTotal.horizontal-freeze-pane:before {
344
+ background: transparent;
345
+ }
346
+
347
+ table.pvtTable tbody tr th.horizontal-freeze-pane:after,
348
+ table.pvtTable tbody tr td.horizontal-freeze-pane:after,
349
+ table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane:after,
350
+ table.pvtTable.newPvtTable tbody tr td.horizontal-freeze-pane:after {
351
+ content: '';
352
+ width: 1px;
353
+ height: 100%;
354
+ background: #dfe6ec;
355
+ position: absolute;
356
+ right: -1px;
357
+ top: 0;
358
+ }
359
+
360
+ table.pvtTable tbody tr th.horizontal-freeze-pane:after,
361
+ table.pvtTable tbody tr td.horizontal-freeze-pane:after {
362
+ background: #cdcdcd;
363
+ }
364
+
365
+ table.pvtTable.newPvtTable tbody tr th.horizontal-freeze-pane.colTotal:after {
366
+ background: #fff;
367
+ }
368
+
369
+ table.pvtTable.colorized:not(.newPvtTable) tbody tr th.horizontal-freeze-pane,
370
+ table.pvtTable.newPvtTable.colorized tbody tr th.horizontal-freeze-pane:not(.highlighted):not(.colTotal) {
371
+ background-color: #fff !important;
372
+ }
373
+
374
+ table.pvtTable.newPvtTable tbody tr th {
375
+ vertical-align: top;
376
+ padding-top: 2.5px;
377
+ }
378
+
379
+ table.pvtTable.newPvtTable.colorized tbody tr th.highlighted,
380
+ table.pvtTable.newPvtTable.colorized tbody tr th.highlighted ~ th,
381
+ table.pvtTable.newPvtTable.colorized tbody tr th.highlighted ~ td:not(.rowTotal),
382
+ table.pvtTable.newPvtTable tbody tr td.highlighted,
383
+ table.pvtTable.newPvtTable tbody tr td.highlighted ~ th,
384
+ table.pvtTable.newPvtTable tbody tr td.highlighted ~ td:not(.rowTotal) {
385
+ background-color: #f7f9fa !important;
386
+ }
387
+
388
+ table.pvtTable.newPvtTable tbody tr td {
389
+ vertical-align: center;
390
+ text-align: left;
391
+ }
392
+
393
+ table.pvtTable.newPvtTable tbody tr td.hover,
394
+ table.pvtTable.newPvtTable tbody tr td:hover {
395
+ cursor: pointer !important;
396
+ position: relative;
397
+ box-shadow: 1px 1px 4px rgb(133, 136, 156, 0.5)
398
+ }
399
+
400
+ table.pvtTable.newPvtTable tbody tr td.hover:after,
401
+ table.pvtTable.newPvtTable tbody tr td:hover:after {
402
+ content: "\e923";
403
+ width: 2px;
404
+ color: #85889c;
405
+ font: normal normal normal 14px/1 DataRails;
406
+ position: absolute;
407
+ right: 10px;
408
+ top: 4px;
409
+ font-size: 12px;
410
+ }