@syncfusion/ej2-angular-gantt 24.1.43 → 24.1.44

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