@syncfusion/ej2-react-gantt 23.2.7 → 24.1.43

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