@syncfusion/ej2-angular-kanban 19.2.55 → 19.3.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 (45) hide show
  1. package/@syncfusion/ej2-angular-kanban.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-kanban.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-kanban.js +2 -2
  4. package/@syncfusion/ej2-angular-kanban.js.map +1 -1
  5. package/CHANGELOG.md +24 -0
  6. package/dist/ej2-angular-kanban.umd.js +4 -2
  7. package/dist/ej2-angular-kanban.umd.js.map +1 -1
  8. package/dist/ej2-angular-kanban.umd.min.js +2 -2
  9. package/dist/ej2-angular-kanban.umd.min.js.map +1 -1
  10. package/ej2-angular-kanban.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/kanban/kanban.component.d.ts +17 -0
  16. package/styles/bootstrap-dark.css +13 -0
  17. package/styles/bootstrap.css +13 -0
  18. package/styles/bootstrap4.css +20 -7
  19. package/styles/bootstrap5-dark.css +1457 -0
  20. package/styles/bootstrap5-dark.scss +1 -0
  21. package/styles/bootstrap5.css +1457 -0
  22. package/styles/bootstrap5.scss +1 -0
  23. package/styles/fabric-dark.css +22 -4
  24. package/styles/fabric.css +21 -3
  25. package/styles/highcontrast-light.css +12 -2
  26. package/styles/highcontrast.css +11 -1
  27. package/styles/kanban/bootstrap-dark.css +13 -0
  28. package/styles/kanban/bootstrap.css +13 -0
  29. package/styles/kanban/bootstrap4.css +20 -7
  30. package/styles/kanban/bootstrap5-dark.css +1457 -0
  31. package/styles/kanban/bootstrap5-dark.scss +1 -0
  32. package/styles/kanban/bootstrap5.css +1457 -0
  33. package/styles/kanban/bootstrap5.scss +1 -0
  34. package/styles/kanban/fabric-dark.css +22 -4
  35. package/styles/kanban/fabric.css +21 -3
  36. package/styles/kanban/highcontrast-light.css +12 -2
  37. package/styles/kanban/highcontrast.css +11 -1
  38. package/styles/kanban/material-dark.css +15 -2
  39. package/styles/kanban/material.css +13 -0
  40. package/styles/kanban/tailwind-dark.css +16 -9
  41. package/styles/kanban/tailwind.css +15 -8
  42. package/styles/material-dark.css +15 -2
  43. package/styles/material.css +13 -0
  44. package/styles/tailwind-dark.css +16 -9
  45. package/styles/tailwind.css +15 -8
@@ -0,0 +1,1457 @@
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: none;
4
+ margin-top: 3px;
5
+ }
6
+
7
+ .e-popup.e-ddl .e-input-group {
8
+ width: auto;
9
+ }
10
+
11
+ .e-popup.e-ddl .e-input-group input {
12
+ line-height: 15px;
13
+ }
14
+
15
+ .e-popup.e-ddl .e-dropdownbase {
16
+ min-height: 26px;
17
+ }
18
+
19
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
20
+ display: -ms-flexbox;
21
+ display: flex;
22
+ width: auto;
23
+ }
24
+
25
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
26
+ border: 0;
27
+ }
28
+
29
+ .e-bigger .e-popup.e-ddl-device-filter {
30
+ margin-top: 0;
31
+ }
32
+
33
+ .e-bigger .e-popup.e-ddl .e-list-item {
34
+ font-size: 16px;
35
+ line-height: 32px;
36
+ padding-left: 0;
37
+ text-indent: 16px;
38
+ }
39
+
40
+ .e-bigger .e-popup.e-ddl .e-list-group-item,
41
+ .e-bigger .e-popup.e-ddl .e-fixed-head {
42
+ font-size: 14px;
43
+ line-height: 32px;
44
+ padding-left: 0;
45
+ text-indent: 16px;
46
+ }
47
+
48
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
49
+ padding-left: 0;
50
+ }
51
+
52
+ .e-bigger .e-popup.e-ddl .e-input-group input,
53
+ .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
54
+ font-size: 16px;
55
+ height: 36px;
56
+ }
57
+
58
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
59
+ min-height: 40px;
60
+ }
61
+
62
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
+ background: transparent;
65
+ }
66
+
67
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
68
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
69
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
70
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
71
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
72
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
73
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
75
+ background: transparent;
76
+ color: #6c757d;
77
+ }
78
+
79
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
80
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
81
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
82
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
83
+ background: transparent;
84
+ color: #6c757d;
85
+ }
86
+
87
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
88
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
89
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
90
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
91
+ border: 0;
92
+ }
93
+
94
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
95
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
96
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
97
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
98
+ box-shadow: none;
99
+ }
100
+
101
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
102
+ background: transparent;
103
+ display: -ms-flexbox;
104
+ display: flex;
105
+ position: relative;
106
+ }
107
+
108
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
109
+ .e-ddl.e-popup .e-filter-parent {
110
+ background: #fff;
111
+ }
112
+
113
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
114
+ font-size: 14px;
115
+ }
116
+
117
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
118
+ font-size: 16px;
119
+ }
120
+
121
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
122
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
123
+ .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
124
+ font-size: 14px;
125
+ line-height: 34px;
126
+ padding-left: 0;
127
+ text-indent: 16px;
128
+ }
129
+
130
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
131
+ padding-left: 4px;
132
+ }
133
+
134
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
135
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
136
+ height: 30px;
137
+ }
138
+
139
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
140
+ min-height: 34px;
141
+ }
142
+
143
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
144
+ line-height: 30px;
145
+ top: 0;
146
+ }
147
+
148
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
149
+ border-radius: 0 4px 4px 0;
150
+ border-right-width: 0;
151
+ }
152
+
153
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
154
+ border-left-width: 0;
155
+ border-radius: 4px 0 0 4px;
156
+ border-right-width: 1px;
157
+ }
158
+
159
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
160
+ height: 32px;
161
+ width: 32px;
162
+ }
163
+
164
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
165
+ height: 24px;
166
+ width: 24px;
167
+ }
168
+
169
+ .e-multi-select-wrapper .e-searcher input[type='text'] {
170
+ color: #212529;
171
+ height: 100%;
172
+ }
173
+
174
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
175
+ border-left-width: 0;
176
+ }
177
+
178
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */
179
+ @keyframes material-spinner-rotate {
180
+ 0% {
181
+ transform: rotate(0);
182
+ }
183
+ 100% {
184
+ transform: rotate(360deg);
185
+ }
186
+ }
187
+
188
+ @keyframes fabric-spinner-rotate {
189
+ 0% {
190
+ transform: rotate(0);
191
+ }
192
+ 100% {
193
+ transform: rotate(360deg);
194
+ }
195
+ }
196
+
197
+ .e-kanban .e-column-expand::before {
198
+ content: '\e765';
199
+ }
200
+
201
+ .e-kanban .e-column-collapse::before {
202
+ content: '\e748';
203
+ }
204
+
205
+ .e-kanban .e-swimlane-row-expand::before {
206
+ content: '\e729';
207
+ }
208
+
209
+ .e-kanban .e-swimlane-row-collapse::before {
210
+ content: '\e748';
211
+ }
212
+
213
+ .e-kanban .e-show-add-icon::before {
214
+ content: '\e805';
215
+ }
216
+
217
+ .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
218
+ content: '\e799';
219
+ }
220
+
221
+ .e-kanban.e-rtl .e-column-collapse::before {
222
+ content: '\e765';
223
+ }
224
+
225
+ .e-kanban.e-rtl .e-column-expand::before {
226
+ content: '\e748';
227
+ }
228
+
229
+ .e-kanban.e-rtl .e-swimlane-row-collapse::before {
230
+ content: '\e765';
231
+ }
232
+
233
+ .e-mobile-popup-wrapper .e-close-icon::before {
234
+ content: '\e7e7';
235
+ }
236
+
237
+ /*! kanban component layout */
238
+ .e-kanban {
239
+ display: block;
240
+ outline: medium none;
241
+ position: relative;
242
+ -webkit-user-select: none;
243
+ -ms-user-select: none;
244
+ user-select: none;
245
+ }
246
+
247
+ .e-kanban .e-kanban-table {
248
+ border: 0;
249
+ border-collapse: separate;
250
+ border-spacing: 10px 0;
251
+ table-layout: fixed;
252
+ width: 100%;
253
+ }
254
+
255
+ .e-kanban .e-kanban-table col.e-collapsed {
256
+ width: 50px;
257
+ width: 42px;
258
+ }
259
+
260
+ .e-kanban .e-kanban-table.e-content-table {
261
+ border-spacing: 10px 4px;
262
+ }
263
+
264
+ .e-kanban .e-swimlane .e-kanban-table.e-content-table {
265
+ border-spacing: 10px 0;
266
+ }
267
+
268
+ .e-kanban .e-frozen-swimlane-row {
269
+ position: relative;
270
+ z-index: 101;
271
+ }
272
+
273
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row {
274
+ padding-left: 10px;
275
+ padding-top: 13px;
276
+ padding: 12px 12px 12px 20px;
277
+ }
278
+
279
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
280
+ display: -ms-flexbox;
281
+ display: flex;
282
+ }
283
+
284
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
285
+ font-size: 14px;
286
+ font-weight: 400;
287
+ line-height: 20px;
288
+ padding: 2px;
289
+ line-height: 1.5;
290
+ padding: 0 0 0 8px;
291
+ }
292
+
293
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
294
+ font-size: 12px;
295
+ line-height: 20px;
296
+ opacity: .57;
297
+ padding: 2px;
298
+ color: #6c757d;
299
+ font-size: 10px;
300
+ font-weight: 500;
301
+ line-height: 1.625;
302
+ opacity: 1;
303
+ padding: 3px;
304
+ font-size: 12px;
305
+ opacity: .57;
306
+ }
307
+
308
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
309
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
310
+ border: 1px solid transparent;
311
+ color: #adb5bd;
312
+ cursor: pointer;
313
+ height: 24px;
314
+ margin-left: 8px;
315
+ padding: 6px;
316
+ font-size: 18px;
317
+ height: 20px;
318
+ margin: 1px;
319
+ outline: none;
320
+ padding: 0;
321
+ font-size: 14px;
322
+ padding: 2px;
323
+ }
324
+
325
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
326
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
327
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
328
+ background: #dee2e6;
329
+ border-radius: 4px;
330
+ margin-left: 8px;
331
+ padding: 6px;
332
+ background: #5c636a;
333
+ color: #fff;
334
+ font-size: 14px;
335
+ margin: 1px;
336
+ padding: 2px;
337
+ }
338
+
339
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
340
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
341
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
342
+ }
343
+
344
+ .e-kanban .e-kanban-header > div {
345
+ overflow: hidden;
346
+ }
347
+
348
+ .e-kanban .e-kanban-header .e-header-cells {
349
+ border-radius: 4px;
350
+ height: 50px;
351
+ overflow: hidden;
352
+ padding: 5px 8px;
353
+ position: relative;
354
+ text-align: left;
355
+ text-overflow: ellipsis;
356
+ white-space: nowrap;
357
+ height: 44px;
358
+ padding: 8px;
359
+ }
360
+
361
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
362
+ display: -ms-flexbox;
363
+ display: flex;
364
+ }
365
+
366
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
367
+ display: -ms-flexbox;
368
+ display: flex;
369
+ overflow: hidden;
370
+ text-overflow: ellipsis;
371
+ width: 100%;
372
+ }
373
+
374
+ .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
375
+ border-bottom: 1px solid #adb5bd;
376
+ border-bottom: 1px solid #ced4da;
377
+ }
378
+
379
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
380
+ cursor: pointer;
381
+ padding: 6px;
382
+ font-size: 14px;
383
+ outline: none;
384
+ padding: 2px;
385
+ }
386
+
387
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
388
+ cursor: pointer;
389
+ font-size: 12px;
390
+ padding: 11px;
391
+ font-size: 14px;
392
+ outline: none;
393
+ padding: 2px;
394
+ }
395
+
396
+ .e-kanban .e-kanban-header .e-header-cells.e-min-color {
397
+ background: #fff3cd;
398
+ }
399
+
400
+ .e-kanban .e-kanban-header .e-header-cells.e-max-color {
401
+ background: #f8d7da;
402
+ }
403
+
404
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
405
+ background-color: #f8f9fa;
406
+ text-align: center;
407
+ width: 50px;
408
+ width: 42px;
409
+ }
410
+
411
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
412
+ -ms-flex-pack: center;
413
+ justify-content: center;
414
+ }
415
+
416
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
417
+ background: #fff3cd;
418
+ }
419
+
420
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
421
+ background: #f8d7da;
422
+ }
423
+
424
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
425
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
426
+ display: none;
427
+ }
428
+
429
+ .e-kanban .e-kanban-header .e-header-cells .e-header-text {
430
+ font-size: 15px;
431
+ font-weight: 400;
432
+ line-height: 24px;
433
+ overflow: hidden;
434
+ padding-right: 5px;
435
+ text-overflow: ellipsis;
436
+ font-size: 12px;
437
+ font-weight: 500;
438
+ line-height: 1.5;
439
+ text-transform: uppercase;
440
+ }
441
+
442
+ .e-kanban .e-kanban-header .e-header-cells .e-item-count {
443
+ font-size: 12px;
444
+ font-weight: 400;
445
+ line-height: 24px;
446
+ opacity: .57;
447
+ font-size: 10px;
448
+ font-weight: 500;
449
+ line-height: 1.625;
450
+ margin-top: 2px;
451
+ opacity: 1;
452
+ text-transform: uppercase;
453
+ margin-top: 0;
454
+ text-transform: capitalize;
455
+ }
456
+
457
+ .e-kanban .e-kanban-header .e-header-cells .e-limits {
458
+ display: -ms-flexbox;
459
+ display: flex;
460
+ padding-top: 3px;
461
+ padding-top: 0;
462
+ }
463
+
464
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
465
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
466
+ font-size: 13px;
467
+ font-weight: 400;
468
+ opacity: .57;
469
+ width: 100%;
470
+ font-size: 10px;
471
+ font-weight: 500;
472
+ line-height: 1.625;
473
+ opacity: 1;
474
+ font-size: 12px;
475
+ }
476
+
477
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
478
+ text-align: right;
479
+ }
480
+
481
+ .e-kanban .e-kanban-content {
482
+ overflow: auto;
483
+ padding-bottom: 10px;
484
+ }
485
+
486
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
487
+ display: -ms-flexbox;
488
+ display: flex;
489
+ height: 26px;
490
+ position: relative;
491
+ }
492
+
493
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
494
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
495
+ font-size: 13px;
496
+ font-weight: 400;
497
+ opacity: .57;
498
+ padding: 4px 8px;
499
+ font-size: 10px;
500
+ font-weight: 500;
501
+ line-height: 1.625;
502
+ font-size: 12px;
503
+ }
504
+
505
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
506
+ position: absolute;
507
+ right: 0;
508
+ }
509
+
510
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
511
+ background: #fff3cd;
512
+ }
513
+
514
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
515
+ background: #f8d7da;
516
+ }
517
+
518
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
519
+ overflow: hidden;
520
+ text-align: center;
521
+ width: 50px;
522
+ width: 42px;
523
+ }
524
+
525
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
526
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
527
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
528
+ display: none;
529
+ }
530
+
531
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
532
+ color: #212529;
533
+ font-size: 16px;
534
+ font-weight: 400;
535
+ overflow: hidden;
536
+ padding-left: 13px;
537
+ padding-top: 8px;
538
+ position: relative;
539
+ text-overflow: ellipsis;
540
+ white-space: nowrap;
541
+ -ms-writing-mode: tb-lr;
542
+ writing-mode: vertical-lr;
543
+ color: #495057;
544
+ font-size: 12px;
545
+ font-weight: 500;
546
+ line-height: 1.5;
547
+ padding: 12px;
548
+ text-transform: uppercase;
549
+ color: #343a40;
550
+ font-size: 12px;
551
+ }
552
+
553
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
554
+ display: inline-block;
555
+ font-size: 13px;
556
+ font-weight: 400;
557
+ opacity: .57;
558
+ }
559
+
560
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
561
+ border: 1px dashed #0d6efd;
562
+ height: 36px;
563
+ margin: 8px 8px 0;
564
+ }
565
+
566
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
567
+ padding-top: 11px;
568
+ text-align: center;
569
+ }
570
+
571
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
572
+ border: 1px dashed #adb5bd;
573
+ color: #adb5bd;
574
+ }
575
+
576
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
577
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
578
+ display: none;
579
+ }
580
+
581
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
582
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
583
+ height: inherit;
584
+ overflow: auto;
585
+ padding: 8px 8px 0;
586
+ padding: 12px 12px 0;
587
+ }
588
+
589
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
590
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
591
+ font-size: 13px;
592
+ line-height: 40px;
593
+ padding: 10px 0;
594
+ position: relative;
595
+ color: #495057;
596
+ display: table;
597
+ font-size: 14px;
598
+ line-height: 1.5;
599
+ margin: 0 auto;
600
+ padding: 20px 0;
601
+ }
602
+
603
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
604
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
605
+ margin-bottom: 8px;
606
+ min-height: 50px;
607
+ border: 1px solid transparent;
608
+ border-radius: 6px;
609
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
610
+ margin-bottom: 12px;
611
+ border: 1px solid #dee2e6;
612
+ box-shadow: none;
613
+ }
614
+
615
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
616
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
617
+ cursor: all-scroll;
618
+ }
619
+
620
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
621
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
622
+ padding: 7px 11px 0;
623
+ padding: 12px 14px 0;
624
+ }
625
+
626
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
627
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
628
+ font-size: 14px;
629
+ line-height: 20px;
630
+ font-weight: 500;
631
+ line-height: 1.625;
632
+ }
633
+
634
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
635
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
636
+ display: -ms-inline-flexbox;
637
+ display: inline-flex;
638
+ line-height: normal;
639
+ padding: 0 11px 7px;
640
+ }
641
+
642
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
643
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
644
+ font-size: 13px;
645
+ line-height: 20px;
646
+ padding: 8px 11px;
647
+ font-size: 14px;
648
+ line-height: 1.625;
649
+ padding: 12px 18px;
650
+ padding: 8px 14px;
651
+ }
652
+
653
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
654
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
655
+ border-left: 3px solid;
656
+ border: 1px solid transparent;
657
+ border-left: 2px solid;
658
+ }
659
+
660
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
661
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
662
+ padding: 7px 11px 0 8px;
663
+ padding: 12px 14px 0 12px;
664
+ }
665
+
666
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
667
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
668
+ padding: 8px 11px 8px 8px;
669
+ padding: 8px 14px 8px 12px;
670
+ }
671
+
672
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
673
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
674
+ padding: 0 11px 8px 8px;
675
+ padding: 8px 14px 0 12px;
676
+ }
677
+
678
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
679
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
680
+ border-left: 3px solid;
681
+ border: 1px solid #0d6efd;
682
+ border-left: 2px solid;
683
+ }
684
+
685
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
686
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
687
+ border: 1px solid #0d6efd;
688
+ border-left: 2px solid;
689
+ }
690
+
691
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
692
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
693
+ border: 1px solid #adb5bd;
694
+ border-left: 2px solid;
695
+ }
696
+
697
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
698
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
699
+ padding: 0 11px 7px 8px;
700
+ padding: 8px 18px 8px 16px;
701
+ }
702
+
703
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
704
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
705
+ border-radius: 12px;
706
+ display: inline-block;
707
+ font-size: 12px;
708
+ line-height: 20px;
709
+ margin-right: 8px;
710
+ max-width: 100%;
711
+ overflow: hidden;
712
+ padding: 2px 8px;
713
+ text-overflow: ellipsis;
714
+ border-radius: 2px;
715
+ font-size: 14px;
716
+ line-height: 1.625;
717
+ margin-right: 4px;
718
+ padding: 1px 4px;
719
+ }
720
+
721
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
722
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
723
+ line-height: 1;
724
+ padding: 0 11px 8px;
725
+ padding: 12px 12px 0;
726
+ }
727
+
728
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
729
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
730
+ padding: 0 11px 7px;
731
+ padding: 13px 14px;
732
+ }
733
+
734
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
735
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
736
+ position: absolute;
737
+ z-index: 1;
738
+ }
739
+
740
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
741
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
742
+ border: 1px solid #0d6efd;
743
+ }
744
+
745
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
746
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
747
+ border: 1px solid #0d6efd;
748
+ }
749
+
750
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
751
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
752
+ border: 1px solid #adb5bd;
753
+ }
754
+
755
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
756
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
757
+ border: 1px solid #adb5bd;
758
+ }
759
+
760
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
761
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
762
+ border-left: 3px solid;
763
+ border: 1px solid #adb5bd;
764
+ border-left: 2px solid;
765
+ }
766
+
767
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
768
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
769
+ display: none;
770
+ }
771
+
772
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
773
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
774
+ border: 1px solid #adb5bd;
775
+ height: 34px;
776
+ }
777
+
778
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
779
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
780
+ background: #fff;
781
+ display: table-cell;
782
+ padding-left: 8px;
783
+ text-align: center;
784
+ }
785
+
786
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
787
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
788
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
789
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
790
+ margin-bottom: 8px;
791
+ border-radius: 6px;
792
+ margin-bottom: 12px;
793
+ }
794
+
795
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
796
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
797
+ border: 1px dashed #adb5bd;
798
+ background-color: #dee2e6;
799
+ }
800
+
801
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
802
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
803
+ background: #e7f1ff;
804
+ border: 1px dashed #0d6efd;
805
+ }
806
+
807
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
808
+ border-bottom: 1px dashed #adb5bd;
809
+ border-left: 1px dashed #adb5bd;
810
+ border-right: 1px dashed #adb5bd;
811
+ }
812
+
813
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
814
+ opacity: .5;
815
+ text-align: center;
816
+ color: #adb5bd;
817
+ font-size: 16px;
818
+ opacity: 1;
819
+ }
820
+
821
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
822
+ border-top: 1px dashed #adb5bd;
823
+ }
824
+
825
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
826
+ height: 50px;
827
+ min-height: 50px;
828
+ height: 46px;
829
+ }
830
+
831
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
832
+ display: -ms-flexbox;
833
+ display: flex;
834
+ padding: 12px;
835
+ }
836
+
837
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
838
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
839
+ border: 1px solid transparent;
840
+ color: #adb5bd;
841
+ cursor: pointer;
842
+ height: 24px;
843
+ margin-left: 8px;
844
+ padding: 6px;
845
+ font-size: 18px;
846
+ height: 20px;
847
+ margin: 1px;
848
+ outline: none;
849
+ padding: 0;
850
+ font-size: 14px;
851
+ padding: 2px;
852
+ }
853
+
854
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
855
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
856
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
857
+ background: #dee2e6;
858
+ border-radius: 4px;
859
+ margin-left: 8px;
860
+ padding: 6px;
861
+ background: none;
862
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
863
+ color: #0d6efd;
864
+ font-size: 18px;
865
+ margin: 1px;
866
+ padding: 0;
867
+ font-size: 14px;
868
+ padding: 2px;
869
+ }
870
+
871
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
872
+ font-size: 14px;
873
+ font-weight: 400;
874
+ line-height: 20px;
875
+ padding: 2px;
876
+ line-height: 1.5;
877
+ padding: 0 0 0 8px;
878
+ }
879
+
880
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
881
+ font-size: 12px;
882
+ line-height: 20px;
883
+ opacity: .57;
884
+ padding: 2px;
885
+ font-size: 12px;
886
+ padding: 1px 2px;
887
+ }
888
+
889
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
890
+ border: 1px solid transparent;
891
+ border-radius: 4px;
892
+ vertical-align: top;
893
+ outline: none;
894
+ }
895
+
896
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
897
+ border: 1px dashed #adb5bd;
898
+ }
899
+
900
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
901
+ background: #fff3cd;
902
+ }
903
+
904
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
905
+ background: #f8d7da;
906
+ }
907
+
908
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
909
+ border: 1px solid #adb5bd;
910
+ border: 1px solid transparent;
911
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
912
+ }
913
+
914
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
915
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
916
+ min-height: 50px;
917
+ }
918
+
919
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
920
+ border-bottom: 0;
921
+ height: 0;
922
+ }
923
+
924
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
925
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
926
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
927
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
928
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
929
+ display: none;
930
+ }
931
+
932
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells {
933
+ text-align: right;
934
+ }
935
+
936
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
937
+ padding-left: 5px;
938
+ padding-right: initial;
939
+ text-align: right;
940
+ text-transform: uppercase;
941
+ }
942
+
943
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
944
+ text-align: left;
945
+ }
946
+
947
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
948
+ text-align: center;
949
+ }
950
+
951
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
952
+ left: 0;
953
+ right: auto;
954
+ }
955
+
956
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
957
+ direction: initial;
958
+ }
959
+
960
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
961
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
962
+ height: 24px;
963
+ margin-left: 0;
964
+ margin-right: 8px;
965
+ height: 20px;
966
+ margin: 1px;
967
+ outline: none;
968
+ padding: 0;
969
+ }
970
+
971
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
972
+ background: #f8f9fa;
973
+ border-bottom: 0;
974
+ display: -ms-flexbox;
975
+ display: flex;
976
+ margin-bottom: 3px;
977
+ min-height: 42px;
978
+ padding: 10px;
979
+ }
980
+
981
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
982
+ font-size: 14px;
983
+ padding: 5px;
984
+ font-size: 16px;
985
+ font-weight: 500;
986
+ line-height: 1.5;
987
+ }
988
+
989
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
990
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
991
+ padding-top: 6px;
992
+ padding-top: 0;
993
+ }
994
+
995
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
996
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
997
+ font-size: 14px;
998
+ padding: 7px;
999
+ padding-left: 4px;
1000
+ font-size: 18px;
1001
+ }
1002
+
1003
+ .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
1004
+ border-bottom: 0;
1005
+ }
1006
+
1007
+ .e-kanban.e-device .e-swimlane-content {
1008
+ position: absolute;
1009
+ width: 100%;
1010
+ }
1011
+
1012
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
1013
+ background: #fff;
1014
+ border: 1px solid #dee2e6;
1015
+ height: 100%;
1016
+ width: 225px;
1017
+ }
1018
+
1019
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
1020
+ height: 100%;
1021
+ overflow-y: auto;
1022
+ }
1023
+
1024
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
1025
+ position: absolute;
1026
+ }
1027
+
1028
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
1029
+ background-color: rgba(0, 0, 0, 0.5);
1030
+ height: 100%;
1031
+ opacity: .5;
1032
+ width: 100%;
1033
+ opacity: 1;
1034
+ }
1035
+
1036
+ .e-bigger .e-kanban .e-swimlane-header-toolbar,
1037
+ .e-bigger.e-kanban .e-swimlane-header-toolbar {
1038
+ margin-bottom: 5px;
1039
+ min-height: 56px;
1040
+ }
1041
+
1042
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
1043
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1044
+ font-size: 18px;
1045
+ }
1046
+
1047
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
1048
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
1049
+ font-size: 18px;
1050
+ font-size: 20px;
1051
+ }
1052
+
1053
+ .e-bigger .e-kanban .e-kanban-table,
1054
+ .e-bigger.e-kanban .e-kanban-table {
1055
+ border-spacing: 12px 0;
1056
+ }
1057
+
1058
+ .e-bigger .e-kanban .e-kanban-table.e-content-table,
1059
+ .e-bigger.e-kanban .e-kanban-table.e-content-table {
1060
+ border-spacing: 12px 4px;
1061
+ }
1062
+
1063
+ .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
1064
+ .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
1065
+ border-spacing: 12px 0;
1066
+ }
1067
+
1068
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
1069
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
1070
+ padding: 16px 16px 16px 28px;
1071
+ }
1072
+
1073
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
1074
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1075
+ font-size: 16px;
1076
+ line-height: 1.5;
1077
+ }
1078
+
1079
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
1080
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1081
+ font-size: 12px;
1082
+ line-height: 1.5;
1083
+ padding: 4px;
1084
+ }
1085
+
1086
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells,
1087
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells {
1088
+ height: 56px;
1089
+ height: 48px;
1090
+ }
1091
+
1092
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1093
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
1094
+ font-size: 16px;
1095
+ line-height: 24px;
1096
+ font-size: 14px;
1097
+ font-weight: 500;
1098
+ line-height: 1.5;
1099
+ text-transform: uppercase;
1100
+ font-size: 16px;
1101
+ }
1102
+
1103
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
1104
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
1105
+ font-size: 12px;
1106
+ font-weight: 500;
1107
+ line-height: 1.5;
1108
+ margin-top: 3px;
1109
+ text-transform: uppercase;
1110
+ }
1111
+
1112
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1113
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1114
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1115
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
1116
+ font-size: 14px;
1117
+ }
1118
+
1119
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1120
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
1121
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1122
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1123
+ padding: 16px 16px 0;
1124
+ }
1125
+
1126
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1127
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1128
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1129
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
1130
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1131
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1132
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1133
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1134
+ margin-bottom: 16px;
1135
+ }
1136
+
1137
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
1138
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
1139
+ padding: 14px;
1140
+ }
1141
+
1142
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
1143
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1144
+ font-size: 16px;
1145
+ line-height: 1.5;
1146
+ }
1147
+
1148
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
1149
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1150
+ font-size: 12px;
1151
+ line-height: 1.5;
1152
+ padding: 4px;
1153
+ padding: 8px;
1154
+ }
1155
+
1156
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1157
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
1158
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1159
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1160
+ font-size: 20px;
1161
+ }
1162
+
1163
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1164
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1165
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1166
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1167
+ padding: 24px 24px 0 22px;
1168
+ }
1169
+
1170
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1171
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1172
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1173
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1174
+ padding: 8px 24px 0 22px;
1175
+ }
1176
+
1177
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1178
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1179
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1180
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
1181
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1182
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1183
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1184
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1185
+ padding: 12px 24px 0 22px;
1186
+ }
1187
+
1188
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1189
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
1190
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1191
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1192
+ padding: 24px 24px 0;
1193
+ }
1194
+
1195
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1196
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1197
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1198
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1199
+ padding: 8px 24px 0;
1200
+ }
1201
+
1202
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1203
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1204
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1205
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
1206
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1207
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1208
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1209
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1210
+ padding: 12px 24px 0;
1211
+ }
1212
+
1213
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1214
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1215
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1216
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
1217
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1218
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1219
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1220
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1221
+ margin-bottom: 16px;
1222
+ }
1223
+
1224
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
1225
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header .e-card-header-title,
1226
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
1227
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title,
1228
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
1229
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header .e-card-header-title,
1230
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
1231
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
1232
+ font-size: 15px;
1233
+ font-size: 16px;
1234
+ line-height: 1.5;
1235
+ }
1236
+
1237
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1238
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1239
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1240
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1241
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1242
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1243
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1244
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1245
+ font-size: 14px;
1246
+ font-size: 16px;
1247
+ line-height: 1.5;
1248
+ }
1249
+
1250
+ .e-mobile-popup-wrapper.e-device,
1251
+ .e-mobile-popup-container.e-device {
1252
+ background-color: #fff;
1253
+ border-radius: 2px;
1254
+ bottom: 0;
1255
+ box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1256
+ display: -ms-flexbox;
1257
+ display: flex;
1258
+ height: 60px;
1259
+ left: 0;
1260
+ margin: 0;
1261
+ max-width: 100%;
1262
+ min-width: 100%;
1263
+ opacity: 1;
1264
+ overflow: hidden;
1265
+ padding: 15px;
1266
+ position: fixed;
1267
+ right: 0;
1268
+ top: 0;
1269
+ -webkit-user-select: none;
1270
+ -ms-user-select: none;
1271
+ user-select: none;
1272
+ width: 100%;
1273
+ z-index: 1004;
1274
+ }
1275
+
1276
+ .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
1277
+ .e-mobile-popup-container.e-device .e-popup-header .e-close {
1278
+ background-color: transparent;
1279
+ }
1280
+
1281
+ .e-mobile-popup-wrapper.e-device .e-popup-content,
1282
+ .e-mobile-popup-container.e-device .e-popup-content {
1283
+ font-size: 15px;
1284
+ font-weight: 500;
1285
+ overflow: hidden;
1286
+ padding: 5px;
1287
+ text-overflow: ellipsis;
1288
+ white-space: nowrap;
1289
+ width: 100%;
1290
+ }
1291
+
1292
+ .e-kanban-dialog {
1293
+ min-width: 350px;
1294
+ }
1295
+
1296
+ .e-kanban-dialog .e-kanban-form-wrapper table,
1297
+ .e-kanban-dialog .e-kanban-form-container table {
1298
+ width: 100%;
1299
+ }
1300
+
1301
+ .e-kanban-dialog .e-kanban-form-wrapper table td,
1302
+ .e-kanban-dialog .e-kanban-form-container table td {
1303
+ font-size: 14px;
1304
+ letter-spacing: 0;
1305
+ line-height: 18px;
1306
+ opacity: .87;
1307
+ padding: 5px 0;
1308
+ text-align: left;
1309
+ color: #343a40;
1310
+ font-weight: 500;
1311
+ line-height: 1.5;
1312
+ opacity: 1;
1313
+ padding: 8px 0;
1314
+ }
1315
+
1316
+ .e-kanban-dialog .e-kanban-form-wrapper table .e-label,
1317
+ .e-kanban-dialog .e-kanban-form-container table .e-label {
1318
+ padding-right: 10px;
1319
+ width: 35px;
1320
+ }
1321
+
1322
+ .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
1323
+ .e-kanban-dialog .e-kanban-form-container table .e-field {
1324
+ width: 100%;
1325
+ }
1326
+
1327
+ .e-kanban-dialog .e-dialog-delete {
1328
+ float: left;
1329
+ }
1330
+
1331
+ *.e-rtl .e-kanban-form-wrapper table .e-label,
1332
+ *.e-rtl .e-kanban-form-container table .e-label {
1333
+ padding-left: 10px;
1334
+ padding-right: 0;
1335
+ text-align: right;
1336
+ }
1337
+
1338
+ *.e-rtl .e-dialog-delete {
1339
+ float: right;
1340
+ }
1341
+
1342
+ /*! kanban component theme */
1343
+ .e-kanban {
1344
+ background: #fff;
1345
+ }
1346
+
1347
+ .e-kanban .e-kanban-table .e-header-cells {
1348
+ background-color: #f8f9fa;
1349
+ }
1350
+
1351
+ .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1352
+ .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1353
+ color: #212529;
1354
+ }
1355
+
1356
+ .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1357
+ color: #495057;
1358
+ }
1359
+
1360
+ .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1361
+ color: #6c757d;
1362
+ }
1363
+
1364
+ .e-kanban .e-kanban-table .e-header-cells .e-limits {
1365
+ color: #6c757d;
1366
+ }
1367
+
1368
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1369
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
1370
+ border: 1px solid transparent;
1371
+ color: #adb5bd;
1372
+ }
1373
+
1374
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
1375
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
1376
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
1377
+ background: #dee2e6;
1378
+ border-radius: 4px;
1379
+ background: none;
1380
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
1381
+ color: #0d6efd;
1382
+ }
1383
+
1384
+ .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
1385
+ background-color: #f8f9fa;
1386
+ }
1387
+
1388
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
1389
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
1390
+ color: #212529;
1391
+ }
1392
+
1393
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
1394
+ background-color: #e7f1ff;
1395
+ }
1396
+
1397
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
1398
+ color: #0d6efd;
1399
+ }
1400
+
1401
+ .e-kanban .e-kanban-table.e-content-table .e-card {
1402
+ background: #fff;
1403
+ }
1404
+
1405
+ .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
1406
+ background-color: #e9ecef;
1407
+ background-color: #fff;
1408
+ }
1409
+
1410
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
1411
+ color: #212529;
1412
+ }
1413
+
1414
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
1415
+ color: #343a40;
1416
+ }
1417
+
1418
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
1419
+ background-color: #dee2e6;
1420
+ color: #212529;
1421
+ }
1422
+
1423
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
1424
+ background: #e7f1ff;
1425
+ border-color: #0d6efd;
1426
+ }
1427
+
1428
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
1429
+ border-bottom-color: #0d6efd;
1430
+ }
1431
+
1432
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
1433
+ border-color: #0d6efd;
1434
+ }
1435
+
1436
+ .e-kanban .e-frozen-swimlane-row {
1437
+ background: #fff;
1438
+ }
1439
+
1440
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text,
1441
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1442
+ color: #212529;
1443
+ }
1444
+
1445
+ .e-kanban-dialog .e-kanban-form-wrapper table textarea {
1446
+ background-color: initial;
1447
+ color: #212529;
1448
+ font-weight: 400;
1449
+ border-color: #dee2e6;
1450
+ border-radius: 4px;
1451
+ outline: none;
1452
+ padding: 4px 8px 4px 12px;
1453
+ }
1454
+
1455
+ .e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
1456
+ box-shadow: 0 0 0 2px #0d6efd;
1457
+ }