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