@syncfusion/ej2-vue-gantt 26.1.41 → 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 (44) hide show
  1. package/dist/ej2-vue-gantt.umd.min.js +2 -2
  2. package/dist/ej2-vue-gantt.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-gantt.es2015.js +2 -8
  4. package/dist/es6/ej2-vue-gantt.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-gantt.es5.js +2 -8
  6. package/dist/es6/ej2-vue-gantt.es5.js.map +1 -1
  7. package/package.json +8 -8
  8. package/src/gantt/gantt.component.js +2 -8
  9. package/styles/bootstrap-dark.css +1 -2188
  10. package/styles/bootstrap.css +1 -2318
  11. package/styles/bootstrap4.css +1 -2531
  12. package/styles/bootstrap5-dark.css +1 -2213
  13. package/styles/bootstrap5.css +1 -2213
  14. package/styles/fabric-dark.css +1 -2133
  15. package/styles/fabric.css +1 -2121
  16. package/styles/fluent-dark.css +1 -2209
  17. package/styles/fluent.css +1 -2209
  18. package/styles/fluent2.css +1 -3450
  19. package/styles/gantt/bootstrap-dark.css +1 -2188
  20. package/styles/gantt/bootstrap.css +1 -2318
  21. package/styles/gantt/bootstrap4.css +1 -2531
  22. package/styles/gantt/bootstrap5-dark.css +1 -2213
  23. package/styles/gantt/bootstrap5.css +1 -2213
  24. package/styles/gantt/fabric-dark.css +1 -2133
  25. package/styles/gantt/fabric.css +1 -2121
  26. package/styles/gantt/fluent-dark.css +1 -2209
  27. package/styles/gantt/fluent.css +1 -2209
  28. package/styles/gantt/fluent2.css +1 -3450
  29. package/styles/gantt/highcontrast-light.css +1 -2092
  30. package/styles/gantt/highcontrast.css +1 -2219
  31. package/styles/gantt/material-dark.css +1 -2240
  32. package/styles/gantt/material.css +1 -2292
  33. package/styles/gantt/material3-dark.css +1 -2367
  34. package/styles/gantt/material3.css +1 -2479
  35. package/styles/gantt/tailwind-dark.css +1 -2218
  36. package/styles/gantt/tailwind.css +1 -2218
  37. package/styles/highcontrast-light.css +1 -2092
  38. package/styles/highcontrast.css +1 -2219
  39. package/styles/material-dark.css +1 -2240
  40. package/styles/material.css +1 -2292
  41. package/styles/material3-dark.css +1 -2367
  42. package/styles/material3.css +1 -2479
  43. package/styles/tailwind-dark.css +1 -2218
  44. package/styles/tailwind.css +1 -2218
@@ -1,2479 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 103, 80, 164;
5
- --color-sf-primary-container: 234, 221, 255;
6
- --color-sf-secondary: 98, 91, 113;
7
- --color-sf-secondary-container: 232, 222, 248;
8
- --color-sf-tertiary: 125, 82, 96;
9
- --color-sf-tertiary-container: 255, 216, 228;
10
- --color-sf-surface: 255, 255, 255;
11
- --color-sf-surface-variant: 231, 224, 236;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 255, 255, 255;
14
- --color-sf-on-primary-container: 33, 0, 94;
15
- --color-sf-on-secondary: 255, 255, 255;
16
- --color-sf-on-secondary-container: 30, 25, 43;
17
- --color-sf-on-tertiary: 255, 255, 255;
18
- --color-sf-on-tertiary-containe: 55, 11, 30;
19
- --color-sf-on-surface: 28, 27, 31;
20
- --color-sf-on-surface-variant: 73, 69, 78;
21
- --color-sf-on-background: 28, 27, 31;
22
- --color-sf-outline: 121, 116, 126;
23
- --color-sf-outline-variant: 196, 199, 197;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 103, 80, 164;
26
- --color-sf-inverse-surface: 49, 48, 51;
27
- --color-sf-inverse-on-surface: 244, 239, 244;
28
- --color-sf-inverse-primary: 208, 188, 255;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 179, 38, 30;
31
- --color-sf-error-container: 249, 222, 220;
32
- --color-sf-on-error: 255, 250, 250;
33
- --color-sf-on-error-container: 65, 14, 11;
34
- --color-sf-success: 32, 81, 7;
35
- --color-sf-success-container: 209, 255, 186;
36
- --color-sf-on-success: 244, 255, 239;
37
- --color-sf-on-success-container: 13, 39, 0;
38
- --color-sf-info: 1, 87, 155;
39
- --color-sf-info-container: 233, 245, 255;
40
- --color-sf-on-info: 250, 253, 255;
41
- --color-sf-on-info-container: 0, 51, 91;
42
- --color-sf-warning: 145, 76, 0;
43
- --color-sf-warning-container: 254, 236, 222;
44
- --color-sf-on-warning: 255, 255, 255;
45
- --color-sf-on-warning-container: 47, 21, 0;
46
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
48
- --color-sf-diagram-palette-background: --color-sf-white;
49
- --color-sf-success-text: 255, 255, 255;
50
- --color-sf-warning-text: 255, 255, 255;
51
- --color-sf-danger-text: 255, 255, 255;
52
- --color-sf-info-text: 255, 255, 255;
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
54
- --color-sf-secondary-bg-color: var(--color-sf-surface);
55
- }
56
-
57
- .e-dark-mode {
58
- --color-sf-black: 0, 0, 0;
59
- --color-sf-white: 255, 255, 255;
60
- --color-sf-primary: 208, 188, 255;
61
- --color-sf-primary-container: 79, 55, 139;
62
- --color-sf-secondary: 204, 194, 220;
63
- --color-sf-secondary-container: 74, 68, 88;
64
- --color-sf-tertiary: 239, 184, 200;
65
- --color-sf-tertiary-container: 99, 59, 72;
66
- --color-sf-surface: 28, 27, 31;
67
- --color-sf-surface-variant: 28, 27, 31;
68
- --color-sf-background: var(--color-sf-surface);
69
- --color-sf-on-primary: 55, 30, 115;
70
- --color-sf-on-primary-container: 234, 221, 255;
71
- --color-sf-on-secondary: 51, 45, 65;
72
- --color-sf-on-secondary-container: 232, 222, 248;
73
- --color-sf-on-tertiary: 73, 37, 50;
74
- --color-sf-on-tertiary-containe: 255, 216, 228;
75
- --color-sf-on-surface: 230, 225, 229;
76
- --color-sf-on-surface-variant: 202, 196, 208;
77
- --color-sf-on-background: 230, 225, 229;
78
- --color-sf-outline: 147, 143, 153;
79
- --color-sf-outline-variant: 68, 71, 70;
80
- --color-sf-shadow: 0, 0, 0;
81
- --color-sf-surface-tint-color: 208, 188, 255;
82
- --color-sf-inverse-surface: 230, 225, 229;
83
- --color-sf-inverse-on-surface: 49, 48, 51;
84
- --color-sf-inverse-primary: 103, 80, 164;
85
- --color-sf-scrim: 0, 0, 0;
86
- --color-sf-error: 242, 184, 181;
87
- --color-sf-error-container: 140, 29, 24;
88
- --color-sf-on-error: 96, 20, 16;
89
- --color-sf-on-error-container: 249, 222, 220;
90
- --color-sf-success: 83, 202, 23;
91
- --color-sf-success-container: 22, 62, 2;
92
- --color-sf-on-success: 13, 39, 0;
93
- --color-sf-on-success-container: 183, 250, 150;
94
- --color-sf-info: 71, 172, 251;
95
- --color-sf-info-container: 0, 67, 120;
96
- --color-sf-on-info: 0, 51, 91;
97
- --color-sf-on-info-container: 173, 219, 255;
98
- --color-sf-warning: 245, 180, 130;
99
- --color-sf-warning-container: 123, 65, 0;
100
- --color-sf-on-warning: 99, 52, 0;
101
- --color-sf-on-warning-container: 255, 220, 193;
102
- --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
- --color-sf-success-text: 0, 0, 0;
105
- --color-sf-warning-text: 0, 0, 0;
106
- --color-sf-info-text: 0, 0, 0;
107
- --color-sf-danger-text: 0, 0, 0;
108
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
109
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
110
- }
111
-
112
- :root {
113
- --color-sf-black: 0, 0, 0;
114
- --color-sf-white: 255, 255, 255;
115
- --color-sf-primary: 103, 80, 164;
116
- --color-sf-primary-container: 234, 221, 255;
117
- --color-sf-secondary: 98, 91, 113;
118
- --color-sf-secondary-container: 232, 222, 248;
119
- --color-sf-tertiary: 125, 82, 96;
120
- --color-sf-tertiary-container: 255, 216, 228;
121
- --color-sf-surface: 255, 255, 255;
122
- --color-sf-surface-variant: 231, 224, 236;
123
- --color-sf-background: var(--color-sf-surface);
124
- --color-sf-on-primary: 255, 255, 255;
125
- --color-sf-on-primary-container: 33, 0, 94;
126
- --color-sf-on-secondary: 255, 255, 255;
127
- --color-sf-on-secondary-container: 30, 25, 43;
128
- --color-sf-on-tertiary: 255, 255, 255;
129
- --color-sf-on-tertiary-containe: 55, 11, 30;
130
- --color-sf-on-surface: 28, 27, 31;
131
- --color-sf-on-surface-variant: 73, 69, 78;
132
- --color-sf-on-background: 28, 27, 31;
133
- --color-sf-outline: 121, 116, 126;
134
- --color-sf-outline-variant: 196, 199, 197;
135
- --color-sf-shadow: 0, 0, 0;
136
- --color-sf-surface-tint-color: 103, 80, 164;
137
- --color-sf-inverse-surface: 49, 48, 51;
138
- --color-sf-inverse-on-surface: 244, 239, 244;
139
- --color-sf-inverse-primary: 208, 188, 255;
140
- --color-sf-scrim: 0, 0, 0;
141
- --color-sf-error: 179, 38, 30;
142
- --color-sf-error-container: 249, 222, 220;
143
- --color-sf-on-error: 255, 250, 250;
144
- --color-sf-on-error-container: 65, 14, 11;
145
- --color-sf-success: 32, 81, 7;
146
- --color-sf-success-container: 209, 255, 186;
147
- --color-sf-on-success: 244, 255, 239;
148
- --color-sf-on-success-container: 13, 39, 0;
149
- --color-sf-info: 1, 87, 155;
150
- --color-sf-info-container: 233, 245, 255;
151
- --color-sf-on-info: 250, 253, 255;
152
- --color-sf-on-info-container: 0, 51, 91;
153
- --color-sf-warning: 145, 76, 0;
154
- --color-sf-warning-container: 254, 236, 222;
155
- --color-sf-on-warning: 255, 255, 255;
156
- --color-sf-on-warning-container: 47, 21, 0;
157
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
158
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
159
- --color-sf-diagram-palette-background: --color-sf-white;
160
- --color-sf-success-text: 255, 255, 255;
161
- --color-sf-warning-text: 255, 255, 255;
162
- --color-sf-danger-text: 255, 255, 255;
163
- --color-sf-info-text: 255, 255, 255;
164
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
165
- --color-sf-secondary-bg-color: var(--color-sf-surface);
166
- }
167
-
168
- .e-dark-mode {
169
- --color-sf-black: 0, 0, 0;
170
- --color-sf-white: 255, 255, 255;
171
- --color-sf-primary: 208, 188, 255;
172
- --color-sf-primary-container: 79, 55, 139;
173
- --color-sf-secondary: 204, 194, 220;
174
- --color-sf-secondary-container: 74, 68, 88;
175
- --color-sf-tertiary: 239, 184, 200;
176
- --color-sf-tertiary-container: 99, 59, 72;
177
- --color-sf-surface: 28, 27, 31;
178
- --color-sf-surface-variant: 28, 27, 31;
179
- --color-sf-background: var(--color-sf-surface);
180
- --color-sf-on-primary: 55, 30, 115;
181
- --color-sf-on-primary-container: 234, 221, 255;
182
- --color-sf-on-secondary: 51, 45, 65;
183
- --color-sf-on-secondary-container: 232, 222, 248;
184
- --color-sf-on-tertiary: 73, 37, 50;
185
- --color-sf-on-tertiary-containe: 255, 216, 228;
186
- --color-sf-on-surface: 230, 225, 229;
187
- --color-sf-on-surface-variant: 202, 196, 208;
188
- --color-sf-on-background: 230, 225, 229;
189
- --color-sf-outline: 147, 143, 153;
190
- --color-sf-outline-variant: 68, 71, 70;
191
- --color-sf-shadow: 0, 0, 0;
192
- --color-sf-surface-tint-color: 208, 188, 255;
193
- --color-sf-inverse-surface: 230, 225, 229;
194
- --color-sf-inverse-on-surface: 49, 48, 51;
195
- --color-sf-inverse-primary: 103, 80, 164;
196
- --color-sf-scrim: 0, 0, 0;
197
- --color-sf-error: 242, 184, 181;
198
- --color-sf-error-container: 140, 29, 24;
199
- --color-sf-on-error: 96, 20, 16;
200
- --color-sf-on-error-container: 249, 222, 220;
201
- --color-sf-success: 83, 202, 23;
202
- --color-sf-success-container: 22, 62, 2;
203
- --color-sf-on-success: 13, 39, 0;
204
- --color-sf-on-success-container: 183, 250, 150;
205
- --color-sf-info: 71, 172, 251;
206
- --color-sf-info-container: 0, 67, 120;
207
- --color-sf-on-info: 0, 51, 91;
208
- --color-sf-on-info-container: 173, 219, 255;
209
- --color-sf-warning: 245, 180, 130;
210
- --color-sf-warning-container: 123, 65, 0;
211
- --color-sf-on-warning: 99, 52, 0;
212
- --color-sf-on-warning-container: 255, 220, 193;
213
- --color-sf-spreadsheet-gridline: 231, 224, 236;
214
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
215
- --color-sf-success-text: 0, 0, 0;
216
- --color-sf-warning-text: 0, 0, 0;
217
- --color-sf-info-text: 0, 0, 0;
218
- --color-sf-danger-text: 0, 0, 0;
219
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
220
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
221
- }
222
-
223
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
224
- -webkit-transform: rotate(0deg);
225
- transform: rotate(0deg);
226
- -webkit-transition: -webkit-transform 300ms ease;
227
- transition: -webkit-transform 300ms ease;
228
- transition: transform 300ms ease;
229
- transition: transform 300ms ease, -webkit-transform 300ms ease;
230
- }
231
-
232
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
233
- -webkit-transform: rotate(180deg);
234
- transform: rotate(180deg);
235
- -webkit-transition: -webkit-transform 300ms ease;
236
- transition: -webkit-transform 300ms ease;
237
- transition: transform 300ms ease;
238
- transition: transform 300ms ease, -webkit-transform 300ms ease;
239
- }
240
-
241
- .e-dropdownbase .e-list-item.e-active.e-hover {
242
- color: rgba(var(--color-sf-on-surface));
243
- }
244
-
245
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
246
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
247
- .e-input-group:not(.e-disabled) .e-back-icon:active,
248
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
249
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
250
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
251
- background: rgba(var(--color-sf-on-surface), 0.08);
252
- }
253
-
254
- .e-input-group .e-ddl-icon:not(:active)::after {
255
- -webkit-animation: none;
256
- animation: none;
257
- }
258
-
259
- .e-ddl.e-popup {
260
- border: 0;
261
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
262
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
263
- margin-top: 2px;
264
- }
265
-
266
- .e-popup.e-ddl .e-dropdownbase {
267
- min-height: 26px;
268
- border-radius: 4px;
269
- }
270
-
271
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
272
- border-color: rgba(var(--color-sf-primary));
273
- }
274
-
275
- .e-bigger .e-popup.e-ddl-device-filter {
276
- margin-top: 0;
277
- }
278
-
279
- .e-bigger .e-ddl-device .e-input-group,
280
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
281
- background: rgba(0, 0, 0, 0.0001);
282
- border-width: 0;
283
- -webkit-box-shadow: none;
284
- box-shadow: none;
285
- margin-bottom: 0;
286
- }
287
-
288
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
289
- .e-bigger .e-ddl-device .e-input-group input.e-input,
290
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
291
- background: rgba(0, 0, 0, 0.0001);
292
- }
293
-
294
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
295
- margin: 0 6px;
296
- min-height: 30px;
297
- min-width: 30px;
298
- }
299
-
300
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
301
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
302
- min-height: 38px;
303
- min-width: 38px;
304
- }
305
-
306
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
307
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
308
- min-height: 22px;
309
- min-width: 22px;
310
- }
311
-
312
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
313
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
314
- padding: 4px 16px 4px 0;
315
- }
316
-
317
- .e-input-group.e-ddl,
318
- .e-input-group.e-ddl .e-input,
319
- .e-input-group.e-ddl .e-ddl-icon {
320
- background: transparent;
321
- }
322
-
323
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
324
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
325
- border-bottom-width: 0;
326
- }
327
-
328
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
329
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
330
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
331
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
332
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
333
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
334
- margin: 4px;
335
- }
336
-
337
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
338
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
339
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
340
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
341
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
342
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
343
- padding: 4px 5px 4px 12px;
344
- }
345
-
346
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
347
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
348
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
349
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
350
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
351
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
352
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
353
- min-height: 34px;
354
- min-width: 34px;
355
- }
356
-
357
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
358
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
359
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
360
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
361
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
362
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
363
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
364
- padding: 8px 16px;
365
- }
366
-
367
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
368
- margin: 0 4px;
369
- }
370
-
371
- .e-ddl.e-popup.e-outline .e-filter-parent {
372
- padding: 4px 8px;
373
- }
374
-
375
- /* stylelint-disable */
376
- /* stylelint-disable property-no-vendor-prefix */
377
- @-webkit-keyframes e-input-ripple {
378
- 100% {
379
- opacity: 0;
380
- -webkit-transform: scale(4);
381
- transform: scale(4);
382
- }
383
- }
384
- @keyframes e-input-ripple {
385
- 100% {
386
- opacity: 0;
387
- -webkit-transform: scale(4);
388
- transform: scale(4);
389
- }
390
- }
391
- @-webkit-keyframes slideTopUp {
392
- from {
393
- -webkit-transform: translate3d(0, 0, 0) scale(1);
394
- transform: translate3d(0, 0, 0) scale(1);
395
- }
396
- to {
397
- -webkit-transform: translate3d(0, 0, 0) scale(1);
398
- transform: translate3d(0, 0, 0) scale(1);
399
- }
400
- }
401
- @keyframes slideTopUp {
402
- from {
403
- -webkit-transform: translate3d(0, 0, 0) scale(1);
404
- transform: translate3d(0, 0, 0) scale(1);
405
- }
406
- to {
407
- -webkit-transform: translate3d(0, 0, 0) scale(1);
408
- transform: translate3d(0, 0, 0) scale(1);
409
- }
410
- }
411
- /* stylelint-disable property-no-vendor-prefix */
412
- @-webkit-keyframes material-spinner-rotate {
413
- 0% {
414
- -webkit-transform: rotate(0deg);
415
- transform: rotate(0deg);
416
- }
417
- 100% {
418
- -webkit-transform: rotate(360deg);
419
- transform: rotate(360deg);
420
- }
421
- }
422
- @keyframes material-spinner-rotate {
423
- 0% {
424
- -webkit-transform: rotate(0deg);
425
- transform: rotate(0deg);
426
- }
427
- 100% {
428
- -webkit-transform: rotate(360deg);
429
- transform: rotate(360deg);
430
- }
431
- }
432
- @-webkit-keyframes fabric-spinner-rotate {
433
- 0% {
434
- -webkit-transform: rotate(0deg);
435
- transform: rotate(0deg);
436
- }
437
- 100% {
438
- -webkit-transform: rotate(360deg);
439
- transform: rotate(360deg);
440
- }
441
- }
442
- @keyframes fabric-spinner-rotate {
443
- 0% {
444
- -webkit-transform: rotate(0deg);
445
- transform: rotate(0deg);
446
- }
447
- 100% {
448
- -webkit-transform: rotate(360deg);
449
- transform: rotate(360deg);
450
- }
451
- }
452
- /* stylelint-disable */
453
- .e-gantt .e-add::before,
454
- .e-gantt-menu .e-add::before {
455
- content: "\e805";
456
- }
457
- .e-gantt .e-critical-path::before,
458
- .e-gantt-menu .e-critical-path::before {
459
- content: "\e88c";
460
- }
461
- .e-gantt .e-edit::before,
462
- .e-gantt-menu .e-edit::before {
463
- content: "\e730";
464
- }
465
- .e-gantt .e-delete::before,
466
- .e-gantt-menu .e-delete::before {
467
- content: "\e820";
468
- }
469
- .e-gantt .e-cancel-icon::before,
470
- .e-gantt .e-toolbar-item .e-cancel::before,
471
- .e-gantt-menu .e-cancel-icon::before,
472
- .e-gantt-menu .e-toolbar-item .e-cancel::before {
473
- content: "\e7e7";
474
- }
475
- .e-gantt .e-update::before,
476
- .e-gantt .e-save::before,
477
- .e-gantt-menu .e-update::before,
478
- .e-gantt-menu .e-save::before {
479
- content: "\e7c8";
480
- }
481
- .e-gantt .e-search-icon::before,
482
- .e-gantt-menu .e-search-icon::before {
483
- content: "\e754";
484
- }
485
- .e-gantt .e-notes-info::before,
486
- .e-gantt-menu .e-notes-info::before {
487
- content: "\e72d";
488
- }
489
- .e-gantt .e-left-resize-gripper::before,
490
- .e-gantt .e-right-resize-gripper::before,
491
- .e-gantt-menu .e-left-resize-gripper::before,
492
- .e-gantt-menu .e-right-resize-gripper::before {
493
- content: "\e770";
494
- }
495
- .e-gantt .e-expandall::before,
496
- .e-gantt-menu .e-expandall::before {
497
- content: "\e7c9";
498
- }
499
- .e-gantt .e-collapseall::before,
500
- .e-gantt-menu .e-collapseall::before {
501
- content: "\e80f";
502
- }
503
- .e-gantt .e-gantt-tooltip-arrow-left::before,
504
- .e-gantt .e-prevtimespan::before,
505
- .e-gantt-menu .e-gantt-tooltip-arrow-left::before,
506
- .e-gantt-menu .e-prevtimespan::before {
507
- content: "\e773";
508
- }
509
- .e-gantt .e-gantt-tooltip-arrow-right::before,
510
- .e-gantt .e-nexttimespan::before,
511
- .e-gantt-menu .e-gantt-tooltip-arrow-right::before,
512
- .e-gantt-menu .e-nexttimespan::before {
513
- content: "\e7f9";
514
- }
515
- .e-gantt .e-zoomin::before,
516
- .e-gantt-menu .e-zoomin::before {
517
- content: "\e795";
518
- }
519
- .e-gantt .e-zoomout::before,
520
- .e-gantt-menu .e-zoomout::before {
521
- content: "\e825";
522
- }
523
- .e-gantt .e-zoomtofit::before,
524
- .e-gantt-menu .e-zoomtofit::before {
525
- content: "\e838";
526
- }
527
- .e-gantt .e-csvexport::before,
528
- .e-gantt-menu .e-csvexport::before {
529
- content: "\e7ba";
530
- }
531
- .e-gantt .e-excelexport::before,
532
- .e-gantt-menu .e-excelexport::before {
533
- content: "\e7c1";
534
- }
535
- .e-gantt .e-pdfexport::before,
536
- .e-gantt-menu .e-pdfexport::before {
537
- content: "\e700";
538
- }
539
- .e-gantt .e-indent::before,
540
- .e-gantt-menu .e-indent::before {
541
- content: "\e810";
542
- }
543
- .e-gantt .e-outdent::before,
544
- .e-gantt-menu .e-outdent::before {
545
- content: "\e72a";
546
- }
547
- .e-gantt .e-add-above::before,
548
- .e-gantt-menu .e-add-above::before {
549
- content: "\e836";
550
- }
551
- .e-gantt .e-add-below::before,
552
- .e-gantt-menu .e-add-below::before {
553
- content: "\e801";
554
- }
555
-
556
- .e-gantt.e-device .e-backarrowspan::before,
557
- .e-gantt.e-device .e-icon-dlg-close::before {
558
- content: "\e773";
559
- }
560
- .e-gantt.e-device .e-left-resize-gripper::before,
561
- .e-gantt.e-device .e-right-resize-gripper::before {
562
- content: "\e770";
563
- }
564
-
565
- .e-icon-rowselect::before {
566
- content: "\e7d4";
567
- }
568
-
569
- .e-bigger .e-gantt .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
570
- font-size: 18px;
571
- }
572
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
573
- .e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
574
- display: inline-block;
575
- position: absolute;
576
- top: 0;
577
- width: 25px;
578
- z-index: 4;
579
- }
580
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
581
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
582
- -webkit-box-align: center;
583
- -ms-flex-align: center;
584
- align-items: center;
585
- cursor: ew-resize;
586
- display: -webkit-inline-box;
587
- display: -ms-inline-flexbox;
588
- display: inline-flex;
589
- }
590
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
591
- height: 64px;
592
- }
593
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
594
- height: 32px;
595
- }
596
- .e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
597
- height: 64px;
598
- }
599
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
600
- border-radius: 4px !important;
601
- font-size: 12px !important;
602
- height: 26px !important;
603
- padding: 4px 11px 4px 9px !important;
604
- top: 65px !important;
605
- }
606
- .e-bigger .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
607
- border-bottom: 6px solid transparent;
608
- border-right: 6px solid transparent;
609
- border-right-color: rgba(var(--color-sf-warning-container));
610
- border-top: 6px solid transparent;
611
- top: 73px !important;
612
- }
613
- .e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper::before,
614
- .e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper::before {
615
- content: "\e888";
616
- }
617
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right,
618
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left,
619
- .e-bigger .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
620
- .e-bigger .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
621
- border-radius: 50%;
622
- display: inline-block;
623
- position: absolute;
624
- }
625
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
626
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
627
- border-style: solid;
628
- border-width: 1px;
629
- -webkit-box-sizing: content-box;
630
- box-sizing: content-box;
631
- cursor: pointer;
632
- display: inline-block;
633
- }
634
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
635
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
636
- background-color: rgba(var(--color-sf-on-surface-variant));
637
- border-color: rgba(var(--color-sf-surface));
638
- position: relative;
639
- }
640
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
641
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
642
- background-color: rgba(var(--color-sf-on-surface-variant));
643
- border-color: rgba(var(--color-sf-surface));
644
- outline: 2px solid rgba(var(--color-sf-surface));
645
- }
646
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-left-hover::after,
647
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-right-hover::after {
648
- content: "";
649
- position: absolute;
650
- width: 30px;
651
- height: 40px;
652
- top: -10px;
653
- }
654
- .e-bigger .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
655
- cursor: no-drop;
656
- }
657
- .e-bigger .e-gantt .e-tab .e-content {
658
- height: 250px !important;
659
- }
660
- .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
661
- height: 63px !important; /* stylelint-disable-line declaration-no-important */
662
- }
663
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header {
664
- padding-left: 12px;
665
- }
666
- .e-bigger .e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
667
- display: block;
668
- border-top-left-radius: 4px;
669
- border-top-right-radius: 4px;
670
- }
671
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
672
- padding: 20px !important; /* stylelint-disable-line declaration-no-important */
673
- }
674
- .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
675
- left: -11px;
676
- top: 3px;
677
- }
678
- .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
679
- font-size: 20px !important;
680
- width: 20px !important;
681
- }
682
- .e-bigger .e-gantt .e-dialog .e-footer-content {
683
- height: 70px !important;
684
- padding: 16px !important;
685
- }
686
- .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
687
- margin-left: 12px;
688
- }
689
- .e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
690
- line-height: 28px;
691
- }
692
- .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
693
- padding: 16px 0 0 !important;
694
- }
695
- .e-bigger .e-gantt .e-filter-popup .e-dlg-content {
696
- border-radius: 6px !important;
697
- padding: 32px 16px 16px !important;
698
- }
699
- .e-bigger .e-gantt .e-grid .e-columnmenu {
700
- top: 35px;
701
- }
702
- .e-bigger .e-gantt-dialog .e-dialog {
703
- border-radius: 6px;
704
- width: 556px !important;
705
- }
706
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
707
- padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
708
- }
709
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
710
- padding: 16px 12px 0 16px;
711
- }
712
- .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
713
- padding: 16px 16px 0 12px;
714
- }
715
- .e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
716
- padding: 16px 18px 0 9px;
717
- }
718
- .e-bigger .e-gantt-dialog .e-edit-form-row {
719
- height: 250px !important;
720
- }
721
- .e-bigger .e-gantt-dialog .e-edit-form-column {
722
- height: 78px !important;
723
- }
724
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
725
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
726
- }
727
- .e-bigger .e-gantt-dialog > .e-dlg-content {
728
- border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
729
- }
730
- .e-bigger .e-gantt-dialog .e-dlg-header-content {
731
- border-radius: 16px 16px 0px 0px;
732
- padding-bottom: 12px;
733
- }
734
- .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) {
735
- border-radius: 50%;
736
- height: auto !important;
737
- width: auto;
738
- line-height: 0px;
739
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
740
- }
741
- .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
742
- margin-left: 5px !important;
743
- }
744
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
745
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
746
- }
747
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
748
- min-height: 36px !important;
749
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
750
- }
751
- .e-bigger .e-gantt-dialog .e-btn.e-flat {
752
- line-height: 24px;
753
- padding: 6px 16px 6px 15px !important; /* stylelint-disable-line declaration-no-important */
754
- }
755
- .e-bigger .e-gantt-dialog .e-btn.e-primary {
756
- padding: 6px 21px 6px 23px !important; /* stylelint-disable-line declaration-no-important */
757
- }
758
- .e-bigger .e-gantt-dialog .e-datetime-wrapper .e-time-icon.e-icons::before {
759
- font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
760
- }
761
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
762
- font-size: 14px;
763
- line-height: 22px;
764
- }
765
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text {
766
- font-size: 14px;
767
- line-height: 22px;
768
- }
769
- .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input {
770
- height: 36px !important;
771
- }
772
- .e-bigger .e-gantt-dialog .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
773
- min-height: 36px !important;
774
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
775
- }
776
- .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-time-icon {
777
- min-height: 36px !important;
778
- min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
779
- }
780
- .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper {
781
- height: 38px;
782
- }
783
- .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
784
- min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
785
- }
786
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
787
- position: absolute !important; /* stylelint-disable-line declaration-no-important */
788
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
789
- }
790
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
791
- padding: 16px !important; /* stylelint-disable-line declaration-no-important */
792
- }
793
- .e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
794
- width: 100% !important; /* stylelint-disable-line declaration-no-important */
795
- }
796
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
797
- border-top: 8px solid rgba(var(--color-sf-inverse-surface));
798
- }
799
- .e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
800
- color: rgba(var(--color-sf-inverse-surface));
801
- }
802
- .e-bigger .e-predecessor-tooltip .e-left-btn:disabled {
803
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
804
- }
805
- .e-bigger .e-predecessor-tooltip .e-right-btn:disabled {
806
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
807
- }
808
- .e-bigger .e-predecessor-tooltip .e-tip-content {
809
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
810
- }
811
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
812
- background-color: rgba(var(--color-sf-inverse-surface));
813
- border-color: rgba(var(--color-sf-inverse-surface));
814
- color: #f9fafb;
815
- font-size: 12px;
816
- line-height: 18px;
817
- padding: 0 8px 0 0;
818
- }
819
- .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
820
- background-color: rgba(var(--color-sf-inverse-surface));
821
- border-color: rgba(var(--color-sf-inverse-surface));
822
- color: #f9fafb;
823
- font-size: 12px;
824
- line-height: 18px;
825
- padding: 0 0 0 8px;
826
- }
827
- .e-bigger .e-predecessor-dialog {
828
- background-color: rgba(var(--color-sf-inverse-surface));
829
- }
830
- .e-bigger .e-predecessor-dialog .e-dlg-content {
831
- background-color: rgba(var(--color-sf-inverse-surface));
832
- padding: 10px 9px 9px 14px !important;
833
- font-size: 12px;
834
- font-weight: 400;
835
- line-height: 1.8;
836
- color: rgba(var(--color-sf-inverse-on-surface));
837
- }
838
- .e-bigger .e-predecessor-dialog .e-touch-predecessor-dialog {
839
- display: -webkit-box;
840
- display: -ms-flexbox;
841
- display: flex;
842
- -webkit-box-pack: justify;
843
- -ms-flex-pack: justify;
844
- justify-content: space-between;
845
- -webkit-box-align: center;
846
- -ms-flex-align: center;
847
- align-items: center;
848
- }
849
-
850
- .e-blazor-gantt-tooltip .e-tip-content {
851
- overflow-wrap: unset !important; /* stylelint-disable-line declaration-no-important */
852
- white-space: nowrap !important; /* stylelint-disable-line declaration-no-important */
853
- word-break: unset !important; /* stylelint-disable-line declaration-no-important */
854
- }
855
-
856
- .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
857
- font-size: 16px;
858
- }
859
-
860
- .e-gantt-tooltip .e-tip-content {
861
- text-align: left !important; /* stylelint-disable-line declaration-no-important */
862
- }
863
-
864
- .e-gantt.e-gantt-rtl .e-connector-line-right-arrow {
865
- border-left: none !important; /* stylelint-disable-line declaration-no-important */
866
- border-right-color: rgba(var(--color-sf-primary));
867
- }
868
- .e-gantt.e-gantt-rtl .e-connector-line-left-arrow {
869
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
870
- border-left-color: rgba(var(--color-sf-primary));
871
- }
872
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-header-container {
873
- border-right: none !important; /* stylelint-disable-line declaration-no-important */
874
- border-left: 1px solid !important; /* stylelint-disable-line declaration-no-important */
875
- border-left-color: rgba(var(--color-sf-outline-variant)) !important; /* stylelint-disable-line declaration-no-important */
876
- }
877
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text {
878
- padding-right: 11px !important; /* stylelint-disable-line declaration-no-important */
879
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
880
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
881
- }
882
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
883
- right: 0 !important; /* stylelint-disable-line declaration-no-important */
884
- }
885
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
886
- right: 1px !important; /* stylelint-disable-line declaration-no-important */
887
- }
888
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-connectorpoint-right {
889
- margin-right: 2px !important; /* stylelint-disable-line declaration-no-important */
890
- }
891
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
892
- border-left: 5px solid;
893
- border-right: 0 !important; /* stylelint-disable-line declaration-no-important */
894
- }
895
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-holiday .e-span {
896
- -webkit-transform: rotate(90deg) !important;
897
- transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
898
- }
899
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-left-label-container {
900
- padding-left: 25px !important; /* stylelint-disable-line declaration-no-important */
901
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
902
- }
903
- .e-gantt.e-gantt-rtl .e-gantt-chart .e-right-label-container {
904
- margin-right: 25px !important; /* stylelint-disable-line declaration-no-important */
905
- margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
906
- }
907
-
908
- .e-gantt-rtl .e-gantt-tooltip-label {
909
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
910
- }
911
- .e-gantt-rtl .e-tip-content {
912
- text-align: right !important; /* stylelint-disable-line declaration-no-important */
913
- }
914
-
915
- .e-gantt-dialog.e-rtl .e-dlg-closeicon-btn {
916
- padding: 4px 8px !important; /* stylelint-disable-line declaration-no-important */
917
- }
918
-
919
- .e-gantt {
920
- display: block;
921
- width: 100%;
922
- }
923
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
924
- left: -5px;
925
- position: relative;
926
- }
927
- .e-gantt .e-cloneproperties {
928
- border-style: solid;
929
- border-width: 1px;
930
- -webkit-box-shadow: 0 0;
931
- box-shadow: 0 0;
932
- font-size: 12px;
933
- font-weight: bold;
934
- opacity: 1;
935
- overflow: hidden;
936
- padding: 2px 8px 1px;
937
- text-align: center;
938
- -webkit-user-select: none;
939
- -moz-user-select: none;
940
- -ms-user-select: none;
941
- user-select: none;
942
- vertical-align: middle;
943
- white-space: nowrap;
944
- z-index: 100;
945
- }
946
- .e-gantt .e-cloneproperties .e-draganddrop {
947
- border-spacing: 0;
948
- font-size: 12px;
949
- font-weight: normal;
950
- overflow: visible;
951
- }
952
- .e-gantt .e-cloneproperties .e-bothganttlines {
953
- border-width: 1px 0 0 1px;
954
- }
955
- .e-gantt .e-draganddrop {
956
- border-width: 0 1px 1px;
957
- font-weight: normal;
958
- padding: 0;
959
- }
960
- .e-gantt .e-draganddrop .e-rowcell {
961
- opacity: 0.95;
962
- }
963
- .e-gantt .e-cloneproperties.e-draganddrop table {
964
- border-spacing: 0;
965
- }
966
- .e-gantt .e-icons.e-errorelem {
967
- display: inline-block;
968
- padding-left: 10px;
969
- vertical-align: middle;
970
- }
971
- .e-gantt .e-errorelem::before {
972
- color: rgba(var(--color-sf-error));
973
- content: "\e22a";
974
- -webkit-transform: rotate(180deg);
975
- transform: rotate(180deg);
976
- }
977
- .e-gantt .e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop, .e-gantt .e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
978
- border-bottom: 0;
979
- border-right: 1px solid rgba(var(--color-sf-outline));
980
- border-top: 1px solid rgba(var(--color-sf-outline));
981
- }
982
- .e-gantt .e-gantt-toolbar {
983
- border-bottom-left-radius: 0;
984
- border-bottom-right-radius: 0;
985
- border-style: solid;
986
- border-width: 1px 1px 0;
987
- }
988
- .e-gantt .e-flmenu-valuediv {
989
- padding-top: 16px;
990
- }
991
- .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
992
- margin: 0;
993
- }
994
- .e-gantt .e-gantt-splitter .e-pane {
995
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
996
- }
997
- .e-gantt .e-temp-content {
998
- border-left: 1px solid;
999
- }
1000
- .e-gantt .e-tab {
1001
- border: 0;
1002
- }
1003
- .e-gantt .e-tab .e-tab-header .e-toolbar-item.e-active {
1004
- border-color: transparent;
1005
- }
1006
- .e-gantt .e-gantt-tree-grid-pane .e-grid {
1007
- border-width: 0;
1008
- }
1009
- .e-gantt .e-gantt-tree-grid-pane .e-gantt-temp-header {
1010
- border-bottom-style: solid;
1011
- border-bottom-width: 1px;
1012
- height: 45px;
1013
- }
1014
- .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
1015
- border-right-width: 0 !important; /* stylelint-disable-line declaration-no-important */
1016
- }
1017
- .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
1018
- border-top-style: none;
1019
- border-top-width: 0;
1020
- padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
1021
- padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
1022
- }
1023
- .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
1024
- .e-gantt .e-gantt-tree-grid-pane .e-headercell {
1025
- height: 51px !important; /* stylelint-disable-line declaration-no-important */
1026
- }
1027
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
1028
- overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
1029
- }
1030
- .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
1031
- width: calc(100% + 17px);
1032
- }
1033
- .e-gantt .e-gantt-tree-grid-pane .e-ganttnotes-info {
1034
- text-align: center;
1035
- }
1036
- .e-gantt .e-gantt-tree-grid-pane .e-icons.e-notes-info {
1037
- display: inline-block;
1038
- font-size: 18px;
1039
- height: 15px;
1040
- line-height: 10px;
1041
- vertical-align: middle;
1042
- }
1043
- .e-gantt .e-gantt-tree-grid-pane .e-grid .e-gantt-resource-parent .e-rowdragdrop {
1044
- pointer-events: none;
1045
- }
1046
- .e-gantt .e-gantt-chart {
1047
- height: 100%;
1048
- overflow: hidden;
1049
- position: relative;
1050
- width: 100%;
1051
- }
1052
- .e-gantt .e-gantt-chart .e-chart-empty-row {
1053
- border: 0.5px solid;
1054
- position: absolute;
1055
- background-color: rgba(0, 120, 222, 0.15);
1056
- border-color: rgba(0, 120, 222, 0.65) !important;
1057
- }
1058
- .e-gantt .e-gantt-chart .e-chart-root-container {
1059
- border-right: 0 solid;
1060
- }
1061
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
1062
- -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
1063
- overflow-x: scroll;
1064
- overflow-y: auto;
1065
- position: relative;
1066
- }
1067
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
1068
- border-top: 2px solid rgba(var(--color-sf-primary));
1069
- border-width: 2px 0 0;
1070
- }
1071
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
1072
- border-bottom: 2px solid rgba(var(--color-sf-primary));
1073
- -webkit-box-shadow: rgba(var(--color-sf-primary));
1074
- box-shadow: rgba(var(--color-sf-primary));
1075
- }
1076
- .e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
1077
- border-bottom: 2px solid rgba(var(--color-sf-primary));
1078
- border-top: 2px solid rgba(var(--color-sf-primary));
1079
- -webkit-box-shadow: rgba(var(--color-sf-primary));
1080
- box-shadow: rgba(var(--color-sf-primary));
1081
- }
1082
- .e-gantt .e-gantt-chart .e-chart-root-container .e-nonworking-day-container {
1083
- position: absolute;
1084
- }
1085
- .e-gantt .e-gantt-chart .e-chart-root-container .e-event-markers-container {
1086
- position: absolute;
1087
- }
1088
- .e-gantt .e-gantt-chart .e-chart-root-container .e-holiday-container {
1089
- height: 100%;
1090
- position: absolute;
1091
- }
1092
- .e-gantt .e-gantt-chart .e-chart-root-container .e-weekend-container {
1093
- height: 100%;
1094
- position: absolute;
1095
- }
1096
- .e-gantt .e-gantt-chart .e-timeline-header-container {
1097
- border-bottom-style: solid;
1098
- border-right: 1px solid;
1099
- overflow: hidden;
1100
- position: relative;
1101
- z-index: 6;
1102
- }
1103
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
1104
- border-left: 0;
1105
- }
1106
- .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > td {
1107
- border-left: 0;
1108
- }
1109
- .e-gantt .e-gantt-chart .e-timeline-header-table-container {
1110
- border-collapse: collapse;
1111
- border-spacing: 0;
1112
- border-width: 0;
1113
- -webkit-box-sizing: border-box;
1114
- box-sizing: border-box;
1115
- margin: 0;
1116
- padding: 0;
1117
- }
1118
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
1119
- border-collapse: collapse;
1120
- -webkit-box-sizing: border-box;
1121
- box-sizing: border-box;
1122
- display: inline-block;
1123
- -webkit-transform: scale(1);
1124
- transform: scale(1);
1125
- white-space: nowrap;
1126
- }
1127
- .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
1128
- display: -webkit-inline-box;
1129
- display: -ms-inline-flexbox;
1130
- display: inline-flex;
1131
- }
1132
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
1133
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
1134
- border-spacing: 0;
1135
- border-style: solid;
1136
- border-top: 0;
1137
- border-width: 1px;
1138
- -webkit-box-sizing: border-box;
1139
- box-sizing: border-box;
1140
- display: -webkit-inline-box;
1141
- display: -ms-inline-flexbox;
1142
- display: inline-flex;
1143
- font-size: 14px;
1144
- font-weight: bold;
1145
- margin: 0;
1146
- padding: 0;
1147
- position: static;
1148
- text-align: center;
1149
- -webkit-user-select: none;
1150
- -moz-user-select: none;
1151
- -ms-user-select: none;
1152
- user-select: none;
1153
- white-space: nowrap;
1154
- }
1155
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-header-cell-label,
1156
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-header-cell-label {
1157
- -webkit-box-sizing: border-box;
1158
- box-sizing: border-box;
1159
- margin: auto;
1160
- overflow: hidden;
1161
- position: static;
1162
- text-overflow: ellipsis;
1163
- white-space: nowrap;
1164
- }
1165
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
1166
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
1167
- padding-left: 11px;
1168
- text-align: left;
1169
- }
1170
- .e-gantt .e-gantt-chart .e-gantt-grid-lines {
1171
- border-bottom-style: solid;
1172
- border-bottom-width: 1px;
1173
- border-collapse: collapse;
1174
- border-spacing: 0;
1175
- -webkit-box-sizing: border-box;
1176
- box-sizing: border-box;
1177
- }
1178
- .e-gantt .e-gantt-chart .e-zero-spacing {
1179
- border-spacing: 0;
1180
- }
1181
- .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
1182
- border-top: 0;
1183
- }
1184
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border {
1185
- border-collapse: separate;
1186
- border-style: solid;
1187
- border-width: 1px 0 0;
1188
- }
1189
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-cell {
1190
- font-size: 0;
1191
- padding: 0;
1192
- }
1193
- .e-gantt .e-gantt-chart .e-chart-row .e-chart-row-border.e-lastrow {
1194
- border-bottom-width: 1px;
1195
- }
1196
- .e-gantt .e-gantt-chart .e-line-container-cell {
1197
- border-right-style: solid;
1198
- border-right-width: 1px;
1199
- height: 100%;
1200
- position: absolute;
1201
- }
1202
- .e-gantt .e-gantt-chart .e-taskbar-main-container {
1203
- cursor: move;
1204
- display: inline-block;
1205
- position: absolute;
1206
- vertical-align: middle;
1207
- z-index: 3;
1208
- }
1209
- .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
1210
- z-index: 4;
1211
- }
1212
- .e-gantt .e-gantt-chart .e-left-label-container.e-left-label-temp-container {
1213
- -webkit-box-align: center;
1214
- -ms-flex-align: center;
1215
- align-items: center;
1216
- display: -webkit-inline-box;
1217
- display: -ms-inline-flexbox;
1218
- display: inline-flex;
1219
- -webkit-box-pack: end;
1220
- -ms-flex-pack: end;
1221
- justify-content: flex-end;
1222
- overflow: hidden;
1223
- text-overflow: ellipsis;
1224
- white-space: nowrap;
1225
- }
1226
- .e-gantt .e-gantt-chart .e-right-label-container.e-right-label-temp-container {
1227
- -webkit-box-align: center;
1228
- -ms-flex-align: center;
1229
- align-items: center;
1230
- display: -webkit-inline-box;
1231
- display: -ms-inline-flexbox;
1232
- display: inline-flex;
1233
- float: left;
1234
- outline: none;
1235
- overflow: hidden;
1236
- position: absolute;
1237
- text-overflow: ellipsis;
1238
- white-space: nowrap;
1239
- }
1240
- .e-gantt .e-gantt-chart .e-left-label-container {
1241
- display: inline-block;
1242
- }
1243
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
1244
- .e-gantt .e-gantt-chart .e-right-label-container {
1245
- overflow: hidden;
1246
- }
1247
- .e-gantt .e-gantt-chart .e-left-label-inner-div {
1248
- -webkit-box-align: center;
1249
- -ms-flex-align: center;
1250
- align-items: center;
1251
- display: -webkit-inline-box;
1252
- display: -ms-inline-flexbox;
1253
- display: inline-flex;
1254
- -webkit-box-pack: end;
1255
- -ms-flex-pack: end;
1256
- justify-content: flex-end;
1257
- width: 100%;
1258
- }
1259
- .e-gantt .e-gantt-chart .e-label {
1260
- margin: 3px;
1261
- overflow: hidden;
1262
- text-overflow: ellipsis;
1263
- white-space: nowrap;
1264
- }
1265
- .e-gantt .e-gantt-chart .e-right-label-container {
1266
- background-color: transparent;
1267
- display: inline-block;
1268
- margin: 0;
1269
- position: absolute;
1270
- }
1271
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
1272
- -webkit-box-align: center;
1273
- -ms-flex-align: center;
1274
- align-items: center;
1275
- display: -webkit-inline-box;
1276
- display: -ms-inline-flexbox;
1277
- display: inline-flex;
1278
- float: left;
1279
- outline: none;
1280
- overflow: hidden;
1281
- }
1282
- .e-gantt .e-gantt-chart .e-indicator-span {
1283
- display: inline-block;
1284
- font-size: 13px;
1285
- font-weight: normal;
1286
- overflow: hidden;
1287
- position: absolute;
1288
- text-overflow: ellipsis;
1289
- }
1290
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar,
1291
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar,
1292
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar,
1293
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar,
1294
- .e-gantt .e-gantt-chart .e-gantt-milestone,
1295
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone,
1296
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
1297
- display: inline-block;
1298
- width: 100%;
1299
- }
1300
- .e-gantt .e-gantt-chart .e-gantt-milestone {
1301
- border: 1px;
1302
- border-style: solid;
1303
- }
1304
- .e-gantt .e-gantt-chart .e-manualparent-main-container {
1305
- background-color: transparent;
1306
- cursor: move;
1307
- margin-top: -5px;
1308
- position: absolute;
1309
- }
1310
- .e-gantt .e-gantt-chart .e-gantt-manualparent-taskbar {
1311
- margin-top: 3px;
1312
- }
1313
- .e-gantt .e-gantt-chart .e-gantt-split-container-line {
1314
- border-color: rgba(var(--color-sf-outline));
1315
- border-top-style: dashed;
1316
- border-top-width: 2px;
1317
- height: 0;
1318
- left: 2px;
1319
- pointer-events: none;
1320
- position: absolute;
1321
- top: 50%;
1322
- width: 99%;
1323
- }
1324
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
1325
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
1326
- border-spacing: 0;
1327
- -webkit-box-sizing: border-box;
1328
- box-sizing: border-box;
1329
- margin: auto;
1330
- overflow: hidden;
1331
- padding: 0;
1332
- z-index: 3;
1333
- }
1334
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1335
- z-index: 3;
1336
- }
1337
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div,
1338
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
1339
- -webkit-box-sizing: border-box;
1340
- box-sizing: border-box;
1341
- text-align: right;
1342
- }
1343
- .e-gantt .e-gantt-chart .e-chart-scroll-container,
1344
- .e-gantt .e-gantt-chart .e-chart-rows-container {
1345
- -webkit-user-select: none;
1346
- -moz-user-select: none;
1347
- -ms-user-select: none;
1348
- user-select: none;
1349
- }
1350
- .e-gantt .e-gantt-chart .e-chart-rows-container {
1351
- line-height: initial;
1352
- }
1353
- .e-gantt .e-gantt-chart .e-masked-tbody {
1354
- table-layout: fixed;
1355
- width: 100%;
1356
- }
1357
- .e-gantt .e-gantt-chart .e-div-background {
1358
- border-color: rgb(225, 223, 221);
1359
- border-right-style: solid;
1360
- border-right-width: 1px;
1361
- height: 100%;
1362
- position: absolute;
1363
- }
1364
- .e-gantt .e-gantt-chart .e-innerHTML {
1365
- height: 16px;
1366
- width: 16px;
1367
- left: 14px;
1368
- }
1369
- .e-gantt .e-gantt-chart .e-innerHTML1 {
1370
- height: 16px;
1371
- width: 16px;
1372
- left: 30px;
1373
- }
1374
- .e-gantt .e-gantt-chart .e-innerHTML2 {
1375
- height: 16px;
1376
- width: 16px;
1377
- left: 60px;
1378
- }
1379
- .e-gantt .e-gantt-chart .e-timelineHeader {
1380
- height: 16px;
1381
- width: 82px;
1382
- left: 20px;
1383
- }
1384
- .e-gantt .e-gantt-chart .e-maskcell01 {
1385
- height: 12px;
1386
- width: 88px;
1387
- left: 14px;
1388
- border-radius: 0;
1389
- }
1390
- .e-gantt .e-gantt-chart .e-maskcell02 {
1391
- border-radius: 0;
1392
- height: 18px;
1393
- width: 410px;
1394
- }
1395
- .e-gantt .e-gantt-chart .e-maskcell03 {
1396
- height: 12px;
1397
- width: 88px;
1398
- left: 14px;
1399
- border-radius: 0;
1400
- }
1401
- .e-gantt .e-gantt-chart .e-maskcell04 {
1402
- border-radius: 0;
1403
- height: 18px;
1404
- width: 208px;
1405
- }
1406
- .e-gantt .e-gantt-chart .e-maskcell05 {
1407
- height: 12px;
1408
- width: 108px;
1409
- left: 64px;
1410
- border-radius: 0;
1411
- }
1412
- .e-gantt .e-gantt-chart .e-maskcell06 {
1413
- height: 18px;
1414
- width: 195px;
1415
- left: 192px;
1416
- border-radius: 0;
1417
- }
1418
- .e-gantt .e-gantt-chart .e-maskcell07 {
1419
- height: 18px;
1420
- width: 156px;
1421
- left: 388px;
1422
- border-radius: 0;
1423
- }
1424
- .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
1425
- .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
1426
- display: inline-block;
1427
- position: absolute;
1428
- top: 0;
1429
- width: 10px;
1430
- z-index: 4;
1431
- }
1432
- .e-gantt .e-gantt-chart .e-child-progress-resizer {
1433
- display: inline-block;
1434
- height: 15px;
1435
- position: absolute;
1436
- top: 0;
1437
- width: 20px;
1438
- z-index: 5;
1439
- }
1440
- .e-gantt .e-gantt-chart .e-progress-resize-gripper {
1441
- cursor: col-resize;
1442
- }
1443
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
1444
- border-width: 1px;
1445
- -webkit-box-sizing: content-box;
1446
- box-sizing: content-box;
1447
- cursor: col-resize;
1448
- height: 2px;
1449
- position: absolute;
1450
- top: 7px;
1451
- }
1452
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
1453
- border-bottom-style: solid;
1454
- border-bottom-width: 8px;
1455
- border-left: 7px solid transparent;
1456
- border-right: 7px solid transparent;
1457
- cursor: col-resize;
1458
- height: 0;
1459
- left: 1px;
1460
- position: absolute;
1461
- top: -7px;
1462
- width: 0;
1463
- }
1464
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
1465
- border-bottom-style: solid;
1466
- border-bottom-width: 8px;
1467
- border-left: 6px solid transparent;
1468
- border-right: 6px solid transparent;
1469
- cursor: col-resize;
1470
- height: 0;
1471
- left: 2px;
1472
- position: absolute;
1473
- top: -7px;
1474
- width: 0;
1475
- }
1476
- .e-gantt .e-gantt-chart .e-baseline-bar {
1477
- border-radius: 2px;
1478
- }
1479
- .e-gantt .e-gantt-chart .e-baseline-bar {
1480
- -webkit-box-sizing: border-box;
1481
- box-sizing: border-box;
1482
- position: absolute;
1483
- z-index: 2;
1484
- }
1485
- .e-gantt .e-gantt-chart .e-milestone-top,
1486
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
1487
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top {
1488
- border-style: none solid solid;
1489
- border-top: 0;
1490
- }
1491
- .e-gantt .e-gantt-chart .e-milestone-top,
1492
- .e-gantt .e-gantt-chart .e-milestone-bottom,
1493
- .e-gantt .e-gantt-chart .e-parent-milestone-top,
1494
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
1495
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
1496
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1497
- border-left-color: transparent;
1498
- border-right-color: transparent;
1499
- }
1500
- .e-gantt .e-gantt-chart .e-milestone-bottom,
1501
- .e-gantt .e-gantt-chart .e-parent-milestone-bottom,
1502
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1503
- border-bottom: 0;
1504
- border-style: solid solid none;
1505
- }
1506
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
1507
- position: absolute;
1508
- z-index: 2;
1509
- border: 2px;
1510
- border-color: rgba(var(--color-sf-error));
1511
- border-style: solid;
1512
- }
1513
- .e-gantt .e-gantt-chart .e-task-label {
1514
- display: inline;
1515
- font-weight: normal;
1516
- margin-left: 8px;
1517
- margin-right: 15px;
1518
- overflow: hidden;
1519
- text-overflow: ellipsis;
1520
- vertical-align: middle;
1521
- white-space: nowrap;
1522
- }
1523
- .e-gantt .e-gantt-chart .e-task-table {
1524
- overflow: hidden;
1525
- border-collapse: separate;
1526
- }
1527
- .e-gantt .e-gantt-chart .e-left-resize-gripper,
1528
- .e-gantt .e-gantt-chart .e-right-resize-gripper {
1529
- -webkit-box-align: center;
1530
- -ms-flex-align: center;
1531
- align-items: center;
1532
- cursor: ew-resize;
1533
- display: -webkit-inline-box;
1534
- display: -ms-inline-flexbox;
1535
- display: inline-flex;
1536
- }
1537
- .e-gantt .e-gantt-chart .e-holiday {
1538
- display: inline-block;
1539
- position: absolute;
1540
- }
1541
- .e-gantt .e-gantt-chart .e-holiday .e-span {
1542
- position: absolute;
1543
- -webkit-transform: rotate(-90deg);
1544
- transform: rotate(-90deg);
1545
- white-space: nowrap;
1546
- width: 0;
1547
- }
1548
- .e-gantt .e-gantt-chart .e-weekend {
1549
- display: inline-block;
1550
- position: absolute;
1551
- z-index: 0;
1552
- }
1553
- .e-gantt .e-gantt-chart .e-rangecontainer .e-leftarc {
1554
- border-bottom-left-radius: 2px;
1555
- border-top-left-radius: 2px;
1556
- position: absolute;
1557
- }
1558
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rightarc {
1559
- border-bottom-right-radius: 2px;
1560
- border-top-right-radius: 2px;
1561
- position: absolute;
1562
- }
1563
- .e-gantt .e-gantt-chart .e-event-markers {
1564
- border-left: 1px dashed;
1565
- position: absolute;
1566
- width: 1px;
1567
- z-index: 4;
1568
- }
1569
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
1570
- border-radius: 3px;
1571
- font-weight: 500;
1572
- height: 28px;
1573
- line-height: 1.5;
1574
- padding: 3px 12px;
1575
- position: absolute;
1576
- top: 50px;
1577
- white-space: nowrap;
1578
- width: auto;
1579
- z-index: 2;
1580
- }
1581
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
1582
- border-bottom: 5px solid transparent;
1583
- border-right: 5px solid;
1584
- border-top: 5px solid transparent;
1585
- height: 0;
1586
- position: absolute;
1587
- top: 56px;
1588
- width: 0;
1589
- }
1590
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
1591
- border-radius: 0;
1592
- border-style: none;
1593
- display: inline-block;
1594
- }
1595
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
1596
- border-left-style: solid;
1597
- border-left-width: 10px;
1598
- }
1599
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
1600
- border-right-style: solid;
1601
- border-right-width: 10px;
1602
- }
1603
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow,
1604
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
1605
- border-bottom: 5px solid transparent;
1606
- border-top: 5px solid transparent;
1607
- }
1608
- .e-gantt .e-gantt-chart .e-connector-line-container {
1609
- z-index: 5;
1610
- }
1611
- .e-gantt .e-gantt-chart .e-connector-line-z-index {
1612
- z-index: 1;
1613
- }
1614
- .e-gantt .e-gantt-chart .e-connector-line-hover,
1615
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
1616
- outline: 1px solid;
1617
- }
1618
- .e-gantt .e-gantt-chart .e-connector-line-hover-z-index {
1619
- z-index: 100;
1620
- }
1621
- .e-gantt .e-gantt-chart .e-connectortouchpoint {
1622
- background-color: transparent;
1623
- display: block;
1624
- position: absolute;
1625
- z-index: 5;
1626
- }
1627
- .e-gantt .e-gantt-chart .e-connectorpoint-right,
1628
- .e-gantt .e-gantt-chart .e-connectorpoint-left,
1629
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
1630
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
1631
- border-radius: 50%;
1632
- display: inline-block;
1633
- position: absolute;
1634
- }
1635
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
1636
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
1637
- border-style: solid;
1638
- border-width: 1px;
1639
- -webkit-box-sizing: content-box;
1640
- box-sizing: content-box;
1641
- cursor: pointer;
1642
- display: inline-block;
1643
- }
1644
- .e-gantt .e-gantt-chart .e-connectorpoint-allow-block {
1645
- cursor: no-drop;
1646
- }
1647
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left,
1648
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
1649
- background-color: rgba(var(--color-sf-on-surface));
1650
- border-color: rgba(var(--color-sf-on-surface));
1651
- border-radius: 50%;
1652
- display: inline-block;
1653
- height: 10px;
1654
- margin: -1px;
1655
- position: absolute;
1656
- width: 10px;
1657
- }
1658
- .e-gantt .e-gantt-chart .e-manualparent-milestone-top,
1659
- .e-gantt .e-gantt-chart .e-manualparent-milestone-bottom {
1660
- border-bottom-color: rgba(var(--color-sf-on-surface));
1661
- }
1662
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-right {
1663
- cursor: e-resize;
1664
- margin-left: -8px;
1665
- }
1666
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar-left {
1667
- margin-left: 0;
1668
- }
1669
- .e-gantt .e-gantt-chart .e-gantt-manualparenttaskbar {
1670
- background: rgba(var(--color-sf-on-surface));
1671
- margin-top: 3px;
1672
- position: absolute;
1673
- }
1674
- .e-gantt .e-gantt-chart .e-icon {
1675
- font-family: "e-icons";
1676
- font-size: 13px;
1677
- font-style: normal;
1678
- font-variant: normal;
1679
- font-weight: normal;
1680
- line-height: 1;
1681
- text-transform: none;
1682
- vertical-align: middle;
1683
- }
1684
- .e-gantt .e-gantt-chart .e-active-container {
1685
- outline: 1px solid;
1686
- outline-offset: 2px;
1687
- }
1688
-
1689
- .e-gantt-dialog .e-tab .e-tab-header {
1690
- padding-left: 12px;
1691
- }
1692
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
1693
- display: block;
1694
- }
1695
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
1696
- border-style: solid;
1697
- border-width: 1px;
1698
- }
1699
-
1700
- .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
1701
- border: 0;
1702
- }
1703
-
1704
- .e-gantt-dialog {
1705
- border: 0;
1706
- }
1707
- .e-gantt-dialog .e-gridform .e-table {
1708
- border-spacing: 0;
1709
- }
1710
- .e-gantt-dialog .e-item {
1711
- height: 100%;
1712
- }
1713
- .e-gantt-dialog .e-dependent-div {
1714
- border-bottom-width: 0px;
1715
- }
1716
- .e-gantt-dialog .e-icon-dlg-close {
1717
- opacity: initial;
1718
- }
1719
- .e-gantt-dialog .e-toolbar {
1720
- border-top-width: 0;
1721
- }
1722
- .e-gantt-dialog .e-resource-div {
1723
- border-bottom-width: 0px;
1724
- }
1725
- .e-gantt-dialog .e-resource-div .e-gridheader {
1726
- border-top-width: 0;
1727
- }
1728
- .e-gantt-dialog .e-edit-form-row {
1729
- height: 241px;
1730
- overflow-y: auto;
1731
- }
1732
- .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
1733
- float: left;
1734
- padding: 12px 18px 0 18px;
1735
- width: 50%;
1736
- }
1737
- .e-gantt-dialog .e-edit-form-column:nth-child(even) {
1738
- float: left;
1739
- padding: 12px 18px 0 0;
1740
- width: 50%;
1741
- }
1742
- .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
1743
- padding: 12px 18px 0 0;
1744
- }
1745
- .e-gantt-dialog .e-edit-form-column {
1746
- height: 75px;
1747
- }
1748
- .e-gantt-dialog .e-dependent-div .e-content {
1749
- height: 161px;
1750
- }
1751
- .e-gantt-dialog .e-resource-div .e-content {
1752
- height: 202px;
1753
- }
1754
- .e-gantt-dialog .e-richtexteditor {
1755
- border-bottom-width: 0px;
1756
- height: 241px !important; /* stylelint-disable-line declaration-no-important */
1757
- overflow: hidden auto;
1758
- }
1759
- .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
1760
- border-top: 0;
1761
- }
1762
- .e-gantt-dialog .e-richtexteditor .e-rte-content {
1763
- border-bottom-width: 0px;
1764
- height: 200px;
1765
- overflow: auto;
1766
- }
1767
- .e-gantt-dialog > .e-dlg-content {
1768
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1769
- }
1770
- .e-gantt-dialog .e-dlg-header {
1771
- line-height: 30px;
1772
- }
1773
- .e-gantt-dialog .e-dlg-header-content {
1774
- border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
1775
- }
1776
- .e-gantt-dialog .e-dlg-header-content {
1777
- border-radius: 16px 16px 0px 0px;
1778
- padding-bottom: 12px;
1779
- }
1780
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1781
- left: -11px;
1782
- top: 6px !important;
1783
- }
1784
- .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1785
- border-radius: 50%;
1786
- height: auto !important;
1787
- width: auto;
1788
- }
1789
-
1790
- .e-ganttpopup {
1791
- -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1792
- -ms-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1793
- -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
1794
- font-weight: normal;
1795
- position: absolute;
1796
- user-select: none;
1797
- z-index: 99999;
1798
- }
1799
- .e-ganttpopup .e-rowselect {
1800
- line-height: 18px;
1801
- text-indent: 7%;
1802
- }
1803
- .e-ganttpopup span {
1804
- border: 1px solid transparent;
1805
- cursor: pointer;
1806
- display: inline-block;
1807
- height: 26px;
1808
- padding: 4px;
1809
- width: 26px;
1810
- }
1811
- .e-ganttpopup .e-content {
1812
- border-radius: 4px;
1813
- border-style: solid;
1814
- border-width: 1px;
1815
- font-size: 14px;
1816
- padding: 4px;
1817
- }
1818
- .e-ganttpopup .e-tail::after,
1819
- .e-ganttpopup .e-tail::before,
1820
- .e-ganttpopup .e-ganttpopup {
1821
- border: 10px solid transparent;
1822
- content: "";
1823
- height: 0;
1824
- left: 8px;
1825
- position: absolute;
1826
- width: 0;
1827
- }
1828
- .e-ganttpopup .e-downtail::after {
1829
- top: 34px;
1830
- }
1831
-
1832
- .e-gantt-tooltip.e-tooltip-wrap {
1833
- opacity: 1;
1834
- }
1835
-
1836
- .e-gantt-tooltip {
1837
- visibility: hidden;
1838
- }
1839
-
1840
- .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1841
- content: "";
1842
- }
1843
-
1844
- .e-bigger .e-gantt .e-gantt-chart .e-label {
1845
- font-size: 16px;
1846
- }
1847
-
1848
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1849
- .e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
1850
- padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
1851
- }
1852
-
1853
- .e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
1854
- .e-bigger .e-gantt .e-contextmenu-wrapper ul {
1855
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
1856
- }
1857
-
1858
- .e-gantt-tooltip-label {
1859
- padding-bottom: 2px;
1860
- padding-right: 2px;
1861
- text-align: left;
1862
- }
1863
-
1864
- .e-gantt.e-device .e-edit-form-column:nth-child(odd), .e-gantt.e-device .e-edit-form-column:nth-child(even) {
1865
- float: none;
1866
- padding: 12px 18px 0 18px;
1867
- width: 100%;
1868
- }
1869
- .e-gantt.e-device .e-edit-form-row {
1870
- height: auto;
1871
- }
1872
- .e-gantt.e-device .e-adaptive-searchbar {
1873
- padding: 5px 10px;
1874
- width: 90%;
1875
- }
1876
- .e-gantt.e-device .e-backarrowspan {
1877
- font-size: 16px;
1878
- padding: 5px 10px;
1879
- }
1880
- .e-gantt.e-device .e-gantt-dialog {
1881
- max-height: none;
1882
- }
1883
- .e-gantt.e-device .e-gantt-dialog .e-dlg-closeicon-btn {
1884
- float: left;
1885
- left: -4px;
1886
- }
1887
- .e-gantt.e-device .e-gantt-dialog .e-icon-dlg-close {
1888
- font-size: 16px;
1889
- }
1890
- .e-gantt.e-device .e-gantt-dialog .e-dlg-header {
1891
- display: inline-block;
1892
- }
1893
- .e-gantt.e-device .e-toolbar-item {
1894
- padding: 7px;
1895
- }
1896
- .e-gantt.e-device .e-toolbar .e-icons {
1897
- font-size: 18px;
1898
- }
1899
- .e-gantt.e-device .e-gridheader .e-icons {
1900
- font-size: 12px;
1901
- }
1902
- .e-gantt.e-device .e-dependent-div .e-content {
1903
- height: 100%;
1904
- }
1905
- .e-gantt.e-device .e-resource-div .e-content {
1906
- height: 100%;
1907
- }
1908
- .e-gantt.e-device .e-richtexteditor {
1909
- height: 100%;
1910
- }
1911
- .e-gantt.e-device .e-richtexteditor .e-rte-content {
1912
- height: 100%;
1913
- }
1914
-
1915
- .e-predecessor-tooltip {
1916
- background-color: rgba(var(--color-sf-inverse-surface)) !important; /* stylelint-disable-line declaration-no-important */
1917
- border-color: rgba(var(--color-sf-inverse-surface)) !important; /* stylelint-disable-line declaration-no-important */
1918
- visibility: hidden;
1919
- }
1920
- .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
1921
- border-top: 8px solid rgba(var(--color-sf-inverse-surface));
1922
- }
1923
- .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
1924
- color: rgba(var(--color-sf-inverse-surface));
1925
- }
1926
- .e-predecessor-tooltip .e-left-btn:disabled,
1927
- .e-predecessor-tooltip .e-right-btn:disabled {
1928
- color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface)) !important;
1929
- }
1930
- .e-predecessor-tooltip .e-tip-content {
1931
- padding: 3px !important; /* stylelint-disable-line declaration-no-important */
1932
- }
1933
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
1934
- background-color: rgba(var(--color-sf-inverse-surface));
1935
- border-color: rgba(var(--color-sf-inverse-surface));
1936
- color: #f9fafb;
1937
- font-size: 12px;
1938
- line-height: 18px;
1939
- padding: 0 8px 0 0;
1940
- }
1941
- .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1942
- background-color: rgba(var(--color-sf-inverse-surface));
1943
- border-color: rgba(var(--color-sf-inverse-surface));
1944
- color: #f9fafb;
1945
- font-size: 12px;
1946
- line-height: 18px;
1947
- padding: 0 0 0 8px;
1948
- }
1949
-
1950
- .e-predecessor-dialog {
1951
- background-color: rgba(var(--color-sf-inverse-surface));
1952
- }
1953
- .e-predecessor-dialog .e-dlg-content {
1954
- background-color: rgba(var(--color-sf-inverse-surface));
1955
- padding: 10px 9px 9px 14px !important;
1956
- font-size: 12px;
1957
- font-weight: 400;
1958
- line-height: 1.8;
1959
- color: rgba(var(--color-sf-inverse-on-surface));
1960
- }
1961
-
1962
- .e-gantt-chart-resize-indicator {
1963
- height: 100%;
1964
- position: absolute;
1965
- z-index: 1;
1966
- }
1967
-
1968
- @media (max-width: 767px) {
1969
- .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) {
1970
- float: none;
1971
- padding: 16px 12px 0 16px;
1972
- width: 100%;
1973
- }
1974
- }
1975
- /*! Gantt theme */
1976
- .e-gantt .e-device .e-left-resize-gripper,
1977
- .e-gantt .e-device .e-right-resize-gripper {
1978
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.12), rgba(var(--color-sf-primary), 0.12)), rgba(var(--color-sf-surface));
1979
- color: rgba(var(--color-sf-on-primary));
1980
- }
1981
- .e-gantt .e-device .e-backarrowspan {
1982
- color: rgba(var(--color-sf-warning-text));
1983
- }
1984
- .e-gantt .e-gantt-splitter {
1985
- border-color: rgba(var(--color-sf-outline-variant));
1986
- border-radius: 0px;
1987
- }
1988
- .e-gantt .e-gantt-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
1989
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1990
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1991
- border: solid var(--color-sf-outline-variant);
1992
- border-width: 0 1px;
1993
- width: 8px !important; /* stylelint-disable-line declaration-no-important */
1994
- }
1995
- .e-gantt .e-grid .e-spinner-pane {
1996
- display: none;
1997
- }
1998
- .e-gantt .e-cloneproperties.e-draganddrop {
1999
- -webkit-box-shadow: 0 6px 12px rgba(var(--color-sf-warning-text), 0.175);
2000
- box-shadow: 0 6px 12px rgba(var(--color-sf-warning-text), 0.175);
2001
- opacity: 0.95;
2002
- overflow: visible;
2003
- }
2004
- .e-gantt .e-cloneproperties {
2005
- background-color: rgba(var(--color-sf-surface));
2006
- border-color: rgba(var(--color-sf-outline-variant));
2007
- color: rgba(var(--color-sf-on-surface));
2008
- }
2009
- .e-gantt .e-cloneproperties.e-draganddrop .e-rowcell {
2010
- color: rgba(var(--color-sf-on-surface));
2011
- }
2012
- .e-gantt .e-cloneproperties.e-draganddrop table,
2013
- .e-gantt .e-cloneproperties.e-draganddrop table .e-selectionbackground {
2014
- background-color: rgba(var(--color-sf-surface));
2015
- height: 30px;
2016
- }
2017
- .e-gantt .e-gantt-toolbar + .e-gantt-splitter {
2018
- border-top-left-radius: 0px;
2019
- border-top-right-radius: 0px;
2020
- }
2021
- .e-gantt .e-grid .e-focused:not(.e-menu-item) {
2022
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-outline)) inset !important;
2023
- box-shadow: 0 0 0 1px rgba(var(--color-sf-outline)) inset !important; /* stylelint-disable-line declaration-no-important */
2024
- }
2025
- .e-gantt .e-temp-content,
2026
- .e-gantt .e-splitter-box,
2027
- .e-gantt .e-gantt-temp-header,
2028
- .e-gantt .e-gantt-chart-pane {
2029
- border-color: rgba(var(--color-sf-outline-variant));
2030
- }
2031
- .e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
2032
- height: 45px !important; /* stylelint-disable-line declaration-no-important */
2033
- }
2034
- .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),
2035
- .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),
2036
- .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) {
2037
- background-color: rgba(var(--color-sf-on-surface), 0.05);
2038
- }
2039
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
2040
- background: rgba(var(--color-sf-primary-container), 0.65);
2041
- opacity: 0.9;
2042
- }
2043
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
2044
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
2045
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
2046
- .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
2047
- background: rgba(var(--color-sf-primary-container), 1);
2048
- opacity: 1;
2049
- }
2050
- .e-gantt .e-taskbar-resize-div {
2051
- border-color: rgba(var(--color-sf-primary));
2052
- }
2053
- .e-gantt .e-gantt-chart .e-timeline-header-container {
2054
- background: rgba(var(--color-sf-surface));
2055
- border-bottom-color: rgba(var(--color-sf-outline-variant));
2056
- border-bottom-width: 1px;
2057
- border-right-color: rgba(var(--color-sf-outline-variant));
2058
- border-left-color: rgba(var(--color-sf-outline-variant));
2059
- color: rgba(var(--color-sf-on-surface));
2060
- height: 52px;
2061
- }
2062
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
2063
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
2064
- border-color: rgba(var(--color-sf-outline-variant));
2065
- color: rgba(var(--color-sf-on-surface));
2066
- }
2067
- .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
2068
- height: 46px;
2069
- line-height: 46px;
2070
- }
2071
- .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
2072
- height: 46px;
2073
- }
2074
- .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
2075
- height: 26px;
2076
- }
2077
- .e-gantt .e-gantt-chart .e-chart-root-container {
2078
- background-color: rgba(var(--color-sf-surface));
2079
- border-color: rgba(var(--color-sf-outline-variant));
2080
- }
2081
- .e-gantt .e-gantt-chart .e-timeline-header-table-body {
2082
- border-spacing: 0;
2083
- }
2084
- .e-gantt .e-gantt-chart .e-chart-row-hover .e-chart-row:not(.e-active):hover {
2085
- background-color: rgba(var(--color-sf-on-surface), 0.05);
2086
- }
2087
- .e-gantt .e-gantt-chart .e-chart-row-border {
2088
- border-top-color: rgba(var(--color-sf-outline-variant));
2089
- }
2090
- .e-gantt .e-gantt-chart .e-chart-row-cell {
2091
- color: rgba(var(--color-sf-on-secondary-container));
2092
- }
2093
- .e-gantt .e-gantt-chart .e-chart-row-border.e-lastrow {
2094
- border-bottom-color: rgba(var(--color-sf-outline-variant));
2095
- }
2096
- .e-gantt .e-gantt-chart .e-line-container-cell {
2097
- border-color: rgba(var(--color-sf-outline-variant));
2098
- }
2099
- .e-gantt .e-gantt-chart .e-active-container {
2100
- outline-color: rgba(var(--color-sf-outline));
2101
- }
2102
- .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
2103
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.75)), to(rgba(var(--color-sf-primary), 0.75))), rgba(var(--color-sf-surface));
2104
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.75), rgba(var(--color-sf-primary), 0.75)), rgba(var(--color-sf-surface));
2105
- outline: 1px solid rgba(var(--color-sf-primary));
2106
- border-radius: 4px;
2107
- }
2108
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
2109
- border: 1px solid rgba(var(--color-sf-on-primary));
2110
- border-bottom: 0;
2111
- border-top: 0;
2112
- }
2113
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-progressbar {
2114
- width: 0px !important;
2115
- }
2116
- .e-gantt .e-gantt-chart .e-collapse-parent .e-collapsed-taskbar-drag {
2117
- background-color: rgba(var(--color-sf-primary));
2118
- }
2119
- .e-gantt .e-gantt-chart .e-collapse-parent .e-left-connectorpoint-outer-div {
2120
- display: none;
2121
- }
2122
- .e-gantt .e-gantt-chart .e-collapse-parent .e-right-connectorpoint-outer-div {
2123
- display: none;
2124
- }
2125
- .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
2126
- border-bottom: 0;
2127
- border-top: 0;
2128
- }
2129
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
2130
- outline: 1px solid rgba(var(--color-sf-on-surface), 0.38);
2131
- }
2132
- .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
2133
- background-color: rgba(var(--color-sf-on-surface-variant), 0.75);
2134
- border-radius: 4px;
2135
- }
2136
- .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
2137
- background-color: rgba(var(--color-sf-on-surface-variant));
2138
- border: 0px;
2139
- border-radius: 4px;
2140
- }
2141
- .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
2142
- background-color: rgba(var(--color-sf-primary));
2143
- border: 0px;
2144
- border-radius: 3px;
2145
- }
2146
- .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
2147
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success), 0.5)), to(rgba(var(--color-sf-success), 0.5))), rgba(var(--color-sf-surface));
2148
- background: linear-gradient(0deg, rgba(var(--color-sf-success), 0.5), rgba(var(--color-sf-success), 0.5)), rgba(var(--color-sf-surface));
2149
- outline: 1px solid rgba(var(--color-sf-success), 0.5);
2150
- }
2151
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
2152
- background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-success-container))), color-stop(30%, rgba(var(--color-sf-success))), color-stop(70%, rgba(var(--color-sf-success))), color-stop(70%, rgba(var(--color-sf-success))), to(rgba(var(--color-sf-success-container))));
2153
- background: linear-gradient(to right, rgba(var(--color-sf-success-container)), rgba(var(--color-sf-success)) 30%, rgba(var(--color-sf-success)) 70%, rgba(var(--color-sf-success)) 70%, rgba(var(--color-sf-success-container)) 100%);
2154
- }
2155
- .e-gantt .e-gantt-chart .e-gantt-child-manualprogressbar {
2156
- background-color: rgba(var(--color-sf-success));
2157
- outline: 0px;
2158
- }
2159
- .e-gantt .e-gantt-chart .e-gantt-critical-child-manualprogressbar {
2160
- background-color: rgba(var(--color-sf-success));
2161
- border: 0px;
2162
- }
2163
- .e-gantt .e-gantt-chart .e-holiday {
2164
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2165
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2166
- }
2167
- .e-gantt .e-gantt-chart .e-holiday .e-span {
2168
- color: rgba(var(--color-sf-on-secondary-container));
2169
- font-size: 13px;
2170
- }
2171
- .e-gantt .e-gantt-chart .e-weekend {
2172
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2173
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2174
- }
2175
- .e-gantt .e-gantt-chart .e-weekend-header-cell {
2176
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
2177
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2178
- }
2179
- .e-gantt .e-gantt-chart .e-rangecontainer .e-rg-rangdiv {
2180
- border: 2px solid rgba(var(--color-sf-warning));
2181
- width: 5px;
2182
- z-index: 6;
2183
- }
2184
- .e-gantt .e-gantt-chart .e-event-markers {
2185
- border-left-color: rgba(var(--color-sf-primary));
2186
- }
2187
- .e-gantt .e-gantt-chart .e-event-markers .e-span-label {
2188
- background-color: rgba(var(--color-sf-warning-container));
2189
- color: rgba(var(--color-sf-warning));
2190
- font-size: 14px;
2191
- }
2192
- .e-gantt .e-gantt-chart .e-event-markers .e-gantt-right-arrow {
2193
- border-right-color: rgba(var(--color-sf-warning-container));
2194
- border-left-color: rgba(var(--color-sf-warning-container)) !important; /* stylelint-disable-line declaration-no-important */
2195
- }
2196
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar {
2197
- background: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-primary-container))), color-stop(30%, rgba(var(--color-sf-primary))), color-stop(70%, rgba(var(--color-sf-primary))), color-stop(70%, rgba(var(--color-sf-primary))), to(rgba(var(--color-sf-primary-container))));
2198
- background: linear-gradient(to right, rgba(var(--color-sf-primary-container)), rgba(var(--color-sf-primary)) 30%, rgba(var(--color-sf-primary)) 70%, rgba(var(--color-sf-primary)) 70%, rgba(var(--color-sf-primary-container)) 100%);
2199
- border: 0px;
2200
- border-radius: 4px;
2201
- }
2202
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-top {
2203
- border-bottom-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
2204
- }
2205
- .e-gantt .e-gantt-chart .e-unscheduled-milestone-bottom {
2206
- border-top-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
2207
- }
2208
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
2209
- background: rgba(var(--color-sf-on-surface));
2210
- }
2211
- .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
2212
- border-bottom-color: rgba(var(--color-sf-on-surface));
2213
- }
2214
- .e-gantt .e-gantt-chart .e-gantt-dependency-view-container {
2215
- display: block;
2216
- z-index: 5;
2217
- }
2218
- .e-gantt .e-gantt-chart .e-line {
2219
- border-color: rgba(var(--color-sf-primary));
2220
- }
2221
- .e-gantt .e-gantt-chart .e-connector-line {
2222
- stroke: rgba(var(--color-sf-primary));
2223
- }
2224
- .e-gantt .e-gantt-chart .e-critical-line {
2225
- stroke: rgba(var(--color-sf-error));
2226
- }
2227
- .e-gantt .e-gantt-chart .e-connector-line-arrow {
2228
- fill: rgba(var(--color-sf-primary));
2229
- }
2230
- .e-gantt .e-gantt-chart .e-critical-line-arrow {
2231
- fill: rgba(var(--color-sf-error));
2232
- }
2233
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow {
2234
- border-left-color: rgba(var(--color-sf-primary));
2235
- }
2236
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow {
2237
- border-right-color: rgba(var(--color-sf-primary));
2238
- }
2239
- .e-gantt .e-gantt-chart .e-connector-line-right-arrow-hover {
2240
- border-left-color: rgba(var(--color-sf-primary));
2241
- }
2242
- .e-gantt .e-gantt-chart .e-connector-line-left-arrow-hover {
2243
- border-right-color: rgba(var(--color-sf-primary));
2244
- }
2245
- .e-gantt .e-gantt-chart .e-connector-line-hover {
2246
- border-color: rgba(var(--color-sf-primary));
2247
- outline-color: rgba(var(--color-sf-primary));
2248
- }
2249
- .e-gantt .e-gantt-chart .e-gantt-false-line {
2250
- border-top-color: rgba(var(--color-sf-primary));
2251
- }
2252
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover,
2253
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover {
2254
- background-color: rgba(var(--color-sf-on-surface-variant));
2255
- border-color: rgba(var(--color-sf-surface));
2256
- }
2257
- .e-gantt .e-gantt-chart .e-connectorpoint-left-hover:hover,
2258
- .e-gantt .e-gantt-chart .e-connectorpoint-right-hover:hover {
2259
- background-color: rgba(var(--color-sf-on-surface));
2260
- border-color: rgba(var(--color-sf-surface));
2261
- }
2262
- .e-gantt .e-gantt-chart .e-left-label-inner-div,
2263
- .e-gantt .e-gantt-chart .e-right-label-inner-div {
2264
- color: rgba(var(--color-sf-on-secondary-container));
2265
- font-size: 13px;
2266
- }
2267
- .e-gantt .e-gantt-chart .e-left-label-temp-container {
2268
- color: rgba(var(--color-sf-on-surface));
2269
- font-size: 14px;
2270
- padding-right: 25px;
2271
- }
2272
- .e-gantt .e-gantt-chart .e-right-label-temp-container {
2273
- color: rgba(var(--color-sf-on-surface));
2274
- font-size: 14px;
2275
- margin-left: 25px;
2276
- }
2277
- .e-gantt .e-gantt-chart .e-right-label-container {
2278
- margin-left: 25px;
2279
- }
2280
- .e-gantt .e-gantt-chart .e-left-label-container {
2281
- padding-right: 25px;
2282
- }
2283
- .e-gantt .e-gantt-chart .e-connectorpoint-right {
2284
- margin-left: 3px;
2285
- }
2286
- .e-gantt .e-gantt-chart .e-connectorpoint-left {
2287
- margin-right: 3px;
2288
- }
2289
- .e-gantt .e-gantt-chart .e-right-connectorpoint-outer-div,
2290
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
2291
- height: 8px;
2292
- width: 12px;
2293
- }
2294
- .e-gantt .e-gantt-chart .e-left-connectorpoint-outer-div {
2295
- left: -12px;
2296
- }
2297
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left,
2298
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
2299
- border-right: transparent;
2300
- border-width: 3px;
2301
- }
2302
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-right {
2303
- border-top-left-radius: 0;
2304
- border-bottom-left-radius: 0;
2305
- border-top-right-radius: 2px;
2306
- border-bottom-right-radius: 2px;
2307
- }
2308
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar-left {
2309
- border-bottom-left-radius: 2px;
2310
- border-top-left-radius: 2px;
2311
- border-bottom-right-radius: 0;
2312
- border-top-right-radius: 0;
2313
- }
2314
- .e-gantt .e-gantt-chart .e-task-label {
2315
- color: rgba(var(--color-sf-on-primary));
2316
- font-size: 12px;
2317
- }
2318
- .e-gantt .e-gantt-chart .e-icon {
2319
- color: rgba(var(--color-sf-on-surface-variant));
2320
- }
2321
- .e-gantt .e-gantt-chart .e-gantt-milestone {
2322
- background-color: rgba(var(--color-sf-surface));
2323
- border-color: rgba(var(--color-sf-primary));
2324
- }
2325
- .e-gantt .e-gantt-chart .e-gantt-parent-milestone {
2326
- background-color: rgba(var(--color-sf-primary));
2327
- }
2328
- .e-gantt .e-gantt-chart .e-gantt-manualparent-milestone {
2329
- background-color: rgba(var(--color-sf-on-surface));
2330
- border-color: rgba(var(--color-sf-primary));
2331
- }
2332
- .e-gantt .e-gantt-chart .e-gantt-unscheduled-manualtask {
2333
- 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)));
2334
- background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #989A9C 30%, #989A9C 70%, #989A9C 70%, rgba(63, 81, 181, 0.2) 100%);
2335
- }
2336
- .e-gantt .e-gantt-chart .e-label {
2337
- color: rgba(var(--color-sf-on-surface));
2338
- font-size: 14px;
2339
- }
2340
- .e-gantt .e-gantt-chart .e-active {
2341
- background: rgba(var(--color-sf-primary-container), 0.65);
2342
- color: rgba(var(--color-sf-on-surface));
2343
- opacity: 0.9;
2344
- }
2345
- .e-gantt .e-gantt-chart .e-active .e-label {
2346
- color: rgba(var(--color-sf-on-surface));
2347
- }
2348
- .e-gantt .e-gantt-chart .e-baseline-bar {
2349
- background-color: rgba(var(--color-sf-error));
2350
- }
2351
- .e-gantt .e-gantt-chart .e-baseline-gantt-milestone-container {
2352
- background-color: rgba(var(--color-sf-surface));
2353
- }
2354
- .e-gantt .e-gantt-chart .e-uptail::before {
2355
- border-bottom-color: rgba(var(--color-sf-outline-variant));
2356
- }
2357
- .e-gantt .e-gantt-chart .e-downtail::after {
2358
- border-top-color: rgba(var(--color-sf-on-primary));
2359
- }
2360
- .e-gantt .e-gantt-chart .e-downtail::before {
2361
- border-top-color: rgba(var(--color-sf-outline-variant));
2362
- }
2363
- .e-gantt .e-gantt-chart .e-ganttpopup .e-content {
2364
- background-color: rgba(var(--color-sf-on-primary));
2365
- border-color: rgba(var(--color-sf-outline-variant));
2366
- }
2367
- .e-gantt .e-gantt-chart .e-spanclicked,
2368
- .e-gantt .e-gantt-chart .e-grid .e-gridpopup .e-spanclicked {
2369
- border-color: rgba(var(--color-sf-warning-text));
2370
- }
2371
- .e-gantt .e-icons {
2372
- color: rgba(var(--color-sf-on-surface-variant));
2373
- }
2374
- .e-gantt .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
2375
- color: rgba(var(--color-sf-on-surface-variant)) !important; /* stylelint-disable-line declaration-no-important */
2376
- }
2377
-
2378
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2379
- display: none;
2380
- }
2381
- .e-gantt-dialog .e-dlg-content .e-rte-quick-popup.e-hide {
2382
- border: none !important; /* stylelint-disable-line declaration-no-important */
2383
- }
2384
- .e-gantt-dialog .e-dlg-header {
2385
- color: rgba(var(--color-sf-on-surface));
2386
- position: relative;
2387
- }
2388
- .e-gantt-dialog .e-dlg-header-content {
2389
- background: transparent;
2390
- }
2391
- .e-gantt-dialog .e-icon-dlg-close {
2392
- color: rgba(var(--color-sf-on-surface-variant));
2393
- }
2394
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
2395
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2396
- }
2397
- .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
2398
- color: rgba(var(--color-sf-on-surface-variant));
2399
- }
2400
- .e-gantt-dialog .e-tab .e-tab-header {
2401
- background: transparent;
2402
- }
2403
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2404
- background: rgba(var(--color-sf-primary));
2405
- }
2406
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
2407
- background-color: transparent;
2408
- }
2409
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
2410
- color: rgba(var(--color-sf-primary));
2411
- }
2412
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
2413
- border-color: transparent;
2414
- }
2415
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
2416
- color: rgba(var(--color-sf-on-surface-variant));
2417
- }
2418
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
2419
- background: transparent;
2420
- border-bottom: 0px;
2421
- border-bottom-left-radius: 0px;
2422
- border-bottom-right-radius: 0px;
2423
- border-color: transparent;
2424
- }
2425
- .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
2426
- color: rgba(var(--color-sf-on-secondary-container));
2427
- }
2428
-
2429
- .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
2430
- display: none;
2431
- }
2432
-
2433
- .e-gantt .e-gantt-chart .e-criticalconnector-line {
2434
- border-color: rgba(var(--color-sf-error));
2435
- }
2436
- .e-gantt .e-gantt-chart .e-criticalconnector-line-right-arrow {
2437
- border-left-color: rgba(var(--color-sf-error));
2438
- }
2439
- .e-gantt .e-gantt-chart .e-criticalconnector-line-left-arrow {
2440
- border-right-color: rgba(var(--color-sf-error));
2441
- }
2442
- .e-gantt .e-gantt-chart .e-critical-connector-line-hover {
2443
- border-color: rgba(var(--color-sf-error-container));
2444
- outline-color: rgba(var(--color-sf-error-container));
2445
- }
2446
- .e-gantt .e-gantt-chart .e-critical-connector-line-right-arrow-hover {
2447
- border-left-color: rgba(var(--color-sf-error-container));
2448
- }
2449
- .e-gantt .e-gantt-chart .e-critical-connector-line-left-arrow-hover {
2450
- border-right-color: rgba(var(--color-sf-error-container));
2451
- }
2452
- .e-gantt .e-gantt-chart .e-gantt-child-critical-taskbar-inner-div {
2453
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning), 0.75)), to(rgba(var(--color-sf-warning), 0.75))), rgba(var(--color-sf-surface));
2454
- background: linear-gradient(0deg, rgba(var(--color-sf-warning), 0.75), rgba(var(--color-sf-warning), 0.75)), rgba(var(--color-sf-surface));
2455
- outline: 1px solid rgba(var(--color-sf-error-container));
2456
- border-radius: 4px;
2457
- }
2458
- .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
2459
- background-color: rgba(var(--color-sf-warning));
2460
- border: 0px;
2461
- border-radius: 3px;
2462
- }
2463
- .e-gantt .e-gantt-chart .e-gantt-critical-unscheduled-taskbar {
2464
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 85, 85, 0.2)), color-stop(30%, #D13438), color-stop(70%, #D13438), color-stop(70%, #D13438), to(rgba(255, 85, 85, 0.2)));
2465
- background: linear-gradient(to right, rgba(255, 85, 85, 0.2), #D13438 30%, #D13438 70%, #D13438 70%, rgba(255, 85, 85, 0.2) 100%);
2466
- background-color: rgba(255, 85, 85, 0.2);
2467
- border: 0px;
2468
- border-radius: 4px;
2469
- }
2470
- .e-gantt .e-gantt-chart .e-critical-milestone {
2471
- background-color: rgba(var(--color-sf-surface));
2472
- border: 1px solid rgba(var(--color-sf-warning));
2473
- }
2474
-
2475
- .e-gantt-chart-resize-indicator {
2476
- border: 1px dashed linear-gradient(0deg, rgba(var(--color-sf-primary), 0.75), rgba(var(--color-sf-primary), 0.75)), rgba(var(--color-sf-surface));
2477
- border-bottom: none;
2478
- border-top: none;
2479
- }
1
+ @import '@syncfusion/ej2-gantt/styles/material3.css';