@syncfusion/ej2-angular-kanban 26.1.35 → 26.1.40

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.
@@ -1,1831 +0,0 @@
1
- :root {
2
- --color-sf-content-bg-color: #ffffff;
3
- --color-sf-content-bg-color-alt1: #f8f9fa;
4
- --color-sf-content-bg-color-alt2: #e9ecef;
5
- --color-sf-content-bg-color-alt3: #dee2e6;
6
- --color-sf-content-bg-color-alt4: #ced4da;
7
- --color-sf-content-bg-color-alt5: #adb5bd;
8
- --color-sf-content-bg-color-hover: #e9ecef;
9
- --color-sf-content-bg-color-pressed: #ced4da;
10
- --color-sf-content-bg-color-focus: #e9ecef;
11
- --color-sf-content-bg-color-selected: #0d6efd;
12
- --color-sf-content-bg-color-dragged: #ced4da;
13
- --color-sf-content-bg-color-disabled: #ffffff;
14
- --color-sf-flyout-bg-color: #ffffff;
15
- --color-sf-flyout-bg-color-hover: #e9ecef;
16
- --color-sf-flyout-bg-color-pressed: #0d6efd;
17
- --color-sf-flyout-bg-color-focus: #e9ecef;
18
- --color-sf-overlay-bg-color: rgba(#000000, .5);
19
- --color-sf-table-bg-color-hover: #eff1f4;
20
- --color-sf-table-bg-color-pressed: #dee2e6;
21
- --color-sf-table-bg-color-selected: #e6eaed;
22
- --color-sf-content-text-color: #212529;
23
- --color-sf-content-text-color-alt1: #343a40;
24
- --color-sf-content-text-color-alt2: #495057;
25
- --color-sf-content-text-color-alt3: #6c757d;
26
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
27
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
28
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
29
- --color-sf-content-text-color-selected: #ffffff;
30
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
31
- --color-sf-content-text-color-disabled: #adb5bd;
32
- --color-sf-placeholder-text-color: #6c757d;
33
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
34
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
35
- --color-sf-flyout-text-color-pressed: #ffffff;
36
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
37
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
38
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
39
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
40
- --color-sf-icon-color: var(--color-sf-content-text-color-alt3);
41
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-alt1);
42
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
43
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
44
- --color-sf-border-light: #dee2e6;
45
- --color-sf-border: #ced4da;
46
- --color-sf-border-dark: #adb5bd;
47
- --color-sf-border-hover: #ced4da;
48
- --color-sf-border-pressed: #adb5bd;
49
- --color-sf-border-focus: var(--color-sf-border);
50
- --color-sf-border-selected: var(--color-sf-border-dark);
51
- --color-sf-border-dragged: var(--color-sf-border-light);
52
- --color-sf-border-disabled: var(--color-sf-border-light);
53
- --color-sf-border-warning: #ffc107;
54
- --color-sf-border-error: #dc3545;
55
- --color-sf-border-success: #198754;
56
- --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
57
- --color-sf-flyout-border: var(--color-sf-border-light);
58
- --color-sf-primary: #0d6efd;
59
- --color-sf-primary-text-color: #ffffff;
60
- --color-sf-primary-light: #86b7fe;
61
- --color-sf-primary-lighter: #e7f1ff;
62
- --color-sf-secondary: #6c757d;
63
- --color-sf-success: #198754;
64
- --color-sf-info: #0dcaf0;
65
- --color-sf-warning: #ffc107;
66
- --color-sf-danger: #dc3545;
67
- --color-sf-success-light: #d1e7dd;
68
- --color-sf-info-light: #cff4fc;
69
- --color-sf-warning-light: #fff3cd;
70
- --color-sf-danger-light: #f8d7da;
71
- --color-sf-success-dark: #115c39;
72
- --color-sf-info-dark: #066477;
73
- --color-sf-warning-dark: #866500;
74
- --color-sf-danger-dark: #bd2130;
75
- --color-sf-success-light-alt: #d1e7dd;
76
- --color-sf-info-light-alt: #cff4fc;
77
- --color-sf-warning-light-alt: #fff3cd;
78
- --color-sf-danger-light-alt: #f8d7da;
79
- --color-sf-primary-bg-color: var(--color-sf-primary);
80
- --color-sf-primary-border-color: var(--color-sf-primary);
81
- --color-sf-primary-text: var(--color-sf-primary-text-color);
82
- --color-sf-primary-bg-color-hover: #0b5ed7;
83
- --color-sf-primary-border-color-hover: #0a58ca;
84
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
85
- --color-sf-primary-bg-color-pressed: #0a58ca;
86
- --color-sf-primary-border-color-pressed: #0a53be;
87
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
88
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
89
- --color-sf-primary-border-color-focus: var(--color-sf-primary-border-color-hover);
90
- --color-sf-primary-text-focus: var(--color-sf-primary-text-hover);
91
- --color-sf-primary-bg-color-disabled: rgba(13, 110, 253, .65);
92
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
93
- --color-sf-primary-text-disabled: rgba(255, 255, 255, .65);
94
- --color-sf-secondary-bg-color: var(--color-sf-secondary);
95
- --color-sf-secondary-border-color: var(--color-sf-secondary-bg-color);
96
- --color-sf-secondary-text-color: #ffffff;
97
- --color-sf-secondary-bg-color-hover: #5c636a;
98
- --color-sf-secondary-border-color-hover: #565e64;
99
- --color-sf-secondary-text-color-hover: var(--color-sf-secondary-text-color);
100
- --color-sf-secondary-bg-color-pressed: #565e64;
101
- --color-sf-secondary-border-color-pressed: #51585e;
102
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color);
103
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
104
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
105
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
106
- --color-sf-secondary-bg-color-disabled: rgba(108, 117, 125, .65);
107
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
108
- --color-sf-secondary-text-color-disabled: rgba(255, 255, 255, .65);
109
- --color-sf-success-bg-color: var(--color-sf-success);
110
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
111
- --color-sf-success-text: #ffffff;
112
- --color-sf-success-bg-color-hover: #157347;
113
- --color-sf-success-border-color-hover: #146c43;
114
- --color-sf-success-text-hover: var(--color-sf-success-text);
115
- --color-sf-success-bg-color-pressed: #146c43;
116
- --color-sf-success-border-color-pressed: #13653f;
117
- --color-sf-success-text-pressed: var(--color-sf-success-text);
118
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color-hover);
119
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
120
- --color-sf-success-text-focus: var(--color-sf-success-text);
121
- --color-sf-success-bg-color-disabled: rgba(25, 135, 84, .65);
122
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
123
- --color-sf-success-text-disabled: rgba(255, 255, 255, .65);
124
- --color-sf-warning-bg-color: var(--color-sf-warning);
125
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
126
- --color-sf-warning-text: #000000;
127
- --color-sf-warning-bg-color-hover: #ffca2c;
128
- --color-sf-warning-border-color-hover: #ffc720;
129
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
130
- --color-sf-warning-bg-color-pressed: #ffcd39;
131
- --color-sf-warning-border-color-pressed: #ffc720;
132
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
133
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color-hover);
134
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
135
- --color-sf-warning-text-focus: var(--color-sf-warning-text);
136
- --color-sf-warning-bg-color-disabled: rgba(255, 193, 7, .65);
137
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
138
- --color-sf-warning-text-disabled: rgba(0, 0, 0, .65);
139
- --color-sf-info-bg-color: var(--color-sf-info);
140
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
141
- --color-sf-info-text: #000000;
142
- --color-sf-info-bg-color-hover: #31d2f2;
143
- --color-sf-info-border-color-hover: #25cff2;
144
- --color-sf-info-text-hover: var(--color-sf-info-text);
145
- --color-sf-info-bg-color-pressed: #3dd5f3;
146
- --color-sf-info-border-color-pressed: #25cff2;
147
- --color-sf-info-text-pressed: var(--color-sf-info-text);
148
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color-hover);
149
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
150
- --color-sf-info-text-focus: var(--color-sf-info-text-hover);
151
- --color-sf-info-bg-color-disabled: rgba(13, 202, 240, .65);
152
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
153
- --color-sf-info-text-disabled: rgba(0, 0, 0, .65);
154
- --color-sf-danger-bg-color: var(--color-sf-danger);
155
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
156
- --color-sf-danger-text: #ffffff;
157
- --color-sf-danger-bg-color-hover: #bb2d3b;
158
- --color-sf-danger-border-color-hover: #b02a37;
159
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
160
- --color-sf-danger-bg-color-pressed: #b02a37;
161
- --color-sf-danger-border-color-pressed: #a52834;
162
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
163
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color-hover);
164
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
165
- --color-sf-danger-text-focus: var(--color-sf-danger-text-hover);
166
- --color-sf-danger-bg-color-disabled: rgba(220, 53, 69, .65);
167
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
168
- --color-sf-danger-text-disabled: rgba(255, 255, 255, .65);
169
- --color-sf-primary-outline: var(--color-sf-primary-bg-color);
170
- --color-sf-secondary-outline: var(--color-sf-secondary-bg-color);
171
- --color-sf-warning-outline: var(--color-sf-warning-bg-color);
172
- --color-sf-danger-outline: var(--color-sf-danger-bg-color);
173
- --color-sf-success-outline: var(--color-sf-success-bg-color);
174
- --color-sf-info-outline: var(--color-sf-info-bg-color);
175
- --color-sf-tooltip-bg-color: #212529;
176
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
177
- --color-sf-toooltip-text-color: #f9fafb;
178
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
179
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
180
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
181
- --color-sf-appbar-hover-bg-color-alt1: $transparent;
182
- --color-sf-appbar-bg-color-alt2: #212529;
183
- --color-sf-appbar-color-alt2: #ffffff;
184
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
185
- --color-sf-appbar-hover-bg-color-alt2: $transparent;
186
- --color-sf-diagram-palette-background: #ffffff;
187
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
188
- --color-sf-rating-selected-color: var(--color-sf-primary);
189
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color-alt3);
190
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-bg-color-alt5);
191
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-bg-color-alt4);
192
- --color-sf-rating-selected-hover-color: var(--color-sf-content-text-color-alt3);
193
- --color-sf-rating-unrated-hover-color: var(--color-sf-primary);
194
- --color-sf-rating-pressed-color: #599bfe;
195
- --color-sf-msg-color: #41464b;
196
- --color-sf-msg-bg-color: #e2e3e5;
197
- --color-sf-msg-border-color: #d3d6d8;
198
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
199
- --color-sf-msg-bg-color-alt1: $transparent;
200
- --color-sf-msg-border-color-alt1: #9ca3af;
201
- --color-sf-msg-color-alt2: #ffffff;
202
- --color-sf-msg-bg-color-alt2: var(--color-sf-content-text-color-alt3);
203
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
204
- --color-sf-msg-icon-color: var(--color-sf-content-text-color);
205
- --color-sf-msg-icon-color-alt1: var(--color-sf-content-text-color);
206
- --color-sf-msg-icon-color-alt2: #ffffff;
207
- --color-sf-msg-close-icon-color: var(--color-sf-icon-color);
208
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-icon-color);
209
- --color-sf-msg-close-icon-color-alt2: #ffffff;
210
- --color-sf-msg-danger-color: #842029;
211
- --color-sf-msg-danger-bg-color: var(--color-sf-danger-light);
212
- --color-sf-msg-danger-border-color: #f5c2c7;
213
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
214
- --color-sf-msg-danger-bg-color-alt1: $transparent;
215
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-color-alt1);
216
- --color-sf-msg-danger-color-alt2: #ffffff;
217
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-danger);
218
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
219
- --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
220
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-danger);
221
- --color-sf-msg-danger-icon-color-alt2: #ffffff;
222
- --color-sf-msg-danger-close-icon-color: var(--color-sf-icon-color);
223
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-icon-color);
224
- --color-sf-msg-danger-close-icon-color-alt2: #ffffff;
225
- --color-sf-msg-success-color: #0f5132;
226
- --color-sf-msg-success-bg-color: var(--color-sf-success-light);
227
- --color-sf-msg-success-border-color: #badbcc;
228
- --color-sf-msg-success-color-alt1: var(--color-sf-success-dark);
229
- --color-sf-msg-success-bg-color-alt1: $transparent;
230
- --color-sf-msg-success-border-color-alt1: var(--color-sf-success);
231
- --color-sf-msg-success-color-alt2: #ffffff;
232
- --color-sf-msg-success-bg-color-alt2: var(--color-sf-success);
233
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
234
- --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color-alt1);
235
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color-alt1);
236
- --color-sf-msg-success-icon-color-alt2: #ffffff;
237
- --color-sf-msg-success-close-icon-color: var(--color-sf-icon-color);
238
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-icon-color);
239
- --color-sf-msg-success-close-icon-color-alt2: #ffffff;
240
- --color-sf-msg-warning-color: #664d03;
241
- --color-sf-msg-warning-bg-color: var(--color-sf-warning-light);
242
- --color-sf-msg-warning-border-color: #ffecb5;
243
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning-dark);
244
- --color-sf-msg-warning-bg-color-alt1: $transparent;
245
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-color-alt1);
246
- --color-sf-msg-warning-color-alt2: var(--color-sf-content-text-color);
247
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-warning);
248
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
249
- --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color-alt1);
250
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color-alt1);
251
- --color-sf-msg-warning-icon-color-alt2: var(--color-sf-content-text-color);
252
- --color-sf-msg-warning-close-icon-color: var(--color-sf-icon-color);
253
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-icon-color);
254
- --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-content-text-color);
255
- --color-sf-msg-info-color: #055160;
256
- --color-sf-msg-info-bg-color: var(--color-sf-info-light);
257
- --color-sf-msg-info-border-color: #b5effb;
258
- --color-sf-msg-info-color-alt1: var(--color-sf-info-dark);
259
- --color-sf-msg-info-bg-color-alt1: $transparent;
260
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-color-alt1);
261
- --color-sf-msg-info-color-alt2: var(--color-sf-content-text-color);
262
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-info);
263
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
264
- --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color-alt1);
265
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color-alt1);
266
- --color-sf-msg-info-icon-color-alt2: var(--color-sf-content-text-color);
267
- --color-sf-msg-info-close-icon-color: var(--color-sf-icon-color);
268
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-icon-color);
269
- --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-content-text-color);
270
- }
271
-
272
- .e-dark-mode {
273
- --color-sf-content-bg-color: #212529;
274
- --color-sf-content-bg-color-alt1: #282d31;
275
- --color-sf-content-bg-color-alt2: #343a40;
276
- --color-sf-content-bg-color-alt3: #dee2e6;
277
- --color-sf-content-bg-color-alt4: #6c757d;
278
- --color-sf-content-bg-color-alt5: #adb5bd;
279
- --color-sf-content-bg-color-hover: #31373d;
280
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt3);
281
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
282
- --color-sf-content-bg-color-selected: #0d6efd;
283
- --color-sf-content-bg-color-dragged: #343a40;
284
- --color-sf-content-bg-color-disabled: var(--color-sf-content-bg-color);
285
- --color-sf-flyout-bg-color: #343a40;
286
- --color-sf-flyout-bg-color-hover: #444c54;
287
- --color-sf-flyout-bg-color-pressed: #0d6efd;
288
- --color-sf-flyout-bg-color-focus: #444c54;
289
- --color-sf-overlay-bg-color: rgba(#000000, .4);
290
- --color-sf-table-bg-color-hover: var(--color-sf-content-bg-color-hover);
291
- --color-sf-table-bg-color-pressed: var(--color-sf-content-bg-color-pressed);
292
- --color-sf-table-bg-color-selected: #3c444b;
293
- --color-sf-content-text-color: #ffffff;
294
- --color-sf-content-text-color-alt1: #e9ecef;
295
- --color-sf-content-text-color-alt2: #ced4da;
296
- --color-sf-content-text-color-alt3: #7b848d;
297
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
298
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
299
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
300
- --color-sf-content-text-color-selected: var(--color-sf-primary-text-color);
301
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
302
- --color-sf-content-text-color-disabled: #6c757d;
303
- --color-sf-placeholder-text-color: #6c757d;
304
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
305
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
306
- --color-sf-flyout-text-color-pressed: var(--color-sf-primary-text-color);
307
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
308
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
309
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
310
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
311
- --color-sf-icon-color: #adb5bd;
312
- --color-sf-icon-color-hover: #dee2e6;
313
- --color-sf-icon-color-pressed: #f8f9fa;
314
- --color-sf-icon-color-disabled: #adb5bd;
315
- --color-sf-border-light: #444c54;
316
- --color-sf-border: #6c757d;
317
- --color-sf-border-dark: #adb5bd;
318
- --color-sf-border-hover: #495057;
319
- --color-sf-border-pressed: #6c757d;
320
- --color-sf-border-focus: var(--color-sf-border-hover);
321
- --color-sf-border-selected: var(--color-sf-border);
322
- --color-sf-border-dragged: var(--color-sf-border);
323
- --color-sf-border-disabled: var(--color-sf-border-light);
324
- --color-sf-border-warning: #ffca2b;
325
- --color-sf-border-error: #eb8c95;
326
- --color-sf-border-success: #2ed889;
327
- --color-sf-spreadsheet-gridline: #dee2e6;
328
- --color-sf-flyout-border: var(--color-sf-border-hover);
329
- --color-sf-primary: #0d6efd;
330
- --color-sf-primary-text-color: #ffffff;
331
- --color-sf-primary-light: #86b7fe;
332
- --color-sf-primary-lighter: #031633;
333
- --color-sf-secondary: #6c757d;
334
- --color-sf-success: #21b26f;
335
- --color-sf-info: #0dcaf0;
336
- --color-sf-warning: #ffc107;
337
- --color-sf-danger: #e4606d;
338
- --color-sf-success-light: #d1e7dd;
339
- --color-sf-info-light: #cff4fc;
340
- --color-sf-warning-light: #fff3cd;
341
- --color-sf-danger-light: #f8d7da;
342
- --color-sf-success-dark: #115c39;
343
- --color-sf-info-dark: #066477;
344
- --color-sf-warning-dark: #866500;
345
- --color-sf-danger-dark: #bd2130;
346
- --color-sf-success-light-alt: #09311e;
347
- --color-sf-info-light-alt: #066477;
348
- --color-sf-warning-light-alt: #a07e00;
349
- --color-sf-danger-light-alt: #7c151f;
350
- --color-sf-badge-primary-bg-color-darken: darken($primary, 10%);
351
- --color-sf-badge-secondary-bg-color-darken: darken($content-bg-color-alt1, 10%);
352
- --color-sf-badge-success-bg-color-darken: darken($success-light, 10%);
353
- --color-sf-badge-danger-bg-color-darken: darken($danger-light, 10%);
354
- --color-sf-badge-warning-bg-color-darken: darken($warning-light, 10%);
355
- --color-sf-badge-info-bg-color-darken: darken($info-light, 10%);
356
- --color-sf-badge-light-bg-color-darken: darken($content-bg-color-alt2, 10%);
357
- --color-sf-badge-dark-bg-color-darken: darken($content-text-color-alt2, 10%);
358
- --color-sf-breadcrumb-item-hover-color: darken($primary-outline, 10%);
359
- --color-sf-breadcrumb-item-active-color: darken($primary-outline, 15%);
360
- --color-sf-breadcrumb-item-focus-border-color: darken($primary-outline, 10%);
361
- --color-sf-calendar-yeardecade-selected-hover-bg: darken(primary-bg-color, 10%);
362
- --color-sf-calendar-active-hover-bg-color: darken($primary-bg-color, 10%);
363
- --color-sf-tab-alt-wrap-hover-color: darken($secondary, 15%);
364
- --color-sf-treeview-item-active-hover-bg: darken($content-bg-color-selected, 5%);
365
- --color-sf-de-style-btn-bg-color: darken($secondary-bg-color, 7.5%);
366
- --color-sf-de-toggle-border-color: darken($secondary-bg-color, 12.5%);
367
- --color-sf-de-toggle-hover-color: darken($secondary-bg-color, 7.5%);
368
- --color-sf-de-toggle-border-hover-color: darken($secondary-bg-color, 10%);
369
- --color-sf-de-toggle-disabled-color: lighten($secondary-bg-color, 65%);
370
- --color-sf-connector-point-hover-color: darken($primary, 10%);
371
- --color-sf-gantt-connected-task: lighten($primary, 20%);
372
- --color-sf-gantt-active-parent-task: lighten($warning-text, 10%);
373
- --color-sf-schedule-hover-bg-color: darken($content-bg-color-alt1, 2%);
374
- --color-sf-timepicker-active-border-color: darken($gray-600, 10%);
375
- --color-sf-hdr-selection-border-color: darken($border-light, 8%);
376
- --color-sf-primary-bg-color: var(--color-sf-primary);
377
- --color-sf-primary-border-color: var(--color-sf-primary);
378
- --color-sf-primary-text: var(--color-sf-primary-text-color);
379
- --color-sf-primary-bg-color-hover: #2360cf;
380
- --color-sf-primary-border-color-hover: #215ac3;
381
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
382
- --color-sf-primary-bg-color-pressed: #2360cf;
383
- --color-sf-primary-border-color-pressed: #1a50b0;
384
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
385
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
386
- --color-sf-primary-border-color-focus: var(--color-sf-primary-border-color-hover);
387
- --color-sf-primary-text-focus: var(--color-sf-primary-text-hover);
388
- --color-sf-primary-bg-color-disabled: rgba(#0d6efd, .65);
389
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
390
- --color-sf-primary-text-disabled: rgba(#ffffff, .65);
391
- --color-sf-secondary-bg-color: var(--color-sf-secondary);
392
- --color-sf-secondary-border-color: var(--color-sf-secondary-bg-color);
393
- --color-sf-secondary-text-color: #ffffff;
394
- --color-sf-secondary-bg-color-hover: #5c636a;
395
- --color-sf-secondary-border-color-hover: #565e64;
396
- --color-sf-secondary-text-color-hover: var(--color-sf-secondary-text-color);
397
- --color-sf-secondary-bg-color-pressed: #565e64;
398
- --color-sf-secondary-border-color-pressed: #5d6369;
399
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color);
400
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
401
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
402
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
403
- --color-sf-secondary-bg-color-disabled: rgba(#6c757d, .65);
404
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
405
- --color-sf-secondary-text-color-disabled: rgba(#ffffff, .65);
406
- --color-sf-success-bg-color: var(--color-sf-success);
407
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
408
- --color-sf-success-text: #ffffff;
409
- --color-sf-success-bg-color-hover: #166534;
410
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
411
- --color-sf-success-text-hover: var(--color-sf-success-text);
412
- --color-sf-success-bg-color-pressed: #15803d;
413
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
414
- --color-sf-success-text-pressed: var(--color-sf-success-text);
415
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color-hover);
416
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
417
- --color-sf-success-text-focus: var(--color-sf-success-text-hover);
418
- --color-sf-success-bg-color-disabled: rgba(#198754, .65);
419
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
420
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
421
- --color-sf-warning-bg-color: var(--color-sf-warning);
422
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
423
- --color-sf-warning-text: #000000;
424
- --color-sf-warning-bg-color-hover: #f8cb51;
425
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
426
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
427
- --color-sf-warning-bg-color-pressed: #ffcd39;
428
- --color-sf-warning-border-color-pressed: var(-color-sf-warning-bg-color-pressed);
429
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
430
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color-hover);
431
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
432
- --color-sf-warning-text-focus: var(--color-sf-warning-text-hover);
433
- --color-sf-warning-bg-color-disabled: rgba(#ffc107, .65);
434
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
435
- --color-sf-warning-text-disabled: rgba(#000000, .65);
436
- --color-sf-info-bg-color: var(--color-sf-info);
437
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
438
- --color-sf-info-text: #000000;
439
- --color-sf-info-bg-color-hover: #31d2f2;
440
- --color-sf-info-border-color-hover: #25cff2;
441
- --color-sf-info-text-hover: var(--color-sf-info-text);
442
- --color-sf-info-bg-color-pressed: #25cff2;
443
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
444
- --color-sf-info-text-pressed: var(--color-sf-info-text);
445
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color-hover);
446
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
447
- --color-sf-info-text-focus: var(--color-sf-info-text-hover);
448
- --color-sf-info-bg-color-disabled: rgba(#0dcaf0, .65);
449
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
450
- --color-sf-info-text-disabled: rgba(#000000, .65);
451
- --color-sf-danger-bg-color: var(--color-sf-danger);
452
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
453
- --color-sf-danger-text: #ffffff;
454
- --color-sf-danger-bg-color-hover: #b91c1c;
455
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
456
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
457
- --color-sf-danger-bg-color-pressed: #991b1b;
458
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
459
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
460
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color-hover);
461
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
462
- --color-sf-danger-text-focus: var(--color-sf-danger-text-hover);
463
- --color-sf-danger-bg-color-disabled: rgba(#dc3545, .65);
464
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-border-color-disabled);
465
- --color-sf-danger-text-disabled: rgba(#ffffff, .65);
466
- --color-sf-primary-outline: #408cfd;
467
- --color-sf-secondary-outline: #868e96;
468
- --color-sf-warning-outline: #ffce3a;
469
- --color-sf-danger-outline: #eb8c95;
470
- --color-sf-success-outline: #2ed889;
471
- --color-sf-info-outline: #3cd5f4;
472
- --color-sf-tooltip-bg-color: #e9ecef;
473
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
474
- --color-sf-toooltip-text-color: #212529;
475
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
476
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
477
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
478
- --color-sf-appbar-hover-bg-color-alt1: $transparent;
479
- --color-sf-appbar-bg-color-alt2: var(--color-sf-content-bg-color-alt3);
480
- --color-sf-appbar-color-alt2: #212529;
481
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
482
- --color-sf-appbar-hover-bg-color-alt2: $transparent;
483
- --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt3);
484
- --color-sf-diagram-palette-hover-background: #ced4da;
485
- --color-sf-rating-selected-color: var(--color-sf-primary);
486
- --color-sf-rating-unrated-color: var(--color-sf-content-bg-color-alt5);
487
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-bg-color-alt4);
488
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-bg-color-alt3);
489
- --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-alt5);
490
- --color-sf-rating-unrated-hover-color: var(--color-sf-primary);
491
- --color-sf-rating-pressed-color: #599bfe;
492
- --color-sf-msg-color: #ffffff;
493
- --color-sf-msg-bg-color: #3b4248;
494
- --color-sf-msg-border-color: #444c54;
495
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
496
- --color-sf-msg-bg-color-alt1: $transparent;
497
- --color-sf-msg-border-color-alt1: #9ca3af;
498
- --color-sf-msg-color-alt2: #ffffff;
499
- --color-sf-msg-bg-color-alt2: #444c54;
500
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
501
- --color-sf-msg-icon-color: var(--color-sf-content-text-color);
502
- --color-sf-msg-icon-color-alt1: var(--color-sf-content-text-color);
503
- --color-sf-msg-icon-color-alt2: #ffffff;
504
- --color-sf-msg-close-icon-color: var(--color-sf-icon-color);
505
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-icon-color);
506
- --color-sf-msg-close-icon-color-alt2: #ffffff;
507
- --color-sf-msg-danger-color: #fae3e5;
508
- --color-sf-msg-danger-bg-color: #66121a;
509
- --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-bg-color);
510
- --color-sf-msg-danger-color-alt1: var(--color-sf-danger);
511
- --color-sf-msg-danger-bg-color-alt1: $transparent;
512
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-color-alt1);
513
- --color-sf-msg-danger-color-alt2: #212529;
514
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-danger);
515
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
516
- --color-sf-msg-danger-icon-color: #fae3e5;
517
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-danger);
518
- --color-sf-msg-danger-icon-color-alt2: #212529;
519
- --color-sf-msg-danger-close-icon-color: var(--color-sf-icon-color);
520
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-icon-color);
521
- --color-sf-msg-danger-close-icon-color-alt2: #212529;
522
- --color-sf-msg-success-color: #2ed889;
523
- --color-sf-msg-success-bg-color: #09311e;
524
- --color-sf-msg-success-border-color: #0b3a24;
525
- --color-sf-msg-success-color-alt1: #21b26f;
526
- --color-sf-msg-success-bg-color-alt1: $transparent;
527
- --color-sf-msg-success-border-color-alt1: #21b26f;
528
- --color-sf-msg-success-color-alt2: #212529;
529
- --color-sf-msg-success-bg-color-alt2: #21b26f;
530
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
531
- --color-sf-msg-success-icon-color: #2ed889;
532
- --color-sf-msg-success-icon-color-alt1: #21b26f;
533
- --color-sf-msg-success-icon-color-alt2: #212529;
534
- --color-sf-msg-success-close-icon-color: var(--color-sf-icon-color);
535
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-icon-color);
536
- --color-sf-msg-success-close-icon-color-alt2: #212529;
537
- --color-sf-msg-warning-color: #ffeeb9;
538
- --color-sf-msg-warning-bg-color: #866500;
539
- --color-sf-msg-warning-border-color: #967000;
540
- --color-sf-msg-warning-color-alt1: var(--color-sf-warning);
541
- --color-sf-msg-warning-bg-color-alt1: $transparent;
542
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-color-alt1);
543
- --color-sf-msg-warning-color-alt2: #212529;
544
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-warning);
545
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
546
- --color-sf-msg-warning-icon-color: var(--color-sf-warning);
547
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-warning);
548
- --color-sf-msg-warning-icon-color-alt2: #212529;
549
- --color-sf-msg-warning-close-icon-color: var(--color-sf-icon-color);
550
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-icon-color);
551
- --color-sf-msg-warning-close-icon-color-alt2: #212529;
552
- --color-sf-msg-info-color: #84e5f8;
553
- --color-sf-msg-info-bg-color: #05505f;
554
- --color-sf-msg-info-border-color: #065c6d;
555
- --color-sf-msg-info-color-alt1: var(--color-sf-info);
556
- --color-sf-msg-info-bg-color-alt1: $transparent;
557
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-color-alt1);
558
- --color-sf-msg-info-color-alt2: #212529;
559
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-info);
560
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
561
- --color-sf-msg-info-icon-color: var(--color-sf-info);
562
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-info);
563
- --color-sf-msg-info-icon-color-alt2: #212529;
564
- --color-sf-msg-info-close-icon-color: var(--color-sf-icon-color);
565
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-icon-color);
566
- --color-sf-msg-info-close-icon-color-alt2: #212529;
567
- }
568
-
569
- .e-popup.e-ddl {
570
- border-radius: 4px;
571
- -webkit-box-shadow: none;
572
- box-shadow: none;
573
- margin-top: 3px;
574
- }
575
- .e-popup.e-ddl .e-input-group {
576
- width: auto;
577
- }
578
- .e-popup.e-ddl .e-input-group input {
579
- line-height: 15px;
580
- }
581
-
582
- .e-popup.e-ddl .e-dropdownbase {
583
- min-height: 26px;
584
- }
585
-
586
- .e-popup.e-ddl .e-filter-parent .e-input-group {
587
- display: -webkit-box;
588
- display: -ms-flexbox;
589
- display: flex;
590
- width: auto;
591
- }
592
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
593
- border: 0;
594
- }
595
-
596
- .e-bigger .e-popup.e-ddl-device-filter {
597
- margin-top: 0;
598
- }
599
-
600
- .e-bigger .e-popup.e-ddl .e-list-item {
601
- font-size: 16px;
602
- line-height: 32px;
603
- padding-left: 0;
604
- text-indent: 16px;
605
- }
606
-
607
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
608
- font-size: 14px;
609
- line-height: 32px;
610
- padding-left: 0;
611
- text-indent: 16px;
612
- }
613
-
614
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
615
- padding-left: 0;
616
- }
617
-
618
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
619
- font-size: 16px;
620
- height: 36px;
621
- }
622
-
623
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
624
- min-height: 40px;
625
- }
626
-
627
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
628
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
629
- background: transparent;
630
- }
631
-
632
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
633
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
634
- background: var(--color-sf-content-bg-color-alt2);
635
- }
636
-
637
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
638
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
639
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
640
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
641
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
642
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
643
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
644
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
645
- background: transparent;
646
- color: var(--color-sf-icon-color);
647
- }
648
-
649
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
650
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
651
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
652
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
653
- background: transparent;
654
- color: var(--color-sf-icon-color);
655
- }
656
-
657
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
658
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
659
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
660
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
661
- background: var(--color-sf-content-bg-color-alt2);
662
- }
663
-
664
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
665
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
666
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
667
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
668
- border: 0;
669
- }
670
-
671
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
672
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
673
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
674
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
675
- -webkit-box-shadow: none;
676
- box-shadow: none;
677
- }
678
-
679
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
680
- background: transparent;
681
- display: -webkit-box;
682
- display: -ms-flexbox;
683
- display: flex;
684
- position: relative;
685
- }
686
-
687
- .e-ddl.e-popup .e-filter-parent .e-input-group,
688
- .e-ddl.e-popup .e-filter-parent {
689
- background: var(--color-sf-content-bg-color);
690
- }
691
-
692
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
693
- font-size: 14px;
694
- }
695
-
696
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
697
- font-size: 16px;
698
- }
699
-
700
- .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 {
701
- font-size: 14px;
702
- line-height: 34px;
703
- padding-left: 0;
704
- text-indent: 16px;
705
- }
706
-
707
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
708
- padding-left: 4px;
709
- }
710
-
711
- .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 {
712
- height: 30px;
713
- }
714
-
715
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
716
- min-height: 34px;
717
- }
718
-
719
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
720
- line-height: 30px;
721
- top: 0;
722
- }
723
-
724
- .e-multiselect .e-input-group-icon.e-ddl-icon {
725
- border-radius: 0 2px 2px 0;
726
- border-right-width: 0;
727
- }
728
-
729
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
730
- border-left-width: 0;
731
- border-radius: 4px 0 0 4px;
732
- border-right-width: 1px;
733
- }
734
-
735
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
736
- height: 32px;
737
- width: 32px;
738
- }
739
-
740
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
741
- height: 24px;
742
- width: 24px;
743
- }
744
-
745
- .e-multi-select-wrapper .e-searcher input[type=text],
746
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
747
- color: var(--color-sf-content-text-color);
748
- height: 100%;
749
- }
750
-
751
- .e-multiselect .e-input-group-icon.e-ddl-icon {
752
- border-left-width: 0;
753
- }
754
-
755
- /* stylelint-disable-line no-empty-source */
756
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
757
- /* stylelint-disable */
758
- /* stylelint-disable-line no-empty-source */
759
- /* stylelint-disable property-no-vendor-prefix */
760
- @-webkit-keyframes material-spinner-rotate {
761
- 0% {
762
- -webkit-transform: rotate(0);
763
- transform: rotate(0);
764
- }
765
- 100% {
766
- -webkit-transform: rotate(360deg);
767
- transform: rotate(360deg);
768
- }
769
- }
770
- @keyframes material-spinner-rotate {
771
- 0% {
772
- -webkit-transform: rotate(0);
773
- transform: rotate(0);
774
- }
775
- 100% {
776
- -webkit-transform: rotate(360deg);
777
- transform: rotate(360deg);
778
- }
779
- }
780
- @-webkit-keyframes fabric-spinner-rotate {
781
- 0% {
782
- -webkit-transform: rotate(0);
783
- transform: rotate(0);
784
- }
785
- 100% {
786
- -webkit-transform: rotate(360deg);
787
- transform: rotate(360deg);
788
- }
789
- }
790
- @keyframes fabric-spinner-rotate {
791
- 0% {
792
- -webkit-transform: rotate(0);
793
- transform: rotate(0);
794
- }
795
- 100% {
796
- -webkit-transform: rotate(360deg);
797
- transform: rotate(360deg);
798
- }
799
- }
800
- .e-kanban .e-column-expand::before {
801
- content: "\e765";
802
- }
803
- .e-kanban .e-column-collapse::before {
804
- content: "\e748";
805
- }
806
- .e-kanban .e-swimlane-row-expand::before {
807
- content: "\e729";
808
- }
809
- .e-kanban .e-swimlane-row-collapse::before {
810
- content: "\e748";
811
- }
812
- .e-kanban .e-show-add-icon::before {
813
- content: "\e805";
814
- }
815
- .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
816
- content: "\e799";
817
- }
818
- .e-kanban.e-rtl .e-column-collapse::before {
819
- content: "\e765";
820
- }
821
- .e-kanban.e-rtl .e-column-expand::before {
822
- content: "\e748";
823
- }
824
- .e-kanban.e-rtl .e-swimlane-row-collapse::before {
825
- content: "\e765";
826
- }
827
-
828
- .e-mobile-popup-wrapper .e-close-icon::before {
829
- content: "\e7e7";
830
- }
831
-
832
- /*! kanban component layout */
833
- .e-kanban {
834
- display: block;
835
- outline: medium none;
836
- position: relative;
837
- -webkit-user-select: none;
838
- -moz-user-select: none;
839
- -ms-user-select: none;
840
- user-select: none;
841
- }
842
- .e-kanban .e-kanban-table {
843
- border: 0;
844
- border-collapse: separate;
845
- border-spacing: 10px 4px;
846
- table-layout: fixed;
847
- width: 100%;
848
- }
849
- .e-kanban .e-kanban-table col.e-collapsed {
850
- width: 42px;
851
- }
852
- .e-kanban .e-swimlane .e-kanban-table.e-content-table {
853
- border-spacing: 10px 0;
854
- }
855
- .e-kanban .e-frozen-swimlane-row {
856
- position: relative;
857
- z-index: 101;
858
- }
859
- .e-kanban .e-frozen-swimlane-row .e-frozen-row {
860
- padding: 12px 12px 12px 20px;
861
- }
862
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
863
- display: -webkit-box;
864
- display: -ms-flexbox;
865
- display: flex;
866
- }
867
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
868
- font-size: 14px;
869
- font-weight: normal;
870
- line-height: 1.5;
871
- padding: 0 0 0 8px;
872
- }
873
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
874
- font-size: 12px;
875
- font-weight: 500;
876
- line-height: 1.5;
877
- opacity: 0.57;
878
- padding: 3px;
879
- }
880
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
881
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
882
- border: 1px solid transparent;
883
- color: #adb5bd;
884
- cursor: pointer;
885
- font-size: 14px;
886
- height: 20px;
887
- margin: 1px;
888
- padding: 2px;
889
- }
890
- .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,
891
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
892
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
893
- background: var(--color-sf-secondary-bg-color-hover);
894
- border: 1px solid transparent;
895
- border-radius: 4px;
896
- -webkit-box-shadow: none;
897
- box-shadow: none;
898
- color: #fff;
899
- margin: 1px;
900
- padding: 2px;
901
- }
902
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
903
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
904
- background: var(--color-sf-secondary-bg-color-hover);
905
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
906
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
907
- }
908
- .e-kanban .e-kanban-header > div {
909
- overflow: hidden;
910
- }
911
- .e-kanban .e-kanban-header .e-header-cells {
912
- border-radius: 4px;
913
- height: 44px;
914
- overflow: hidden;
915
- padding: 8px;
916
- position: relative;
917
- text-align: left;
918
- text-overflow: ellipsis;
919
- white-space: nowrap;
920
- }
921
- .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
922
- display: -webkit-box;
923
- display: -ms-flexbox;
924
- display: flex;
925
- }
926
- .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
927
- display: -webkit-box;
928
- display: -ms-flexbox;
929
- display: flex;
930
- overflow: hidden;
931
- text-overflow: ellipsis;
932
- width: 100%;
933
- }
934
- .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
935
- border-bottom: 1px solid var(--color-sf-border);
936
- }
937
- .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
938
- cursor: pointer;
939
- font-size: 14px;
940
- padding: 4px;
941
- }
942
- .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
943
- cursor: pointer;
944
- font-size: 14px;
945
- padding: 2px;
946
- }
947
- .e-kanban .e-kanban-header .e-header-cells.e-min-color {
948
- background: var(--color-sf-warning-light);
949
- }
950
- .e-kanban .e-kanban-header .e-header-cells.e-max-color {
951
- background: var(--color-sf-danger-light-alt);
952
- }
953
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
954
- background: var(--color-sf-content-bg-color-alt1);
955
- text-align: center;
956
- width: 42px;
957
- }
958
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
959
- -webkit-box-pack: center;
960
- -ms-flex-pack: center;
961
- justify-content: center;
962
- }
963
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
964
- background: var(--color-sf-warning-light);
965
- }
966
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
967
- background: var(--color-sf-danger-light-alt);
968
- }
969
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
970
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
971
- display: none;
972
- }
973
- .e-kanban .e-kanban-header .e-header-cells .e-header-text {
974
- font-size: 12px;
975
- font-weight: 500;
976
- line-height: 1.5;
977
- overflow: hidden;
978
- padding-right: 5px;
979
- text-overflow: ellipsis;
980
- }
981
- .e-kanban .e-kanban-header .e-header-cells .e-item-count {
982
- font-size: 10px;
983
- font-weight: 500;
984
- line-height: 1.625;
985
- margin-top: 0;
986
- opacity: 1;
987
- text-transform: capitalize;
988
- }
989
- .e-kanban .e-kanban-header .e-header-cells .e-limits {
990
- display: -webkit-box;
991
- display: -ms-flexbox;
992
- display: flex;
993
- padding-top: 3px;
994
- }
995
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
996
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
997
- font-size: 12px;
998
- font-weight: 500;
999
- opacity: 1;
1000
- width: 100%;
1001
- }
1002
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
1003
- text-align: right;
1004
- }
1005
- .e-kanban .e-kanban-content {
1006
- overflow: auto;
1007
- padding-bottom: 10px;
1008
- }
1009
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
1010
- display: -webkit-box;
1011
- display: -ms-flexbox;
1012
- display: flex;
1013
- height: 26px;
1014
- position: relative;
1015
- }
1016
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border {
1017
- display: none;
1018
- }
1019
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border.e-dropping {
1020
- display: block;
1021
- position: absolute;
1022
- }
1023
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
1024
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1025
- font-size: 12px;
1026
- font-weight: 500;
1027
- opacity: 1;
1028
- padding: 4px 8px;
1029
- }
1030
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1031
- position: absolute;
1032
- right: 0;
1033
- }
1034
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
1035
- background: var(--color-sf-warning-light);
1036
- }
1037
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
1038
- background: var(--color-sf-danger-light-alt);
1039
- }
1040
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
1041
- overflow: hidden;
1042
- text-align: center;
1043
- width: 42px;
1044
- }
1045
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
1046
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
1047
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
1048
- display: none;
1049
- }
1050
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1051
- color: var(--color-sf-content-text-color-alt1);
1052
- font-size: 12px;
1053
- font-weight: 500;
1054
- overflow: hidden;
1055
- padding: 12px;
1056
- position: relative;
1057
- text-overflow: ellipsis;
1058
- white-space: nowrap;
1059
- -webkit-writing-mode: vertical-lr;
1060
- -ms-writing-mode: tb-lr;
1061
- writing-mode: vertical-lr;
1062
- }
1063
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
1064
- display: inline-block;
1065
- font-size: 13px;
1066
- font-weight: normal;
1067
- opacity: 0.57;
1068
- }
1069
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
1070
- border: 1px dashed var(--color-sf-primary);
1071
- height: 36px;
1072
- margin: 8px 8px 0;
1073
- }
1074
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
1075
- padding: 11px;
1076
- text-align: center;
1077
- }
1078
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
1079
- border: 1px dashed var(--color-sf-border--dark);
1080
- color: var(--color-sf-border--dark);
1081
- }
1082
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
1083
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
1084
- display: none;
1085
- }
1086
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1087
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1088
- height: inherit;
1089
- overflow: auto;
1090
- padding: 12px 12px 0;
1091
- }
1092
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
1093
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
1094
- color: var(--color-sf-ccontent-text-color-alt2);
1095
- display: table;
1096
- font-size: 14px;
1097
- line-height: 1.5;
1098
- margin: 0 auto;
1099
- padding: 20px 0;
1100
- position: relative;
1101
- }
1102
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1103
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1104
- border: 1px solid var(--color-sf-border-light);
1105
- border-radius: 6px;
1106
- -webkit-box-shadow: none;
1107
- box-shadow: none;
1108
- margin-bottom: 12px;
1109
- min-height: 50px;
1110
- }
1111
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
1112
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
1113
- cursor: all-scroll;
1114
- }
1115
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1116
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1117
- padding: 12px 14px 0;
1118
- }
1119
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
1120
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
1121
- font-size: 14px;
1122
- font-weight: 500;
1123
- line-height: 1.625;
1124
- }
1125
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1126
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1127
- display: -webkit-inline-box;
1128
- display: -ms-inline-flexbox;
1129
- display: inline-flex;
1130
- line-height: normal;
1131
- padding: 13px 14px;
1132
- }
1133
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1134
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1135
- font-size: 14px;
1136
- line-height: 1.625;
1137
- padding: 8px 14px;
1138
- }
1139
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1140
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
1141
- border: 1px solid transparent;
1142
- border-left: 2px solid;
1143
- }
1144
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1145
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1146
- padding: 12px 14px 0 14px;
1147
- }
1148
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1149
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1150
- padding: 8px 14px 12px 14px;
1151
- }
1152
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1153
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
1154
- padding: 8px 14px 0 12px;
1155
- }
1156
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
1157
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
1158
- border: 1px solid var(--color-sf-primary);
1159
- border-left: 2px solid;
1160
- -webkit-box-shadow: none;
1161
- box-shadow: none;
1162
- }
1163
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
1164
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
1165
- border: 1px solid var(--color-sf-primary);
1166
- border-left: 2px solid;
1167
- -webkit-box-shadow: none;
1168
- box-shadow: none;
1169
- padding: 0;
1170
- }
1171
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
1172
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
1173
- border: 1px solid var(--color-sf-border--dark);
1174
- border-left: 2px solid;
1175
- -webkit-box-shadow: none;
1176
- box-shadow: none;
1177
- }
1178
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1179
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1180
- padding: 8px 18px 8px 16px;
1181
- }
1182
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
1183
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
1184
- border-radius: 2px;
1185
- display: inline-block;
1186
- font-size: 14px;
1187
- line-height: 1.625;
1188
- margin-right: 4px;
1189
- max-width: 100%;
1190
- overflow: hidden;
1191
- padding: 1px 4px;
1192
- text-overflow: ellipsis;
1193
- }
1194
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1195
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
1196
- line-height: 1;
1197
- padding: 12px 12px 0;
1198
- }
1199
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
1200
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
1201
- position: absolute;
1202
- z-index: 1;
1203
- }
1204
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
1205
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
1206
- border: 1px solid var(--color-sf-primary);
1207
- -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1208
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1209
- }
1210
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
1211
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
1212
- border: 1px solid var(--color-sf-primary);
1213
- -webkit-box-shadow: none;
1214
- box-shadow: none;
1215
- padding: 0;
1216
- }
1217
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
1218
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
1219
- border: 1px solid var(--color-sf-border--dark);
1220
- -webkit-box-shadow: none;
1221
- box-shadow: none;
1222
- }
1223
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
1224
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
1225
- border: 1px solid var(--color-sf-border--dark);
1226
- }
1227
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
1228
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
1229
- border: 1px solid var(--color-sf-border--dark);
1230
- border-left: 2px solid;
1231
- }
1232
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
1233
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
1234
- display: none;
1235
- }
1236
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
1237
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
1238
- border: 1px solid var(--color-sf-border--dark);
1239
- height: 34px;
1240
- }
1241
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
1242
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
1243
- background: var(--color-sf-content-bg-color);
1244
- display: table-cell;
1245
- padding-left: 8px;
1246
- text-align: center;
1247
- }
1248
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1249
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1250
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1251
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1252
- border-radius: 6px;
1253
- margin-bottom: 12px;
1254
- }
1255
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1256
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
1257
- background: var(--color-sf-content-bg-color-alt3);
1258
- border: 1px dashed var(--color-sf-border--dark);
1259
- }
1260
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1261
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1262
- background: var(--color-sf-primary-lighter);
1263
- border: 1px dashed var(--color-sf-primary);
1264
- }
1265
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
1266
- border-bottom: 1px dashed var(--color-sf-border--dark);
1267
- border-left: 1px dashed var(--color-sf-border--dark);
1268
- border-right: 1px dashed var(--color-sf-border--dark);
1269
- }
1270
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
1271
- opacity: 0.5;
1272
- text-align: center;
1273
- color: var(--color-sf-content-bg-color-disabled);
1274
- font-size: 16px;
1275
- opacity: 1;
1276
- }
1277
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
1278
- border-top: 1px dashed var(--color-sf-border--dark);
1279
- }
1280
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
1281
- height: 46px;
1282
- min-height: 50px;
1283
- }
1284
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
1285
- display: -webkit-box;
1286
- display: -ms-flexbox;
1287
- display: flex;
1288
- padding: 12px;
1289
- }
1290
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1291
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1292
- border: 1px solid transparent;
1293
- color: #adb5bd;
1294
- cursor: pointer;
1295
- font-size: 14px;
1296
- height: 20px;
1297
- margin: 1px;
1298
- padding: 0;
1299
- }
1300
- .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,
1301
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
1302
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
1303
- background: none;
1304
- border: 1px solid transparent;
1305
- border-radius: 4px;
1306
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
1307
- box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
1308
- color: var(--color-sf-primary);
1309
- font-size: 14px;
1310
- margin: 1px;
1311
- padding: 0;
1312
- }
1313
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1314
- font-size: 14px;
1315
- font-weight: normal;
1316
- line-height: 1.5;
1317
- padding: 0 0 0 8px;
1318
- }
1319
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1320
- color: inherit;
1321
- font-size: 12px;
1322
- font-weight: 500;
1323
- line-height: 20px;
1324
- opacity: 0.8;
1325
- padding: 1px 2px;
1326
- }
1327
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
1328
- border: 1px solid transparent;
1329
- border-radius: 4px;
1330
- vertical-align: top;
1331
- }
1332
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
1333
- border: 1px dashed var(--color-sf-border--dark);
1334
- }
1335
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
1336
- background: var(--color-sf-warning-light);
1337
- }
1338
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
1339
- background: var(--color-sf-danger-light-alt);
1340
- }
1341
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
1342
- border: 1px solid transparent;
1343
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary), 0.25);
1344
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary), 0.25);
1345
- }
1346
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1347
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
1348
- min-height: 50px;
1349
- }
1350
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-dropping {
1351
- border: 1px dashed var(--color-sf-border--dark);
1352
- }
1353
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
1354
- border-bottom: 0;
1355
- height: 0;
1356
- }
1357
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
1358
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
1359
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
1360
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1361
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
1362
- display: none;
1363
- }
1364
- .e-kanban.e-rtl .e-kanban-table .e-header-cells {
1365
- text-align: right;
1366
- }
1367
- .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
1368
- padding-left: 5px;
1369
- padding-right: initial;
1370
- text-align: right;
1371
- text-transform: uppercase;
1372
- }
1373
- .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
1374
- text-align: left;
1375
- }
1376
- .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
1377
- text-align: center;
1378
- }
1379
- .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
1380
- left: 0;
1381
- right: auto;
1382
- }
1383
- .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1384
- direction: initial;
1385
- }
1386
- .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,
1387
- .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 {
1388
- margin: 1px;
1389
- }
1390
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
1391
- background: var(--color-sf-content-bg-color-alt1);
1392
- border-bottom: 0;
1393
- display: -webkit-box;
1394
- display: -ms-flexbox;
1395
- display: flex;
1396
- margin-bottom: 3px;
1397
- min-height: 42px;
1398
- padding: 10px;
1399
- }
1400
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1401
- color: inherit;
1402
- font-size: 16px;
1403
- font-weight: 500;
1404
- line-height: 1.5;
1405
- padding: 5px;
1406
- }
1407
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
1408
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
1409
- padding-top: 6px;
1410
- }
1411
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
1412
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
1413
- color: inherit;
1414
- font-size: 18px;
1415
- padding: 7px;
1416
- padding-left: 4px;
1417
- }
1418
- .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
1419
- border-bottom: 0;
1420
- }
1421
- .e-kanban.e-device .e-swimlane-content {
1422
- position: absolute;
1423
- width: 100%;
1424
- }
1425
- .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
1426
- background: var(--color-sf-content-bg-color);
1427
- border: 1px solid #dee2e6;
1428
- height: 100%;
1429
- width: 225px;
1430
- }
1431
- .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
1432
- height: 100%;
1433
- overflow-y: auto;
1434
- }
1435
- .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
1436
- position: absolute;
1437
- }
1438
- .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
1439
- background: var(--color-sf-overlay-bg-color);
1440
- height: 100%;
1441
- opacity: 1;
1442
- width: 100%;
1443
- }
1444
-
1445
- .e-bigger .e-kanban .e-swimlane-header-toolbar,
1446
- .e-bigger.e-kanban .e-swimlane-header-toolbar {
1447
- margin-bottom: 5px;
1448
- min-height: 56px;
1449
- }
1450
- .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
1451
- .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1452
- font-size: 18px;
1453
- }
1454
- .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
1455
- .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
1456
- font-size: 20px;
1457
- }
1458
- .e-bigger .e-kanban .e-kanban-table.e-content-table,
1459
- .e-bigger.e-kanban .e-kanban-table.e-content-table {
1460
- border-spacing: 12px 4px;
1461
- }
1462
- .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
1463
- .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
1464
- border-spacing: 12px 0;
1465
- }
1466
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
1467
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
1468
- padding: 16px 16px 16px 28px;
1469
- }
1470
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
1471
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1472
- font-size: 16px;
1473
- }
1474
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
1475
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1476
- line-height: 1.625;
1477
- padding: 4px;
1478
- }
1479
- .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
1480
- .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
1481
- width: 48px;
1482
- }
1483
- .e-bigger .e-kanban .e-kanban-table .e-header-cells,
1484
- .e-bigger.e-kanban .e-kanban-table .e-header-cells {
1485
- height: 48px;
1486
- }
1487
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1488
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
1489
- font-size: 16px;
1490
- font-weight: 500;
1491
- line-height: 1.5;
1492
- text-transform: uppercase;
1493
- }
1494
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
1495
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
1496
- font-size: 12px;
1497
- font-weight: 500;
1498
- line-height: 1.5;
1499
- margin-top: 4px;
1500
- text-transform: capitalize;
1501
- }
1502
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1503
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1504
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1505
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
1506
- font-size: 14px;
1507
- }
1508
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1509
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
1510
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1511
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1512
- padding: 16px 16px 0;
1513
- }
1514
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1515
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1516
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1517
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
1518
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1519
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1520
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1521
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1522
- margin-bottom: 16px;
1523
- }
1524
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
1525
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
1526
- padding: 14px;
1527
- }
1528
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
1529
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1530
- font-size: 16px;
1531
- line-height: 1.5;
1532
- }
1533
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
1534
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1535
- font-size: 12px;
1536
- line-height: 1.5;
1537
- padding: 5px;
1538
- }
1539
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1540
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
1541
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1542
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1543
- font-size: 14px;
1544
- padding-top: 4px;
1545
- }
1546
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
1547
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
1548
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus,
1549
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover,
1550
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
1551
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
1552
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
1553
- padding-top: 4px;
1554
- }
1555
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1556
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1557
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1558
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1559
- padding: 12px 20px 0 20px;
1560
- }
1561
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1562
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1563
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1564
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1565
- padding: 12px 20px 12px 20px;
1566
- }
1567
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1568
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1569
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1570
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
1571
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1572
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1573
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1574
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1575
- padding: 0 24px 12px 22px;
1576
- }
1577
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1578
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
1579
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1580
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1581
- padding: 24px 24px 0;
1582
- }
1583
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1584
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1585
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1586
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1587
- padding: 8px 24px 12px;
1588
- }
1589
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1590
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1591
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1592
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
1593
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1594
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1595
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
1596
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1597
- padding: 0 24px 12px;
1598
- }
1599
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1600
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1601
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1602
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
1603
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1604
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
1605
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1606
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1607
- margin-bottom: 16px;
1608
- }
1609
- .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,
1610
- .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,
1611
- .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,
1612
- .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,
1613
- .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,
1614
- .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,
1615
- .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,
1616
- .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 {
1617
- font-size: 16px;
1618
- line-height: 1.5;
1619
- }
1620
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1621
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1622
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1623
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1624
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1625
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1626
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1627
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1628
- font-size: 16px;
1629
- line-height: 1.625;
1630
- }
1631
-
1632
- .e-mobile-popup-wrapper.e-device,
1633
- .e-mobile-popup-container.e-device {
1634
- background: var(--color-sf-content-bg-color);
1635
- border-radius: 2px;
1636
- bottom: 0;
1637
- -webkit-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);
1638
- 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);
1639
- display: -webkit-box;
1640
- display: -ms-flexbox;
1641
- display: flex;
1642
- height: 60px;
1643
- left: 0;
1644
- margin: 0;
1645
- max-width: 100%;
1646
- min-width: 100%;
1647
- opacity: 1;
1648
- overflow: hidden;
1649
- padding: 15px;
1650
- position: fixed;
1651
- right: 0;
1652
- top: 0;
1653
- -webkit-user-select: none;
1654
- -moz-user-select: none;
1655
- -ms-user-select: none;
1656
- user-select: none;
1657
- width: 100%;
1658
- z-index: 1004;
1659
- }
1660
- .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
1661
- .e-mobile-popup-container.e-device .e-popup-header .e-close {
1662
- background: transparent;
1663
- }
1664
- .e-mobile-popup-wrapper.e-device .e-popup-content,
1665
- .e-mobile-popup-container.e-device .e-popup-content {
1666
- color: inherit;
1667
- font-size: 15px;
1668
- font-weight: 500;
1669
- overflow: hidden;
1670
- padding: 5px;
1671
- text-overflow: ellipsis;
1672
- white-space: nowrap;
1673
- width: 100%;
1674
- }
1675
-
1676
- .e-kanban-dialog.e-dialog {
1677
- min-width: 350px;
1678
- }
1679
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
1680
- .e-kanban-dialog.e-dialog .e-kanban-form-container table {
1681
- width: 100%;
1682
- }
1683
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
1684
- .e-kanban-dialog.e-dialog .e-kanban-form-container table td {
1685
- color: var(--color-sf-content-text-color-alt1);
1686
- font-size: 14px;
1687
- font-weight: 500;
1688
- letter-spacing: 0;
1689
- line-height: 1.5;
1690
- opacity: 1;
1691
- padding: 8px 0;
1692
- text-align: left;
1693
- }
1694
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
1695
- .e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
1696
- resize: vertical;
1697
- }
1698
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
1699
- .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
1700
- padding-right: 10px;
1701
- vertical-align: top;
1702
- width: 70px;
1703
- }
1704
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
1705
- .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
1706
- width: 100%;
1707
- }
1708
- .e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
1709
- float: left;
1710
- margin-left: 0;
1711
- }
1712
-
1713
- *.e-rtl .e-kanban-form-wrapper table .e-label,
1714
- *.e-rtl .e-kanban-form-container table .e-label {
1715
- padding-left: 10px;
1716
- padding-right: 0;
1717
- text-align: right;
1718
- }
1719
- *.e-rtl .e-dialog-delete {
1720
- float: right;
1721
- }
1722
-
1723
- .e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
1724
- border-radius: 6px;
1725
- }
1726
-
1727
- .e-card-virtual-skeleton-wrapper {
1728
- height: inherit;
1729
- overflow: hidden;
1730
- padding: 12px 12px 0;
1731
- }
1732
-
1733
- /*! kanban component theme */
1734
- .e-kanban {
1735
- background: var(--color-sf-content-bg-color);
1736
- }
1737
- .e-kanban .e-kanban-table .e-header-cells {
1738
- background: var(--color-sf-content-bg-color-alt1);
1739
- }
1740
- .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1741
- color: var(--color-sf-content-text-color-alt1);
1742
- }
1743
- .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1744
- color: var(--color-sf-content-text-color-alt3);
1745
- }
1746
- .e-kanban .e-kanban-table .e-header-cells .e-limits {
1747
- color: var(--color-sf-content-text-color-alt3);
1748
- }
1749
- .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1750
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
1751
- border: 1px solid transparent;
1752
- color: #adb5bd;
1753
- }
1754
- .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
1755
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
1756
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
1757
- background: none;
1758
- border: 1px solid transparent;
1759
- border-radius: 4px;
1760
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary), 0.25);
1761
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary), 0.25);
1762
- color: var(--color-sf-primary);
1763
- }
1764
- .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
1765
- background: var(--color-sf-content-bg-color-alt1);
1766
- }
1767
- .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
1768
- .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
1769
- color: var(--color-sf-content-text-color);
1770
- }
1771
- .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
1772
- background: var(--color-sf-primary-lighter);
1773
- }
1774
- .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
1775
- color: var(--color-sf-primary);
1776
- }
1777
- .e-kanban .e-kanban-table.e-content-table .e-card {
1778
- background: var(--color-sf-content-bg-color);
1779
- }
1780
- .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
1781
- background: var(--color-sf-content-bg-color);
1782
- }
1783
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
1784
- color: var(--color-sf-content-text-color);
1785
- }
1786
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
1787
- color: var(--color-sf-content-text-color-alt1);
1788
- }
1789
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
1790
- background: var(--color-sf-content-bg-color-alt3);
1791
- color: var(--color-sf-content-text-color);
1792
- }
1793
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
1794
- background: var(--color-sf-primary-lighter);
1795
- border-color: var(--color-sf-primary);
1796
- }
1797
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
1798
- border-bottom-color: var(--color-sf-primary);
1799
- }
1800
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
1801
- border-color: var(--color-sf-primary);
1802
- }
1803
- .e-kanban .e-frozen-swimlane-row {
1804
- background: var(--color-sf-content-bg-color);
1805
- }
1806
- .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
1807
- color: var(--color-sf-content-text-color);
1808
- }
1809
- .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1810
- color: var(--color-sf-content-text-color-alt3);
1811
- }
1812
-
1813
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
1814
- background: initial;
1815
- color: var(--color-sf-content-text-color);
1816
- min-width: 70%;
1817
- font-weight: normal;
1818
- border-color: #dee2e6;
1819
- border-radius: 4px;
1820
- outline: none;
1821
- padding: 4px 8px 4px 12px;
1822
- }
1823
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
1824
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-primary);
1825
- box-shadow: 0 0 0 2px var(--color-sf-primary);
1826
- }
1827
-
1828
- .e-card-virtual-skeleton-wrapper,
1829
- .e-card-skeleton-wrapper {
1830
- background: var(--color-sf-content-bg-color-alt1);
1831
- }