@syncfusion/ej2-react-gantt 26.1.42 → 26.2.4

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