@syncfusion/ej2-angular-kanban 25.2.6 → 26.1.35-ngcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/@syncfusion/ej2-angular-kanban.es5.js +355 -0
  2. package/@syncfusion/ej2-angular-kanban.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-kanban.js +323 -0
  4. package/@syncfusion/ej2-angular-kanban.js.map +1 -0
  5. package/dist/ej2-angular-kanban.umd.js +397 -0
  6. package/dist/ej2-angular-kanban.umd.js.map +1 -0
  7. package/dist/ej2-angular-kanban.umd.min.js +11 -0
  8. package/dist/ej2-angular-kanban.umd.min.js.map +1 -0
  9. package/ej2-angular-kanban.d.ts +5 -0
  10. package/ej2-angular-kanban.metadata.json +1 -0
  11. package/package.json +15 -29
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/kanban/columns.directive.d.ts +0 -5
  15. package/src/kanban/kanban-all.module.d.ts +0 -6
  16. package/src/kanban/kanban.component.d.ts +0 -3
  17. package/src/kanban/kanban.module.d.ts +0 -8
  18. package/src/kanban/stackedheaders.directive.d.ts +0 -5
  19. package/styles/bootstrap-dark.css +1202 -1
  20. package/styles/bootstrap.css +1196 -1
  21. package/styles/bootstrap4.css +1302 -1
  22. package/styles/bootstrap5-dark.css +1263 -1
  23. package/styles/bootstrap5.3.css +1831 -0
  24. package/styles/bootstrap5.3.scss +1 -0
  25. package/styles/bootstrap5.css +1263 -1
  26. package/styles/fabric-dark.css +1165 -1
  27. package/styles/fabric.css +1154 -1
  28. package/styles/fluent-dark.css +1230 -1
  29. package/styles/fluent.css +1230 -1
  30. package/styles/fluent2.css +2248 -0
  31. package/styles/fluent2.scss +1 -0
  32. package/styles/highcontrast-light.css +1239 -1
  33. package/styles/highcontrast.css +1248 -1
  34. package/styles/kanban/bootstrap-dark.css +1202 -1
  35. package/styles/kanban/bootstrap.css +1196 -1
  36. package/styles/kanban/bootstrap4.css +1302 -1
  37. package/styles/kanban/bootstrap5-dark.css +1263 -1
  38. package/styles/kanban/bootstrap5.3.css +1831 -0
  39. package/styles/kanban/bootstrap5.3.scss +1 -0
  40. package/styles/kanban/bootstrap5.css +1263 -1
  41. package/styles/kanban/fabric-dark.css +1165 -1
  42. package/styles/kanban/fabric.css +1154 -1
  43. package/styles/kanban/fluent-dark.css +1230 -1
  44. package/styles/kanban/fluent.css +1230 -1
  45. package/styles/kanban/fluent2.css +2248 -0
  46. package/styles/kanban/fluent2.scss +1 -0
  47. package/styles/kanban/highcontrast-light.css +1239 -1
  48. package/styles/kanban/highcontrast.css +1248 -1
  49. package/styles/kanban/material-dark.css +1183 -1
  50. package/styles/kanban/material.css +1208 -1
  51. package/styles/kanban/material3-dark.css +1325 -1
  52. package/styles/kanban/material3.css +1437 -1
  53. package/styles/kanban/tailwind-dark.css +1205 -1
  54. package/styles/kanban/tailwind.css +1205 -1
  55. package/styles/material-dark.css +1183 -1
  56. package/styles/material.css +1208 -1
  57. package/styles/material3-dark.css +1325 -1
  58. package/styles/material3.css +1437 -1
  59. package/styles/tailwind-dark.css +1205 -1
  60. package/styles/tailwind.css +1205 -1
  61. package/esm2020/public_api.mjs +0 -3
  62. package/esm2020/src/index.mjs +0 -7
  63. package/esm2020/src/kanban/columns.directive.mjs +0 -66
  64. package/esm2020/src/kanban/kanban-all.module.mjs +0 -23
  65. package/esm2020/src/kanban/kanban.component.mjs +0 -100
  66. package/esm2020/src/kanban/kanban.module.mjs +0 -43
  67. package/esm2020/src/kanban/stackedheaders.directive.mjs +0 -58
  68. package/esm2020/syncfusion-ej2-angular-kanban.mjs +0 -5
  69. package/fesm2015/syncfusion-ej2-angular-kanban.mjs +0 -279
  70. package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  71. package/fesm2020/syncfusion-ej2-angular-kanban.mjs +0 -279
  72. package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  73. package/postinstall/tagchange.js +0 -18
  74. package/syncfusion-ej2-angular-kanban.d.ts +0 -5
package/styles/kanban/fluent2.css ADDED
@@ -0,0 +1,2248 @@
1
+ :root {
2
+ --color-sf-black: #000;
3
+ --color-sf-white: #fff;
4
+ --color-sf-primary: #0f6cbd;
5
+ --color-sf-primary-text-color: #fff;
6
+ --color-sf-primary-light: #b4d6fa;
7
+ --color-sf-primary-lighter: #ebf3fc;
8
+ --color-sf-primary-dark: #0f548c;
9
+ --color-sf-primary-darker: #0c3b5e;
10
+ --color-sf-success: #0e700e;
11
+ --color-sf-info: #008aa9;
12
+ --color-sf-warning: #bc4b09;
13
+ --color-sf-danger: #d13438;
14
+ --color-sf-success-light: #54b054;
15
+ --color-sf-info-light: #56bfd7;
16
+ --color-sf-warning-light: #fee5d7;
17
+ --color-sf-danger-light: #eeacb2;
18
+ --color-sf-success-dark: #54b054;
19
+ --color-sf-info-dark: #56bfd7;
20
+ --color-sf-warning-dark: #8a3707;
21
+ --color-sf-danger-dark: #6e0811;
22
+ --color-sf-success-light-alt: #f1faf1;
23
+ --color-sf-info-light-alt: #f2fafc;
24
+ --color-sf-warning-light-alt: #fff9f5;
25
+ --color-sf-danger-light-alt: #fdf3f4;
26
+ --color-sf-badge-warning: #fde300;
27
+ --color-sf-badge-warning-text: #847619;
28
+ --color-sf-primary-label-color: var(--color-sf-primary);
29
+ --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
+ --color-sf-brand-primary: #7e56d8;
31
+ --color-sf-brand-primary-d10: #6e41d3;
32
+ --color-sf-content-bg-color: #fafafa;
33
+ --color-sf-content-bg-color-alt1: #fff;
34
+ --color-sf-content-bg-color-alt2: #f5f5f5;
35
+ --color-sf-content-bg-color-alt3: #e6e6e6;
36
+ --color-sf-content-bg-color-alt4: #f0f0f0;
37
+ --color-sf-content-bg-color-alt5: #ebebeb;
38
+ --color-sf-content-bg-color-alt6: #e6e6e6;
39
+ --color-sf-content-bg-color-hover: #f0f0f0;
40
+ --color-sf-content-bg-color-pressed: #dbdbdb;
41
+ --color-sf-content-bg-color-focus: #f0f0f0;
42
+ --color-sf-content-bg-color-selected: #e6e6e6;
43
+ --color-sf-content-bg-color-dragged: #ebf3fc;
44
+ --color-sf-content-bg-color-disabled: #f0f0f0;
45
+ --color-sf-flyout-bg-color: #fff;
46
+ --color-sf-flyout-bg-color-hover: #f5f5f5;
47
+ --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
+ --color-sf-flyout-bg-color-selected: #ebebeb;
49
+ --color-sf-flyout-bg-color-focus: #f5f5f5;
50
+ --color-sf-overlay-bg-color: #000;
51
+ --color-sf-table-bg-color-hover: #f5f5f5;
52
+ --color-sf-table-bg-color-pressed: #e0e0e0;
53
+ --color-sf-table-bg-color-selected: #ebf3fc;
54
+ --color-sf-content-text-color: #242424;
55
+ --color-sf-content-text-color-alt1: #424242;
56
+ --color-sf-content-text-color-alt2: #616161;
57
+ --color-sf-content-text-color-alt3: #707070;
58
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
+ --color-sf-content-text-color-disabled: #bdbdbd;
64
+ --color-sf-placeholder-text-color: #707070;
65
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
+ --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
77
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
78
+ --color-sf-border-light: #e0e0e0;
79
+ --color-sf-border: #d1d1d1;
80
+ --color-sf-border-alt: #616161;
81
+ --color-sf-border-dark: #c7c7c7;
82
+ --color-sf-border-hover: #575757;
83
+ --color-sf-border-pressed: #4d4d4d;
84
+ --color-sf-border-focus: var(--color-sf-border);
85
+ --color-sf-border-selected: #b3b3b3;
86
+ --color-sf-border-dragged: #ebf3fc;
87
+ --color-sf-border-disabled: var(--color-sf-border-light);
88
+ --color-sf-border-warning: #da3b01;
89
+ --color-sf-border-error: #c50f1f;
90
+ --color-sf-border-success: #107c10;
91
+ --color-sf-border-info: #0099bc;
92
+ --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
93
+ --color-sf-flyout-border: var(--color-sf-border-light);
94
+ --color-sf-primary-bg-color: var(--color-sf-primary);
95
+ --color-sf-primary-border-color: var(--color-sf-primary);
96
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
97
+ --color-sf-primary-bg-color-hover: #115ea3;
98
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
99
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
100
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
101
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
102
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
103
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
104
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
105
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
106
+ --color-sf-primary-bg-color-disabled: #f0f0f0;
107
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
108
+ --color-sf-primary-text-disabled: #b8b8b8;
109
+ --color-sf-primary-bg-color-selected: #0f548c;
110
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
111
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
112
+ --color-sf-secondary-bg-color: #fff;
113
+ --color-sf-secondary-border-color: #d1d1d1;
114
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
115
+ --color-sf-secondary-bg-color-hover: #f5f5f5;
116
+ --color-sf-secondary-border-color-hover: #c7c7c7;
117
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
118
+ --color-sf-secondary-bg-color-pressed: #e0e0e0;
119
+ --color-sf-secondary-border-color-pressed: #b3b3b3;
120
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
121
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
122
+ --color-sf-secondary-border-color-focus: #000;
123
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
124
+ --color-sf-secondary-bg-color-disabled: #f0f0f0;
125
+ --color-sf-secondary-border-color-disabled: #e0e0e0;
126
+ --color-sf-secondary-text-color-disabled: #bdbdbd;
127
+ --color-sf-secondary-bg-color-selected: #ebebeb;
128
+ --color-sf-secondary-border-color-selected: #bdbdbd;
129
+ --color-sf-secondary-text-color-selected: #242424;
130
+ --color-sf-success-bg-color: #107c10;
131
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
132
+ --color-sf-success-text: var(--color-sf-primary-text-color);
133
+ --color-sf-success-bg-color-hover: #0c5e0c;
134
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
135
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
136
+ --color-sf-success-bg-color-pressed: #052505;
137
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
138
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
139
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
140
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
141
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
142
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
143
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
144
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
145
+ --color-sf-success-bg-color-selected: #094509;
146
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
147
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
148
+ --color-sf-warning-bg-color: #f7630c;
149
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
150
+ --color-sf-warning-text: var(--color-sf-content-text-color);
151
+ --color-sf-warning-bg-color-hover: #bc4b09;
152
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
153
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
154
+ --color-sf-warning-bg-color-pressed: #4a1e04;
155
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
156
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
157
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
158
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
159
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
160
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
161
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
162
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
163
+ --color-sf-warning-bg-color-selected: #bc4b09;
164
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
165
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
166
+ --color-sf-info-bg-color: #31afcc;
167
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
168
+ --color-sf-info-text: var(--color-sf-content-text-color);
169
+ --color-sf-info-bg-color-hover: #008aa9;
170
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
171
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
172
+ --color-sf-info-bg-color-pressed: #00748f;
173
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
174
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
175
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
176
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
177
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
178
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
179
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
180
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
181
+ --color-sf-info-bg-color-selected: #005669;
182
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
183
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
184
+ --color-sf-danger-bg-color: #c50f1f;
185
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
186
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
187
+ --color-sf-danger-bg-color-hover: #960b18;
188
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
189
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
190
+ --color-sf-danger-bg-color-pressed: #3b0509;
191
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
192
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
193
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
194
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
195
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
196
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
197
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
198
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
199
+ --color-sf-danger-bg-color-selected: #6e0811;
200
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
201
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
202
+ --color-sf-primary-outline: var(--color-sf-primary);
203
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
204
+ --color-sf-warning-outline: var(--color-sf-warning-border-color);
205
+ --color-sf-danger-outline: var(--color-sf-danger-border-color);
206
+ --color-sf-success-outline: var(--color-sf-success-border-color);
207
+ --color-sf-info-outline: var(--color-sf-info-border-color);
208
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
+ --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
+ --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
211
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
214
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
215
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
216
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
217
+ --color-sf-appbar-bg-color-alt2: #141414;
218
+ --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
219
+ --color-sf-appbar-border-color-alt2: #141414;
220
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
221
+ --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
+ --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
+ --color-sf-rating-selected-color: var(--color-sf-content-text-color);
225
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
+ --color-sf-rating-selected-disabled-color: #b3b3b3;
227
+ --color-sf-rating-unrated-disabled-color: #b3b3b3;
228
+ --color-sf-rating-selected-hover-color: #115ea3;
229
+ --color-sf-rating-unrated-hover-color: #0f6cbd;
230
+ --color-sf-rating-pressed-color: #0f548c;
231
+ --color-sf-msg-color: var(--color-sf-content-text-color);
232
+ --color-sf-msg-bg-color: #f5f5f5;
233
+ --color-sf-msg-border-color: #d1d1d1;
234
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
235
+ --color-sf-msg-bg-color-alt1: transparent;
236
+ --color-sf-msg-border-color-alt1: #d1d1d1;
237
+ --color-sf-msg-color-alt2: #fff;
238
+ --color-sf-msg-bg-color-alt2: #616161;
239
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
240
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
241
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
242
+ --color-sf-msg-icon-color-alt2: #fff;
243
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
244
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
245
+ --color-sf-msg-close-icon-color-alt2: #fff;
246
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
+ --color-sf-msg-success-bg-color: #f1faf1;
248
+ --color-sf-msg-success-border-color: #9fd89f;
249
+ --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
250
+ --color-sf-msg-success-bg-color-alt1: transparent;
251
+ --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
+ --color-sf-msg-success-color-alt2: #fff;
253
+ --color-sf-msg-success-bg-color-alt2: #107c10;
254
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
255
+ --color-sf-msg-success-icon-color: #0e700e;
256
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
257
+ --color-sf-msg-success-icon-color-alt2: #fff;
258
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
259
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
260
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
261
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
+ --color-sf-msg-danger-bg-color: #fdf3f4;
263
+ --color-sf-msg-danger-border-color: #eeacb2;
264
+ --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
265
+ --color-sf-msg-danger-bg-color-alt1: transparent;
266
+ --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
+ --color-sf-msg-danger-color-alt2: #fff;
268
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
269
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
270
+ --color-sf-msg-danger-icon-color: #b10e1c;
271
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
272
+ --color-sf-msg-danger-icon-color-alt2: #fff;
273
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
274
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
275
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
276
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
+ --color-sf-msg-info-bg-color: #f2fafc;
278
+ --color-sf-msg-info-border-color: #a4deeb;
279
+ --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
280
+ --color-sf-msg-info-bg-color-alt1: transparent;
281
+ --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
+ --color-sf-msg-info-color-alt2: #fff;
283
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
284
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
285
+ --color-sf-msg-info-icon-color: #008aa9;
286
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
287
+ --color-sf-msg-info-icon-color-alt2: #fff;
288
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
289
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
290
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
291
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
+ --color-sf-msg-warning-bg-color: #fdf6f3;
293
+ --color-sf-msg-warning-border-color: #f4bfab;
294
+ --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
295
+ --color-sf-msg-warning-bg-color-alt1: transparent;
296
+ --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
+ --color-sf-msg-warning-color-alt2: #fff;
298
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
299
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
300
+ --color-sf-msg-warning-icon-color: #c43501;
301
+ --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
302
+ --color-sf-msg-warning-icon-color-alt2: #fff;
303
+ --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
304
+ --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
305
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
306
+ --color-sf-utility-primary-lighter: #f9f5ff;
307
+ --color-sf-utility-success-lighter: #aaefc6;
308
+ --color-sf-utility-info-lighter: #b9e6fe;
309
+ --color-sf-utility-warning-lighter: #fede88;
310
+ --color-sf-utility-danger-lighter: #fecdc9;
311
+ --color-sf-fg-white: #fff;
312
+ --color-sf-shadow-color: #000;
313
+ --color-sf-shadow-color1: #fff;
314
+ --color-sf-link-button: var(--color-sf-primary);
315
+ --color-sf-link-button-hover: #115ea3;
316
+ --color-sf-link-button-pressed: #0c3b5e;
317
+ --color-sf-link-button-focus: #0f6cbd;
318
+ --color-sf-link-button-border-focus: #242424;
319
+ --color-sf-chip-bg-color: #f5f5f5;
320
+ --color-sf-chip-border-color: rgba(0, 0, 0, 0);
321
+ --color-sf-chip-bg-disabled: #f0f0f0;
322
+ --color-sf-chip-border-disabled: #fff;
323
+ --color-sf-secondary-outline-button-text-color-hover: #242424;
324
+ --color-sf-secondary-outline-button-text-color-pressed: #242424;
325
+ --color-sf-secondary-outline-button-text-color-selected: #242424;
326
+ --color-sf-secondary-outline-button-text-color-focus: #242424;
327
+ --color-sf-slider-shadow1: #fff;
328
+ --color-sf-slider-shadow2: #d1d1d1;
329
+ --color-sf-slider-disabled: #d1d1d1;
330
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
331
+ --color-sf-slider-bg-disabled: #e0e0e0;
332
+ --color-sf-toggle-switch-border-disabled: #f0f0f0;
333
+ --color-sf-calendar-icon-color: #0f6ebd;
334
+ --color-sf-calendar-header-text-color-pressed: #0f548c;
335
+ --color-sf-calendar-today-bg-color: #0f63bd;
336
+ --color-sf-dialog-border: #fafafa;
337
+ --color-sf-badge-light-bg-color: #e6e6e6;
338
+ --color-sf-secondary-badge-border-color: #fff;
339
+ --color-sf-secondary-badge-bg-color: #fff;
340
+ --color-sf-secondary-badge-bg-color-focus: #fff;
341
+ --color-sf-skeleton-bg-color: #e6e6e6;
342
+ --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
343
+ --color-sf-tab-selected-text-color-disabled: #bdbdbd;
344
+ --color-sf-ribbon-border-color: #00000000;
345
+ --color-sf-toolbar-icon-color: #0f6cbd;
346
+ --color-sf-contextual-text: #616161;
347
+ --color-sf-cell-selection-bg-color: #ebf3fc;
348
+ --color-sf-document-editor-border-color: #00000000;
349
+ }
350
+
351
+ .e-dark-mode {
352
+ --color-sf-black: #000;
353
+ --color-sf-white: #fff;
354
+ --color-sf-content-bg-color: #1f1f1f;
355
+ --color-sf-content-bg-color-alt1: #292929;
356
+ --color-sf-content-bg-color-alt2: #141414;
357
+ --color-sf-content-bg-color-alt3: #333;
358
+ --color-sf-content-bg-color-alt4: #0a0a0a;
359
+ --color-sf-content-bg-color-alt5: #000;
360
+ --color-sf-content-bg-color-alt6: #050505;
361
+ --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
362
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
363
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
364
+ --color-sf-content-bg-color-selected: #2e2e2e;
365
+ --color-sf-content-bg-color-dragged: #08233b;
366
+ --color-sf-content-bg-color-disabled: #141414;
367
+ --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
368
+ --color-sf-flyout-bg-color-hover: #3d3d3d;
369
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
+ --color-sf-flyout-bg-color-selected: #383838;
371
+ --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
+ --color-sf-overlay-bg-color: rgba($black, .4);
373
+ --color-sf-table-bg-color-hover: #383838;
374
+ --color-sf-table-bg-color-pressed: #2e2e2e;
375
+ --color-sf-table-bg-color-selected: #082338;
376
+ --color-sf-content-text-color: #fff;
377
+ --color-sf-content-text-color-alt1: #d6d6d6;
378
+ --color-sf-content-text-color-alt2: #adadad;
379
+ --color-sf-content-text-color-alt3: #999;
380
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
381
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
382
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
383
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
384
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
385
+ --color-sf-content-text-color-disabled: #5c5c5c;
386
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
387
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
388
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
389
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
390
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
391
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
392
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
393
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
394
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
395
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
396
+ --color-sf-icon-color: #d6d6d6;
397
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
398
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
399
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
400
+ --color-sf-border-light: #525252;
401
+ --color-sf-border: #666;
402
+ --color-sf-border-alt: #adadad;
403
+ --color-sf-border-dark: #757575;
404
+ --color-sf-border-hover: #757575;
405
+ --color-sf-border-pressed: #4d4d4d;
406
+ --color-sf-border-focus: var(--color-sf-border);
407
+ --color-sf-border-selected: #6b6b6b;
408
+ --color-sf-border-dragged: var(--color-sf-primary);
409
+ --color-sf-border-disabled: #08233b;
410
+ --color-sf-border-warning: #bc4b09;
411
+ --color-sf-border-error: #dc626d;
412
+ --color-sf-border-success: #9fd89f;
413
+ --color-sf-border-info: #18a4c4;
414
+ --color-sf-spreadsheet-gridline: #e6e6e6;
415
+ --color-sf-flyout-border: #525252;
416
+ --color-sf-primary: #115ea3;
417
+ --color-sf-primary-text-color: #fff;
418
+ --color-sf-primary-light: #0e4775;
419
+ --color-sf-primary-lighter: #082338;
420
+ --color-sf-primary-dark: #62abf5;
421
+ --color-sf-primary-darker: #96c6fa;
422
+ --color-sf-success: #107c10;
423
+ --color-sf-info: #0099bc;
424
+ --color-sf-warning: #faa06b;
425
+ --color-sf-danger: #dc626d;
426
+ --color-sf-success-light: #094509;
427
+ --color-sf-info-light: #005669;
428
+ --color-sf-warning-light: #4a1e04;
429
+ --color-sf-danger-light: #6e0811;
430
+ --color-sf-success-dark: #c9eac9;
431
+ --color-sf-info-dark: #cdedf4;
432
+ --color-sf-warning-dark: #fee5d7;
433
+ --color-sf-danger-dark: #fee5d7;
434
+ --color-sf-success-light-alt: #052505;
435
+ --color-sf-info-light-alt: #002e38;
436
+ --color-sf-warning-light-alt: #4a1e04;
437
+ --color-sf-danger-light-alt: #3b0509;
438
+ --color-sf-badge-warning: #fde300;
439
+ --color-sf-badge-warning-text: #fde300;
440
+ --color-sf-primary-label-color: #479ef5;
441
+ --color-sf-primary-cell-selection: #ebf3fc;
442
+ --color-sf-primary-bg-color: var(--color-sf-primary);
443
+ --color-sf-primary-border-color: var(--color-sf-primary);
444
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
445
+ --color-sf-primary-bg-color-hover: #0f6cbd;
446
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
447
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
448
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
449
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
450
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
451
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
452
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
453
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
454
+ --color-sf-primary-bg-color-disabled: #141414;
455
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
456
+ --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
457
+ --color-sf-primary-bg-color-selected: #0f548c;
458
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
459
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
460
+ --color-sf-secondary-bg-color: #292929;
461
+ --color-sf-secondary-border-color: var(--color-sf-border);
462
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
463
+ --color-sf-secondary-bg-color-hover: #3d3d3d;
464
+ --color-sf-secondary-border-color-hover: #757575;
465
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
466
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
467
+ --color-sf-secondary-border-color-pressed: #6b6b6b;
468
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
469
+ --color-sf-secondary-bg-color-focus: #383838;
470
+ --color-sf-secondary-border-color-focus: #fff;
471
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
472
+ --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
473
+ --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
474
+ --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
475
+ --color-sf-secondary-bg-color-selected: #383838;
476
+ --color-sf-secondary-border-color-selected: #707070;
477
+ --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
478
+ --color-sf-success-bg-color: #218c21;
479
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
+ --color-sf-success-text: var(--color-sf-primary-text-color);
481
+ --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
482
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
+ --color-sf-success-bg-color-pressed: #052505;
485
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
486
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
487
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
488
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
489
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
490
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
491
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
492
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
493
+ --color-sf-success-bg-color-selected: #094509;
494
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
495
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
496
+ --color-sf-warning-bg-color: #f87528;
497
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
+ --color-sf-warning-text: #242424;
499
+ --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
500
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
+ --color-sf-warning-bg-color-pressed: #4a1e04;
503
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
504
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
505
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
506
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
507
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
508
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
509
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
510
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
511
+ --color-sf-warning-bg-color-selected: #8a3707;
512
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
513
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
514
+ --color-sf-info-bg-color: #18a4c4;
515
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
516
+ --color-sf-info-text: #242424;
517
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
518
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
519
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
520
+ --color-sf-info-bg-color-pressed: #002e38;
521
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
522
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
523
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
524
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
525
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
526
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
527
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
528
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
529
+ --color-sf-info-bg-color-selected: #005669;
530
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
531
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
532
+ --color-sf-danger-bg-color: #cc2635;
533
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
534
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
535
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
536
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
537
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
538
+ --color-sf-danger-bg-color-pressed: #3b0509;
539
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
540
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
541
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
542
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
543
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
544
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
545
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
546
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
547
+ --color-sf-danger-bg-color-selected: #6e0811;
548
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
549
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
550
+ --color-sf-primary-outline: var(--color-sf-primary);
551
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
552
+ --color-sf-warning-outline: #f7630c;
553
+ --color-sf-danger-outline: #c50f1f;
554
+ --color-sf-success-outline: #107c10;
555
+ --color-sf-info-outline: #0099bc;
556
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
+ --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
+ --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
559
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
562
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
563
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
564
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
565
+ --color-sf-appbar-bg-color-alt2: #f5f5f5;
566
+ --color-sf-appbar-color-alt2: #242424;
567
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
568
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
569
+ --color-sf-diagram-palette-background: #e0e0e0;
570
+ --color-sf-diagram-palette-hover-background: #bdbdbd;
571
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
+ --color-sf-rating-selected-color: var(--color-sf-content-text-color);
573
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
+ --color-sf-rating-selected-disabled-color: #575757;
575
+ --color-sf-rating-unrated-disabled-color: #4d4d4d;
576
+ --color-sf-rating-selected-hover-color: #2886de;
577
+ --color-sf-rating-unrated-hover-color: #115ea3;
578
+ --color-sf-rating-pressed-color: #479ef5;
579
+ --color-sf-msg-color: var(--color-sf-content-text-color);
580
+ --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
581
+ --color-sf-msg-border-color: var(--color-sf-border);
582
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
+ --color-sf-msg-bg-color-alt1: transparent;
584
+ --color-sf-msg-border-color-alt1: var(--color-sf-msg-bg-color);
585
+ --color-sf-msg-color-alt2: #242424;
586
+ --color-sf-msg-bg-color-alt2: #adadad;
587
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
590
+ --color-sf-msg-icon-color-alt2: #fff;
591
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
592
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
593
+ --color-sf-msg-close-icon-color-alt2: #fff;
594
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
+ --color-sf-msg-success-bg-color: #052505;
596
+ --color-sf-msg-success-border-color: #107c10;
597
+ --color-sf-msg-success-color-alt1: var(--color-sf-content-text-color);
598
+ --color-sf-msg-success-bg-color-alt1: transparent;
599
+ --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-color);
600
+ --color-sf-msg-success-color-alt2: #fff;
601
+ --color-sf-msg-success-bg-color-alt2: #107c10;
602
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
603
+ --color-sf-msg-success-icon-color: #54b054;
604
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
605
+ --color-sf-msg-success-icon-color-alt2: #fff;
606
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
607
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
608
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
609
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
+ --color-sf-msg-danger-bg-color: #3b0509;
611
+ --color-sf-msg-danger-border-color: #c50f1f;
612
+ --color-sf-msg-danger-color-alt1: var(--color-sf-content-text-color);
613
+ --color-sf-msg-danger-bg-color-alt1: transparent;
614
+ --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
615
+ --color-sf-msg-danger-color-alt2: #fff;
616
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
618
+ --color-sf-msg-danger-icon-color: #dc626d;
619
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
620
+ --color-sf-msg-danger-icon-color-alt2: #fff;
621
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
622
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
623
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
624
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
+ --color-sf-msg-info-bg-color: #002e38;
626
+ --color-sf-msg-info-border-color: #0099bc;
627
+ --color-sf-msg-info-color-alt1: var(--color-sf-content-text-color);
628
+ --color-sf-msg-info-bg-color-alt1: transparent;
629
+ --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
630
+ --color-sf-msg-info-color-alt2: #fff;
631
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
632
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
633
+ --color-sf-msg-info-icon-color: #56bfd7;
634
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
635
+ --color-sf-msg-info-icon-color-alt2: #fff;
636
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
637
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
638
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
639
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
+ --color-sf-msg-warning-bg-color: #411200;
641
+ --color-sf-msg-warning-border-color: #da3b01;
642
+ --color-sf-msg-warning-color-alt1: var(--color-sf-content-text-color);
643
+ --color-sf-msg-warning-bg-color-alt1: transparent;
644
+ --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
645
+ --color-sf-msg-warning-color-alt2: #fff;
646
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
648
+ --color-sf-msg-warning-icon-color: #e9835e;
649
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
650
+ --color-sf-msg-warning-icon-color-alt2: #fff;
651
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
652
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
653
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
654
+ --color-sf-shadow-color: #fff;
655
+ --color-sf-shadow-color1: #000;
656
+ --color-sf-link-button: var(--color-sf-primary);
657
+ --color-sf-link-button-hover: #0f6cbd;
658
+ --color-sf-link-button-pressed: #115ea3;
659
+ --color-sf-link-button-focus: #115ea3;
660
+ --color-sf-link-button-border-focus: #fff;
661
+ --color-sf-chip-bg-color: #141414;
662
+ --color-sf-chip-border-color: rgba(0, 0, 0, 0);
663
+ --color-sf-chip-bg-disabled: #141414;
664
+ --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
666
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
667
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
668
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
669
+ --color-sf-slider-shadow1: #000;
670
+ --color-sf-slider-shadow2: #666666;
671
+ --color-sf-slider-disabled: #666666;
672
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
673
+ --color-sf-slider-bg-disabled: #525252;
674
+ --color-sf-toggle-switch-border-disabled: #141414;
675
+ --color-sf-calendar-icon-color: #1153a3;
676
+ --color-sf-calendar-header-text-color-pressed: #62abf5;
677
+ --color-sf-calendar-today-bg-color: #1153a3;
678
+ --color-sf-dialog-border: #1f1f1f;
679
+ --color-sf-badge-light-bg-color: #333333;
680
+ --color-sf-secondary-badge-border-color: #292929;
681
+ --color-sf-secondary-badge-bg-color: #292929;
682
+ --color-sf-secondary-badge-bg-color-focus: #292929;
683
+ --color-sf-skeleton-bg-color: #575757;
684
+ --color-sf-tab-selected-bg-color-disabled: #115ea3;
685
+ --color-sf-tab-selected-text-color-disabled: #a3a3a3;
686
+ --color-sf-ribbon-border-color: #00000000;
687
+ --color-sf-toolbar-icon-color: #479ef5;
688
+ --color-sf-contextual-text: #fff;
689
+ --color-sf-cell-selection-bg-color: #08233b;
690
+ --color-sf-document-editor-border-color: #00000000;
691
+ }
692
+
693
+ .e-high-contrast {
694
+ --color-sf-black: #000;
695
+ --color-sf-white: #fff;
696
+ --color-sf-content-bg-color: #000;
697
+ --color-sf-content-bg-color-alt1: var(--color-sf-black);
698
+ --color-sf-content-bg-color-alt2: var(--color-sf-black);
699
+ --color-sf-content-bg-color-alt3: var(--color-sf-black);
700
+ --color-sf-content-bg-color-alt4: var(--color-sf-black);
701
+ --color-sf-content-bg-color-alt5: var(--color-sf-black);
702
+ --color-sf-content-bg-color-alt6: var(--color-sf-black);
703
+ --color-sf-content-bg-color-hover: #1aebff;
704
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
705
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
706
+ --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
707
+ --color-sf-content-bg-color-dragged: #fff;
708
+ --color-sf-content-bg-color-disabled: #000000;
709
+ --color-sf-flyout-bg-color: var(--color-sf-black);
710
+ --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
711
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
+ --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
+ --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
+ --color-sf-overlay-bg-color: rgba($black, .4);
715
+ --color-sf-table-bg-color-hover: var(--color-sf-black);
716
+ --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
+ --color-sf-table-bg-color-selected: var(--color-sf-black);
718
+ --color-sf-content-text-color: #fff;
719
+ --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
+ --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
721
+ --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
722
+ --color-sf-content-text-color-hover: #000;
723
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
724
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
+ --color-sf-content-text-color-dragged: #000;
727
+ --color-sf-content-text-color-disabled: var(--color-sf-content-bg-color-disabled);
728
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
731
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
732
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
738
+ --color-sf-icon-color: #fff;
739
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
741
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
+ --color-sf-border-light: #fff;
743
+ --color-sf-border: var(--color-sf-border-light);
744
+ --color-sf-border-alt: var(--color-sf-border-light);
745
+ --color-sf-border-dark: var(--color-sf-border-light);
746
+ --color-sf-border-hover: #1aebff;
747
+ --color-sf-border-pressed: var(--color-sf-border-hover);
748
+ --color-sf-border-focus: var(--color-sf-border-hover);
749
+ --color-sf-border-selected: var(--color-sf-border-hover);
750
+ --color-sf-border-dragged: var(--color-sf-border-light);
751
+ --color-sf-border-disabled: #fff;
752
+ --color-sf-border-warning: #f7630c;
753
+ --color-sf-border-error: #c50f1f;
754
+ --color-sf-border-success: #107c10;
755
+ --color-sf-border-info: #0099bc;
756
+ --color-sf-spreadsheet-gridline: var(--color-sf-border-light);
757
+ --color-sf-flyout-border: var(--color-sf-border-light);
758
+ --color-sf-primary: #1aebff;
759
+ --color-sf-primary-text-color: #000;
760
+ --color-sf-primary-light: rgba(26, 235, 255, .8);
761
+ --color-sf-primary-lighter: var(--color-sf-primary-light);
762
+ --color-sf-primary-dark: var(--color-sf-primary);
763
+ --color-sf-primary-darker: var(--color-sf-primary);
764
+ --color-sf-success: #107c10;
765
+ --color-sf-info: #0099bc;
766
+ --color-sf-warning: #f7630c;
767
+ --color-sf-danger: #c50f1f;
768
+ --color-sf-success-light: #094509;
769
+ --color-sf-info-light: #005669;
770
+ --color-sf-warning-light: #4a1e04;
771
+ --color-sf-danger-light: #6e0811;
772
+ --color-sf-success-dark: #c9eac9;
773
+ --color-sf-info-dark: #cdedf4;
774
+ --color-sf-warning-dark: #fee5d7;
775
+ --color-sf-danger-dark: #f6d1d5;
776
+ --color-sf-success-light-alt: #052505;
777
+ --color-sf-info-light-alt: #002e38;
778
+ --color-sf-warning-light-alt: #4a1e04;
779
+ --color-sf-danger-light-alt: #3b0509;
780
+ --color-sf-badge-warning: #fde300;
781
+ --color-sf-badge-warning-text: #fde300;
782
+ --color-sf-primary-label-color: #1aebff;
783
+ --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
784
+ --color-sf-primary-bg-color: #1aebff;
785
+ --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
786
+ --color-sf-primary-text: #000;
787
+ --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
788
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
789
+ --color-sf-primary-text-hover: var(--color-sf-primary-text);
790
+ --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
791
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
792
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text);
793
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
794
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
795
+ --color-sf-primary-text-focus: var(--color-sf-primary-text);
796
+ --color-sf-primary-bg-color-disabled: #000;
797
+ --color-sf-primary-border-color-disabled: #3ff23f;
798
+ --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
799
+ --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
800
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
801
+ --color-sf-primary-text-selected: var(--color-sf-primary-text);
802
+ --color-sf-secondary-bg-color: #000;
803
+ --color-sf-secondary-border-color: var(--color-sf-border);
804
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
805
+ --color-sf-secondary-bg-color-hover: #1aebff;
806
+ --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
807
+ --color-sf-secondary-text-color-hover: #000;
808
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
809
+ --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
810
+ --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
811
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
812
+ --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
813
+ --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
814
+ --color-sf-secondary-bg-color-disabled: #000;
815
+ --color-sf-secondary-border-color-disabled: #3ff23f;
816
+ --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
817
+ --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
818
+ --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
819
+ --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
820
+ --color-sf-success-bg-color: #107c10;
821
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
822
+ --color-sf-success-text: #fff;
823
+ --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
824
+ --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
825
+ --color-sf-success-text-hover: var(--color-sf-success-text);
826
+ --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
827
+ --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
828
+ --color-sf-success-text-pressed: var(--color-sf-success-text);
829
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
830
+ --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
831
+ --color-sf-success-text-focus: var(--color-sf-success-text);
832
+ --color-sf-success-bg-color-disabled: #000;
833
+ --color-sf-success-border-color-disabled: #3ff23f;
834
+ --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
835
+ --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
836
+ --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
837
+ --color-sf-success-text-selected: var(--color-sf-success-text);
838
+ --color-sf-warning-bg-color: #f7630c;
839
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
840
+ --color-sf-warning-text: #000;
841
+ --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
842
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
843
+ --color-sf-warning-text-hover: var(--color-sf-warning-text);
844
+ --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
845
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
846
+ --color-sf-warning-text-pressed: var(--color-sf-warning-text);
847
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
848
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
849
+ --color-sf-warning-text-focus: var(--color-sf-warning-text);
850
+ --color-sf-warning-bg-color-disabled: #000;
851
+ --color-sf-warning-border-color-disabled: #3ff23f;
852
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
853
+ --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
854
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
855
+ --color-sf-warning-text-selected: var(--color-sf-warning-text);
856
+ --color-sf-info-bg-color: #0099bc;
857
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
858
+ --color-sf-info-text: #000;
859
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
860
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
861
+ --color-sf-info-text-hover: var(--color-sf-info-text);
862
+ --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
863
+ --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
864
+ --color-sf-info-text-pressed: var(--color-sf-info-text);
865
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
866
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
867
+ --color-sf-info-text-focus: var(--color-sf-info-text);
868
+ --color-sf-info-bg-color-disabled: #000;
869
+ --color-sf-info-border-color-disabled: #3ff23f;
870
+ --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
871
+ --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
872
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
873
+ --color-sf-info-text-selected: var(--color-sf-info-text);
874
+ --color-sf-danger-bg-color: #c50f1f;
875
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
876
+ --color-sf-danger-text: #fff;
877
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
878
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
879
+ --color-sf-danger-text-hover: var(--color-sf-danger-text);
880
+ --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
881
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
882
+ --color-sf-danger-text-pressed: var(--color-sf-danger-text);
883
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
884
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
885
+ --color-sf-danger-text-focus: var(--color-sf-danger-text);
886
+ --color-sf-danger-bg-color-disabled: #000;
887
+ --color-sf-danger-border-color-disabled: #3ff23f;
888
+ --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
889
+ --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
890
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
891
+ --color-sf-danger-text-selected: var(--color-sf-danger-text);
892
+ --color-sf-primary-outline: var(--color-sf-primary);
893
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
894
+ --color-sf-warning-outline: #f7630c;
895
+ --color-sf-danger-outline: #c50f1f;
896
+ --color-sf-success-outline: #107c10;
897
+ --color-sf-info-outline: #0099bc;
898
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
+ --color-sf-tooltip-border: var(--color-sf-border-light);
900
+ --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
901
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
+ --color-sf-appbar-bg-color-alt1: #fff;
904
+ --color-sf-appbar-color-alt1: #000;
905
+ --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
906
+ --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
907
+ --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
908
+ --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
909
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
910
+ --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
911
+ --color-sf-diagram-palette-background: #000;
912
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
+ --color-sf-rating-selected-color: var(--color-sf-content-text-color);
915
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
+ --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
+ --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
918
+ --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
919
+ --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
920
+ --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
921
+ --color-sf-msg-color: #fff;
922
+ --color-sf-msg-bg-color: #000;
923
+ --color-sf-msg-border-color: var(--color-sf-msg-color);
924
+ --color-sf-msg-color-alt1: #1aebff;
925
+ --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
926
+ --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
927
+ --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
928
+ --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
929
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
930
+ --color-sf-msg-icon-color: var(--color-sf-msg-color);
931
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
932
+ --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
933
+ --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
934
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
935
+ --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
936
+ --color-sf-msg-success-color: #107c10;
937
+ --color-sf-msg-success-bg-color: #000;
938
+ --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
+ --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
940
+ --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
+ --color-sf-msg-success-border-color-alt1: #fff;
942
+ --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
943
+ --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
944
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
945
+ --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
946
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
947
+ --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
948
+ --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
949
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
950
+ --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
951
+ --color-sf-msg-danger-color: #c50f1f;
952
+ --color-sf-msg-danger-bg-color: #000;
953
+ --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
+ --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
955
+ --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
+ --color-sf-msg-danger-border-color-alt1: #fff;
957
+ --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
958
+ --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
959
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
960
+ --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
961
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
962
+ --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
963
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
964
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
965
+ --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
966
+ --color-sf-msg-info-color: #0099bc;
967
+ --color-sf-msg-info-bg-color: #000;
968
+ --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
+ --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
970
+ --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
+ --color-sf-msg-info-border-color-alt1: #fff;
972
+ --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
973
+ --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
974
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
975
+ --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
976
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
977
+ --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
978
+ --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
979
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
980
+ --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
981
+ --color-sf-msg-warning-color: #f7630c;
982
+ --color-sf-msg-warning-bg-color: #000;
983
+ --color-sf-msg-warning-border-color: #da3b01;
984
+ --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
985
+ --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
+ --color-sf-msg-warning-border-color-alt1: #fff;
987
+ --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
988
+ --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
989
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
990
+ --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
991
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
992
+ --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
993
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
994
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
995
+ --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
996
+ --color-sf-shadow-color: #fff;
997
+ --color-sf-shadow-color1: #1aebff;
998
+ --color-sf-link-button: #fff000;
999
+ --color-sf-link-button-hover: #fff000;
1000
+ --color-sf-link-button-pressed: #fff000;
1001
+ --color-sf-link-button-focus: #fff000;
1002
+ --color-sf-link-button-border-focus: #1aebff;
1003
+ --color-sf-chip-bg-color: #000;
1004
+ --color-sf-chip-border-color: #fff;
1005
+ --color-sf-chip-bg-disabled: #000;
1006
+ --color-sf-chip-border-disabled: #3ff23f;
1007
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
1008
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
1009
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
1010
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
1011
+ --color-sf-slider-shadow1: #000;
1012
+ --color-sf-slider-shadow2: #fff;
1013
+ --color-sf-slider-disabled: #3ff23f;
1014
+ --color-sf-slider-border-color: #fff;
1015
+ --color-sf-slider-bg-disabled: #000;
1016
+ --color-sf-toggle-switch-border-disabled: #3ff23f;
1017
+ --color-sf-calendar-icon-color: #000;
1018
+ --color-sf-calendar-header-text-color-pressed: #000;
1019
+ --color-sf-calendar-today-bg-color: #fff;
1020
+ --color-sf-dialog-border: #fff;
1021
+ --color-sf-badge-light-bg-color: #000;
1022
+ --color-sf-secondary-badge-border-color: #fff;
1023
+ --color-sf-secondary-badge-bg-color: #000;
1024
+ --color-sf-secondary-badge-bg-color-focus: #fff;
1025
+ --color-sf-skeleton-bg-color: #ffffff;
1026
+ --color-sf-tab-selected-bg-color-disabled: #000;
1027
+ --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
+ --color-sf-ribbon-border-color: #fff;
1029
+ --color-sf-toolbar-icon-color: #000;
1030
+ --color-sf-contextual-text: #000;
1031
+ --color-sf-cell-selection-bg-color: #1aecff1f;
1032
+ --color-sf-document-editor-border-color: #fff;
1033
+ }
1034
+
1035
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
1036
+ -webkit-transform: rotate(0deg);
1037
+ transform: rotate(0deg);
1038
+ -webkit-transition: -webkit-transform 300ms ease;
1039
+ transition: -webkit-transform 300ms ease;
1040
+ transition: transform 300ms ease;
1041
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1042
+ }
1043
+
1044
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
1045
+ -webkit-transform: rotate(180deg);
1046
+ transform: rotate(180deg);
1047
+ -webkit-transition: -webkit-transform 300ms ease;
1048
+ transition: -webkit-transform 300ms ease;
1049
+ transition: transform 300ms ease;
1050
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1051
+ }
1052
+
1053
+ .e-dropdownbase .e-list-item.e-active.e-hover {
1054
+ color: var(--color-sf-content-text-color-selected);
1055
+ }
1056
+
1057
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
1058
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
1059
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
1060
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
1061
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
1062
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
1063
+ background: transparent;
1064
+ }
1065
+
1066
+ .e-input-group .e-ddl-icon:not(:active)::after {
1067
+ -webkit-animation: none;
1068
+ animation: none;
1069
+ }
1070
+
1071
+ .e-ddl.e-popup {
1072
+ border: 0;
1073
+ border-radius: 8px;
1074
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1075
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1076
+ margin-top: 4px;
1077
+ }
1078
+
1079
+ .e-small .e-ddl.e-popup,
1080
+ .e-small.e-ddl.e-popup {
1081
+ border-radius: 4px;
1082
+ margin-top: 2px;
1083
+ }
1084
+
1085
+ .e-bigger .e-ddl.e-popup,
1086
+ .e-bigger.e-ddl.e-popup {
1087
+ border-radius: 8px;
1088
+ margin-top: 8px;
1089
+ }
1090
+
1091
+ .e-bigger.e-small .e-ddl.e-popup,
1092
+ .e-small.e-bigger.e-ddl.e-popup {
1093
+ border-radius: 8px;
1094
+ margin-top: 6px;
1095
+ }
1096
+
1097
+ .e-popup.e-ddl .e-dropdownbase {
1098
+ min-height: 26px;
1099
+ padding: 4px 6px;
1100
+ }
1101
+
1102
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1103
+ border-color: var(--color-sf-border-light);
1104
+ }
1105
+
1106
+ .e-bigger .e-popup.e-ddl-device-filter {
1107
+ margin-top: 0;
1108
+ }
1109
+
1110
+ .e-bigger .e-ddl-device .e-input-group,
1111
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1112
+ background: var(--color-sf-flyout-bg-color);
1113
+ border-width: 0;
1114
+ -webkit-box-shadow: none;
1115
+ box-shadow: none;
1116
+ margin-bottom: 0;
1117
+ }
1118
+
1119
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1120
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
1121
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1122
+ background-color: var(--color-sf-flyout-bg-color);
1123
+ }
1124
+
1125
+ .e-input-group.e-ddl,
1126
+ .e-input-group.e-ddl .e-input,
1127
+ .e-input-group.e-ddl .e-ddl-icon {
1128
+ background: var(--color-sf-content-bg-color);
1129
+ }
1130
+
1131
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
1132
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
1133
+ border-bottom-width: 0;
1134
+ }
1135
+
1136
+ .e-ddl.e-popup.e-outline .e-filter-parent {
1137
+ padding: 4px 8px;
1138
+ }
1139
+
1140
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1141
+ line-height: 30px;
1142
+ top: 0;
1143
+ }
1144
+
1145
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1146
+ border-radius: 0 4px 4px 0;
1147
+ border-right-width: 0;
1148
+ }
1149
+
1150
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1151
+ border-left-width: 0;
1152
+ border-radius: 4px 0 0 4px;
1153
+ border-right-width: 0;
1154
+ }
1155
+
1156
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1157
+ height: 32px;
1158
+ width: 32px;
1159
+ }
1160
+
1161
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1162
+ height: 28px;
1163
+ width: 28px;
1164
+ }
1165
+
1166
+ .e-multi-select-wrapper .e-searcher input[type=text],
1167
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1168
+ color: var(--color-sf-content-text-color);
1169
+ height: 100%;
1170
+ }
1171
+
1172
+ /* stylelint-disable-line no-empty-source */
1173
+ /*! TreeView's theme wise override definitions and variables */
1174
+ /* stylelint-disable */
1175
+ /* stylelint-disable */
1176
+ .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1177
+ padding: 4px 8px !important;
1178
+ }
1179
+
1180
+ .e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
1181
+ padding: 4px 0 !important;
1182
+ }
1183
+
1184
+ .e-dialog .e-dlg-content {
1185
+ border-radius: 8px !important;
1186
+ }
1187
+
1188
+ .e-dlg-overlay {
1189
+ -webkit-backdrop-filter: blur(2px) !important;
1190
+ backdrop-filter: blur(2px) !important;
1191
+ }
1192
+
1193
+ /* stylelint-disable-line no-empty-source */
1194
+ /* stylelint-disable property-no-vendor-prefix */
1195
+ @-webkit-keyframes material-spinner-rotate {
1196
+ 0% {
1197
+ -webkit-transform: rotate(0);
1198
+ transform: rotate(0);
1199
+ }
1200
+ 100% {
1201
+ -webkit-transform: rotate(360deg);
1202
+ transform: rotate(360deg);
1203
+ }
1204
+ }
1205
+ @keyframes material-spinner-rotate {
1206
+ 0% {
1207
+ -webkit-transform: rotate(0);
1208
+ transform: rotate(0);
1209
+ }
1210
+ 100% {
1211
+ -webkit-transform: rotate(360deg);
1212
+ transform: rotate(360deg);
1213
+ }
1214
+ }
1215
+ @-webkit-keyframes fabric-spinner-rotate {
1216
+ 0% {
1217
+ -webkit-transform: rotate(0);
1218
+ transform: rotate(0);
1219
+ }
1220
+ 100% {
1221
+ -webkit-transform: rotate(360deg);
1222
+ transform: rotate(360deg);
1223
+ }
1224
+ }
1225
+ @keyframes fabric-spinner-rotate {
1226
+ 0% {
1227
+ -webkit-transform: rotate(0);
1228
+ transform: rotate(0);
1229
+ }
1230
+ 100% {
1231
+ -webkit-transform: rotate(360deg);
1232
+ transform: rotate(360deg);
1233
+ }
1234
+ }
1235
+ .e-kanban .e-column-expand::before {
1236
+ content: "\e765";
1237
+ }
1238
+ .e-kanban .e-column-collapse::before {
1239
+ content: "\e748";
1240
+ }
1241
+ .e-kanban .e-swimlane-row-expand::before {
1242
+ content: "\e729";
1243
+ }
1244
+ .e-kanban .e-swimlane-row-collapse::before {
1245
+ content: "\e748";
1246
+ }
1247
+ .e-kanban .e-show-add-icon::before {
1248
+ content: "\e805";
1249
+ }
1250
+ .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
1251
+ content: "\e799";
1252
+ }
1253
+ .e-kanban.e-rtl .e-column-collapse::before {
1254
+ content: "\e765";
1255
+ }
1256
+ .e-kanban.e-rtl .e-column-expand::before {
1257
+ content: "\e748";
1258
+ }
1259
+ .e-kanban.e-rtl .e-swimlane-row-collapse::before {
1260
+ content: "\e765";
1261
+ }
1262
+
1263
+ .e-mobile-popup-wrapper .e-close-icon::before {
1264
+ content: "\e7e7";
1265
+ }
1266
+
1267
+ /*! kanban component layout */
1268
+ .e-kanban {
1269
+ display: block;
1270
+ outline: medium none;
1271
+ position: relative;
1272
+ -webkit-user-select: none;
1273
+ -moz-user-select: none;
1274
+ -ms-user-select: none;
1275
+ user-select: none;
1276
+ }
1277
+ .e-kanban .e-kanban-table {
1278
+ border: 0;
1279
+ border-collapse: separate;
1280
+ border-spacing: 8px 0;
1281
+ table-layout: fixed;
1282
+ width: 100%;
1283
+ }
1284
+ .e-kanban .e-kanban-table col.e-collapsed {
1285
+ width: 42px;
1286
+ }
1287
+ .e-kanban .e-swimlane .e-kanban-table.e-content-table {
1288
+ border-spacing: 8px 0;
1289
+ }
1290
+ .e-kanban .e-frozen-swimlane-row {
1291
+ position: relative;
1292
+ z-index: 101;
1293
+ }
1294
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row {
1295
+ padding: 12px 12px 12px 20px;
1296
+ }
1297
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
1298
+ display: -webkit-box;
1299
+ display: -ms-flexbox;
1300
+ display: flex;
1301
+ }
1302
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1303
+ font-size: 14px;
1304
+ font-weight: normal;
1305
+ line-height: 1.5;
1306
+ padding: 0 0 0 8px;
1307
+ }
1308
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1309
+ font-size: 10px;
1310
+ font-weight: 600;
1311
+ line-height: 1.5;
1312
+ opacity: 1;
1313
+ padding: 3px;
1314
+ }
1315
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
1316
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
1317
+ border: 1px solid transparent;
1318
+ color: #667085;
1319
+ cursor: pointer;
1320
+ font-size: 18px;
1321
+ height: 20px;
1322
+ margin: 1px;
1323
+ padding: 0;
1324
+ }
1325
+ .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,
1326
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
1327
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
1328
+ background: transparent;
1329
+ border: 1px solid transparent;
1330
+ border-radius: 4px;
1331
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
1332
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
1333
+ color: var(--color-sf-primary);
1334
+ margin: 1px;
1335
+ padding: 0;
1336
+ }
1337
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
1338
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
1339
+ background: transparent;
1340
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
1341
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px #fff;
1342
+ }
1343
+ .e-kanban .e-kanban-header > div {
1344
+ overflow: hidden;
1345
+ }
1346
+ .e-kanban .e-kanban-header .e-header-cells {
1347
+ border-radius: 4px;
1348
+ height: 42px;
1349
+ overflow: hidden;
1350
+ padding: 12px;
1351
+ position: relative;
1352
+ text-align: left;
1353
+ text-overflow: ellipsis;
1354
+ white-space: nowrap;
1355
+ }
1356
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
1357
+ display: -webkit-box;
1358
+ display: -ms-flexbox;
1359
+ display: flex;
1360
+ }
1361
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
1362
+ display: -webkit-box;
1363
+ display: -ms-flexbox;
1364
+ display: flex;
1365
+ overflow: hidden;
1366
+ text-overflow: ellipsis;
1367
+ width: 100%;
1368
+ }
1369
+ .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
1370
+ border-bottom: 1px solid var(--color-sf-border);
1371
+ }
1372
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
1373
+ cursor: pointer;
1374
+ font-size: 18px;
1375
+ padding: 0;
1376
+ }
1377
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
1378
+ cursor: pointer;
1379
+ font-size: 18px;
1380
+ padding: 0;
1381
+ }
1382
+ .e-kanban .e-kanban-header .e-header-cells.e-min-color {
1383
+ background: var(--color-sf-warning-light-alt);
1384
+ }
1385
+ .e-kanban .e-kanban-header .e-header-cells.e-max-color {
1386
+ background: var(--color-sf-danger-light-alt);
1387
+ }
1388
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
1389
+ background: #fff;
1390
+ text-align: center;
1391
+ width: 42px;
1392
+ }
1393
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
1394
+ -webkit-box-pack: center;
1395
+ -ms-flex-pack: center;
1396
+ justify-content: center;
1397
+ }
1398
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
1399
+ background: var(--color-sf-warning-light-alt);
1400
+ }
1401
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
1402
+ background: var(--color-sf-danger-light-alt);
1403
+ }
1404
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
1405
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
1406
+ display: none;
1407
+ }
1408
+ .e-kanban .e-kanban-header .e-header-cells .e-header-text {
1409
+ font-size: 12px;
1410
+ font-weight: 600;
1411
+ line-height: 1.5;
1412
+ overflow: hidden;
1413
+ padding-right: 5px;
1414
+ text-overflow: ellipsis;
1415
+ }
1416
+ .e-kanban .e-kanban-header .e-header-cells .e-item-count {
1417
+ font-size: 10px;
1418
+ font-weight: 600;
1419
+ line-height: 1.625;
1420
+ margin-top: 2px;
1421
+ opacity: 1;
1422
+ text-transform: uppercase;
1423
+ }
1424
+ .e-kanban .e-kanban-header .e-header-cells .e-limits {
1425
+ display: -webkit-box;
1426
+ display: -ms-flexbox;
1427
+ display: flex;
1428
+ padding-top: 3px;
1429
+ }
1430
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
1431
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
1432
+ font-size: 10px;
1433
+ font-weight: 600;
1434
+ opacity: 1;
1435
+ width: 100%;
1436
+ }
1437
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
1438
+ text-align: right;
1439
+ }
1440
+ .e-kanban .e-kanban-content {
1441
+ overflow: auto;
1442
+ padding-bottom: 10px;
1443
+ }
1444
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
1445
+ display: -webkit-box;
1446
+ display: -ms-flexbox;
1447
+ display: flex;
1448
+ height: 26px;
1449
+ position: relative;
1450
+ }
1451
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border {
1452
+ display: none;
1453
+ }
1454
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border.e-dropping {
1455
+ display: block;
1456
+ position: absolute;
1457
+ }
1458
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
1459
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1460
+ font-size: 10px;
1461
+ font-weight: 600;
1462
+ opacity: 1;
1463
+ padding: 4px 8px;
1464
+ }
1465
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1466
+ position: absolute;
1467
+ right: 0;
1468
+ }
1469
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
1470
+ background: var(--color-sf-warning-light-alt);
1471
+ }
1472
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
1473
+ background: var(--color-sf-danger-light-alt);
1474
+ }
1475
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
1476
+ overflow: hidden;
1477
+ text-align: center;
1478
+ width: 42px;
1479
+ }
1480
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
1481
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
1482
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
1483
+ display: none;
1484
+ }
1485
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1486
+ color: var(--color-sf-content-text-color-alt2);
1487
+ font-size: 12px;
1488
+ font-weight: 600;
1489
+ overflow: hidden;
1490
+ padding: 12px;
1491
+ position: relative;
1492
+ text-overflow: ellipsis;
1493
+ white-space: nowrap;
1494
+ -webkit-writing-mode: vertical-lr;
1495
+ -ms-writing-mode: tb-lr;
1496
+ writing-mode: vertical-lr;
1497
+ }
1498
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
1499
+ display: inline-block;
1500
+ font-size: 13px;
1501
+ font-weight: normal;
1502
+ opacity: 0.57;
1503
+ }
1504
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
1505
+ border: 1px dashed var(--color-sf-primary);
1506
+ height: 36px;
1507
+ margin: 8px 8px 0;
1508
+ }
1509
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
1510
+ padding: 11px;
1511
+ text-align: center;
1512
+ }
1513
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
1514
+ border: 1px dashed var(--color-sf-border-dark);
1515
+ color: var(--color-sf-border-dark);
1516
+ }
1517
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
1518
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
1519
+ display: none;
1520
+ }
1521
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1522
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1523
+ height: inherit;
1524
+ overflow: auto;
1525
+ padding: 12px 12px 0;
1526
+ }
1527
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
1528
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
1529
+ color: var(--color-sf-content-text-color-alt2);
1530
+ display: table;
1531
+ font-size: 14px;
1532
+ line-height: 1.5;
1533
+ margin: 0 auto;
1534
+ padding: 20px 0;
1535
+ position: relative;
1536
+ }
1537
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1538
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1539
+ border: 1px solid transparent;
1540
+ border-radius: 6px;
1541
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1542
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1543
+ margin-bottom: 12px;
1544
+ min-height: 50px;
1545
+ }
1546
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
1547
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
1548
+ cursor: all-scroll;
1549
+ }
1550
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1551
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1552
+ padding: 18px 18px 0;
1553
+ }
1554
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
1555
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
1556
+ font-size: 14px;
1557
+ font-weight: 600;
1558
+ line-height: 1.625;
1559
+ }
1560
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1561
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1562
+ display: -webkit-inline-box;
1563
+ display: -ms-inline-flexbox;
1564
+ display: inline-flex;
1565
+ line-height: normal;
1566
+ padding: 8px 18px;
1567
+ }
1568
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1569
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1570
+ font-size: 14px;
1571
+ line-height: 1.625;
1572
+ padding: 12px 18px;
1573
+ }
1574
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1575
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
1576
+ border: 1px solid transparent;
1577
+ border-left: 2px solid;
1578
+ }
1579
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1580
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1581
+ padding: 18px 18px 0 18px;
1582
+ }
1583
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1584
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1585
+ padding: 12px 18px 8px 18px;
1586
+ }
1587
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1588
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
1589
+ padding: 0 18px 0 18px;
1590
+ }
1591
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
1592
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
1593
+ border: 1px solid var(--color-sf-border-light);
1594
+ border-left: 2px solid;
1595
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1596
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1597
+ }
1598
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
1599
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
1600
+ border: 1px solid transparent;
1601
+ border-left: 3px solid;
1602
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1603
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1604
+ padding: 0;
1605
+ }
1606
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
1607
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
1608
+ border: 1px solid transparent;
1609
+ border-left: 2px solid;
1610
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1611
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1612
+ }
1613
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1614
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1615
+ padding: 8px 18px 18px 18px;
1616
+ }
1617
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
1618
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
1619
+ border-radius: 2px;
1620
+ display: inline-block;
1621
+ font-size: 14px;
1622
+ line-height: 1.625;
1623
+ margin-right: 4px;
1624
+ max-width: 100%;
1625
+ overflow: hidden;
1626
+ padding: 1px 4px;
1627
+ text-overflow: ellipsis;
1628
+ }
1629
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1630
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
1631
+ line-height: 1;
1632
+ padding: 12px 18px 0;
1633
+ }
1634
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
1635
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
1636
+ position: absolute;
1637
+ z-index: 1;
1638
+ }
1639
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
1640
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
1641
+ border: 1px solid var(--color-sf-border-light);
1642
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1643
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1644
+ }
1645
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
1646
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
1647
+ border: 1px solid transparent;
1648
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1649
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1650
+ padding: 0;
1651
+ }
1652
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
1653
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
1654
+ border: 1px solid transparent;
1655
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1656
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1657
+ }
1658
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
1659
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
1660
+ border: 1px solid transparent;
1661
+ }
1662
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
1663
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
1664
+ border: 1px solid transparent;
1665
+ border-left: 2px solid;
1666
+ }
1667
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
1668
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
1669
+ display: none;
1670
+ }
1671
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
1672
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
1673
+ border: 1px solid var(--color-sf-border-dark);
1674
+ height: 34px;
1675
+ }
1676
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
1677
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
1678
+ background: var(--color-sf-content-bg-color);
1679
+ display: table-cell;
1680
+ padding-left: 8px;
1681
+ text-align: center;
1682
+ }
1683
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1684
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1685
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1686
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1687
+ border-radius: 6px;
1688
+ margin-bottom: 12px;
1689
+ }
1690
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1691
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
1692
+ background: var(--color-sf-content-bg-color-alt3);
1693
+ border: 1px dashed var(--color-sf-border-dark);
1694
+ }
1695
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1696
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1697
+ background: var(--color-sf-primary-lighter);
1698
+ border: 1px dashed var(--color-sf-primary);
1699
+ }
1700
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
1701
+ border-bottom: 1px dashed var(--color-sf-border-dark);
1702
+ border-left: 1px dashed var(--color-sf-border-dark);
1703
+ border-right: 1px dashed var(--color-sf-border-dark);
1704
+ }
1705
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
1706
+ opacity: 0.5;
1707
+ text-align: center;
1708
+ }
1709
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
1710
+ border-top: 1px dashed var(--color-sf-border-dark);
1711
+ }
1712
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
1713
+ height: 46px;
1714
+ min-height: 50px;
1715
+ }
1716
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
1717
+ display: -webkit-box;
1718
+ display: -ms-flexbox;
1719
+ display: flex;
1720
+ padding: 12px;
1721
+ }
1722
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1723
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1724
+ border: 1px solid transparent;
1725
+ color: #667085;
1726
+ cursor: pointer;
1727
+ font-size: 16px;
1728
+ height: 20px;
1729
+ margin: 1px;
1730
+ padding: 0;
1731
+ }
1732
+ .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,
1733
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
1734
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
1735
+ background: var(--color-sf-content-bg-color-hover);
1736
+ border: 1px solid transparent;
1737
+ border-radius: 4px;
1738
+ -webkit-box-shadow: none;
1739
+ box-shadow: none;
1740
+ color: var(--color-sf-primary);
1741
+ font-size: 16px;
1742
+ margin: 1px;
1743
+ padding: 0;
1744
+ }
1745
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1746
+ font-size: 14px;
1747
+ font-weight: normal;
1748
+ line-height: 1.5;
1749
+ padding: 0 0 0 8px;
1750
+ }
1751
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1752
+ color: var(--color-sf-content-text-color-alt3);
1753
+ font-size: 10px;
1754
+ font-weight: 600;
1755
+ line-height: 1.625;
1756
+ opacity: 1;
1757
+ padding: 3px;
1758
+ }
1759
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
1760
+ border: 1px solid transparent;
1761
+ border-radius: 4px;
1762
+ vertical-align: top;
1763
+ }
1764
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
1765
+ border: 1px dashed var(--color-sf-border-dark);
1766
+ }
1767
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
1768
+ background: var(--color-sf-warning-light-alt);
1769
+ }
1770
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
1771
+ background: var(--color-sf-danger-light-alt);
1772
+ }
1773
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
1774
+ border: 1px solid transparent;
1775
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1776
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1777
+ }
1778
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1779
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
1780
+ min-height: 50px;
1781
+ }
1782
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-dropping {
1783
+ border: 1px dashed var(--color-sf-border-dark);
1784
+ }
1785
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
1786
+ border-bottom: 0;
1787
+ height: 0;
1788
+ }
1789
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
1790
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
1791
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
1792
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1793
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
1794
+ display: none;
1795
+ }
1796
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells {
1797
+ text-align: right;
1798
+ }
1799
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
1800
+ padding-left: 5px;
1801
+ padding-right: initial;
1802
+ text-align: right;
1803
+ text-transform: uppercase;
1804
+ }
1805
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
1806
+ text-align: left;
1807
+ }
1808
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
1809
+ text-align: center;
1810
+ }
1811
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
1812
+ left: 0;
1813
+ right: auto;
1814
+ }
1815
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1816
+ direction: initial;
1817
+ }
1818
+ .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,
1819
+ .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 {
1820
+ margin: 1px;
1821
+ }
1822
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
1823
+ background: #fff;
1824
+ border-bottom: 0;
1825
+ display: -webkit-box;
1826
+ display: -ms-flexbox;
1827
+ display: flex;
1828
+ margin-bottom: 3px;
1829
+ min-height: 42px;
1830
+ padding: 10px;
1831
+ }
1832
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1833
+ color: inherit;
1834
+ font-size: 16px;
1835
+ font-weight: 600;
1836
+ line-height: 1.5;
1837
+ padding: 5px;
1838
+ }
1839
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
1840
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
1841
+ padding-top: 6px;
1842
+ }
1843
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
1844
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
1845
+ color: inherit;
1846
+ font-size: 18px;
1847
+ padding: 7px;
1848
+ padding-left: 4px;
1849
+ }
1850
+ .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
1851
+ border-bottom: 0;
1852
+ }
1853
+ .e-kanban.e-device .e-swimlane-content {
1854
+ position: absolute;
1855
+ width: 100%;
1856
+ }
1857
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
1858
+ background: var(--color-sf-content-bg-color);
1859
+ border: 1px solid #d0d5dd;
1860
+ height: 100%;
1861
+ width: 225px;
1862
+ }
1863
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
1864
+ height: 100%;
1865
+ overflow-y: auto;
1866
+ }
1867
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
1868
+ position: absolute;
1869
+ }
1870
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
1871
+ background: rgba(var(--color-sf-overlay-bg-color), 0.4);
1872
+ height: 100%;
1873
+ opacity: 1;
1874
+ width: 100%;
1875
+ }
1876
+
1877
+ .e-bigger .e-kanban .e-swimlane-header-toolbar,
1878
+ .e-bigger.e-kanban .e-swimlane-header-toolbar {
1879
+ margin-bottom: 5px;
1880
+ min-height: 56px;
1881
+ }
1882
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
1883
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1884
+ font-size: 18px;
1885
+ }
1886
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
1887
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
1888
+ font-size: 20px;
1889
+ }
1890
+ .e-bigger .e-kanban .e-kanban-table.e-content-table,
1891
+ .e-bigger.e-kanban .e-kanban-table.e-content-table {
1892
+ border-spacing: 12px 0;
1893
+ }
1894
+ .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
1895
+ .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
1896
+ border-spacing: 12px 0;
1897
+ }
1898
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
1899
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
1900
+ padding: 16px 16px 16px 28px;
1901
+ }
1902
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
1903
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1904
+ font-size: 16px;
1905
+ }
1906
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
1907
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1908
+ line-height: 1.625;
1909
+ padding: 4px;
1910
+ }
1911
+ .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
1912
+ .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
1913
+ width: 48px;
1914
+ }
1915
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells,
1916
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells {
1917
+ height: 48px;
1918
+ }
1919
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1920
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
1921
+ font-size: 14px;
1922
+ font-weight: 600;
1923
+ line-height: 1.5;
1924
+ text-transform: uppercase;
1925
+ }
1926
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
1927
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
1928
+ font-size: 12px;
1929
+ font-weight: 600;
1930
+ line-height: 1.5;
1931
+ margin-top: 2px;
1932
+ text-transform: uppercase;
1933
+ }
1934
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1935
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1936
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1937
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
1938
+ font-size: 20px;
1939
+ }
1940
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1941
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
1942
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1943
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1944
+ padding: 16px 16px 0;
1945
+ }
1946
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1947
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1948
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1949
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
1950
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1951
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1952
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1953
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1954
+ margin-bottom: 16px;
1955
+ }
1956
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
1957
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
1958
+ padding: 16px;
1959
+ }
1960
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
1961
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1962
+ font-size: 16px;
1963
+ line-height: 1.5;
1964
+ }
1965
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
1966
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1967
+ font-size: 12px;
1968
+ line-height: 1.5;
1969
+ padding: 4px;
1970
+ }
1971
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1972
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
1973
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1974
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1975
+ font-size: 16px;
1976
+ }
1977
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1978
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1979
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1980
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1981
+ padding: 24px 24px 0 24px;
1982
+ }
1983
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1984
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1985
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1986
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1987
+ padding: 8px 24px 12px 24px;
1988
+ }
1989
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1990
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1991
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1992
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
1993
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1994
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1995
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1996
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1997
+ padding: 0 24px 12px 24px;
1998
+ }
1999
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
2000
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
2001
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
2002
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
2003
+ padding: 24px 24px 0;
2004
+ }
2005
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2006
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
2007
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2008
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
2009
+ padding: 8px 24px 12px;
2010
+ }
2011
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
2012
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
2013
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
2014
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
2015
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
2016
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
2017
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
2018
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
2019
+ padding: 0 24px 12px;
2020
+ }
2021
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
2022
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
2023
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
2024
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
2025
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
2026
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
2027
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
2028
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
2029
+ margin-bottom: 16px;
2030
+ }
2031
+ .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,
2032
+ .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,
2033
+ .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,
2034
+ .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,
2035
+ .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,
2036
+ .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,
2037
+ .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,
2038
+ .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 {
2039
+ font-size: 16px;
2040
+ line-height: 1.5;
2041
+ }
2042
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
2043
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
2044
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2045
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
2046
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
2047
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
2048
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2049
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
2050
+ font-size: 16px;
2051
+ line-height: 1.5;
2052
+ }
2053
+
2054
+ .e-mobile-popup-wrapper.e-device,
2055
+ .e-mobile-popup-container.e-device {
2056
+ background: var(--color-sf-content-bg-color);
2057
+ border-radius: 2px;
2058
+ bottom: 0;
2059
+ -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);
2060
+ 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);
2061
+ display: -webkit-box;
2062
+ display: -ms-flexbox;
2063
+ display: flex;
2064
+ height: 60px;
2065
+ left: 0;
2066
+ margin: 0;
2067
+ max-width: 100%;
2068
+ min-width: 100%;
2069
+ opacity: 1;
2070
+ overflow: hidden;
2071
+ padding: 15px;
2072
+ position: fixed;
2073
+ right: 0;
2074
+ top: 0;
2075
+ -webkit-user-select: none;
2076
+ -moz-user-select: none;
2077
+ -ms-user-select: none;
2078
+ user-select: none;
2079
+ width: 100%;
2080
+ z-index: 1004;
2081
+ }
2082
+ .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
2083
+ .e-mobile-popup-container.e-device .e-popup-header .e-close {
2084
+ background: transparent;
2085
+ }
2086
+ .e-mobile-popup-wrapper.e-device .e-popup-content,
2087
+ .e-mobile-popup-container.e-device .e-popup-content {
2088
+ color: inherit;
2089
+ font-size: 15px;
2090
+ font-weight: 500;
2091
+ overflow: hidden;
2092
+ padding: 5px;
2093
+ text-overflow: ellipsis;
2094
+ white-space: nowrap;
2095
+ width: 100%;
2096
+ }
2097
+
2098
+ .e-kanban-dialog.e-dialog {
2099
+ min-width: 350px;
2100
+ }
2101
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
2102
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table {
2103
+ width: 100%;
2104
+ }
2105
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
2106
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table td {
2107
+ color: var(--color-sf-content-text-color-alt1);
2108
+ font-size: 14px;
2109
+ font-weight: 600;
2110
+ letter-spacing: 0;
2111
+ line-height: 1.5;
2112
+ opacity: 1;
2113
+ padding: 8px 0;
2114
+ text-align: left;
2115
+ }
2116
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
2117
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
2118
+ resize: vertical;
2119
+ }
2120
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
2121
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
2122
+ padding-right: 10px;
2123
+ vertical-align: top;
2124
+ width: 70px;
2125
+ }
2126
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
2127
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
2128
+ width: 100%;
2129
+ }
2130
+ .e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
2131
+ float: left;
2132
+ margin-left: 0;
2133
+ }
2134
+
2135
+ *.e-rtl .e-kanban-form-wrapper table .e-label,
2136
+ *.e-rtl .e-kanban-form-container table .e-label {
2137
+ padding-left: 10px;
2138
+ padding-right: 0;
2139
+ text-align: right;
2140
+ }
2141
+ *.e-rtl .e-dialog-delete {
2142
+ float: right;
2143
+ }
2144
+
2145
+ .e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
2146
+ border-radius: 6px;
2147
+ }
2148
+
2149
+ .e-card-virtual-skeleton-wrapper {
2150
+ height: inherit;
2151
+ overflow: hidden;
2152
+ padding: 12px 12px 0;
2153
+ }
2154
+
2155
+ /*! kanban component theme */
2156
+ .e-kanban {
2157
+ background: var(--color-sf-content-bg-color);
2158
+ }
2159
+ .e-kanban .e-kanban-table .e-header-cells {
2160
+ background: #fff;
2161
+ }
2162
+ .e-kanban .e-kanban-table .e-header-cells .e-header-text {
2163
+ color: var(--color-sf-content-text-color-alt2);
2164
+ }
2165
+ .e-kanban .e-kanban-table .e-header-cells .e-item-count {
2166
+ color: var(--color-sf-content-text-color-alt3);
2167
+ }
2168
+ .e-kanban .e-kanban-table .e-header-cells .e-limits {
2169
+ color: var(--color-sf-content-text-color-alt3);
2170
+ }
2171
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
2172
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
2173
+ border: 1px solid transparent;
2174
+ color: #667085;
2175
+ }
2176
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
2177
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
2178
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
2179
+ background: var(--color-sf-content-bg-color-hover);
2180
+ border: 1px solid transparent;
2181
+ border-radius: 4px;
2182
+ -webkit-box-shadow: none;
2183
+ box-shadow: none;
2184
+ color: var(--color-sf-primary);
2185
+ }
2186
+ .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
2187
+ background: #fff;
2188
+ }
2189
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
2190
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
2191
+ color: var(--color-sf-content-text-color);
2192
+ }
2193
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
2194
+ background: var(--color-sf-primary-lighter);
2195
+ }
2196
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
2197
+ color: var(--color-sf-primary);
2198
+ }
2199
+ .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
2200
+ background: var(--color-sf-content-bg-color-alt2);
2201
+ }
2202
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
2203
+ color: var(--color-sf-content-text-color);
2204
+ }
2205
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
2206
+ color: var(--color-sf-content-text-color-alt1);
2207
+ }
2208
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
2209
+ background: var(--color-sf-content-bg-color-alt3);
2210
+ color: var(--color-sf-content-text-color);
2211
+ }
2212
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
2213
+ background: var(--color-sf-primary-lighter);
2214
+ border-color: var(--color-sf-primary);
2215
+ }
2216
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
2217
+ border-bottom-color: var(--color-sf-primary);
2218
+ }
2219
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
2220
+ border-color: var(--color-sf-primary);
2221
+ }
2222
+ .e-kanban .e-frozen-swimlane-row {
2223
+ background: var(--color-sf-content-bg-color);
2224
+ }
2225
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
2226
+ color: var(--color-sf-content-text-color);
2227
+ }
2228
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
2229
+ color: var(--color-sf-content-text-color-alt3);
2230
+ }
2231
+ .e-kanban .e-card {
2232
+ background: #fff;
2233
+ }
2234
+
2235
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
2236
+ background: initial;
2237
+ color: var(--color-sf-content-text-color);
2238
+ min-width: 70%;
2239
+ }
2240
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
2241
+ -webkit-box-shadow: 0 0 0 2px var(--color-sf-primary);
2242
+ box-shadow: 0 0 0 2px var(--color-sf-primary);
2243
+ }
2244
+
2245
+ .e-card-virtual-skeleton-wrapper,
2246
+ .e-card-skeleton-wrapper {
2247
+ background: #fff;
2248
+ }