@syncfusion/ej2-vue-gantt 20.1.47 → 20.1.48

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