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