@syncfusion/ej2-vue-layouts 25.2.3 → 26.1.38

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