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