@syncfusion/ej2-react-gantt 25.2.7 → 26.1.38

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