@syncfusion/ej2-react-gantt 26.1.42 → 26.2.5

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