@gooddata/sdk-ui-pivot 10.17.0-alpha.6 → 10.17.0-alpha.8

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.
@@ -1,3 +1,201 @@
1
+ :root {
2
+ --gd-palette-error-base: #e54d42;
3
+ --gd-palette-info-base: var(--gd-palette-primary-base, #14b2e2);
4
+ --gd-palette-primary-base: #14b2e2;
5
+ --gd-palette-success-base: #00c18d;
6
+ --gd-palette-warning-base: #fada23;
7
+ --gd-palette-complementary-0: #fff;
8
+ --gd-palette-complementary-1: #f5f8fa;
9
+ --gd-palette-complementary-2: #ebeff4;
10
+ --gd-palette-complementary-3: #dde4eb;
11
+ --gd-palette-complementary-4: #ccd8e2;
12
+ --gd-palette-complementary-5: #b0beca;
13
+ --gd-palette-complementary-6: #94a1ad;
14
+ --gd-palette-complementary-7: #6d7680;
15
+ --gd-palette-complementary-8: #464e56;
16
+ --gd-palette-complementary-9: #000;
17
+ --gd-button-borderRadius: 3px;
18
+ --gd-button-textCapitalization: none;
19
+ --gd-tooltip-backgroundColor: var(--gd-palette-complementary-8-from-theme, rgba(70, 78, 86, 0.95));
20
+ --gd-tooltip-color: var(--gd-palette-complementary-0, #fff);
21
+ --gd-modal-borderColor: var(--gd-palette-complementary-3, #dde4eb);
22
+ --gd-modal-borderRadius: 3px;
23
+ --gd-modal-borderWidth: 0;
24
+ --gd-modal-outsideBackgroundColor: var(--gd-palette-complementary-2-from-theme, #eff1f3);
25
+ --gd-modal-title-color: var(--gd-palette-complementary-9, #000);
26
+ --gd-modal-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
27
+ --gd-chart-axisColor: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
28
+ --gd-chart-axisLabelColor: var(--gd-palette-complementary-7, #6d7680);
29
+ --gd-chart-axisValueColor: var(--gd-palette-complementary-6, #94a1ad);
30
+ --gd-chart-backgroundColor: var(--gd-palette-complementary-0, #fff);
31
+ --gd-chart-gridColor: var(--gd-palette-complementary-3-from-theme, #ebebeb);
32
+ --gd-chart-legendValueColor: var(--gd-palette-complementary-7, #6d7680);
33
+ --gd-chart-tooltipBackgroundColor: var(
34
+ --gd-palette-complementary-0-from-theme,
35
+ rgba(255, 255, 255, 0.95)
36
+ );
37
+ --gd-chart-tooltipBorderColor: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.7));
38
+ --gd-chart-tooltipLabelColor: var(
39
+ --gd-palette-complementary-6-from-theme,
40
+ var(--gd-palette-complementary-9, #000)
41
+ );
42
+ --gd-chart-tooltipValueColor: var(--gd-palette-complementary-9, #000);
43
+ --gd-chart-legendLabelColor: var(--gd-palette-complementary-5, #b0beca);
44
+ --gd-table-backgroundColor: var(--gd-palette-complementary-0, #fff);
45
+ --gd-table-gridColor: var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5));
46
+ --gd-table-headerHoverBackgroundColor: var(
47
+ --gd-palette-complementary-1-from-theme,
48
+ var(--gd-palette-primary-dimmed, #e8f7fc)
49
+ );
50
+ --gd-table-headerLabelColor: var(
51
+ --gd-palette-complementary-7-from-theme,
52
+ var(--gd-palette-complementary-8, #464e56)
53
+ );
54
+ --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1));
55
+ --gd-table-loadingIconColor: var(--gd-palette-complementary-6, #94a1ad);
56
+ --gd-table-nullValueColor: var(--gd-palette-complementary-6, #94a1ad);
57
+ --gd-table-subtotalBackgroundColor: var(
58
+ --gd-palette-complementary-1-from-theme,
59
+ rgba(176, 190, 202, 0.1)
60
+ );
61
+ --gd-table-totalBackgroundColor: var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2));
62
+ --gd-table-totalValueColor: var(--gd-palette-complementary-9, #000);
63
+ --gd-table-valueColor: var(--gd-palette-complementary-8, #464e56);
64
+ --gd-kpi-primaryMeasureColor: var(--gd-palette-complementary-9, #000);
65
+ --gd-kpi-secondaryInfoColor: var(--gd-palette-complementary-3-from-theme, rgba(176, 190, 202, 0.5));
66
+ --gd-analyticalDesigner-title-color: var(--gd-palette-complementary-8, #464e56);
67
+ --gd-dashboards-content-backgroundColor: var(--gd-palette-complementary-0, #fff);
68
+ --gd-dashboards-content-kpiWidget-backgroundColor: var(
69
+ --gd-dashboards-content-widget-backgroundColor,
70
+ var(--gd-palette-complementary-0, #fff)
71
+ );
72
+ --gd-dashboards-content-kpiWidget-borderColor: var(
73
+ --gd-dashboards-content-widget-borderColor,
74
+ transparent
75
+ );
76
+ --gd-dashboards-content-kpiWidget-borderRadius: var(--gd-dashboards-content-widget-borderRadius, 15px);
77
+ --gd-dashboards-content-kpiWidget-borderWidth: var(--gd-dashboards-content-widget-borderWidth, 2px);
78
+ --gd-dashboards-content-kpiWidget-dropShadow: var(--gd-dashboards-content-widget-dropShadow, none);
79
+ --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor: var(
80
+ --gd-palette-complementary-9-from-theme,
81
+ #6d7680
82
+ );
83
+ --gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor: var(--gd-palette-complementary-6, #94a1ad);
84
+ --gd-dashboards-content-kpiWidget-title-color: var(
85
+ --gd-dashboards-content-widget-title-color,
86
+ var(--gd-palette-complementary-8, #464e56)
87
+ );
88
+ --gd-dashboards-content-kpiWidget-title-textAlign: var(
89
+ --gd-dashboards-content-widget-title-textAlign,
90
+ center
91
+ );
92
+ --gd-dashboards-content-widget-backgroundColor: var(--gd-palette-complementary-0, #fff);
93
+ --gd-dashboards-content-widget-borderColor: transparent;
94
+ --gd-dashboards-content-widget-borderRadius: 15px;
95
+ --gd-dashboards-content-widget-borderWidth: 2px;
96
+ --gd-dashboards-content-widget-chart-backgroundColor: var(
97
+ --gd-dashboards-content-widget-backgroundColor,
98
+ var(--gd-palette-complementary-0, #fff)
99
+ );
100
+ --gd-dashboards-content-widget-dropShadow: none;
101
+ --gd-dashboards-content-widget-table-backgroundColor: var(
102
+ --gd-dashboards-content-widget-backgroundColor,
103
+ var(--gd-palette-complementary-0, #fff)
104
+ );
105
+ --gd-dashboards-content-widget-title-color: var(--gd-palette-complementary-8, #464e56);
106
+ --gd-dashboards-content-widget-title-textAlign: center;
107
+ --gd-dashboards-filterBar-backgroundColor: var(--gd-palette-complementary-0, #fff);
108
+ --gd-dashboards-filterBar-borderColor: var(--gd-palette-complementary-3, #dde4eb);
109
+ --gd-dashboards-filterBar-filterButton-backgroundColor: transparent;
110
+ --gd-dashboards-navigation-backgroundColor: var(--gd-palette-complementary-1-from-theme, #303442);
111
+ --gd-dashboards-navigation-borderColor: var(
112
+ --gd-palette-complementary-4-from-theme,
113
+ rgba(148, 161, 173, 0.2)
114
+ );
115
+ --gd-dashboards-navigation-title-color: var(--gd-palette-complementary-6, #94a1ad);
116
+ --gd-dashboards-navigation-item-color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
117
+ --gd-dashboards-navigation-item-hoverColor: var(--gd-palette-complementary-9-from-theme, #fff);
118
+ --gd-dashboards-navigation-item-selectedColor: var(--gd-palette-complementary-9-from-theme, #fff);
119
+ --gd-dashboards-navigation-item-selectedBackgroundColor: var(
120
+ --gd-palette-complementary-0-from-theme,
121
+ #131c28
122
+ );
123
+ --gd-dashboards-section-description-color: var(--gd-palette-complementary-6, #94a1ad);
124
+ --gd-dashboards-section-title-color: var(--gd-palette-complementary-8, #464e56);
125
+ --gd-dashboards-section-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
126
+ --gd-dashboards-title-backgroundColor: var(--gd-palette-complementary-0, #fff);
127
+ --gd-dashboards-title-color: var(--gd-palette-complementary-8, #464e56);
128
+ --gd-dashboards-title-borderColor: var(--gd-palette-complementary-3, #dde4eb);
129
+ --gd-palette-error-base-d10: #d62a1e;
130
+ --gd-palette-error-base-d20: #aa2117;
131
+ --gd-palette-error-base-t02: rgba(229, 77, 66, 0.98);
132
+ --gd-palette-error-base-t10: rgba(229, 77, 66, 0.9);
133
+ --gd-palette-error-base-t50: rgba(229, 77, 66, 0.5);
134
+ --gd-palette-error-base-t70d20: rgba(170, 33, 23, 0.3);
135
+ --gd-palette-error-base-t85: rgba(229, 77, 66, 0.15);
136
+ --gd-palette-error-dimmed: #fcedec;
137
+ --gd-palette-error-dimmed90: #e75e54;
138
+ --gd-palette-error-disabled: rgba(241, 161, 156, 0.6);
139
+ --gd-palette-error-focus: rgba(235, 119, 111, 0.6);
140
+ --gd-palette-error-lightest: #fff2f1;
141
+ --gd-palette-info-base-t02: var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98));
142
+ --gd-palette-info-base-t85: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
143
+ --gd-palette-primary-base-d06: #129cc6;
144
+ --gd-palette-primary-base-d12: #0f86aa;
145
+ --gd-palette-primary-base-darken20: #0c6884;
146
+ --gd-palette-primary-base-dimmed-darken03: #daf2fa;
147
+ --gd-palette-primary-base-lighten45: #dff5fc;
148
+ --gd-palette-primary-base-mix15-white: rgba(220, 243, 251, 0.925);
149
+ --gd-palette-primary-base-t02: rgba(20, 178, 226, 0.98);
150
+ --gd-palette-primary-base-t10: rgba(20, 178, 226, 0.9);
151
+ --gd-palette-primary-base-t25: rgba(20, 178, 226, 0.75);
152
+ --gd-palette-primary-base-t50: rgba(20, 178, 226, 0.5);
153
+ --gd-palette-primary-base-t70: rgba(20, 178, 226, 0.3);
154
+ --gd-palette-primary-base-t80: rgba(20, 178, 226, 0.2);
155
+ --gd-palette-primary-base-t85: rgba(20, 178, 226, 0.15);
156
+ --gd-palette-primary-base-t90: rgba(20, 178, 226, 0.1);
157
+ --gd-palette-primary-dimmed: #e8f7fc;
158
+ --gd-palette-primary-dimmed50: #8ad9f1;
159
+ --gd-palette-primary-disabled: rgba(69, 199, 239, 0.6);
160
+ --gd-palette-primary-focus: rgba(41, 190, 236, 0.6);
161
+ --gd-palette-primary-lightest: #dff5fc;
162
+ --gd-palette-success-base-d06: #00a277;
163
+ --gd-palette-success-base-d12: #008460;
164
+ --gd-palette-success-base-t02: rgba(0, 193, 141, 0.98);
165
+ --gd-palette-success-base-t85: rgba(0, 193, 141, 0.15);
166
+ --gd-palette-success-dimmed: #e5f8f3;
167
+ --gd-palette-success-disabled: rgba(0, 224, 163, 0.5);
168
+ --gd-palette-success-focus: rgba(0, 224, 163, 0.5);
169
+ --gd-palette-warning-base-t50: rgba(250, 218, 35, 0.5);
170
+ --gd-palette-warning-base-t70d20: rgba(179, 153, 4, 0.3);
171
+ --gd-palette-warning-base-t85: rgba(250, 218, 35, 0.15);
172
+ --gd-palette-warning-dimmed: #fef8d3;
173
+ --gd-palette-warning-dimmed40: #8e8642;
174
+ --gd-palette-warning-text-dimmed: #6a6a4c;
175
+ --gd-palette-warning-low-base-m80: #d0f0f9;
176
+ --gd-palette-warning-medium-base-m80: #fef8d3;
177
+ --gd-palette-warning-high-base-m80: #fadbd9;
178
+ --gd-palette-complementary-0-t10: rgba(255, 255, 255, 0.95);
179
+ --gd-palette-complementary-0-t50: rgba(255, 255, 255, 0.5);
180
+ --gd-palette-complementary-5-t40: rgba(176, 190, 202, 0.6);
181
+ --gd-palette-complementary-9-t80: rgba(0, 0, 0, 0.2);
182
+ --gd-palette-complementary-9-t85: rgba(0, 0, 0, 0.15);
183
+ --gd-palette-complementary-9-t90: rgba(0, 0, 0, 0.1);
184
+ --gd-shadow-color: rgba(20, 56, 93, 0.15);
185
+ --gd-font-family: gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
186
+ --gd-spacing-10px: 10px;
187
+ --gd-spacing-15px: 15px;
188
+ --gd-spacing-20px: 20px;
189
+ --gd-spacing-5px: 5px;
190
+ --gd-spacing-6px: 6px;
191
+ --gd-spacing-7px: 7px;
192
+ --gd-transition-all: all 0.25s ease-in-out;
193
+ --gd-button-L: 38px;
194
+ --gd-button-M: 32px;
195
+ --gd-button-S: 27px;
196
+ --gd-icon-fill-color: var(--gd-palette-complementary-9);
197
+ }
198
+
1
199
  @font-face {
2
200
  font-family: "Indigo";
3
201
  src: url("~@gooddata/sdk-ui-kit/styles/fonts/Indigo-v2.eot");
@@ -1463,7 +1661,7 @@
1463
1661
  z-index: 10;
1464
1662
  display: inline-block;
1465
1663
  padding: 8px 0;
1466
- box-shadow: 0 1px 20px var(--gd-shadow-color, rgba(20, 56, 93, 0.2));
1664
+ box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
1467
1665
  background: var(--gd-palette-complementary-0, #fff);
1468
1666
  border-radius: 3px;
1469
1667
  }
@@ -4243,7 +4441,7 @@
4243
4441
  }
4244
4442
  .gd-table-component .ag-theme-balham {
4245
4443
  -webkit-font-smoothing: antialiased;
4246
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4444
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4247
4445
  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
4248
4446
  font-size: 12px;
4249
4447
  line-height: normal;
@@ -4508,7 +4706,7 @@
4508
4706
  box-shadow: 0 0 2px 1px #719ECE;
4509
4707
  }
4510
4708
  .gd-table-component .ag-theme-balham .ag-drag-handle {
4511
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4709
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4512
4710
  }
4513
4711
  .gd-table-component .ag-theme-balham .ag-list-item, .gd-table-component .ag-theme-balham .ag-virtual-list-item {
4514
4712
  height: 24px;
@@ -4542,7 +4740,7 @@
4542
4740
  text-overflow: ellipsis;
4543
4741
  }
4544
4742
  .gd-table-component .ag-theme-balham .ag-list-item.ag-active-item {
4545
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
4743
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
4546
4744
  }
4547
4745
  .gd-table-component .ag-theme-balham .ag-select-list-item {
4548
4746
  padding-left: 4px;
@@ -4599,7 +4797,7 @@
4599
4797
  height: 24px;
4600
4798
  }
4601
4799
  .gd-table-component .ag-theme-balham .ag-rich-select-virtual-list-item:hover {
4602
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
4800
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
4603
4801
  }
4604
4802
  .gd-table-component .ag-theme-balham .ag-rich-select-row {
4605
4803
  padding-left: 12px;
@@ -4611,7 +4809,7 @@
4611
4809
  .gd-table-component .ag-theme-balham .ag-selection-checkbox,
4612
4810
  .gd-table-component .ag-theme-balham .ag-group-expanded,
4613
4811
  .gd-table-component .ag-theme-balham .ag-group-contracted {
4614
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4812
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4615
4813
  }
4616
4814
  .gd-table-component .ag-ltr .ag-theme-balham .ag-row-drag, .gd-table-component .ag-ltr .ag-theme-balham .ag-selection-checkbox, .gd-table-component .ag-ltr .ag-theme-balham .ag-group-expanded, .gd-table-component .ag-ltr .ag-theme-balham .ag-group-contracted {
4617
4815
  margin-right: 12px;
@@ -4634,7 +4832,7 @@
4634
4832
  .gd-table-component .ag-theme-balham .ag-group-title-bar-icon {
4635
4833
  cursor: pointer;
4636
4834
  flex: none;
4637
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4835
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4638
4836
  }
4639
4837
  .gd-table-component .ag-ltr .ag-theme-balham .ag-group-child-count {
4640
4838
  margin-left: 2px;
@@ -4695,7 +4893,7 @@
4695
4893
  margin-left: -3px;
4696
4894
  margin-top: -4px;
4697
4895
  border-radius: 3px;
4698
- background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4896
+ background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4699
4897
  }
4700
4898
  .gd-table-component .ag-theme-balham .ag-picker-field-wrapper {
4701
4899
  border: 1px solid;
@@ -4707,7 +4905,7 @@
4707
4905
  }
4708
4906
  .gd-table-component .ag-theme-balham .ag-picker-field-button {
4709
4907
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4710
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4908
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4711
4909
  }
4712
4910
  .gd-table-component .ag-theme-balham .ag-dialog.ag-color-dialog {
4713
4911
  border-radius: 5px;
@@ -4774,7 +4972,7 @@
4774
4972
  padding: 4px;
4775
4973
  overflow: hidden;
4776
4974
  text-overflow: ellipsis;
4777
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4975
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4778
4976
  height: 32px !important;
4779
4977
  line-height: 32px;
4780
4978
  margin: 0;
@@ -4783,7 +4981,7 @@
4783
4981
  }
4784
4982
  .gd-table-component .ag-theme-balham .ag-dnd-ghost-icon {
4785
4983
  margin-right: 4px;
4786
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4984
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4787
4985
  }
4788
4986
  .gd-table-component .ag-theme-balham .ag-popup-child:not(.ag-tooltip-custom) {
4789
4987
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
@@ -4800,7 +4998,7 @@
4800
4998
  }
4801
4999
  .gd-table-component .ag-theme-balham .ag-panel-title-bar {
4802
5000
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4803
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
5001
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
4804
5002
  height: 32px;
4805
5003
  padding: 4px 12px;
4806
5004
  }
@@ -4814,7 +5012,7 @@
4814
5012
 
4815
5013
  .gd-table-component .ag-theme-balham .ag-tooltip {
4816
5014
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4817
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
5015
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4818
5016
  padding: 4px;
4819
5017
  border-radius: 2px;
4820
5018
  transition: opacity 1s;
@@ -7385,7 +7583,7 @@
7385
7583
  .gd-table-component .ag-theme-balham .ag-row {
7386
7584
  height: 28px;
7387
7585
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
7388
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
7586
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7389
7587
  border-width: 1px;
7390
7588
  border-color: rgba(26, 26, 26, 0);
7391
7589
  border-bottom-style: solid;
@@ -7419,7 +7617,7 @@
7419
7617
  border-left-color: transparent;
7420
7618
  }
7421
7619
  .gd-table-component .ag-theme-balham .ag-row-hover {
7422
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
7620
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
7423
7621
  }
7424
7622
  .gd-table-component .ag-theme-balham .ag-column-hover {
7425
7623
  background-color: #ecf0f1;
@@ -7681,7 +7879,7 @@
7681
7879
  border-top-color: transparent;
7682
7880
  }
7683
7881
  .gd-table-component .ag-theme-balham .ag-menu-option-active, .gd-table-component .ag-theme-balham .ag-compact-menu-option-active {
7684
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
7882
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
7685
7883
  }
7686
7884
  .gd-table-component .ag-theme-balham .ag-menu-option-part, .gd-table-component .ag-theme-balham .ag-compact-menu-option-part {
7687
7885
  line-height: 16px;
@@ -7751,7 +7949,7 @@
7751
7949
  border-bottom-color: #0091ea;
7752
7950
  }
7753
7951
  .gd-table-component .ag-theme-balham .ag-menu-header {
7754
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
7952
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7755
7953
  }
7756
7954
  .gd-table-component .ag-theme-balham .ag-filter-separator {
7757
7955
  border-top: solid 1px;
@@ -7863,7 +8061,7 @@
7863
8061
  padding-top: 16px;
7864
8062
  width: 20px;
7865
8063
  position: relative;
7866
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8064
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7867
8065
  overflow: hidden;
7868
8066
  }
7869
8067
  .gd-table-component .ag-theme-balham button.ag-side-button-button {
@@ -8163,7 +8361,7 @@
8163
8361
  }
8164
8362
  .gd-table-component .ag-theme-balham .ag-column-group-icons,
8165
8363
  .gd-table-component .ag-theme-balham .ag-column-select-header-icon {
8166
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8364
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8167
8365
  }
8168
8366
  .gd-table-component .ag-theme-balham .ag-column-select-list .ag-list-item-hovered::after {
8169
8367
  content: "";
@@ -8185,7 +8383,7 @@
8185
8383
  border-bottom-color: transparent;
8186
8384
  }
8187
8385
  .gd-table-component .ag-theme-balham .ag-header-row {
8188
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
8386
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
8189
8387
  height: 32px;
8190
8388
  }
8191
8389
  .gd-table-component .ag-theme-balham .ag-pinned-right-header {
@@ -8254,7 +8452,7 @@
8254
8452
  border-color: #719ECE;
8255
8453
  }
8256
8454
  .gd-table-component .ag-theme-balham .ag-header-icon {
8257
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8455
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8258
8456
  }
8259
8457
  .gd-table-component .ag-theme-balham .ag-header-expand-icon {
8260
8458
  cursor: pointer;
@@ -8279,7 +8477,7 @@
8279
8477
  .gd-table-component .ag-theme-balham .ag-header-group-cell:first-of-type.ag-column-resizing,
8280
8478
  .gd-table-component .ag-theme-balham .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
8281
8479
  .gd-table-component .ag-theme-balham .ag-header-cell:first-of-type.ag-column-resizing {
8282
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
8480
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
8283
8481
  }
8284
8482
  .gd-table-component .ag-theme-balham .ag-header-cell::after,
8285
8483
  .gd-table-component .ag-theme-balham .ag-header-group-cell::after {
@@ -8340,7 +8538,7 @@
8340
8538
  .gd-table-component .ag-theme-balham .ag-paging-panel {
8341
8539
  border-top: 1px solid;
8342
8540
  border-top-color: transparent;
8343
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8541
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8344
8542
  height: 32px;
8345
8543
  }
8346
8544
  .gd-table-component .ag-theme-balham .ag-paging-panel > * {
@@ -8377,7 +8575,7 @@
8377
8575
  line-height: 1.5;
8378
8576
  }
8379
8577
  .gd-table-component .ag-theme-balham .ag-status-name-value-value {
8380
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8578
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8381
8579
  }
8382
8580
  .gd-table-component .ag-theme-balham .ag-status-bar-center {
8383
8581
  text-align: center;
@@ -8416,7 +8614,7 @@
8416
8614
  .gd-table-component .ag-theme-balham .ag-column-drop-cell-button {
8417
8615
  min-width: 16px;
8418
8616
  margin: 0 2px;
8419
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8617
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8420
8618
  }
8421
8619
  .gd-table-component .ag-theme-balham .ag-column-drop-cell-drag-handle {
8422
8620
  margin-left: 8px;
@@ -8426,7 +8624,7 @@
8426
8624
  }
8427
8625
  .gd-table-component .ag-theme-balham .ag-column-drop-horizontal {
8428
8626
  background-color: #f5f7f7;
8429
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8627
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8430
8628
  height: 28px;
8431
8629
  }
8432
8630
  .gd-table-component .ag-ltr .ag-theme-balham .ag-column-drop-horizontal {
@@ -8439,7 +8637,7 @@
8439
8637
 
8440
8638
  .gd-table-component .ag-theme-balham .ag-column-drop-horizontal-cell-separator {
8441
8639
  margin: 0 4px;
8442
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8640
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8443
8641
  }
8444
8642
  .gd-table-component .ag-ltr .ag-theme-balham .ag-column-drop-horizontal-icon {
8445
8643
  margin-right: 12px;
@@ -8518,7 +8716,7 @@
8518
8716
  margin: 2px 0;
8519
8717
  cursor: pointer;
8520
8718
  border-radius: 2px;
8521
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8719
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8522
8720
  }
8523
8721
  .gd-table-component .ag-theme-balham .ag-chart-menu-icon:hover {
8524
8722
  opacity: 1;
@@ -8553,7 +8751,7 @@
8553
8751
  border-color: #0091ea;
8554
8752
  }
8555
8753
  .gd-table-component .ag-theme-balham .ag-chart-settings-card-item {
8556
- background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8754
+ background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8557
8755
  width: 8px;
8558
8756
  height: 8px;
8559
8757
  border-radius: 4px;
@@ -8886,7 +9084,7 @@
8886
9084
  .gd-table-component .ag-theme-balham .ag-header-row,
8887
9085
  .gd-table-component .ag-theme-balham .ag-multi-filter-group-title-bar {
8888
9086
  font-weight: 600;
8889
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
9087
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
8890
9088
  }
8891
9089
  .gd-table-component .ag-ltr .ag-theme-balham input[class^=ag-]:not([type]),
8892
9090
  .gd-table-component .ag-ltr .ag-theme-balham input[class^=ag-][type=text],
@@ -8933,7 +9131,7 @@
8933
9131
  height: 24px;
8934
9132
  }
8935
9133
  .gd-table-component .ag-theme-balham .ag-column-drop-vertical-title {
8936
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
9134
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8937
9135
  }
8938
9136
  .gd-table-component .ag-theme-balham .ag-column-drop-vertical-cell {
8939
9137
  margin-left: 8px;
@@ -8943,7 +9141,7 @@
8943
9141
  margin-left: 8px;
8944
9142
  }
8945
9143
  .gd-table-component .ag-theme-balham .ag-column-drop-vertical-icon {
8946
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
9144
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8947
9145
  }
8948
9146
  .gd-table-component .ag-ltr .ag-theme-balham .ag-column-drop-vertical-empty-message {
8949
9147
  padding-left: 24px;
@@ -8971,7 +9169,7 @@
8971
9169
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
8972
9170
  border: 1px solid;
8973
9171
  border-color: transparent;
8974
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
9172
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8975
9173
  padding: 16px;
8976
9174
  }
8977
9175
  .gd-table-component .ag-theme-balham .ag-tooltip {
@@ -9039,7 +9237,7 @@
9039
9237
  }
9040
9238
  .gd-table-component .gd-table .ag-cell, .gd-table-component .gd-table .ag-cell.ag-cell-focus {
9041
9239
  border-top: 1px dashed transparent;
9042
- border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9240
+ border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9043
9241
  border-right: none;
9044
9242
  border-left: none;
9045
9243
  }
@@ -9052,17 +9250,17 @@
9052
9250
  border-top-color: transparent;
9053
9251
  }
9054
9252
  .gd-table-component .gd-table .gd-column-group-header.gd-column-total:hover {
9055
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2))) !important;
9253
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2))) !important;
9056
9254
  cursor: default;
9057
9255
  }
9058
9256
  .gd-table-component .gd-table .gd-column-group-header.gd-column-subtotal:hover {
9059
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1))) !important;
9257
+ background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1))) !important;
9060
9258
  cursor: default;
9061
9259
  }
9062
9260
  .gd-table-component .gd-table .ag-header-cell,
9063
9261
  .gd-table-component .gd-table .gd-column-group-header {
9064
9262
  border-bottom: 1px dashed transparent;
9065
- border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9263
+ border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9066
9264
  }
9067
9265
  .gd-table-component .gd-table .ag-header-cell.gd-column-group-header--subtotal,
9068
9266
  .gd-table-component .gd-table .gd-column-group-header.gd-column-group-header--subtotal {
@@ -9076,7 +9274,7 @@
9076
9274
  .gd-table-component .gd-table .gd-transpose-header,
9077
9275
  .gd-table-component .gd-table .gd-transpose-header.ag-cell-focus {
9078
9276
  border-left: 1px dashed transparent;
9079
- border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9277
+ border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9080
9278
  }
9081
9279
  .gd-table-component .gd-table .gd-column-subtotal.gd-transpose-header, .gd-table-component .gd-table .gd-column-subtotal.gd-transpose,
9082
9280
  .gd-table-component .gd-table .gd-column-total.gd-transpose-header,
@@ -9086,7 +9284,7 @@
9086
9284
  .gd-table-component .gd-table .gd-mixed-values-column.gd-transpose-header,
9087
9285
  .gd-table-component .gd-table .gd-mixed-values-column.gd-transpose {
9088
9286
  border-left: 1px dashed transparent;
9089
- border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9287
+ border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9090
9288
  }
9091
9289
  .gd-table-component .gd-table .gd-column-index-0,
9092
9290
  .gd-table-component .gd-table .gd-column-group-header--first {
@@ -9132,7 +9330,7 @@
9132
9330
  }
9133
9331
  .gd-table-component .gd-table .gd-column-group-header:hover .gd-pivot-table-header-label--clickable,
9134
9332
  .gd-table-component .gd-table .gd-column-group-header:hover .gd-pivot-table-header-menu ~ .gd-pivot-table-header-label {
9135
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
9333
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
9136
9334
  }
9137
9335
  .gd-table-component .gd-table .gd-column-group-header:hover .ag-header-cell-resize {
9138
9336
  opacity: 1;
@@ -9146,19 +9344,19 @@
9146
9344
  cursor: default;
9147
9345
  }
9148
9346
  .gd-table-component .gd-table .gd-column-total {
9149
- border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9150
- color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
9347
+ border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9348
+ color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
9151
9349
  font-weight: bold;
9152
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9350
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
9153
9351
  }
9154
9352
  .gd-table-component .gd-table .gd-row-total {
9155
9353
  border-bottom-color: transparent;
9156
- color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
9354
+ color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
9157
9355
  font-weight: bold;
9158
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9356
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
9159
9357
  }
9160
9358
  .gd-table-component .gd-table .gd-row-total, .gd-table-component .gd-table .gd-row-total.ag-cell-focus {
9161
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9359
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9162
9360
  }
9163
9361
  .gd-table-component .gd-table .gd-column-subtotal {
9164
9362
  font-weight: bold;
@@ -9166,31 +9364,31 @@
9166
9364
  }
9167
9365
  .gd-table-component .gd-table .gd-table-row-subtotal {
9168
9366
  font-weight: bold;
9169
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9367
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9170
9368
  }
9171
9369
  .gd-table-component .gd-table .gd-table-row-subtotal-even {
9172
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.15)));
9370
+ background-color: var(--gd-table-subtotalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.15)));
9173
9371
  }
9174
9372
  .gd-table-component .gd-table .gd-table-row-subtotal-odd {
9175
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1)));
9373
+ background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1)));
9176
9374
  }
9177
9375
  .gd-table-component .gd-table .gd-table-row-subtotal-column-subtotal {
9178
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9376
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
9179
9377
  }
9180
9378
  .gd-table-component .gd-table .gd-table-row-total-column-subtotal {
9181
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
9379
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
9182
9380
  }
9183
9381
  .gd-table-component .gd-table .gd-table-row-subtotal-column-total {
9184
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
9382
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
9185
9383
  }
9186
9384
  .gd-table-component .gd-table .gd-table-row-total-column-total {
9187
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.4)));
9385
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.4)));
9188
9386
  }
9189
9387
  .gd-table-component .gd-table .gd-column-merged {
9190
9388
  display: none;
9191
9389
  }
9192
9390
  .gd-table-component .gd-table .gd-table-row-separator {
9193
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9391
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9194
9392
  }
9195
9393
  .gd-table-component .gd-table .ag-floating-top {
9196
9394
  position: absolute;
@@ -9270,7 +9468,7 @@
9270
9468
  align-items: flex-end;
9271
9469
  overflow: hidden;
9272
9470
  padding: 0 11px;
9273
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
9471
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
9274
9472
  }
9275
9473
  .gd-pivot-table-header-label--right {
9276
9474
  justify-content: flex-end;
@@ -9319,7 +9517,7 @@
9319
9517
  align-items: center;
9320
9518
  overflow: hidden;
9321
9519
  border-top: 2px solid transparent;
9322
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
9520
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
9323
9521
  opacity: 0;
9324
9522
  cursor: pointer;
9325
9523
  transition: width 200ms, opacity 100ms;
@@ -9343,12 +9541,12 @@
9343
9541
  background-color: var(--gd-palette-complementary-1, #f5f8fa);
9344
9542
  }
9345
9543
  .gd-pivot-table-header-menu--open:active, .ag-header-cell-sortable .gd-pivot-table-header-menu--open:active {
9346
- border-color: var(--gd-palette-complementary-5, #b1c1d1);
9347
- background: var(--gd-palette-complementary-2, #ecf0f5); /* Old browsers */
9348
- background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
9349
- background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* FF3.6 */
9350
- background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* IE10 */
9351
- background-image: linear-gradient(to top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5));
9544
+ border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
9545
+ background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
9546
+ background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
9547
+ background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
9548
+ background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
9549
+ background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
9352
9550
  }
9353
9551
  .gd-pivot-table-header-arrow-up, .gd-pivot-table-header-arrow-down {
9354
9552
  display: inline-block;