@syncfusion/ej2-react-gantt 26.1.42 → 26.2.4

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 (39) hide show
  1. package/dist/ej2-react-gantt.min.js +1 -1
  2. package/dist/ej2-react-gantt.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +1 -2188
  5. package/styles/bootstrap.css +1 -2318
  6. package/styles/bootstrap4.css +1 -2531
  7. package/styles/bootstrap5-dark.css +1 -2213
  8. package/styles/bootstrap5.css +1 -2213
  9. package/styles/fabric-dark.css +1 -2133
  10. package/styles/fabric.css +1 -2121
  11. package/styles/fluent-dark.css +1 -2209
  12. package/styles/fluent.css +1 -2209
  13. package/styles/fluent2.css +1 -3450
  14. package/styles/gantt/bootstrap-dark.css +1 -2188
  15. package/styles/gantt/bootstrap.css +1 -2318
  16. package/styles/gantt/bootstrap4.css +1 -2531
  17. package/styles/gantt/bootstrap5-dark.css +1 -2213
  18. package/styles/gantt/bootstrap5.css +1 -2213
  19. package/styles/gantt/fabric-dark.css +1 -2133
  20. package/styles/gantt/fabric.css +1 -2121
  21. package/styles/gantt/fluent-dark.css +1 -2209
  22. package/styles/gantt/fluent.css +1 -2209
  23. package/styles/gantt/fluent2.css +1 -3450
  24. package/styles/gantt/highcontrast-light.css +1 -2092
  25. package/styles/gantt/highcontrast.css +1 -2219
  26. package/styles/gantt/material-dark.css +1 -2240
  27. package/styles/gantt/material.css +1 -2292
  28. package/styles/gantt/material3-dark.css +1 -2367
  29. package/styles/gantt/material3.css +1 -2479
  30. package/styles/gantt/tailwind-dark.css +1 -2218
  31. package/styles/gantt/tailwind.css +1 -2218
  32. package/styles/highcontrast-light.css +1 -2092
  33. package/styles/highcontrast.css +1 -2219
  34. package/styles/material-dark.css +1 -2240
  35. package/styles/material.css +1 -2292
  36. package/styles/material3-dark.css +1 -2367
  37. package/styles/material3.css +1 -2479
  38. package/styles/tailwind-dark.css +1 -2218
  39. package/styles/tailwind.css +1 -2218
@@ -1,3450 +1 @@
1
- :root {
2
- --color-sf-black: #000;
3
- --color-sf-white: #fff;
4
- --color-sf-primary: #0f6cbd;
5
- --color-sf-primary-text-color: #fff;
6
- --color-sf-primary-light: #b4d6fa;
7
- --color-sf-primary-lighter: #ebf3fc;
8
- --color-sf-primary-dark: #0f548c;
9
- --color-sf-primary-darker: #0c3b5e;
10
- --color-sf-success: #0e700e;
11
- --color-sf-info: #008aa9;
12
- --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #d13438;
14
- --color-sf-success-light: #54b054;
15
- --color-sf-info-light: #56bfd7;
16
- --color-sf-warning-light: #fee5d7;
17
- --color-sf-danger-light: #eeacb2;
18
- --color-sf-success-dark: #54b054;
19
- --color-sf-info-dark: #56bfd7;
20
- --color-sf-warning-dark: #8a3707;
21
- --color-sf-danger-dark: #6e0811;
22
- --color-sf-success-light-alt: #f1faf1;
23
- --color-sf-info-light-alt: #f2fafc;
24
- --color-sf-warning-light-alt: #fff9f5;
25
- --color-sf-danger-light-alt: #fdf3f4;
26
- --color-sf-badge-warning: #fde300;
27
- --color-sf-badge-warning-text: #847619;
28
- --color-sf-primary-label-color: var(--color-sf-primary);
29
- --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
- --color-sf-brand-primary: #7e56d8;
31
- --color-sf-brand-primary-d10: #6e41d3;
32
- --color-sf-content-bg-color: #fafafa;
33
- --color-sf-content-bg-color-alt1: #fff;
34
- --color-sf-content-bg-color-alt2: #f5f5f5;
35
- --color-sf-content-bg-color-alt3: #e6e6e6;
36
- --color-sf-content-bg-color-alt4: #f0f0f0;
37
- --color-sf-content-bg-color-alt5: #ebebeb;
38
- --color-sf-content-bg-color-alt6: #e6e6e6;
39
- --color-sf-content-bg-color-hover: #f0f0f0;
40
- --color-sf-content-bg-color-pressed: #dbdbdb;
41
- --color-sf-content-bg-color-focus: #f0f0f0;
42
- --color-sf-content-bg-color-selected: #e6e6e6;
43
- --color-sf-content-bg-color-dragged: #ebf3fc;
44
- --color-sf-content-bg-color-disabled: #f0f0f0;
45
- --color-sf-flyout-bg-color: #fff;
46
- --color-sf-flyout-bg-color-hover: #f5f5f5;
47
- --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
- --color-sf-flyout-bg-color-selected: #ebebeb;
49
- --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
51
- --color-sf-table-bg-color-hover: #f5f5f5;
52
- --color-sf-table-bg-color-pressed: #e0e0e0;
53
- --color-sf-table-bg-color-selected: #ebf3fc;
54
- --color-sf-content-text-color: #242424;
55
- --color-sf-content-text-color-alt1: #424242;
56
- --color-sf-content-text-color-alt2: #616161;
57
- --color-sf-content-text-color-alt3: #707070;
58
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
- --color-sf-content-text-color-disabled: #bdbdbd;
64
- --color-sf-placeholder-text-color: #707070;
65
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
- --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
77
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
78
- --color-sf-border-light: #e0e0e0;
79
- --color-sf-border: #d1d1d1;
80
- --color-sf-border-alt: #616161;
81
- --color-sf-border-dark: #c7c7c7;
82
- --color-sf-border-hover: #575757;
83
- --color-sf-border-pressed: #4d4d4d;
84
- --color-sf-border-focus: var(--color-sf-border);
85
- --color-sf-border-selected: #b3b3b3;
86
- --color-sf-border-dragged: #ebf3fc;
87
- --color-sf-border-disabled: var(--color-sf-border-light);
88
- --color-sf-border-warning: #da3b01;
89
- --color-sf-border-error: #c50f1f;
90
- --color-sf-border-success: #107c10;
91
- --color-sf-border-info: #0099bc;
92
- --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
93
- --color-sf-flyout-border: var(--color-sf-border-light);
94
- --color-sf-primary-bg-color: var(--color-sf-primary);
95
- --color-sf-primary-border-color: var(--color-sf-primary);
96
- --color-sf-primary-text: var(--color-sf-primary-text-color);
97
- --color-sf-primary-bg-color-hover: #115ea3;
98
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
99
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
100
- --color-sf-primary-bg-color-pressed: #0c3b5e;
101
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
102
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
103
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
104
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
105
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
106
- --color-sf-primary-bg-color-disabled: #f0f0f0;
107
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
108
- --color-sf-primary-text-disabled: #b8b8b8;
109
- --color-sf-primary-bg-color-selected: #0f548c;
110
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
111
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
112
- --color-sf-secondary-bg-color: #fff;
113
- --color-sf-secondary-border-color: #d1d1d1;
114
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
115
- --color-sf-secondary-bg-color-hover: #f5f5f5;
116
- --color-sf-secondary-border-color-hover: #c7c7c7;
117
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
118
- --color-sf-secondary-bg-color-pressed: #e0e0e0;
119
- --color-sf-secondary-border-color-pressed: #b3b3b3;
120
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
121
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
122
- --color-sf-secondary-border-color-focus: #000;
123
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
124
- --color-sf-secondary-bg-color-disabled: #f0f0f0;
125
- --color-sf-secondary-border-color-disabled: #e0e0e0;
126
- --color-sf-secondary-text-color-disabled: #bdbdbd;
127
- --color-sf-secondary-bg-color-selected: #ebebeb;
128
- --color-sf-secondary-border-color-selected: #bdbdbd;
129
- --color-sf-secondary-text-color-selected: #242424;
130
- --color-sf-success-bg-color: #107c10;
131
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
132
- --color-sf-success-text: var(--color-sf-primary-text-color);
133
- --color-sf-success-bg-color-hover: #0c5e0c;
134
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
135
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
136
- --color-sf-success-bg-color-pressed: #052505;
137
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
138
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
139
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
140
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
141
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
142
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
143
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
144
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
145
- --color-sf-success-bg-color-selected: #094509;
146
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
147
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
148
- --color-sf-warning-bg-color: #f7630c;
149
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
150
- --color-sf-warning-text: var(--color-sf-content-text-color);
151
- --color-sf-warning-bg-color-hover: #bc4b09;
152
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
153
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
154
- --color-sf-warning-bg-color-pressed: #4a1e04;
155
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
156
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
157
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
158
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
159
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
160
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
161
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
162
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
163
- --color-sf-warning-bg-color-selected: #bc4b09;
164
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
165
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
166
- --color-sf-info-bg-color: #31afcc;
167
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
168
- --color-sf-info-text: var(--color-sf-content-text-color);
169
- --color-sf-info-bg-color-hover: #008aa9;
170
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
171
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
172
- --color-sf-info-bg-color-pressed: #00748f;
173
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
174
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
175
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
176
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
177
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
178
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
179
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
180
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
181
- --color-sf-info-bg-color-selected: #005669;
182
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
183
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
184
- --color-sf-danger-bg-color: #c50f1f;
185
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
186
- --color-sf-danger-text: var(--color-sf-primary-text-color);
187
- --color-sf-danger-bg-color-hover: #960b18;
188
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
189
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
190
- --color-sf-danger-bg-color-pressed: #3b0509;
191
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
192
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
193
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
194
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
195
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
196
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
197
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
198
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
199
- --color-sf-danger-bg-color-selected: #6e0811;
200
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
201
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
202
- --color-sf-primary-outline: var(--color-sf-primary);
203
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
204
- --color-sf-warning-outline: var(--color-sf-warning-border-color);
205
- --color-sf-danger-outline: var(--color-sf-danger-border-color);
206
- --color-sf-success-outline: var(--color-sf-success-border-color);
207
- --color-sf-info-outline: var(--color-sf-info-border-color);
208
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
- --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
214
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
215
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
216
- --color-sf-appbar-hover-bg-color-alt1: transparent;
217
- --color-sf-appbar-bg-color-alt2: #141414;
218
- --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
219
- --color-sf-appbar-border-color-alt2: #141414;
220
- --color-sf-appbar-hover-bg-color-alt2: transparent;
221
- --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
- --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: #242424;
225
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
- --color-sf-rating-selected-disabled-color: #b3b3b3;
227
- --color-sf-rating-unrated-disabled-color: #b3b3b3;
228
- --color-sf-rating-selected-hover-color: #115ea3;
229
- --color-sf-rating-unrated-hover-color: #0f6cbd;
230
- --color-sf-rating-pressed-color: #0f548c;
231
- --color-sf-msg-color: var(--color-sf-content-text-color);
232
- --color-sf-msg-bg-color: #f5f5f5;
233
- --color-sf-msg-border-color: #d1d1d1;
234
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
235
- --color-sf-msg-bg-color-alt1: transparent;
236
- --color-sf-msg-border-color-alt1: #d1d1d1;
237
- --color-sf-msg-color-alt2: #fff;
238
- --color-sf-msg-bg-color-alt2: #616161;
239
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
240
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
241
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
242
- --color-sf-msg-icon-color-alt2: #fff;
243
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
244
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
245
- --color-sf-msg-close-icon-color-alt2: #fff;
246
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
- --color-sf-msg-success-bg-color: #f1faf1;
248
- --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: #0e700e;
250
- --color-sf-msg-success-bg-color-alt1: transparent;
251
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
- --color-sf-msg-success-color-alt2: #fff;
253
- --color-sf-msg-success-bg-color-alt2: #107c10;
254
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
255
- --color-sf-msg-success-icon-color: #0e700e;
256
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
257
- --color-sf-msg-success-icon-color-alt2: #fff;
258
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
259
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
260
- --color-sf-msg-success-close-icon-color-alt2: #fff;
261
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
- --color-sf-msg-danger-bg-color: #fdf3f4;
263
- --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: #b10e1c;
265
- --color-sf-msg-danger-bg-color-alt1: transparent;
266
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
- --color-sf-msg-danger-color-alt2: #fff;
268
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
269
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
270
- --color-sf-msg-danger-icon-color: #b10e1c;
271
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
272
- --color-sf-msg-danger-icon-color-alt2: #fff;
273
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
274
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
275
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
276
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
- --color-sf-msg-info-bg-color: #f2fafc;
278
- --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: #00748f;
280
- --color-sf-msg-info-bg-color-alt1: transparent;
281
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
- --color-sf-msg-info-color-alt2: #fff;
283
- --color-sf-msg-info-bg-color-alt2: #0099bc;
284
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
285
- --color-sf-msg-info-icon-color: #008aa9;
286
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
287
- --color-sf-msg-info-icon-color-alt2: #fff;
288
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
289
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
290
- --color-sf-msg-info-close-icon-color-alt2: #fff;
291
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
- --color-sf-msg-warning-bg-color: #fdf6f3;
293
- --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: #c43501;
295
- --color-sf-msg-warning-bg-color-alt1: transparent;
296
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
- --color-sf-msg-warning-color-alt2: #fff;
298
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
299
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
300
- --color-sf-msg-warning-icon-color: #c43501;
301
- --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
302
- --color-sf-msg-warning-icon-color-alt2: #fff;
303
- --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
304
- --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
305
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
306
- --color-sf-utility-primary-lighter: #f9f5ff;
307
- --color-sf-utility-success-lighter: #aaefc6;
308
- --color-sf-utility-info-lighter: #b9e6fe;
309
- --color-sf-utility-warning-lighter: #fede88;
310
- --color-sf-utility-danger-lighter: #fecdc9;
311
- --color-sf-fg-white: #fff;
312
- --color-sf-shadow-color: #000;
313
- --color-sf-shadow-color1: #fff;
314
- --color-sf-link-button: var(--color-sf-primary);
315
- --color-sf-link-button-hover: #115ea3;
316
- --color-sf-link-button-pressed: #0c3b5e;
317
- --color-sf-link-button-focus: #0f6cbd;
318
- --color-sf-link-button-border-focus: #242424;
319
- --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: #f5f5f5;
321
- --color-sf-chip-bg-disabled: #f0f0f0;
322
- --color-sf-chip-border-disabled: #fff;
323
- --color-sf-secondary-outline-button-text-color-hover: #242424;
324
- --color-sf-secondary-outline-button-text-color-pressed: #242424;
325
- --color-sf-secondary-outline-button-text-color-selected: #242424;
326
- --color-sf-secondary-outline-button-text-color-focus: #242424;
327
- --color-sf-slider-shadow1: #fff;
328
- --color-sf-slider-shadow2: #d1d1d1;
329
- --color-sf-slider-disabled: #d1d1d1;
330
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
331
- --color-sf-slider-bg-disabled: #e0e0e0;
332
- --color-sf-toggle-switch-border-disabled: #f0f0f0;
333
- --color-sf-calendar-icon-color: #0f6ebd;
334
- --color-sf-calendar-header-text-color-pressed: #0f548c;
335
- --color-sf-calendar-today-bg-color: #0f63bd;
336
- --color-sf-dialog-border: #fafafa;
337
- --color-sf-badge-light-bg-color: #e6e6e6;
338
- --color-sf-secondary-badge-border-color: #fff;
339
- --color-sf-secondary-badge-bg-color: #fff;
340
- --color-sf-secondary-badge-bg-color-focus: #fff;
341
- --color-sf-skeleton-bg-color: #e6e6e6;
342
- --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
343
- --color-sf-tab-selected-text-color-disabled: #bdbdbd;
344
- --color-sf-ribbon-border-color: #00000000;
345
- --color-sf-toolbar-icon-color: #0f6cbd;
346
- --color-sf-contextual-text: #616161;
347
- --color-sf-cell-selection-bg-color: #ebf3fc;
348
- --color-sf-document-editor-border-color: #00000000;
349
- }
350
-
351
- .e-dark-mode {
352
- --color-sf-black: #000;
353
- --color-sf-white: #fff;
354
- --color-sf-content-bg-color: #1f1f1f;
355
- --color-sf-content-bg-color-alt1: #292929;
356
- --color-sf-content-bg-color-alt2: #141414;
357
- --color-sf-content-bg-color-alt3: #333;
358
- --color-sf-content-bg-color-alt4: #0a0a0a;
359
- --color-sf-content-bg-color-alt5: #000;
360
- --color-sf-content-bg-color-alt6: #050505;
361
- --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
362
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
363
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
364
- --color-sf-content-bg-color-selected: #2e2e2e;
365
- --color-sf-content-bg-color-dragged: #08233b;
366
- --color-sf-content-bg-color-disabled: #141414;
367
- --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
368
- --color-sf-flyout-bg-color-hover: #3d3d3d;
369
- --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
- --color-sf-flyout-bg-color-selected: #383838;
371
- --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
373
- --color-sf-table-bg-color-hover: #383838;
374
- --color-sf-table-bg-color-pressed: #2e2e2e;
375
- --color-sf-table-bg-color-selected: #082338;
376
- --color-sf-content-text-color: #fff;
377
- --color-sf-content-text-color-alt1: #d6d6d6;
378
- --color-sf-content-text-color-alt2: #adadad;
379
- --color-sf-content-text-color-alt3: #999;
380
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
381
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
382
- --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
383
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
384
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
385
- --color-sf-content-text-color-disabled: #5c5c5c;
386
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
387
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
388
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
389
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
390
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
391
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
392
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
393
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
394
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
395
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
396
- --color-sf-icon-color: #d6d6d6;
397
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
398
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
399
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
400
- --color-sf-border-light: #525252;
401
- --color-sf-border: #666;
402
- --color-sf-border-alt: #adadad;
403
- --color-sf-border-dark: #757575;
404
- --color-sf-border-hover: #757575;
405
- --color-sf-border-pressed: #4d4d4d;
406
- --color-sf-border-focus: var(--color-sf-border);
407
- --color-sf-border-selected: #6b6b6b;
408
- --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #424242;
410
- --color-sf-border-warning: #bc4b09;
411
- --color-sf-border-error: #dc626d;
412
- --color-sf-border-success: #9fd89f;
413
- --color-sf-border-info: #18a4c4;
414
- --color-sf-spreadsheet-gridline: #e6e6e6;
415
- --color-sf-flyout-border: #525252;
416
- --color-sf-primary: #115ea3;
417
- --color-sf-primary-text-color: #fff;
418
- --color-sf-primary-light: #0e4775;
419
- --color-sf-primary-lighter: #082338;
420
- --color-sf-primary-dark: #62abf5;
421
- --color-sf-primary-darker: #96c6fa;
422
- --color-sf-success: #107c10;
423
- --color-sf-info: #0099bc;
424
- --color-sf-warning: #faa06b;
425
- --color-sf-danger: #dc626d;
426
- --color-sf-success-light: #094509;
427
- --color-sf-info-light: #005669;
428
- --color-sf-warning-light: #4a1e04;
429
- --color-sf-danger-light: #6e0811;
430
- --color-sf-success-dark: #c9eac9;
431
- --color-sf-info-dark: #cdedf4;
432
- --color-sf-warning-dark: #fee5d7;
433
- --color-sf-danger-dark: #fee5d7;
434
- --color-sf-success-light-alt: #052505;
435
- --color-sf-info-light-alt: #002e38;
436
- --color-sf-warning-light-alt: #4a1e04;
437
- --color-sf-danger-light-alt: #3b0509;
438
- --color-sf-badge-warning: #fde300;
439
- --color-sf-badge-warning-text: #fde300;
440
- --color-sf-primary-label-color: #479ef5;
441
- --color-sf-primary-cell-selection: #ebf3fc;
442
- --color-sf-primary-bg-color: var(--color-sf-primary);
443
- --color-sf-primary-border-color: var(--color-sf-primary);
444
- --color-sf-primary-text: var(--color-sf-primary-text-color);
445
- --color-sf-primary-bg-color-hover: #0f6cbd;
446
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
447
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
448
- --color-sf-primary-bg-color-pressed: #0c3b5e;
449
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
450
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
451
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
452
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
453
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
454
- --color-sf-primary-bg-color-disabled: #141414;
455
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
456
- --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
457
- --color-sf-primary-bg-color-selected: #0f548c;
458
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
459
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
460
- --color-sf-secondary-bg-color: #292929;
461
- --color-sf-secondary-border-color: var(--color-sf-border);
462
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
463
- --color-sf-secondary-bg-color-hover: #3d3d3d;
464
- --color-sf-secondary-border-color-hover: #757575;
465
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
466
- --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
467
- --color-sf-secondary-border-color-pressed: #6b6b6b;
468
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
469
- --color-sf-secondary-bg-color-focus: #383838;
470
- --color-sf-secondary-border-color-focus: #fff;
471
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
472
- --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
473
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
474
- --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
475
- --color-sf-secondary-bg-color-selected: #383838;
476
- --color-sf-secondary-border-color-selected: #707070;
477
- --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
478
- --color-sf-success-bg-color: #218c21;
479
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
- --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: #0e700e;
482
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
- --color-sf-success-bg-color-pressed: #052505;
485
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
486
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
487
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
488
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
489
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
490
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
491
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
492
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
493
- --color-sf-success-bg-color-selected: #094509;
494
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
495
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
496
- --color-sf-warning-bg-color: #f87528;
497
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
- --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: #de590b;
500
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
- --color-sf-warning-bg-color-pressed: #4a1e04;
503
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
504
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
505
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
506
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
507
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
508
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
509
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
510
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
511
- --color-sf-warning-bg-color-selected: #8a3707;
512
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
513
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
514
- --color-sf-info-bg-color: #18a4c4;
515
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
516
- --color-sf-info-text: #242424;
517
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
518
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
519
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
520
- --color-sf-info-bg-color-pressed: #002e38;
521
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
522
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
523
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
524
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
525
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
526
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
527
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
528
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
529
- --color-sf-info-bg-color-selected: #005669;
530
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
531
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
532
- --color-sf-danger-bg-color: #cc2635;
533
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
534
- --color-sf-danger-text: var(--color-sf-primary-text-color);
535
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
536
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
537
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
538
- --color-sf-danger-bg-color-pressed: #3b0509;
539
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
540
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
541
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
542
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
543
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
544
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
545
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
546
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
547
- --color-sf-danger-bg-color-selected: #6e0811;
548
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
549
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
550
- --color-sf-primary-outline: var(--color-sf-primary);
551
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
552
- --color-sf-warning-outline: #f7630c;
553
- --color-sf-danger-outline: #c50f1f;
554
- --color-sf-success-outline: #107c10;
555
- --color-sf-info-outline: #0099bc;
556
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
562
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
563
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
564
- --color-sf-appbar-hover-bg-color-alt1: transparent;
565
- --color-sf-appbar-bg-color-alt2: #f5f5f5;
566
- --color-sf-appbar-color-alt2: #242424;
567
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
568
- --color-sf-appbar-hover-bg-color-alt2: transparent;
569
- --color-sf-diagram-palette-background: #e0e0e0;
570
- --color-sf-diagram-palette-hover-background: #bdbdbd;
571
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: #fff;
573
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
- --color-sf-rating-selected-disabled-color: #575757;
575
- --color-sf-rating-unrated-disabled-color: #4d4d4d;
576
- --color-sf-rating-selected-hover-color: #2886de;
577
- --color-sf-rating-unrated-hover-color: #115ea3;
578
- --color-sf-rating-pressed-color: #479ef5;
579
- --color-sf-msg-color: var(--color-sf-content-text-color);
580
- --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
581
- --color-sf-msg-border-color: var(--color-sf-border);
582
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
- --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: #666666;
585
- --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #c2c2c2;
587
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
590
- --color-sf-msg-icon-color-alt2: #fff;
591
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
592
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
593
- --color-sf-msg-close-icon-color-alt2: #fff;
594
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
- --color-sf-msg-success-bg-color: #052505;
596
- --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: #54b054;
598
- --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: #218c21;
600
- --color-sf-msg-success-color-alt2: #fff;
601
- --color-sf-msg-success-bg-color-alt2: #107c10;
602
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
603
- --color-sf-msg-success-icon-color: #54b054;
604
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
605
- --color-sf-msg-success-icon-color-alt2: #fff;
606
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
607
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
608
- --color-sf-msg-success-close-icon-color-alt2: #fff;
609
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
- --color-sf-msg-danger-bg-color: #3b0509;
611
- --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: #dc626d;
613
- --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
- --color-sf-msg-danger-color-alt2: #fff;
616
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
618
- --color-sf-msg-danger-icon-color: #dc626d;
619
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
620
- --color-sf-msg-danger-icon-color-alt2: #fff;
621
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
622
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
623
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
624
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
- --color-sf-msg-info-bg-color: #002e38;
626
- --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: #56bfd7;
628
- --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: #31afdd;
630
- --color-sf-msg-info-color-alt2: #fff;
631
- --color-sf-msg-info-bg-color-alt2: #0099bc;
632
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
633
- --color-sf-msg-info-icon-color: #56bfd7;
634
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
635
- --color-sf-msg-info-icon-color-alt2: #fff;
636
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
637
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
638
- --color-sf-msg-info-close-icon-color-alt2: #fff;
639
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
- --color-sf-msg-warning-bg-color: #411200;
641
- --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: #e9835e;
643
- --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: #e36537;
645
- --color-sf-msg-warning-color-alt2: #fff;
646
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
648
- --color-sf-msg-warning-icon-color: #e9835e;
649
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
650
- --color-sf-msg-warning-icon-color-alt2: #fff;
651
- --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
652
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
653
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
654
- --color-sf-shadow-color: #fff;
655
- --color-sf-shadow-color1: #000;
656
- --color-sf-link-button: var(--color-sf-primary);
657
- --color-sf-link-button-hover: #0f6cbd;
658
- --color-sf-link-button-pressed: #115ea3;
659
- --color-sf-link-button-focus: #115ea3;
660
- --color-sf-link-button-border-focus: #fff;
661
- --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: #141414;
663
- --color-sf-chip-bg-disabled: #141414;
664
- --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
- --color-sf-secondary-outline-button-text-color-hover: #fff;
666
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
667
- --color-sf-secondary-outline-button-text-color-selected: #fff;
668
- --color-sf-secondary-outline-button-text-color-focus: #fff;
669
- --color-sf-slider-shadow1: #000;
670
- --color-sf-slider-shadow2: #666666;
671
- --color-sf-slider-disabled: #666666;
672
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
673
- --color-sf-slider-bg-disabled: #525252;
674
- --color-sf-toggle-switch-border-disabled: #141414;
675
- --color-sf-calendar-icon-color: #1153a3;
676
- --color-sf-calendar-header-text-color-pressed: #62abf5;
677
- --color-sf-calendar-today-bg-color: #1153a3;
678
- --color-sf-dialog-border: #1f1f1f;
679
- --color-sf-badge-light-bg-color: #333333;
680
- --color-sf-secondary-badge-border-color: #292929;
681
- --color-sf-secondary-badge-bg-color: #292929;
682
- --color-sf-secondary-badge-bg-color-focus: #292929;
683
- --color-sf-skeleton-bg-color: #575757;
684
- --color-sf-tab-selected-bg-color-disabled: #115ea3;
685
- --color-sf-tab-selected-text-color-disabled: #a3a3a3;
686
- --color-sf-ribbon-border-color: #00000000;
687
- --color-sf-toolbar-icon-color: #479ef5;
688
- --color-sf-contextual-text: #fff;
689
- --color-sf-cell-selection-bg-color: #08233b;
690
- --color-sf-document-editor-border-color: #00000000;
691
- }
692
-
693
- .e-high-contrast {
694
- --color-sf-black: #000;
695
- --color-sf-white: #fff;
696
- --color-sf-content-bg-color: #000;
697
- --color-sf-content-bg-color-alt1: var(--color-sf-black);
698
- --color-sf-content-bg-color-alt2: var(--color-sf-black);
699
- --color-sf-content-bg-color-alt3: var(--color-sf-black);
700
- --color-sf-content-bg-color-alt4: var(--color-sf-black);
701
- --color-sf-content-bg-color-alt5: var(--color-sf-black);
702
- --color-sf-content-bg-color-alt6: var(--color-sf-black);
703
- --color-sf-content-bg-color-hover: #1aebff;
704
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
705
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
706
- --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
707
- --color-sf-content-bg-color-dragged: #fff;
708
- --color-sf-content-bg-color-disabled: #000000;
709
- --color-sf-flyout-bg-color: var(--color-sf-black);
710
- --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
711
- --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
- --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
- --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: #1a3bff;
718
- --color-sf-content-text-color: #fff;
719
- --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
- --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
721
- --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
722
- --color-sf-content-text-color-hover: #000;
723
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
724
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
- --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: #3ff23f;
728
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
731
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
732
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
738
- --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
741
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
- --color-sf-border-light: #fff;
743
- --color-sf-border: var(--color-sf-border-light);
744
- --color-sf-border-alt: var(--color-sf-border-light);
745
- --color-sf-border-dark: var(--color-sf-border-light);
746
- --color-sf-border-hover: #1aebff;
747
- --color-sf-border-pressed: var(--color-sf-border-hover);
748
- --color-sf-border-focus: var(--color-sf-border-hover);
749
- --color-sf-border-selected: var(--color-sf-border-hover);
750
- --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #3ff23f;
752
- --color-sf-border-warning: #f7630c;
753
- --color-sf-border-error: #c50f1f;
754
- --color-sf-border-success: #107c10;
755
- --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: #e6e6e6;
757
- --color-sf-flyout-border: var(--color-sf-border-light);
758
- --color-sf-primary: #1aebff;
759
- --color-sf-primary-text-color: #000;
760
- --color-sf-primary-light: rgba(26, 235, 255, .8);
761
- --color-sf-primary-lighter: var(--color-sf-primary-light);
762
- --color-sf-primary-dark: var(--color-sf-primary);
763
- --color-sf-primary-darker: var(--color-sf-primary);
764
- --color-sf-success: #107c10;
765
- --color-sf-info: #0099bc;
766
- --color-sf-warning: #f7630c;
767
- --color-sf-danger: #c50f1f;
768
- --color-sf-success-light: #094509;
769
- --color-sf-info-light: #005669;
770
- --color-sf-warning-light: #4a1e04;
771
- --color-sf-danger-light: #6e0811;
772
- --color-sf-success-dark: #c9eac9;
773
- --color-sf-info-dark: #cdedf4;
774
- --color-sf-warning-dark: #fee5d7;
775
- --color-sf-danger-dark: #f6d1d5;
776
- --color-sf-success-light-alt: #052505;
777
- --color-sf-info-light-alt: #002e38;
778
- --color-sf-warning-light-alt: #4a1e04;
779
- --color-sf-danger-light-alt: #3b0509;
780
- --color-sf-badge-warning: #fde300;
781
- --color-sf-badge-warning-text: #fde300;
782
- --color-sf-primary-label-color: #1aebff;
783
- --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
784
- --color-sf-primary-bg-color: #1aebff;
785
- --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
786
- --color-sf-primary-text: #000;
787
- --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
788
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
789
- --color-sf-primary-text-hover: var(--color-sf-primary-text);
790
- --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
791
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
792
- --color-sf-primary-text-pressed: var(--color-sf-primary-text);
793
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
794
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
795
- --color-sf-primary-text-focus: var(--color-sf-primary-text);
796
- --color-sf-primary-bg-color-disabled: #000;
797
- --color-sf-primary-border-color-disabled: #3ff23f;
798
- --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
799
- --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
800
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
801
- --color-sf-primary-text-selected: var(--color-sf-primary-text);
802
- --color-sf-secondary-bg-color: #000;
803
- --color-sf-secondary-border-color: var(--color-sf-border);
804
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
805
- --color-sf-secondary-bg-color-hover: #1aebff;
806
- --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
807
- --color-sf-secondary-text-color-hover: #000;
808
- --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
809
- --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
810
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
811
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
812
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
813
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
814
- --color-sf-secondary-bg-color-disabled: #000;
815
- --color-sf-secondary-border-color-disabled: #3ff23f;
816
- --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
817
- --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
818
- --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
819
- --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
820
- --color-sf-success-bg-color: #107c10;
821
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
822
- --color-sf-success-text: #fff;
823
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
824
- --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
825
- --color-sf-success-text-hover: var(--color-sf-success-text);
826
- --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
827
- --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
828
- --color-sf-success-text-pressed: var(--color-sf-success-text);
829
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
830
- --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
831
- --color-sf-success-text-focus: var(--color-sf-success-text);
832
- --color-sf-success-bg-color-disabled: #000;
833
- --color-sf-success-border-color-disabled: #3ff23f;
834
- --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
835
- --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
836
- --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
837
- --color-sf-success-text-selected: var(--color-sf-success-text);
838
- --color-sf-warning-bg-color: #f7630c;
839
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
840
- --color-sf-warning-text: #000;
841
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
842
- --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
843
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
844
- --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
845
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
846
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
847
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
848
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
849
- --color-sf-warning-text-focus: var(--color-sf-warning-text);
850
- --color-sf-warning-bg-color-disabled: #000;
851
- --color-sf-warning-border-color-disabled: #3ff23f;
852
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
853
- --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
854
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
855
- --color-sf-warning-text-selected: var(--color-sf-warning-text);
856
- --color-sf-info-bg-color: #0099bc;
857
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
858
- --color-sf-info-text: #000;
859
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
860
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
861
- --color-sf-info-text-hover: var(--color-sf-info-text);
862
- --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
863
- --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
864
- --color-sf-info-text-pressed: var(--color-sf-info-text);
865
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
866
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
867
- --color-sf-info-text-focus: var(--color-sf-info-text);
868
- --color-sf-info-bg-color-disabled: #000;
869
- --color-sf-info-border-color-disabled: #3ff23f;
870
- --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
871
- --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
872
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
873
- --color-sf-info-text-selected: var(--color-sf-info-text);
874
- --color-sf-danger-bg-color: #c50f1f;
875
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
876
- --color-sf-danger-text: #fff;
877
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
878
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
879
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
880
- --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
881
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
882
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
883
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
884
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
885
- --color-sf-danger-text-focus: var(--color-sf-danger-text);
886
- --color-sf-danger-bg-color-disabled: #000;
887
- --color-sf-danger-border-color-disabled: #3ff23f;
888
- --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
889
- --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
890
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
891
- --color-sf-danger-text-selected: var(--color-sf-danger-text);
892
- --color-sf-primary-outline: var(--color-sf-primary);
893
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
894
- --color-sf-warning-outline: #f7630c;
895
- --color-sf-danger-outline: #c50f1f;
896
- --color-sf-success-outline: #107c10;
897
- --color-sf-info-outline: #0099bc;
898
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
- --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
- --color-sf-appbar-bg-color-alt1: #fff;
904
- --color-sf-appbar-color-alt1: #000;
905
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
906
- --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
907
- --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
908
- --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
909
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
910
- --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
911
- --color-sf-diagram-palette-background: #000;
912
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: #fff;
915
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
918
- --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
919
- --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
920
- --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
921
- --color-sf-msg-color: #fff;
922
- --color-sf-msg-bg-color: #000;
923
- --color-sf-msg-border-color: var(--color-sf-msg-color);
924
- --color-sf-msg-color-alt1: #1aebff;
925
- --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
926
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
927
- --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
928
- --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
929
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
930
- --color-sf-msg-icon-color: var(--color-sf-msg-color);
931
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
932
- --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
933
- --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
934
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
935
- --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
936
- --color-sf-msg-success-color: #107c10;
937
- --color-sf-msg-success-bg-color: #000;
938
- --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: #107c10;
940
- --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
- --color-sf-msg-success-border-color-alt1: #fff;
942
- --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
943
- --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
944
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
945
- --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
946
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
947
- --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
948
- --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
949
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
950
- --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
951
- --color-sf-msg-danger-color: #c50f1f;
952
- --color-sf-msg-danger-bg-color: #000;
953
- --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: #c50f1f;
955
- --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
- --color-sf-msg-danger-border-color-alt1: #fff;
957
- --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
958
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
959
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
960
- --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
961
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
962
- --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
963
- --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
964
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
965
- --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
966
- --color-sf-msg-info-color: #0099bc;
967
- --color-sf-msg-info-bg-color: #000;
968
- --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: #0099bc;
970
- --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
- --color-sf-msg-info-border-color-alt1: #fff;
972
- --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
973
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
974
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
975
- --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
976
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
977
- --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
978
- --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
979
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
980
- --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
981
- --color-sf-msg-warning-color: #f7630c;
982
- --color-sf-msg-warning-bg-color: #000;
983
- --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: #f7630c;
985
- --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
- --color-sf-msg-warning-border-color-alt1: #fff;
987
- --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
988
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
989
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
990
- --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
991
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
992
- --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
993
- --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
994
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
995
- --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
996
- --color-sf-shadow-color: #fff;
997
- --color-sf-shadow-color1: #1aebff;
998
- --color-sf-link-button: #fff000;
999
- --color-sf-link-button-hover: #fff000;
1000
- --color-sf-link-button-pressed: #fff000;
1001
- --color-sf-link-button-focus: #fff000;
1002
- --color-sf-link-button-border-focus: #1aebff;
1003
- --color-sf-chip-bg-color: #000;
1004
- --color-sf-chip-border-color: #fff;
1005
- --color-sf-chip-bg-disabled: #000;
1006
- --color-sf-chip-border-disabled: #3ff23f;
1007
- --color-sf-secondary-outline-button-text-color-hover: #fff;
1008
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
1009
- --color-sf-secondary-outline-button-text-color-selected: #fff;
1010
- --color-sf-secondary-outline-button-text-color-focus: #fff;
1011
- --color-sf-slider-shadow1: #000;
1012
- --color-sf-slider-shadow2: #fff;
1013
- --color-sf-slider-disabled: #3ff23f;
1014
- --color-sf-slider-border-color: #fff;
1015
- --color-sf-slider-bg-disabled: #000;
1016
- --color-sf-toggle-switch-border-disabled: #3ff23f;
1017
- --color-sf-calendar-icon-color: #000;
1018
- --color-sf-calendar-header-text-color-pressed: #000;
1019
- --color-sf-calendar-today-bg-color: #fff;
1020
- --color-sf-dialog-border: #fff;
1021
- --color-sf-badge-light-bg-color: #000;
1022
- --color-sf-secondary-badge-border-color: #fff;
1023
- --color-sf-secondary-badge-bg-color: #000;
1024
- --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #fff;
1026
- --color-sf-tab-selected-bg-color-disabled: #000;
1027
- --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
- --color-sf-ribbon-border-color: #fff;
1029
- --color-sf-toolbar-icon-color: #000;
1030
- --color-sf-contextual-text: #000;
1031
- --color-sf-cell-selection-bg-color: #1aecff1f;
1032
- --color-sf-document-editor-border-color: #fff;
1033
- }
1034
-
1035
- /* stylelint-disable */
1036
- .e-dialog.e-checkboxfilter,
1037
- .e-dialog.e-flmenu {
1038
- min-width: 250px !important;
1039
- }
1040
-
1041
- /* stylelint-disable */
1042
- .e-rte-quick-popup {
1043
- border-radius: 6px !important;
1044
- }
1045
- .e-rte-quick-popup .e-rte-quick-toolbar {
1046
- border-radius: 6px !important;
1047
- }
1048
-
1049
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
1050
- -webkit-transform: rotate(0deg);
1051
- transform: rotate(0deg);
1052
- -webkit-transition: -webkit-transform 300ms ease;
1053
- transition: -webkit-transform 300ms ease;
1054
- transition: transform 300ms ease;
1055
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1056
- }
1057
-
1058
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
1059
- -webkit-transform: rotate(180deg);
1060
- transform: rotate(180deg);
1061
- -webkit-transition: -webkit-transform 300ms ease;
1062
- transition: -webkit-transform 300ms ease;
1063
- transition: transform 300ms ease;
1064
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1065
- }
1066
-
1067
- .e-dropdownbase .e-list-item.e-active.e-hover {
1068
- color: var(--color-sf-content-text-color-selected);
1069
- }
1070
-
1071
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
1072
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
1073
- .e-input-group:not(.e-disabled) .e-back-icon:active,
1074
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
1075
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
1076
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
1077
- background: transparent;
1078
- }
1079
-
1080
- .e-input-group .e-ddl-icon:not(:active)::after {
1081
- -webkit-animation: none;
1082
- animation: none;
1083
- }
1084
-
1085
- .e-ddl.e-popup {
1086
- border: 0;
1087
- border-radius: 8px;
1088
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1089
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1090
- margin-top: 4px;
1091
- }
1092
-
1093
- .e-small .e-ddl.e-popup,
1094
- .e-small.e-ddl.e-popup {
1095
- border-radius: 4px;
1096
- margin-top: 2px;
1097
- }
1098
-
1099
- .e-bigger .e-ddl.e-popup,
1100
- .e-bigger.e-ddl.e-popup {
1101
- border-radius: 8px;
1102
- margin-top: 8px;
1103
- }
1104
-
1105
- .e-bigger.e-small .e-ddl.e-popup,
1106
- .e-small.e-bigger.e-ddl.e-popup {
1107
- border-radius: 8px;
1108
- margin-top: 6px;
1109
- }
1110
-
1111
- .e-popup.e-ddl .e-dropdownbase {
1112
- min-height: 26px;
1113
- padding: 6px 4px;
1114
- }
1115
-
1116
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1117
- border-color: var(--color-sf-border-light);
1118
- }
1119
-
1120
- .e-bigger .e-popup.e-ddl-device-filter {
1121
- margin-top: 0;
1122
- }
1123
-
1124
- .e-bigger .e-ddl-device .e-input-group,
1125
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1126
- background: var(--color-sf-flyout-bg-color);
1127
- border-width: 0;
1128
- -webkit-box-shadow: none;
1129
- box-shadow: none;
1130
- margin-bottom: 0;
1131
- }
1132
-
1133
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1134
- .e-bigger .e-ddl-device .e-input-group input.e-input,
1135
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1136
- background-color: var(--color-sf-flyout-bg-color);
1137
- }
1138
-
1139
- .e-input-group.e-ddl,
1140
- .e-input-group.e-ddl .e-input,
1141
- .e-input-group.e-ddl .e-ddl-icon {
1142
- background: var(--color-sf-content-bg-color);
1143
- }
1144
-
1145
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
1146
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
1147
- border-bottom-width: 0;
1148
- }
1149
-
1150
- .e-ddl.e-popup.e-outline .e-filter-parent {
1151
- padding: 4px 8px;
1152
- }
1153
-
1154
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1155
- line-height: 30px;
1156
- top: 0;
1157
- }
1158
-
1159
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1160
- border-radius: 0 4px 4px 0;
1161
- border-right-width: 0;
1162
- }
1163
-
1164
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1165
- border-left-width: 0;
1166
- border-radius: 4px 0 0 4px;
1167
- border-right-width: 0;
1168
- }
1169
-
1170
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1171
- height: 32px;
1172
- width: 32px;
1173
- }
1174
-
1175
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1176
- height: 28px;
1177
- width: 28px;
1178
- }
1179
-
1180
- .e-multi-select-wrapper .e-searcher input[type=text],
1181
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1182
- color: var(--color-sf-content-text-color);
1183
- height: 100%;
1184
- }
1185
-
1186
- @-webkit-keyframes tbar-alt-popup-shadow {
1187
- 0% {
1188
- border-color: rgba(0, 0, 0, 0.12);
1189
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1190
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1191
- }
1192
- 100% {
1193
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1194
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1195
- }
1196
- }
1197
-
1198
- @keyframes tbar-alt-popup-shadow {
1199
- 0% {
1200
- border-color: rgba(0, 0, 0, 0.12);
1201
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1202
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1203
- }
1204
- 100% {
1205
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1206
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1207
- }
1208
- }
1209
- @-webkit-keyframes hscroll-alt-popup-shadow {
1210
- 0% {
1211
- border-color: rgba(0, 0, 0, 0.12);
1212
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1213
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1214
- }
1215
- 100% {
1216
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1217
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1218
- }
1219
- }
1220
- @keyframes hscroll-alt-popup-shadow {
1221
- 0% {
1222
- border-color: rgba(0, 0, 0, 0.12);
1223
- -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1224
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
1225
- }
1226
- 100% {
1227
- -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1228
- box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
1229
- }
1230
- }
1231
- /* stylelint-disable */
1232
- .e-toolbar-item.e-active {
1233
- background: none !important;
1234
- }
1235
-
1236
- /* stylelint-disable property-no-vendor-prefix */
1237
- @-webkit-keyframes e-input-ripple {
1238
- 100% {
1239
- opacity: 0;
1240
- -webkit-transform: scale(4);
1241
- transform: scale(4);
1242
- }
1243
- }
1244
- @keyframes e-input-ripple {
1245
- 100% {
1246
- opacity: 0;
1247
- -webkit-transform: scale(4);
1248
- transform: scale(4);
1249
- }
1250
- }
1251
- @-webkit-keyframes slideTopUp {
1252
- from {
1253
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1254
- transform: translate3d(0, 0, 0) scale(1);
1255
- }
1256
- to {
1257
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1258
- transform: translate3d(0, 0, 0) scale(1);
1259
- }
1260
- }
1261
- @keyframes slideTopUp {
1262
- from {
1263
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1264
- transform: translate3d(0, 0, 0) scale(1);
1265
- }
1266
- to {
1267
- -webkit-transform: translate3d(0, 0, 0) scale(1);
1268
- transform: translate3d(0, 0, 0) scale(1);
1269
- }
1270
- }
1271
- /* stylelint-disable */
1272
- .e-input:focus:not(.e-success):not(.e-warning).e-error,
1273
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
1274
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
1275
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
1276
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
1277
- .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
1278
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
1279
- -webkit-box-shadow: none !important;
1280
- box-shadow: none !important;
1281
- }
1282
-
1283
- .e-input:focus:not(.e-error):not(.e-warning).e-success,
1284
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
1285
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
1286
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
1287
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
1288
- .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
1289
- .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
1290
- -webkit-box-shadow: none !important;
1291
- box-shadow: none !important;
1292
- }
1293
-
1294
- .e-input:focus:not(.e-success):not(.e-error).e-warning,
1295
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
1296
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
1297
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
1298
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
1299
- .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
1300
- .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
1301
- -webkit-box-shadow: none !important;
1302
- box-shadow: none !important;
1303
- }
1304
-
1305
- .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
1306
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
1307
- -webkit-box-shadow: none !important;
1308
- box-shadow: none !important;
1309
- }
1310
-
1311
- .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
1312
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
1313
- -webkit-box-shadow: none !important;
1314
- box-shadow: none !important;
1315
- }
1316
-
1317
- .e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
1318
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
1319
- -webkit-box-shadow: none !important;
1320
- box-shadow: none !important;
1321
- }
1322
-
1323
- .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
1324
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
1325
- -webkit-box-shadow: none !important;
1326
- box-shadow: none !important;
1327
- }
1328
-
1329
- .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
1330
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
1331
- -webkit-box-shadow: none !important;
1332
- box-shadow: none !important;
1333
- }
1334
-
1335
- .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
1336
- .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
1337
- -webkit-box-shadow: none !important;
1338
- box-shadow: none !important;
1339
- }
1340
-
1341
- .e-float-input.e-error label.e-float-text,
1342
- .e-float-input.e-control-wrapper.e-error label.e-float-text,
1343
- .e-float-input.e-error input:focus ~ label.e-float-text,
1344
- .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1345
- .e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1346
- .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1347
- .e-float-input.e-error textarea:focus ~ label.e-float-text,
1348
- .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
1349
- color: var(--color-sf-danger) !important;
1350
- }
1351
-
1352
- .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
1353
- .e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
1354
- .e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
1355
- .e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
1356
- .e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
1357
- .e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
1358
- .e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
1359
- .e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
1360
- .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1361
- .e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
1362
- .e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1363
- .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
1364
- .e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
1365
- .e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
1366
- .e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
1367
- .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1368
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
1369
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1370
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
1371
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1372
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
1373
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
1374
- .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1375
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
1376
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1377
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
1378
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1379
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
1380
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
1381
- .e-outline.e-float-input.e-error label.e-float-text.e-label-top,
1382
- .e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
1383
- .e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
1384
- .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
1385
- .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
1386
- .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
1387
- .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
1388
- .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1389
- .e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1390
- .e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1391
- .e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
1392
- .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1393
- .e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1394
- .e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
1395
- .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1396
- .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1397
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1398
- .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
1399
- .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
1400
- .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
1401
- .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
1402
- color: var(--color-sf-danger) !important;
1403
- }
1404
-
1405
- .e-filled.e-float-input.e-error label.e-float-text,
1406
- .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
1407
- .e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
1408
- .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
1409
- .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
1410
- .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
1411
- .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
1412
- .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
1413
- color: var(--color-sf-danger) !important;
1414
- }
1415
-
1416
- /* stylelint-disable */
1417
- .e-dialog .e-dlg-content {
1418
- border-radius: 8px !important;
1419
- }
1420
-
1421
- .e-dlg-overlay {
1422
- -webkit-backdrop-filter: blur(2px) !important;
1423
- backdrop-filter: blur(2px) !important;
1424
- }
1425
-
1426
- /* stylelint-disable property-no-vendor-prefix */
1427
- @-webkit-keyframes material-spinner-rotate {
1428
- 0% {
1429
- -webkit-transform: rotate(0);
1430
- transform: rotate(0);
1431
- }
1432
- 100% {
1433
- -webkit-transform: rotate(360deg);
1434
- transform: rotate(360deg);
1435
- }
1436
- }
1437
- @keyframes material-spinner-rotate {
1438
- 0% {
1439
- -webkit-transform: rotate(0);
1440
- transform: rotate(0);
1441
- }
1442
- 100% {
1443
- -webkit-transform: rotate(360deg);
1444
- transform: rotate(360deg);
1445
- }
1446
- }
1447
- @-webkit-keyframes fabric-spinner-rotate {
1448
- 0% {
1449
- -webkit-transform: rotate(0);
1450
- transform: rotate(0);
1451
- }
1452
- 100% {
1453
- -webkit-transform: rotate(360deg);
1454
- transform: rotate(360deg);
1455
- }
1456
- }
1457
- @keyframes fabric-spinner-rotate {
1458
- 0% {
1459
- -webkit-transform: rotate(0);
1460
- transform: rotate(0);
1461
- }
1462
- 100% {
1463
- -webkit-transform: rotate(360deg);
1464
- transform: rotate(360deg);
1465
- }
1466
- }
1467
- /* stylelint-disable */
1468
- .e-gantt .e-add::before,
1469
- .e-gantt-menu .e-add::before {
1470
- content: "\e805";
1471
- }
1472
- .e-gantt .e-critical-path::before,
1473
- .e-gantt-menu .e-critical-path::before {
1474
- content: "\e88c";
1475
- }
1476
- .e-gantt .e-edit::before,
1477
- .e-gantt-menu .e-edit::before {
1478
- content: "\e730";
1479
- }
1480
- .e-gantt .e-delete::before,
1481
- .e-gantt-menu .e-delete::before {
1482
- content: "\e820";
1483
- }
1484
- .e-gantt .e-cancel-icon::before,
1485
- .e-gantt .e-toolbar-item .e-cancel::before,
1486
- .e-gantt-menu .e-cancel-icon::before,
1487
- .e-gantt-menu .e-toolbar-item .e-cancel::before {
1488
- content: "\e7e7";
1489
- }
1490
- .e-gantt .e-update::before,
1491
- .e-gantt .e-save::before,
1492
- .e-gantt-menu .e-update::before,
1493
- .e-gantt-menu .e-save::before {
1494
- content: "\e7c8";
1495
- }
1496
- .e-gantt .e-search-icon::before,
1497
- .e-gantt-menu .e-search-icon::before {
1498
- content: "\e754";
1499
- }
1500
- .e-gantt .e-notes-info::before,
1501
- .e-gantt-menu .e-notes-info::before {
1502
- content: "\e72d";
1503
- }
1504
- .e-gantt .e-left-resize-gripper::before,
1505
- .e-gantt .e-right-resize-gripper::before,
1506
- .e-gantt-menu .e-left-resize-gripper::before,
1507
- .e-gantt-menu .e-right-resize-gripper::before {
1508
- content: "\e770";
1509
- }
1510
- .e-gantt .e-expandall::before,
1511
- .e-gantt-menu .e-expandall::before {
1512
- content: "\e7c9";
1513
- }
1514
- .e-gantt .e-collapseall::before,
1515
- .e-gantt-menu .e-collapseall::before {
1516
- content: "\e80f";
1517
- }
1518
- .e-gantt .e-gantt-tooltip-arrow-left::before,
1519
- .e-gantt .e-prevtimespan::before,
1520
- .e-gantt-menu .e-gantt-tooltip-arrow-left::before,
1521
- .e-gantt-menu .e-prevtimespan::before {
1522
- content: "\e773";
1523
- }
1524
- .e-gantt .e-gantt-tooltip-arrow-right::before,
1525
- .e-gantt .e-nexttimespan::before,
1526
- .e-gantt-menu .e-gantt-tooltip-arrow-right::before,
1527
- .e-gantt-menu .e-nexttimespan::before {
1528
- content: "\e7f9";
1529
- }
1530
- .e-gantt .e-zoomin::before,
1531
- .e-gantt-menu .e-zoomin::before {
1532
- content: "\e795";
1533
- }
1534
- .e-gantt .e-zoomout::before,
1535
- .e-gantt-menu .e-zoomout::before {
1536
- content: "\e825";
1537
- }
1538
- .e-gantt .e-zoomtofit::before,
1539
- .e-gantt-menu .e-zoomtofit::before {
1540
- content: "\e838";
1541
- }
1542
- .e-gantt .e-csvexport::before,
1543
- .e-gantt-menu .e-csvexport::before {
1544
- content: "\e7ba";
1545
- }
1546
- .e-gantt .e-excelexport::before,
1547
- .e-gantt-menu .e-excelexport::before {
1548
- content: "\e7c1";
1549
- }
1550
- .e-gantt .e-pdfexport::before,
1551
- .e-gantt-menu .e-pdfexport::before {
1552
- content: "\e700";
1553
- }
1554
- .e-gantt .e-indent::before,
1555
- .e-gantt-menu .e-indent::before {
1556
- content: "\e810";
1557
- }
1558
- .e-gantt .e-outdent::before,
1559
- .e-gantt-menu .e-outdent::before {
1560
- content: "\e72a";
1561
- }
1562
- .e-gantt .e-add-above::before,
1563
- .e-gantt-menu .e-add-above::before {
1564
- content: "\e836";
1565
- }
1566
- .e-gantt .e-add-below::before,
1567
- .e-gantt-menu .e-add-below::before {
1568
- content: "\e801";
1569
- }
1570
-
1571
- .e-gantt.e-device .e-backarrowspan::before,
1572
- .e-gantt.e-device .e-icon-dlg-close::before {
1573
- content: "\e773";
1574
- }
1575
- .e-gantt.e-device .e-left-resize-gripper::before,
1576
- .e-gantt.e-device .e-right-resize-gripper::before {
1577
- content: "\e770";
1578
- }
1579
-
1580
- .e-icon-rowselect::before {
1581
- content: "\e7d4";
1582
- }
1583
-
1584
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
1585
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
1586
- display: inline-block;
1587
- position: absolute;
1588
- top: 0;
1589
- width: 25px;
1590
- z-index: 4;
1591
- }
1592
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
1593
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
1594
- -webkit-box-align: center;
1595
- -ms-flex-align: center;
1596
- align-items: center;
1597
- cursor: ew-resize;
1598
- display: -webkit-inline-box;
1599
- display: -ms-inline-flexbox;
1600
- display: inline-flex;
1601
- }
1602
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
1603
- height: 64px;
1604
- }
1605
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
1606
- height: 32px;
1607
- }
1608
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
1609
- height: 64px;
1610
- }
1611
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
1612
- border-radius: 4px !important;
1613
- font-size: 12px !important;
1614
- height: 26px !important;
1615
- padding: 4px 8px 4px 8px !important;
1616
- top: 36px !important;
1617
- }
1618
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1619
- border-bottom: 6px solid transparent;
1620
- border-right: 6px solid transparent;
1621
- border-right-color: var(--color-sf-warning-light);
1622
- border-top: 6px solid transparent;
1623
- top: 43px !important;
1624
- }
1625
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper::before,
1626
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper::before {
1627
- content: "\e92c";
1628
- }
1629
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right,
1630
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left,
1631
- .e-bigger .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
1632
- .e-bigger .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
1633
- border-radius: 50%;
1634
- display: inline-block;
1635
- position: absolute;
1636
- }
1637
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
1638
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
1639
- border-style: solid;
1640
- border-width: 1px;
1641
- -webkit-box-sizing: content-box;
1642
- box-sizing: content-box;
1643
- cursor: pointer;
1644
- display: inline-block;
1645
- }
1646
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
1647
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
1648
- background-color: var(--color-sf-primary);
1649
- border-color: var(--color-sf-content-bg-color);
1650
- position: relative;
1651
- }
1652
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
1653
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
1654
- background-color: var(--color-sf-primary);
1655
- border-color: var(--color-sf-content-bg-color);
1656
- outline: 2px solid var(--color-sf-primary-light);
1657
- }
1658
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover::after,
1659
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover::after {
1660
- content: "";
1661
- position: absolute;
1662
- width: 30px;
1663
- height: 40px;
1664
- top: -10px;
1665
- }
1666
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
1667
- cursor: no-drop;
1668
- }
1669
- .e-bigger .e-gantt .e-tab .e-content {
1670
- height: 242px !important;
1671
- }
1672
- .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
1673
- height: 63px !important; /* stylelint-disable-line declaration-no-important */
1674
- }
1675
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
1676
- padding-left: 0px;
1677
- }
1678
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1679
- display: block;
1680
- }
1681
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
1682
- padding: 16px 4px 16px 24px !important; /* stylelint-disable-line declaration-no-important */
1683
- }
1684
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1685
- left: -11px;
1686
- top: 3px;
1687
- }
1688
- .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
1689
- font-size: 16px !important;
1690
- }
1691
- .e-bigger .e-gantt .e-dialog .e-footer-content {
1692
- height: 62px !important;
1693
- padding: 12px 24px 12px 12px !important;
1694
- }
1695
- .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
1696
- margin-left: 12px;
1697
- }
1698
- .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
1699
- line-height: 37px;
1700
- }
1701
- .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
1702
- padding: 24px 0 0 !important;
1703
- }
1704
- .e-bigger .e-gantt .e-filter-popup .e-dlg-content {
1705
- border-radius: 6px !important;
1706
- padding: 23px 24px 15px 24px !important;
1707
- }
1708
- .e-bigger .e-gantt .e-grid .e-columnmenu {
1709
- top: 35px;
1710
- }
1711
- .e-bigger .e-gantt-dialog .e-dialog {
1712
- border-radius: 6px;
1713
- width: 564px !important;
1714
- }
1715
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1716
- padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
1717
- }
1718
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1719
- padding: 16px 8px 0 24px;
1720
- }
1721
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1722
- padding: 16px 24px 0 8px;
1723
- }
1724
- .e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1725
- padding: 16px 18px 0 9px;
1726
- }
1727
- .e-bigger .e-gantt-dialog .e-edit-form-row {
1728
- height: 242px !important;
1729
- }
1730
- .e-bigger .e-gantt-dialog .e-edit-form-column {
1731
- height: 75px !important;
1732
- }
1733
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
1734
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1735
- }
1736
- .e-bigger .e-gantt-dialog > .e-dlg-content {
1737
- border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
1738
- }
1739
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
1740
- border-radius: 6px 6px 0px 0px;
1741
- padding-bottom: 12px;
1742
- }
1743
- .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
1744
- border-radius: 50%;
1745
- height: auto !important;
1746
- width: auto;
1747
- }
1748
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
1749
- margin-left: 12px !important;
1750
- }
1751
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
1752
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
1753
- }
1754
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
1755
- min-height: 18px !important;
1756
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
1757
- }
1758
- .e-bigger .e-gantt-dialog .e-btn.e-flat {
1759
- line-height: 24px;
1760
- padding: 6px 16px 6px 15px !important; /* stylelint-disable-line declaration-no-important */
1761
- }
1762
- .e-bigger .e-gantt-dialog .e-btn.e-primary {
1763
- padding: 6px 21px 6px 23px !important; /* stylelint-disable-line declaration-no-important */
1764
- }
1765
- .e-bigger .e-gantt-dialog .e-datetime-wrapper .e-time-icon.e-icons::before {
1766
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
1767
- }
1768
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
1769
- font-size: 14px;
1770
- line-height: 22px;
1771
- }
1772
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text {
1773
- font-size: 14px;
1774
- line-height: 22px;
1775
- }
1776
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input {
1777
- height: 36px !important;
1778
- }
1779
- .e-bigger .e-gantt-dialog .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
1780
- min-height: 18px !important;
1781
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
1782
- }
1783
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-time-icon {
1784
- min-height: 18px !important;
1785
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
1786
- }
1787
- .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper {
1788
- height: 38px;
1789
- }
1790
- .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
1791
- min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
1792
- }
1793
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
1794
- position: absolute !important; /* stylelint-disable-line declaration-no-important */
1795
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1796
- }
1797
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
1798
- padding: 16px !important; /* stylelint-disable-line declaration-no-important */
1799
- }
1800
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
1801
- width: 100% !important; /* stylelint-disable-line declaration-no-important */
1802
- }
1803
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
1804
- border-top: 8px solid #000;
1805
- }
1806
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
1807
- color: #000;
1808
- }
1809
- .e-bigger .e-predecessor-tooltip .e-left-btn:disabled {
1810
- color: var(--color-sf-content-bg-color-alt5) !important;
1811
- }
1812
- .e-bigger .e-predecessor-tooltip .e-right-btn:disabled {
1813
- color: var(--color-sf-content-bg-color-alt5) !important;
1814
- }
1815
- .e-bigger .e-predecessor-tooltip .e-tip-content {
1816
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
1817
- }
1818
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
1819
- background-color: #000;
1820
- border-color: #000;
1821
- color: #fff;
1822
- font-size: 12px;
1823
- line-height: 18px;
1824
- padding: 0 8px 0 0;
1825
- }
1826
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1827
- background-color: #000;
1828
- border-color: #000;
1829
- color: #fff;
1830
- font-size: 12px;
1831
- line-height: 18px;
1832
- padding: 0 0 0 8px;
1833
- }
1834
- .e-bigger .e-predecessor-dialog {
1835
- background-color: var(--color-sf-content-bg-color-alt1);
1836
- }
1837
- .e-bigger .e-predecessor-dialog .e-dlg-content {
1838
- background-color: var(--color-sf-content-bg-color-alt1);
1839
- padding: 10px 9px 9px 14px !important;
1840
- font-size: 12px;
1841
- font-weight: 400;
1842
- line-height: 1.8;
1843
- color: var(--color-sf-content-text-color);
1844
- }
1845
- .e-bigger .e-predecessor-dialog .e-touch-predecessor-dialog {
1846
- display: -webkit-box;
1847
- display: -ms-flexbox;
1848
- display: flex;
1849
- -webkit-box-pack: justify;
1850
- -ms-flex-pack: justify;
1851
- justify-content: space-between;
1852
- -webkit-box-align: center;
1853
- -ms-flex-align: center;
1854
- align-items: center;
1855
- }
1856
-
1857
- .e-blazor-gantt-tooltip .e-tip-content {
1858
- overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
1859
- white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
1860
- word-break: unset !important; /* stylelint-disable-line declaration-no-important */
1861
- }
1862
-
1863
- .e-gantt-tooltip .e-tip-content {
1864
- text-align: left !important; /* stylelint-disable-line declaration-no-important */
1865
- }
1866
-
1867
- .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
1868
- border-left: none !important; /* stylelint-disable-line declaration-no-important */
1869
- border-right-color: var(--color-sf-primary);
1870
- }
1871
- .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
1872
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
1873
- border-left-color: var(--color-sf-primary);
1874
- }
1875
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
1876
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
1877
- border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
1878
- border-left-color: var(--color-sf-border-light) !important; /* stylelint-disable-line declaration-no-important */
1879
- }
1880
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
1881
- padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
1882
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
1883
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
1884
- }
1885
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
1886
- right: 0 !important; /* stylelint-disable-line declaration-no-important */
1887
- }
1888
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
1889
- right: 1px !important; /* stylelint-disable-line declaration-no-important */
1890
- }
1891
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
1892
- margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
1893
- }
1894
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1895
- border-left: 5px solid;
1896
- border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
1897
- }
1898
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
1899
- -webkit-transform: rotate(90deg) !important;
1900
- transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
1901
- }
1902
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
1903
- padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
1904
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
1905
- }
1906
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
1907
- margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
1908
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
1909
- }
1910
-
1911
- .e-gantt-rtl .e-gantt-tooltip-label {
1912
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
1913
- }
1914
- .e-gantt-rtl .e-tip-content {
1915
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
1916
- }
1917
-
1918
- .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
1919
- padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
1920
- }
1921
-
1922
- .e-gantt {
1923
- display: block;
1924
- width: 100%;
1925
- }
1926
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1927
- left: -5px;
1928
- position: relative;
1929
- }
1930
- .e-gantt .e-cloneproperties {
1931
- border-style: solid;
1932
- border-width: 1px;
1933
- -webkit-box-shadow: 0 0;
1934
- box-shadow: 0 0;
1935
- font-size: 14px;
1936
- font-weight: 600;
1937
- opacity: 1;
1938
- overflow: hidden;
1939
- padding: 4px 5px;
1940
- text-align: center;
1941
- -webkit-user-select: none;
1942
- -moz-user-select: none;
1943
- -ms-user-select: none;
1944
- user-select: none;
1945
- vertical-align: middle;
1946
- white-space: nowrap;
1947
- z-index: 100;
1948
- }
1949
- .e-gantt .e-cloneproperties .e-draganddrop {
1950
- border-spacing: 0;
1951
- font-size: 14px;
1952
- font-weight: normal;
1953
- overflow: visible;
1954
- }
1955
- .e-gantt .e-cloneproperties .e-bothganttlines {
1956
- border-width: 1px 0 0 1px;
1957
- }
1958
- .e-gantt .e-draganddrop {
1959
- border-width: 0 1px 1px;
1960
- font-weight: normal;
1961
- padding: 0;
1962
- }
1963
- .e-gantt .e-draganddrop .e-rowcell {
1964
- opacity: 0.95;
1965
- }
1966
- .e-gantt .e-cloneproperties.e-draganddrop table {
1967
- border-spacing: 0;
1968
- }
1969
- .e-gantt .e-icons.e-errorelem {
1970
- display: inline-block;
1971
- padding-left: 10px;
1972
- vertical-align: middle;
1973
- }
1974
- .e-gantt .e-errorelem::before {
1975
- color: var(--color-sf-danger);
1976
- content: "\e22a";
1977
- -webkit-transform: rotate(180deg);
1978
- transform: rotate(180deg);
1979
- }
1980
- .e-gantt .e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-gantt .e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1981
- border-bottom: 0;
1982
- border-right: 1px solid var(--color-sf-border);
1983
- border-top: 1px solid var(--color-sf-border);
1984
- }
1985
- .e-gantt .e-gantt-toolbar {
1986
- border-bottom-left-radius: 0;
1987
- border-bottom-right-radius: 0;
1988
- border-style: solid;
1989
- border-width: 1px 1px 0;
1990
- }
1991
- .e-gantt .e-flmenu-valuediv {
1992
- padding-top: 18px;
1993
- }
1994
- .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
1995
- margin: 0;
1996
- }
1997
- .e-gantt .e-gantt-splitter .e-pane {
1998
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
1999
- }
2000
- .e-gantt .e-temp-content {
2001
- border-left: 1px solid;
2002
- }
2003
- .e-gantt .e-tab {
2004
- border: 0;
2005
- }
2006
- .e-gantt .e-tab .e-tab-header .e-toolbar-item.e-active {
2007
- border-color: transparent;
2008
- }
2009
- .e-gantt .e-gantt-tree-grid-pane .e-grid {
2010
- border-width: 0;
2011
- }
2012
- .e-gantt .e-gantt-tree-grid-pane .e-gantt-temp-header {
2013
- border-bottom-style: solid;
2014
- border-bottom-width: 1px;
2015
- height: 45px;
2016
- }
2017
- .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
2018
- border-right-width: 0 !important; /* stylelint-disable-line declaration-no-important */
2019
- }
2020
- .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
2021
- border-top-style: none;
2022
- border-top-width: 0;
2023
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
2024
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
2025
- }
2026
- .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
2027
- .e-gantt .e-gantt-tree-grid-pane .e-headercell {
2028
- height: 48px !important; /* stylelint-disable-line declaration-no-important */
2029
- }
2030
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
2031
- overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
2032
- }
2033
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
2034
- width: calc(100% + 17px);
2035
- }
2036
- .e-gantt .e-gantt-tree-grid-pane .e-ganttnotes-info {
2037
- text-align: center;
2038
- }
2039
- .e-gantt .e-gantt-tree-grid-pane .e-icons.e-notes-info {
2040
- display: inline-block;
2041
- font-size: 18px;
2042
- height: 15px;
2043
- line-height: 10px;
2044
- vertical-align: middle;
2045
- }
2046
- .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
2047
- pointer-events: none;
2048
- }
2049
- .e-gantt .e-gantt-chart {
2050
- height: 100%;
2051
- overflow: hidden;
2052
- position: relative;
2053
- width: 100%;
2054
- }
2055
- .e-gantt .e-gantt-chart .e-chart-empty-row {
2056
- border: 0.5px solid;
2057
- position: absolute;
2058
- background-color: rgba(0, 120, 222, 0.15);
2059
- border-color: rgba(0, 120, 222, 0.65) !important;
2060
- }
2061
- .e-gantt .e-gantt-chart .e-chart-root-container {
2062
- border-right: 0 solid;
2063
- }
2064
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
2065
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2066
- overflow-x: scroll;
2067
- overflow-y: auto;
2068
- position: relative;
2069
- }
2070
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
2071
- border-top: 2px solid #4f46e5;
2072
- border-width: 2px 0 0;
2073
- }
2074
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
2075
- border-bottom: 2px solid #4f46e5;
2076
- -webkit-box-shadow: var(--color-sf-primary);
2077
- box-shadow: var(--color-sf-primary);
2078
- }
2079
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
2080
- border-bottom: 2px solid #4f46e5;
2081
- border-top: 2px solid #4f46e5;
2082
- -webkit-box-shadow: var(--color-sf-primary);
2083
- box-shadow: var(--color-sf-primary);
2084
- }
2085
- .e-gantt .e-gantt-chart .e-chart-root-container .e-nonworking-day-container {
2086
- position: absolute;
2087
- }
2088
- .e-gantt .e-gantt-chart .e-chart-root-container .e-event-markers-container {
2089
- position: absolute;
2090
- }
2091
- .e-gantt .e-gantt-chart .e-chart-root-container .e-holiday-container {
2092
- height: 100%;
2093
- position: absolute;
2094
- }
2095
- .e-gantt .e-gantt-chart .e-chart-root-container .e-weekend-container {
2096
- height: 100%;
2097
- position: absolute;
2098
- }
2099
- .e-gantt .e-gantt-chart .e-timeline-header-container {
2100
- border-bottom-style: solid;
2101
- border-right: 1px solid;
2102
- overflow: hidden;
2103
- position: relative;
2104
- z-index: 6;
2105
- }
2106
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
2107
- border-left: 0;
2108
- }
2109
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > td {
2110
- border-left: 0;
2111
- }
2112
- .e-gantt .e-gantt-chart .e-timeline-header-table-container {
2113
- border-collapse: collapse;
2114
- border-spacing: 0;
2115
- border-width: 0;
2116
- -webkit-box-sizing: border-box;
2117
- box-sizing: border-box;
2118
- margin: 0;
2119
- padding: 0;
2120
- }
2121
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
2122
- border-collapse: collapse;
2123
- -webkit-box-sizing: border-box;
2124
- box-sizing: border-box;
2125
- display: inline-block;
2126
- -webkit-transform: scale(1);
2127
- transform: scale(1);
2128
- white-space: nowrap;
2129
- }
2130
- .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
2131
- display: -webkit-inline-box;
2132
- display: -ms-inline-flexbox;
2133
- display: inline-flex;
2134
- }
2135
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
2136
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
2137
- border-spacing: 0;
2138
- border-style: solid;
2139
- border-top: 0;
2140
- border-width: 1px;
2141
- -webkit-box-sizing: border-box;
2142
- box-sizing: border-box;
2143
- display: -webkit-inline-box;
2144
- display: -ms-inline-flexbox;
2145
- display: inline-flex;
2146
- font-size: 14px;
2147
- font-weight: 600;
2148
- margin: 0;
2149
- padding: 0;
2150
- position: static;
2151
- text-align: center;
2152
- -webkit-user-select: none;
2153
- -moz-user-select: none;
2154
- -ms-user-select: none;
2155
- user-select: none;
2156
- white-space: nowrap;
2157
- }
2158
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-header-cell-label,
2159
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-header-cell-label {
2160
- -webkit-box-sizing: border-box;
2161
- box-sizing: border-box;
2162
- margin: auto;
2163
- overflow: hidden;
2164
- position: static;
2165
- text-overflow: ellipsis;
2166
- white-space: nowrap;
2167
- }
2168
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
2169
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
2170
- padding-left: 8px;
2171
- text-align: left;
2172
- }
2173
- .e-gantt .e-gantt-chart .e-gantt-grid-lines {
2174
- border-bottom-style: solid;
2175
- border-bottom-width: 1px;
2176
- border-collapse: collapse;
2177
- border-spacing: 0;
2178
- -webkit-box-sizing: border-box;
2179
- box-sizing: border-box;
2180
- }
2181
- .e-gantt .e-gantt-chart .e-zero-spacing {
2182
- border-spacing: 0;
2183
- }
2184
- .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
2185
- border-top: 0;
2186
- }
2187
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
2188
- border-collapse: separate;
2189
- border-style: solid;
2190
- border-width: 1px 0 0;
2191
- }
2192
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-cell {
2193
- font-size: 0;
2194
- padding: 0;
2195
- }
2196
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border.e-lastrow {
2197
- border-bottom-width: 1px;
2198
- }
2199
- .e-gantt .e-gantt-chart .e-line-container-cell {
2200
- border-right-style: solid;
2201
- border-right-width: 1px;
2202
- height: 100%;
2203
- position: absolute;
2204
- }
2205
- .e-gantt .e-gantt-chart .e-taskbar-main-container {
2206
- cursor: move;
2207
- display: inline-block;
2208
- position: absolute;
2209
- vertical-align: middle;
2210
- z-index: 3;
2211
- }
2212
- .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
2213
- z-index: 4;
2214
- }
2215
- .e-gantt .e-gantt-chart .e-left-label-container.e-left-label-temp-container {
2216
- -webkit-box-align: center;
2217
- -ms-flex-align: center;
2218
- align-items: center;
2219
- display: -webkit-inline-box;
2220
- display: -ms-inline-flexbox;
2221
- display: inline-flex;
2222
- -webkit-box-pack: end;
2223
- -ms-flex-pack: end;
2224
- justify-content: flex-end;
2225
- overflow: hidden;
2226
- text-overflow: ellipsis;
2227
- white-space: nowrap;
2228
- }
2229
- .e-gantt .e-gantt-chart .e-right-label-container.e-right-label-temp-container {
2230
- -webkit-box-align: center;
2231
- -ms-flex-align: center;
2232
- align-items: center;
2233
- display: -webkit-inline-box;
2234
- display: -ms-inline-flexbox;
2235
- display: inline-flex;
2236
- float: left;
2237
- outline: none;
2238
- overflow: hidden;
2239
- position: absolute;
2240
- text-overflow: ellipsis;
2241
- white-space: nowrap;
2242
- }
2243
- .e-gantt .e-gantt-chart .e-left-label-container {
2244
- display: inline-block;
2245
- }
2246
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
2247
- .e-gantt .e-gantt-chart .e-right-label-container {
2248
- overflow: hidden;
2249
- }
2250
- .e-gantt .e-gantt-chart .e-left-label-inner-div {
2251
- -webkit-box-align: center;
2252
- -ms-flex-align: center;
2253
- align-items: center;
2254
- display: -webkit-inline-box;
2255
- display: -ms-inline-flexbox;
2256
- display: inline-flex;
2257
- -webkit-box-pack: end;
2258
- -ms-flex-pack: end;
2259
- justify-content: flex-end;
2260
- width: 100%;
2261
- }
2262
- .e-gantt .e-gantt-chart .e-label {
2263
- margin: 3px;
2264
- overflow: hidden;
2265
- text-overflow: ellipsis;
2266
- white-space: nowrap;
2267
- }
2268
- .e-gantt .e-gantt-chart .e-right-label-container {
2269
- background-color: transparent;
2270
- display: inline-block;
2271
- margin: 0;
2272
- position: absolute;
2273
- }
2274
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
2275
- -webkit-box-align: center;
2276
- -ms-flex-align: center;
2277
- align-items: center;
2278
- display: -webkit-inline-box;
2279
- display: -ms-inline-flexbox;
2280
- display: inline-flex;
2281
- float: left;
2282
- outline: none;
2283
- overflow: hidden;
2284
- }
2285
- .e-gantt .e-gantt-chart .e-indicator-span {
2286
- display: inline-block;
2287
- font-size: 13px;
2288
- font-weight: normal;
2289
- overflow: hidden;
2290
- position: absolute;
2291
- text-overflow: ellipsis;
2292
- }
2293
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar,
2294
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar,
2295
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar,
2296
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar,
2297
- .e-gantt .e-gantt-chart .e-gantt-milestone,
2298
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone,
2299
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
2300
- display: inline-block;
2301
- width: 100%;
2302
- }
2303
- .e-gantt .e-gantt-chart .e-manualparent-main-container {
2304
- background-color: transparent;
2305
- cursor: move;
2306
- margin-top: -5px;
2307
- position: absolute;
2308
- }
2309
- .e-gantt .e-gantt-chart .e-gantt-manualparent-taskbar {
2310
- margin-top: 3px;
2311
- }
2312
- .e-gantt .e-gantt-chart .e-gantt-split-container-line {
2313
- border-color: inherit;
2314
- border-top-style: dotted;
2315
- border-top-width: 2px;
2316
- height: 0;
2317
- left: 2px;
2318
- pointer-events: none;
2319
- position: absolute;
2320
- top: 50%;
2321
- width: 99%;
2322
- }
2323
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
2324
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
2325
- border-spacing: 0;
2326
- -webkit-box-sizing: border-box;
2327
- box-sizing: border-box;
2328
- margin: auto;
2329
- overflow: hidden;
2330
- padding: 0;
2331
- z-index: 3;
2332
- }
2333
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
2334
- z-index: 3;
2335
- }
2336
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div,
2337
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
2338
- -webkit-box-sizing: border-box;
2339
- box-sizing: border-box;
2340
- text-align: right;
2341
- }
2342
- .e-gantt .e-gantt-chart .e-chart-scroll-container,
2343
- .e-gantt .e-gantt-chart .e-chart-rows-container {
2344
- -webkit-user-select: none;
2345
- -moz-user-select: none;
2346
- -ms-user-select: none;
2347
- user-select: none;
2348
- }
2349
- .e-gantt .e-gantt-chart .e-chart-rows-container {
2350
- line-height: initial;
2351
- }
2352
- .e-gantt .e-gantt-chart .e-masked-tbody {
2353
- table-layout: fixed;
2354
- width: 100%;
2355
- }
2356
- .e-gantt .e-gantt-chart .e-div-background {
2357
- border-color: rgb(225, 223, 221);
2358
- border-right-style: solid;
2359
- border-right-width: 1px;
2360
- height: 100%;
2361
- position: absolute;
2362
- }
2363
- .e-gantt .e-gantt-chart .e-innerHTML {
2364
- height: 16px;
2365
- width: 16px;
2366
- left: 14px;
2367
- }
2368
- .e-gantt .e-gantt-chart .e-innerHTML1 {
2369
- height: 16px;
2370
- width: 16px;
2371
- left: 30px;
2372
- }
2373
- .e-gantt .e-gantt-chart .e-innerHTML2 {
2374
- height: 16px;
2375
- width: 16px;
2376
- left: 60px;
2377
- }
2378
- .e-gantt .e-gantt-chart .e-timelineHeader {
2379
- height: 16px;
2380
- width: 82px;
2381
- left: 20px;
2382
- }
2383
- .e-gantt .e-gantt-chart .e-maskcell01 {
2384
- height: 12px;
2385
- width: 88px;
2386
- left: 14px;
2387
- border-radius: 0;
2388
- }
2389
- .e-gantt .e-gantt-chart .e-maskcell02 {
2390
- border-radius: 0;
2391
- height: 18px;
2392
- width: 410px;
2393
- }
2394
- .e-gantt .e-gantt-chart .e-maskcell03 {
2395
- height: 12px;
2396
- width: 88px;
2397
- left: 14px;
2398
- border-radius: 0;
2399
- }
2400
- .e-gantt .e-gantt-chart .e-maskcell04 {
2401
- border-radius: 0;
2402
- height: 18px;
2403
- width: 208px;
2404
- }
2405
- .e-gantt .e-gantt-chart .e-maskcell05 {
2406
- height: 12px;
2407
- width: 108px;
2408
- left: 64px;
2409
- border-radius: 0;
2410
- }
2411
- .e-gantt .e-gantt-chart .e-maskcell06 {
2412
- height: 18px;
2413
- width: 195px;
2414
- left: 192px;
2415
- border-radius: 0;
2416
- }
2417
- .e-gantt .e-gantt-chart .e-maskcell07 {
2418
- height: 18px;
2419
- width: 156px;
2420
- left: 388px;
2421
- border-radius: 0;
2422
- }
2423
- .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
2424
- .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
2425
- display: inline-block;
2426
- position: absolute;
2427
- top: 0;
2428
- width: 10px;
2429
- z-index: 4;
2430
- }
2431
- .e-gantt .e-gantt-chart .e-child-progress-resizer {
2432
- display: inline-block;
2433
- height: 15px;
2434
- position: absolute;
2435
- top: 0;
2436
- width: 20px;
2437
- z-index: 5;
2438
- }
2439
- .e-gantt .e-gantt-chart .e-progress-resize-gripper {
2440
- cursor: col-resize;
2441
- }
2442
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
2443
- border-width: 1px;
2444
- -webkit-box-sizing: content-box;
2445
- box-sizing: content-box;
2446
- cursor: col-resize;
2447
- height: 2px;
2448
- position: absolute;
2449
- top: 7px;
2450
- }
2451
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
2452
- border-bottom-style: solid;
2453
- border-bottom-width: 8px;
2454
- border-left: 7px solid transparent;
2455
- border-right: 7px solid transparent;
2456
- cursor: col-resize;
2457
- height: 0;
2458
- left: 1px;
2459
- position: absolute;
2460
- top: -7px;
2461
- width: 0;
2462
- }
2463
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
2464
- border-bottom-style: solid;
2465
- border-bottom-width: 8px;
2466
- border-left: 6px solid transparent;
2467
- border-right: 6px solid transparent;
2468
- cursor: col-resize;
2469
- height: 0;
2470
- left: 2px;
2471
- position: absolute;
2472
- top: -7px;
2473
- width: 0;
2474
- }
2475
- .e-gantt .e-gantt-chart .e-baseline-bar {
2476
- border-radius: 4px;
2477
- }
2478
- .e-gantt .e-gantt-chart .e-baseline-bar {
2479
- -webkit-box-sizing: border-box;
2480
- box-sizing: border-box;
2481
- position: absolute;
2482
- z-index: 2;
2483
- }
2484
- .e-gantt .e-gantt-chart .e-milestone-top,
2485
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
2486
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
2487
- border-style: none solid solid;
2488
- border-top: 0;
2489
- }
2490
- .e-gantt .e-gantt-chart .e-milestone-top,
2491
- .e-gantt .e-gantt-chart .e-milestone-bottom,
2492
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
2493
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
2494
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
2495
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
2496
- border-left-color: transparent;
2497
- border-right-color: transparent;
2498
- }
2499
- .e-gantt .e-gantt-chart .e-milestone-bottom,
2500
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
2501
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
2502
- border-bottom: 0;
2503
- border-style: solid solid none;
2504
- }
2505
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
2506
- position: absolute;
2507
- z-index: 2;
2508
- }
2509
- .e-gantt .e-gantt-chart .e-task-label {
2510
- display: inline;
2511
- font-weight: normal;
2512
- margin-left: 8px;
2513
- margin-right: 15px;
2514
- overflow: hidden;
2515
- text-overflow: ellipsis;
2516
- vertical-align: middle;
2517
- white-space: nowrap;
2518
- }
2519
- .e-gantt .e-gantt-chart .e-task-table {
2520
- overflow: hidden;
2521
- border-collapse: separate;
2522
- }
2523
- .e-gantt .e-gantt-chart .e-left-resize-gripper,
2524
- .e-gantt .e-gantt-chart .e-right-resize-gripper {
2525
- -webkit-box-align: center;
2526
- -ms-flex-align: center;
2527
- align-items: center;
2528
- cursor: ew-resize;
2529
- display: -webkit-inline-box;
2530
- display: -ms-inline-flexbox;
2531
- display: inline-flex;
2532
- }
2533
- .e-gantt .e-gantt-chart .e-holiday {
2534
- display: inline-block;
2535
- position: absolute;
2536
- }
2537
- .e-gantt .e-gantt-chart .e-holiday .e-span {
2538
- position: absolute;
2539
- -webkit-transform: rotate(-90deg);
2540
- transform: rotate(-90deg);
2541
- white-space: nowrap;
2542
- width: 0;
2543
- }
2544
- .e-gantt .e-gantt-chart .e-weekend {
2545
- display: inline-block;
2546
- position: absolute;
2547
- z-index: 0;
2548
- }
2549
- .e-gantt .e-gantt-chart .e-rangecontainer .e-leftarc {
2550
- border-bottom-left-radius: 1px;
2551
- border-top-left-radius: 1px;
2552
- position: absolute;
2553
- }
2554
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rightarc {
2555
- border-bottom-right-radius: 1px;
2556
- border-top-right-radius: 1px;
2557
- position: absolute;
2558
- }
2559
- .e-gantt .e-gantt-chart .e-event-markers {
2560
- border-left: 1px dashed;
2561
- position: absolute;
2562
- width: 1px;
2563
- z-index: 4;
2564
- }
2565
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
2566
- border-radius: 3px;
2567
- font-weight: 500;
2568
- height: 26px;
2569
- line-height: 18px;
2570
- padding: 4px 8px;
2571
- position: absolute;
2572
- top: 50px;
2573
- white-space: nowrap;
2574
- width: auto;
2575
- z-index: 2;
2576
- }
2577
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
2578
- border-bottom: 5px solid transparent;
2579
- border-right: 5px solid;
2580
- border-top: 5px solid transparent;
2581
- height: 0;
2582
- position: absolute;
2583
- top: 58px;
2584
- width: 0;
2585
- }
2586
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
2587
- border-radius: 0;
2588
- border-style: none;
2589
- display: inline-block;
2590
- }
2591
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
2592
- border-left-style: solid;
2593
- border-left-width: 10px;
2594
- }
2595
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
2596
- border-right-style: solid;
2597
- border-right-width: 10px;
2598
- }
2599
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow,
2600
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
2601
- border-bottom: 5px solid transparent;
2602
- border-top: 5px solid transparent;
2603
- }
2604
- .e-gantt .e-gantt-chart .e-connector-line-container {
2605
- z-index: 5;
2606
- }
2607
- .e-gantt .e-gantt-chart .e-connector-line-z-index {
2608
- z-index: 1;
2609
- }
2610
- .e-gantt .e-gantt-chart .e-connector-line-hover,
2611
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
2612
- outline: 1px solid;
2613
- }
2614
- .e-gantt .e-gantt-chart .e-connector-line-hover-z-index {
2615
- z-index: 100;
2616
- }
2617
- .e-gantt .e-gantt-chart .e-connectortouchpoint {
2618
- background-color: transparent;
2619
- display: block;
2620
- position: absolute;
2621
- z-index: 5;
2622
- }
2623
- .e-gantt .e-gantt-chart .e-connectorpoint-right,
2624
- .e-gantt .e-gantt-chart .e-connectorpoint-left,
2625
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
2626
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
2627
- border-radius: 50%;
2628
- display: inline-block;
2629
- position: absolute;
2630
- }
2631
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
2632
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
2633
- border-style: solid;
2634
- border-width: 1px;
2635
- -webkit-box-sizing: content-box;
2636
- box-sizing: content-box;
2637
- cursor: pointer;
2638
- display: inline-block;
2639
- }
2640
- .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
2641
- cursor: no-drop;
2642
- }
2643
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left,
2644
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
2645
- background-color: var(--color-sf-content-bg-color-alt5);
2646
- border-color: var(--color-sf-content-bg-color-alt5);
2647
- border-radius: 50%;
2648
- display: inline-block;
2649
- height: 10px;
2650
- margin: -1px;
2651
- position: absolute;
2652
- width: 10px;
2653
- }
2654
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
2655
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
2656
- border-bottom-color: var(--color-sf-content-bg-color-alt5);
2657
- }
2658
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
2659
- cursor: e-resize;
2660
- margin-left: -8px;
2661
- }
2662
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left {
2663
- margin-left: 0;
2664
- }
2665
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar {
2666
- background: var(--color-sf-content-bg-color-alt5);
2667
- margin-top: 3px;
2668
- position: absolute;
2669
- }
2670
- .e-gantt .e-gantt-chart .e-icon {
2671
- font-family: "e-icons";
2672
- font-size: 13px;
2673
- font-style: normal;
2674
- font-variant: normal;
2675
- font-weight: normal;
2676
- line-height: 1;
2677
- text-transform: none;
2678
- vertical-align: middle;
2679
- }
2680
- .e-gantt .e-gantt-chart .e-active-container {
2681
- outline: 1px solid;
2682
- outline-offset: 2px;
2683
- }
2684
-
2685
- .e-gantt-dialog .e-tab .e-tab-header {
2686
- padding-left: 0px;
2687
- }
2688
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2689
- display: block;
2690
- }
2691
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2692
- border-style: solid;
2693
- border-width: 0px;
2694
- }
2695
-
2696
- .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
2697
- border: 0;
2698
- }
2699
-
2700
- .e-gantt-dialog {
2701
- border: 0;
2702
- }
2703
- .e-gantt-dialog .e-gridform .e-table {
2704
- border-spacing: 0;
2705
- }
2706
- .e-gantt-dialog .e-item {
2707
- height: 100%;
2708
- }
2709
- .e-gantt-dialog .e-dependent-div {
2710
- border-bottom-width: 1px;
2711
- }
2712
- .e-gantt-dialog .e-icon-dlg-close {
2713
- opacity: initial;
2714
- }
2715
- .e-gantt-dialog .e-toolbar {
2716
- border-top-width: 0;
2717
- }
2718
- .e-gantt-dialog .e-resource-div {
2719
- border-bottom-width: 1px;
2720
- }
2721
- .e-gantt-dialog .e-resource-div .e-gridheader {
2722
- border-top-width: 0;
2723
- }
2724
- .e-gantt-dialog .e-edit-form-row {
2725
- height: 240px;
2726
- overflow-y: auto;
2727
- }
2728
- .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
2729
- float: left;
2730
- padding: 12px 12px 0 19px;
2731
- width: 50%;
2732
- }
2733
- .e-gantt-dialog .e-edit-form-column:nth-child(even) {
2734
- float: left;
2735
- padding: 12px 19px 0 0;
2736
- width: 50%;
2737
- }
2738
- .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
2739
- padding: 12px 15px 0 0;
2740
- }
2741
- .e-gantt-dialog .e-edit-form-column {
2742
- height: 75px;
2743
- }
2744
- .e-gantt-dialog .e-dependent-div .e-content {
2745
- height: 157px;
2746
- }
2747
- .e-gantt-dialog .e-resource-div .e-content {
2748
- height: 200px;
2749
- }
2750
- .e-gantt-dialog .e-richtexteditor {
2751
- border-bottom-width: 1px;
2752
- height: 259px !important; /* stylelint-disable-line declaration-no-important */
2753
- overflow: hidden auto;
2754
- }
2755
- .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
2756
- border-top: 0;
2757
- }
2758
- .e-gantt-dialog .e-richtexteditor .e-rte-content {
2759
- border-bottom-width: 0px;
2760
- height: 210px;
2761
- overflow: auto;
2762
- }
2763
- .e-gantt-dialog > .e-dlg-content {
2764
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
2765
- }
2766
- .e-gantt-dialog .e-dlg-header {
2767
- line-height: 30px;
2768
- }
2769
- .e-gantt-dialog .e-dlg-header-content {
2770
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
2771
- }
2772
- .e-gantt-dialog .e-dlg-header-content {
2773
- border-radius: 6px;
2774
- padding-bottom: 12px;
2775
- }
2776
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
2777
- left: -11px;
2778
- top: 0 !important;
2779
- }
2780
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
2781
- border-radius: 50%;
2782
- height: auto !important;
2783
- width: auto;
2784
- }
2785
-
2786
- .e-ganttpopup {
2787
- -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
2788
- -ms-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
2789
- -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
2790
- font-weight: normal;
2791
- position: absolute;
2792
- user-select: none;
2793
- z-index: 99999;
2794
- }
2795
- .e-ganttpopup .e-rowselect {
2796
- line-height: 18px;
2797
- text-indent: 7%;
2798
- }
2799
- .e-ganttpopup span {
2800
- border: 1px solid transparent;
2801
- cursor: pointer;
2802
- display: inline-block;
2803
- height: 26px;
2804
- padding: 4px;
2805
- width: 26px;
2806
- }
2807
- .e-ganttpopup .e-content {
2808
- border-radius: 4px;
2809
- border-style: solid;
2810
- border-width: 1px;
2811
- font-size: 14px;
2812
- padding: 4px;
2813
- }
2814
- .e-ganttpopup .e-tail::after,
2815
- .e-ganttpopup .e-tail::before,
2816
- .e-ganttpopup .e-ganttpopup {
2817
- border: 10px solid transparent;
2818
- content: "";
2819
- height: 0;
2820
- left: 8px;
2821
- position: absolute;
2822
- width: 0;
2823
- }
2824
- .e-ganttpopup .e-downtail::after {
2825
- top: 34px;
2826
- }
2827
-
2828
- .e-gantt-tooltip.e-tooltip-wrap {
2829
- opacity: 1;
2830
- }
2831
-
2832
- .e-gantt-tooltip {
2833
- visibility: hidden;
2834
- }
2835
-
2836
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
2837
- content: "";
2838
- }
2839
-
2840
- .e-bigger .e-gantt .e-gantt-chart .e-label {
2841
- font-size: 16px;
2842
- }
2843
-
2844
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
2845
- .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
2846
- padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
2847
- }
2848
-
2849
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
2850
- .e-bigger .e-gantt .e-contextmenu-wrapper ul {
2851
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
2852
- }
2853
-
2854
- .e-gantt-tooltip-label {
2855
- padding-bottom: 2px;
2856
- padding-right: 2px;
2857
- text-align: left;
2858
- }
2859
-
2860
- .e-gantt.e-device .e-edit-form-column:nth-child(odd), .e-gantt.e-device .e-edit-form-column:nth-child(even) {
2861
- float: none;
2862
- padding: 12px 12px 0 19px;
2863
- width: 100%;
2864
- }
2865
- .e-gantt.e-device .e-edit-form-row {
2866
- height: auto;
2867
- }
2868
- .e-gantt.e-device .e-adaptive-searchbar {
2869
- padding: 5px 10px;
2870
- width: 90%;
2871
- }
2872
- .e-gantt.e-device .e-backarrowspan {
2873
- font-size: 16px;
2874
- padding: 5px 10px;
2875
- }
2876
- .e-gantt.e-device .e-gantt-dialog {
2877
- max-height: none;
2878
- }
2879
- .e-gantt.e-device .e-gantt-dialog .e-dlg-closeicon-btn {
2880
- float: left;
2881
- left: -4px;
2882
- }
2883
- .e-gantt.e-device .e-gantt-dialog .e-icon-dlg-close {
2884
- font-size: 16px;
2885
- }
2886
- .e-gantt.e-device .e-gantt-dialog .e-dlg-header {
2887
- display: inline-block;
2888
- }
2889
- .e-gantt.e-device .e-toolbar-item {
2890
- padding: 7px;
2891
- }
2892
- .e-gantt.e-device .e-toolbar .e-icons {
2893
- font-size: 18px;
2894
- }
2895
- .e-gantt.e-device .e-gridheader .e-icons {
2896
- font-size: 12px;
2897
- }
2898
- .e-gantt.e-device .e-dependent-div .e-content {
2899
- height: 100%;
2900
- }
2901
- .e-gantt.e-device .e-resource-div .e-content {
2902
- height: 100%;
2903
- }
2904
- .e-gantt.e-device .e-richtexteditor {
2905
- height: 100%;
2906
- }
2907
- .e-gantt.e-device .e-richtexteditor .e-rte-content {
2908
- height: 100%;
2909
- }
2910
-
2911
- .e-predecessor-tooltip {
2912
- background-color: #000 !important; /* stylelint-disable-line declaration-no-important */
2913
- border-color: #000 !important; /* stylelint-disable-line declaration-no-important */
2914
- visibility: hidden;
2915
- }
2916
- .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
2917
- border-top: 8px solid #000;
2918
- }
2919
- .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
2920
- color: #000;
2921
- }
2922
- .e-predecessor-tooltip .e-left-btn:disabled,
2923
- .e-predecessor-tooltip .e-right-btn:disabled {
2924
- color: var(--color-sf-content-bg-color-alt5) !important;
2925
- }
2926
- .e-predecessor-tooltip .e-tip-content {
2927
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
2928
- }
2929
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
2930
- background-color: #000;
2931
- border-color: #000;
2932
- color: #fff;
2933
- font-size: 12px;
2934
- line-height: 18px;
2935
- padding: 0 8px 0 0;
2936
- }
2937
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
2938
- background-color: #000;
2939
- border-color: #000;
2940
- color: #fff;
2941
- font-size: 12px;
2942
- line-height: 18px;
2943
- padding: 0 0 0 8px;
2944
- }
2945
-
2946
- .e-predecessor-dialog {
2947
- background-color: var(--color-sf-content-bg-color-alt1);
2948
- }
2949
- .e-predecessor-dialog .e-dlg-content {
2950
- background-color: var(--color-sf-content-bg-color-alt1);
2951
- padding: 10px 9px 9px 14px !important;
2952
- font-size: 12px;
2953
- font-weight: 400;
2954
- line-height: 1.8;
2955
- color: var(--color-sf-content-text-color);
2956
- }
2957
-
2958
- .e-gantt-chart-resize-indicator {
2959
- height: 100%;
2960
- position: absolute;
2961
- z-index: 1;
2962
- }
2963
-
2964
- @media (max-width: 767px) {
2965
- .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
2966
- float: none;
2967
- padding: 16px 12px 0 16px;
2968
- width: 100%;
2969
- }
2970
- }
2971
- /*! Gantt theme */
2972
- .e-gantt .e-device .e-left-resize-gripper,
2973
- .e-gantt .e-device .e-right-resize-gripper {
2974
- border-color: var(--color-sf-content-bg-color-alt4);
2975
- color: var(--color-sf-primary-text-color);
2976
- }
2977
- .e-gantt .e-device .e-backarrowspan {
2978
- color: #000;
2979
- }
2980
- .e-gantt .e-gantt-splitter {
2981
- border-color: var(--color-sf-border-light);
2982
- border-radius: 0px;
2983
- }
2984
- .e-gantt .e-grid .e-spinner-pane {
2985
- display: none;
2986
- }
2987
- .e-gantt .e-cloneproperties.e-draganddrop {
2988
- -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
2989
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
2990
- opacity: 0.95;
2991
- overflow: visible;
2992
- }
2993
- .e-gantt .e-cloneproperties {
2994
- background-color: var(--color-sf-content-bg-color);
2995
- border-color: var(--color-sf-border-light);
2996
- color: var(--color-sf-content-text-color);
2997
- }
2998
- .e-gantt .e-cloneproperties.e-draganddrop .e-rowcell {
2999
- color: var(--color-sf-content-text-color);
3000
- }
3001
- .e-gantt .e-cloneproperties.e-draganddrop table,
3002
- .e-gantt .e-cloneproperties.e-draganddrop table .e-selectionbackground {
3003
- background-color: var(--color-sf-content-bg-color);
3004
- height: 30px;
3005
- }
3006
- .e-gantt .e-gantt-toolbar + .e-gantt-splitter {
3007
- border-top-left-radius: 0px;
3008
- border-top-right-radius: 0px;
3009
- }
3010
- .e-gantt .e-grid .e-focused:not(.e-menu-item) {
3011
- -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset !important;
3012
- box-shadow: 0 0 0 1px var(--color-sf-primary) inset !important; /* stylelint-disable-line declaration-no-important */
3013
- }
3014
- .e-gantt .e-temp-content,
3015
- .e-gantt .e-splitter-box,
3016
- .e-gantt .e-gantt-temp-header,
3017
- .e-gantt .e-gantt-chart-pane {
3018
- border-color: var(--color-sf-border-light);
3019
- }
3020
- .e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
3021
- height: 45px !important; /* stylelint-disable-line declaration-no-important */
3022
- }
3023
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd),
3024
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd),
3025
- .e-gantt .e-gantt-tree-grid-pane .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd) {
3026
- background-color: var(--color-sf-content-bg-color-hover);
3027
- }
3028
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
3029
- background: var(--color-sf-content-bg-color-selected);
3030
- opacity: 0.9;
3031
- }
3032
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
3033
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
3034
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
3035
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
3036
- background: var(--color-sf-content-bg-color-selected);
3037
- opacity: 1;
3038
- }
3039
- .e-gantt .e-taskbar-resize-div {
3040
- border-color: var(--color-sf-primary);
3041
- }
3042
- .e-gantt .e-gantt-chart .e-timeline-header-container {
3043
- background: var(--color-sf-content-bg-color-alt1);
3044
- border-bottom-color: var(--color-sf-border-light);
3045
- border-bottom-width: 0px;
3046
- border-right-color: var(--color-sf-border-light);
3047
- border-left-color: var(--color-sf-border-light);
3048
- color: var(--color-sf-content-text-color-alt2);
3049
- height: 49px;
3050
- }
3051
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
3052
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
3053
- border-color: var(--color-sf-border-light);
3054
- color: var(--color-sf-content-text-color-alt2);
3055
- }
3056
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
3057
- height: 46px;
3058
- line-height: 46px;
3059
- }
3060
- .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
3061
- height: 46px;
3062
- }
3063
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
3064
- height: 24px;
3065
- }
3066
- .e-gantt .e-gantt-chart .e-chart-root-container {
3067
- background-color: var(--color-sf-content-bg-color-alt1);
3068
- border-color: var(--color-sf-border-light);
3069
- }
3070
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
3071
- border-spacing: 0;
3072
- }
3073
- .e-gantt .e-gantt-chart .e-chart-row-hover .e-chart-row:not(.e-active):hover {
3074
- background-color: var(--color-sf-content-bg-color-hover);
3075
- }
3076
- .e-gantt .e-gantt-chart .e-chart-row-border {
3077
- border-top-color: var(--color-sf-border-light);
3078
- }
3079
- .e-gantt .e-gantt-chart .e-chart-row-cell {
3080
- color: var(--color-sf-content-text-color-alt2);
3081
- }
3082
- .e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
3083
- border-bottom-color: var(--color-sf-border-light);
3084
- }
3085
- .e-gantt .e-gantt-chart .e-line-container-cell {
3086
- border-color: var(--color-sf-border-light);
3087
- }
3088
- .e-gantt .e-gantt-chart .e-active-container {
3089
- outline-color: var(--color-sf-border);
3090
- }
3091
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
3092
- background: var(--color-sf-primary-light);
3093
- outline: 1px solid var(--color-sf-primary);
3094
- border-radius: 4px;
3095
- }
3096
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
3097
- border: 1px solid var(--color-sf-primary-text-color);
3098
- border-bottom: 0;
3099
- border-top: 0;
3100
- }
3101
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-progressbar {
3102
- width: 0px !important;
3103
- }
3104
- .e-gantt .e-gantt-chart .e-collapse-parent .e-collapsed-taskbar-drag {
3105
- background-color: var(--color-sf-primary);
3106
- }
3107
- .e-gantt .e-gantt-chart .e-collapse-parent .e-left-connectorpoint-outer-div {
3108
- display: none;
3109
- }
3110
- .e-gantt .e-gantt-chart .e-collapse-parent .e-right-connectorpoint-outer-div {
3111
- display: none;
3112
- }
3113
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
3114
- outline: 1px solid var(--color-sf-icon-color-disabled);
3115
- }
3116
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
3117
- background-color: var(--color-sf-content-bg-color-alt3);
3118
- border-radius: 4px;
3119
- }
3120
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
3121
- background-color: var(--color-sf-icon-color-disabled);
3122
- border: 1px solid var(--color-sf-icon-color-disabled);
3123
- border-radius: 4px;
3124
- }
3125
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
3126
- background-color: var(--color-sf-primary);
3127
- border: 0px;
3128
- border-radius: 3px;
3129
- }
3130
- .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
3131
- background: var(--color-sf-success-light);
3132
- outline: 1px solid var(--color-sf-success);
3133
- }
3134
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
3135
- background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-success-light)), color-stop(30%, var(--color-sf-success)), color-stop(70%, var(--color-sf-success)), color-stop(70%, var(--color-sf-success)), to(var(--color-sf-success-light)));
3136
- background: linear-gradient(to right, var(--color-sf-success-light), var(--color-sf-success) 30%, var(--color-sf-success) 70%, var(--color-sf-success) 70%, var(--color-sf-success-light) 100%);
3137
- }
3138
- .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
3139
- background-color: var(--color-sf-success);
3140
- outline: 0px;
3141
- }
3142
- .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
3143
- background-color: var(--color-sf-success);
3144
- border: 0px;
3145
- }
3146
- .e-gantt .e-gantt-chart .e-holiday {
3147
- background: var(--color-sf-content-bg-color-alt2);
3148
- }
3149
- .e-gantt .e-gantt-chart .e-holiday .e-span {
3150
- color: var(--color-sf-content-text-color-alt3);
3151
- font-size: 12px;
3152
- }
3153
- .e-gantt .e-gantt-chart .e-weekend {
3154
- background: var(--color-sf-content-bg-color-alt2);
3155
- }
3156
- .e-gantt .e-gantt-chart .e-weekend-header-cell {
3157
- background: var(--color-sf-content-bg-color-alt2);
3158
- }
3159
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rg-rangdiv {
3160
- border: 2px solid var(--color-sf-warning);
3161
- width: 5px;
3162
- z-index: 6;
3163
- }
3164
- .e-gantt .e-gantt-chart .e-event-markers {
3165
- border-left-color: var(--color-sf-primary);
3166
- }
3167
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
3168
- background-color: var(--color-sf-warning-light);
3169
- color: var(--color-sf-warning);
3170
- font-size: 12px;
3171
- }
3172
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
3173
- border-right-color: var(--color-sf-warning-light);
3174
- border-left-color: var(--color-sf-warning-light) !important; /* stylelint-disable-line declaration-no-important */
3175
- }
3176
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
3177
- background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-primary-light)), color-stop(30%, var(--color-sf-primary)), color-stop(70%, var(--color-sf-primary)), color-stop(70%, var(--color-sf-primary)), to(var(--color-sf-primary-light)));
3178
- background: linear-gradient(to right, var(--color-sf-primary-light), var(--color-sf-primary) 30%, var(--color-sf-primary) 70%, var(--color-sf-primary) 70%, var(--color-sf-primary-light) 100%);
3179
- border: 0px;
3180
- border-radius: 2px;
3181
- }
3182
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-top {
3183
- border-bottom-color: var(--color-sf-primary-light);
3184
- }
3185
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-bottom {
3186
- border-top-color: var(--color-sf-primary-light);
3187
- }
3188
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
3189
- background: var(--color-sf-content-text-color);
3190
- }
3191
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
3192
- border-bottom-color: var(--color-sf-content-text-color);
3193
- }
3194
- .e-gantt .e-gantt-chart .e-gantt-dependency-view-container {
3195
- display: block;
3196
- z-index: 5;
3197
- }
3198
- .e-gantt .e-gantt-chart .e-line {
3199
- border-color: var(--color-sf-primary);
3200
- }
3201
- .e-gantt .e-gantt-chart .e-connector-line {
3202
- stroke: var(--color-sf-primary);
3203
- }
3204
- .e-gantt .e-gantt-chart .e-critical-line {
3205
- stroke: var(--color-sf-danger);
3206
- }
3207
- .e-gantt .e-gantt-chart .e-connector-line-arrow {
3208
- fill: var(--color-sf-primary);
3209
- }
3210
- .e-gantt .e-gantt-chart .e-critical-line-arrow {
3211
- fill: var(--color-sf-danger);
3212
- }
3213
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
3214
- border-left-color: var(--color-sf-primary);
3215
- }
3216
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
3217
- border-right-color: var(--color-sf-primary);
3218
- }
3219
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow-hover {
3220
- border-left-color: var(--color-sf-primary);
3221
- }
3222
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow-hover {
3223
- border-right-color: var(--color-sf-primary);
3224
- }
3225
- .e-gantt .e-gantt-chart .e-connector-line-hover {
3226
- border-color: var(--color-sf-primary);
3227
- outline-color: var(--color-sf-primary);
3228
- }
3229
- .e-gantt .e-gantt-chart .e-gantt-false-line {
3230
- border-top-color: var(--color-sf-primary);
3231
- }
3232
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
3233
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
3234
- background-color: var(--color-sf-primary);
3235
- border-color: var(--color-sf-content-bg-color);
3236
- }
3237
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
3238
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
3239
- background-color: var(--color-sf-primary-dark);
3240
- border-color: var(--color-sf-content-bg-color);
3241
- }
3242
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
3243
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
3244
- color: var(--color-sf-content-text-color-alt2);
3245
- font-size: 14px;
3246
- }
3247
- .e-gantt .e-gantt-chart .e-left-label-temp-container {
3248
- color: var(--color-sf-content-text-color-alt2);
3249
- font-size: 14px;
3250
- padding-right: 25px;
3251
- }
3252
- .e-gantt .e-gantt-chart .e-right-label-temp-container {
3253
- color: var(--color-sf-content-text-color-alt2);
3254
- font-size: 14px;
3255
- margin-left: 25px;
3256
- }
3257
- .e-gantt .e-gantt-chart .e-right-label-container {
3258
- margin-left: 25px;
3259
- }
3260
- .e-gantt .e-gantt-chart .e-left-label-container {
3261
- padding-right: 25px;
3262
- }
3263
- .e-gantt .e-gantt-chart .e-connectorpoint-right {
3264
- margin-left: 3px;
3265
- }
3266
- .e-gantt .e-gantt-chart .e-connectorpoint-left {
3267
- margin-right: 3px;
3268
- }
3269
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
3270
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
3271
- height: 8px;
3272
- width: 12px;
3273
- }
3274
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
3275
- left: -12px;
3276
- }
3277
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left,
3278
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
3279
- border-right: transparent;
3280
- border-width: 3px;
3281
- }
3282
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
3283
- border-top-left-radius: 0;
3284
- border-bottom-left-radius: 0;
3285
- border-top-right-radius: 2px;
3286
- border-bottom-right-radius: 2px;
3287
- }
3288
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
3289
- border-bottom-left-radius: 2px;
3290
- border-top-left-radius: 2px;
3291
- border-bottom-right-radius: 0;
3292
- border-top-right-radius: 0;
3293
- }
3294
- .e-gantt .e-gantt-chart .e-task-label {
3295
- color: var(--color-sf-primary-text-color);
3296
- font-size: 12px;
3297
- }
3298
- .e-gantt .e-gantt-chart .e-icon {
3299
- color: var(--color-sf-primary-text-color);
3300
- }
3301
- .e-gantt .e-gantt-chart .e-gantt-milestone {
3302
- background-color: var(--color-sf-primary-light);
3303
- border-color: var(--color-sf-primary);
3304
- }
3305
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
3306
- background-color: var(--color-sf-primary-light);
3307
- }
3308
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
3309
- background-color: var(--color-sf-content-bg-color-alt5);
3310
- border-color: var(--color-sf-primary);
3311
- }
3312
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
3313
- background: -webkit-gradient(linear, left top, right top, from(rgba(63, 81, 181, 0.2)), color-stop(30%, #989A9C), color-stop(70%, #989A9C), color-stop(70%, #989A9C), to(rgba(63, 81, 181, 0.2)));
3314
- background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
3315
- }
3316
- .e-gantt .e-gantt-chart .e-label {
3317
- color: var(--color-sf-content-text-color-alt2);
3318
- font-size: 14px;
3319
- }
3320
- .e-gantt .e-gantt-chart .e-active {
3321
- background: var(--color-sf-content-bg-color-selected);
3322
- color: var(--color-sf-content-text-color-selected);
3323
- opacity: 0.9;
3324
- }
3325
- .e-gantt .e-gantt-chart .e-active .e-label {
3326
- color: var(--color-sf-content-text-color-selected);
3327
- }
3328
- .e-gantt .e-gantt-chart .e-baseline-bar {
3329
- background-color: var(--color-sf-warning);
3330
- }
3331
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
3332
- background-color: var(--color-sf-warning);
3333
- }
3334
- .e-gantt .e-gantt-chart .e-uptail::before {
3335
- border-bottom-color: var(--color-sf-border-light);
3336
- }
3337
- .e-gantt .e-gantt-chart .e-downtail::after {
3338
- border-top-color: var(--color-sf-primary-text-color);
3339
- }
3340
- .e-gantt .e-gantt-chart .e-downtail::before {
3341
- border-top-color: var(--color-sf-border-light);
3342
- }
3343
- .e-gantt .e-gantt-chart .e-ganttpopup .e-content {
3344
- background-color: var(--color-sf-primary-text-color);
3345
- border-color: var(--color-sf-border-light);
3346
- }
3347
- .e-gantt .e-gantt-chart .e-spanclicked,
3348
- .e-gantt .e-gantt-chart .e-grid .e-gridpopup .e-spanclicked {
3349
- border-color: #000;
3350
- }
3351
- .e-gantt .e-icons {
3352
- color: var(--color-sf-icon-color);
3353
- }
3354
- .e-gantt .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
3355
- color: var(--color-sf-content-text-color-alt2) !important; /* stylelint-disable-line declaration-no-important */
3356
- }
3357
-
3358
- .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
3359
- border: none !important; /* stylelint-disable-line declaration-no-important */
3360
- }
3361
- .e-gantt-dialog .e-dlg-header {
3362
- color: var(--color-sf-content-text-color);
3363
- position: relative;
3364
- }
3365
- .e-gantt-dialog .e-dlg-header-content {
3366
- background: var(--color-sf-content-bg-color-alt1);
3367
- }
3368
- .e-gantt-dialog .e-icon-dlg-close {
3369
- color: var(--color-sf-icon-color);
3370
- }
3371
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
3372
- background-color: var(--color-sf-content-bg-color-alt1);
3373
- }
3374
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
3375
- color: var(--color-sf-icon-color);
3376
- }
3377
- .e-gantt-dialog .e-tab .e-tab-header {
3378
- background: var(--color-sf-content-bg-color-alt1);
3379
- }
3380
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
3381
- background: var(--color-sf-primary);
3382
- }
3383
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
3384
- background-color: transparent;
3385
- }
3386
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
3387
- color: var(--color-sf-primary);
3388
- }
3389
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
3390
- border-color: transparent;
3391
- }
3392
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
3393
- color: var(--color-sf-content-text-color-alt2);
3394
- }
3395
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
3396
- background: transparent;
3397
- border-bottom: 0px;
3398
- border-bottom-left-radius: 0px;
3399
- border-bottom-right-radius: 0px;
3400
- border-color: transparent;
3401
- }
3402
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
3403
- color: var(--color-sf-content-text-color-alt2);
3404
- }
3405
-
3406
- .e-gantt .e-gantt-chart .e-criticalconnector-line {
3407
- border-color: var(--color-sf-danger);
3408
- }
3409
- .e-gantt .e-gantt-chart .e-criticalconnector-line-right-arrow {
3410
- border-left-color: var(--color-sf-danger);
3411
- }
3412
- .e-gantt .e-gantt-chart .e-criticalconnector-line-left-arrow {
3413
- border-right-color: var(--color-sf-danger);
3414
- }
3415
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
3416
- border-color: var(--color-sf-danger-light);
3417
- outline-color: var(--color-sf-danger-light);
3418
- }
3419
- .e-gantt .e-gantt-chart .e-critical-connector-line-right-arrow-hover {
3420
- border-left-color: var(--color-sf-danger-light);
3421
- }
3422
- .e-gantt .e-gantt-chart .e-critical-connector-line-left-arrow-hover {
3423
- border-right-color: var(--color-sf-danger-light);
3424
- }
3425
- .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
3426
- background: var(--color-sf-danger-light);
3427
- outline: 1px solid var(--color-sf-danger-light);
3428
- border-radius: 4px;
3429
- }
3430
- .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
3431
- background-color: var(--color-sf-danger);
3432
- border: 0px;
3433
- border-radius: 3px;
3434
- }
3435
- .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {
3436
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 85, 85, 0.2)), color-stop(30%, var(--color-sf-danger)), color-stop(70%, var(--color-sf-danger)), color-stop(70%, var(--color-sf-danger)), to(rgba(255, 85, 85, 0.2)));
3437
- background: linear-gradient(to right, rgba(255, 85, 85, 0.2), var(--color-sf-danger) 30%, var(--color-sf-danger) 70%, var(--color-sf-danger) 70%, rgba(255, 85, 85, 0.2) 100%);
3438
- background-color: rgba(255, 85, 85, 0.2);
3439
- border: 0px;
3440
- border-radius: 2px;
3441
- }
3442
- .e-gantt .e-gantt-chart .e-critical-milestone {
3443
- background-color: var(--color-sf-danger-light);
3444
- }
3445
-
3446
- .e-gantt-chart-resize-indicator {
3447
- border: 1px dashed var(--color-sf-primary-light);
3448
- border-bottom: none;
3449
- border-top: none;
3450
- }
1
+ @import '@syncfusion/ej2-gantt/styles/gantt/fluent2.css';