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