@syncfusion/ej2-react-gantt 26.1.42 → 26.2.5

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