@syncfusion/ej2-vue-layouts 26.1.38 → 26.2.5

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 (118) 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 +4 -22
  4. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-layouts.es5.js +4 -22
  6. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  7. package/package.json +8 -8
  8. package/src/dashboard-layout/dashboardlayout.component.js +2 -8
  9. package/src/splitter/splitter.component.js +2 -8
  10. package/src/timeline/timeline.component.js +2 -8
  11. package/styles/avatar/bootstrap-dark.css +1 -48
  12. package/styles/avatar/bootstrap.css +1 -48
  13. package/styles/avatar/bootstrap4.css +1 -48
  14. package/styles/avatar/bootstrap5-dark.css +1 -63
  15. package/styles/avatar/bootstrap5.css +1 -63
  16. package/styles/avatar/fabric-dark.css +1 -48
  17. package/styles/avatar/fabric.css +1 -48
  18. package/styles/avatar/fluent-dark.css +1 -61
  19. package/styles/avatar/fluent.css +1 -61
  20. package/styles/avatar/fluent2.css +1 -1097
  21. package/styles/avatar/highcontrast-light.css +1 -48
  22. package/styles/avatar/highcontrast.css +1 -48
  23. package/styles/avatar/material-dark.css +1 -48
  24. package/styles/avatar/material.css +1 -48
  25. package/styles/avatar/material3-dark.css +1 -171
  26. package/styles/avatar/material3.css +1 -283
  27. package/styles/avatar/tailwind-dark.css +1 -61
  28. package/styles/avatar/tailwind.css +1 -61
  29. package/styles/bootstrap-dark.css +1 -1752
  30. package/styles/bootstrap.css +1 -1753
  31. package/styles/bootstrap4.css +1 -1757
  32. package/styles/bootstrap5-dark.css +1 -1770
  33. package/styles/bootstrap5.css +1 -1770
  34. package/styles/card/bootstrap-dark.css +1 -556
  35. package/styles/card/bootstrap.css +1 -557
  36. package/styles/card/bootstrap4.css +1 -563
  37. package/styles/card/bootstrap5-dark.css +1 -556
  38. package/styles/card/bootstrap5.css +1 -556
  39. package/styles/card/fabric-dark.css +1 -556
  40. package/styles/card/fabric.css +1 -567
  41. package/styles/card/fluent-dark.css +1 -579
  42. package/styles/card/fluent.css +1 -579
  43. package/styles/card/fluent2.css +1 -1593
  44. package/styles/card/highcontrast-light.css +1 -556
  45. package/styles/card/highcontrast.css +1 -568
  46. package/styles/card/material-dark.css +1 -556
  47. package/styles/card/material.css +1 -557
  48. package/styles/card/material3-dark.css +1 -667
  49. package/styles/card/material3.css +1 -779
  50. package/styles/card/tailwind-dark.css +1 -557
  51. package/styles/card/tailwind.css +1 -557
  52. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  53. package/styles/dashboard-layout/bootstrap.css +1 -295
  54. package/styles/dashboard-layout/bootstrap4.css +1 -295
  55. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  56. package/styles/dashboard-layout/bootstrap5.css +1 -306
  57. package/styles/dashboard-layout/fabric-dark.css +1 -295
  58. package/styles/dashboard-layout/fabric.css +1 -295
  59. package/styles/dashboard-layout/fluent-dark.css +1 -300
  60. package/styles/dashboard-layout/fluent.css +1 -300
  61. package/styles/dashboard-layout/fluent2.css +1 -1336
  62. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  63. package/styles/dashboard-layout/highcontrast.css +1 -293
  64. package/styles/dashboard-layout/material-dark.css +1 -295
  65. package/styles/dashboard-layout/material.css +1 -295
  66. package/styles/dashboard-layout/material3-dark.css +1 -412
  67. package/styles/dashboard-layout/material3.css +1 -524
  68. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  69. package/styles/dashboard-layout/tailwind.css +1 -319
  70. package/styles/fabric-dark.css +1 -1752
  71. package/styles/fabric.css +1 -1763
  72. package/styles/fluent-dark.css +1 -1785
  73. package/styles/fluent.css +1 -1785
  74. package/styles/fluent2.css +1 -6939
  75. package/styles/highcontrast-light.css +1 -1689
  76. package/styles/highcontrast.css +1 -1762
  77. package/styles/material-dark.css +1 -1750
  78. package/styles/material.css +1 -1752
  79. package/styles/material3-dark.css +1 -2315
  80. package/styles/material3.css +1 -2875
  81. package/styles/splitter/bootstrap-dark.css +1 -552
  82. package/styles/splitter/bootstrap.css +1 -552
  83. package/styles/splitter/bootstrap4.css +1 -550
  84. package/styles/splitter/bootstrap5-dark.css +1 -544
  85. package/styles/splitter/bootstrap5.css +1 -544
  86. package/styles/splitter/fabric-dark.css +1 -552
  87. package/styles/splitter/fabric.css +1 -552
  88. package/styles/splitter/fluent-dark.css +1 -544
  89. package/styles/splitter/fluent.css +1 -544
  90. package/styles/splitter/fluent2.css +1 -1578
  91. package/styles/splitter/highcontrast-light.css +1 -552
  92. package/styles/splitter/highcontrast.css +1 -552
  93. package/styles/splitter/material-dark.css +1 -550
  94. package/styles/splitter/material.css +1 -551
  95. package/styles/splitter/material3-dark.css +1 -654
  96. package/styles/splitter/material3.css +1 -766
  97. package/styles/splitter/tailwind-dark.css +1 -544
  98. package/styles/splitter/tailwind.css +1 -544
  99. package/styles/tailwind-dark.css +1 -1782
  100. package/styles/tailwind.css +1 -1782
  101. package/styles/timeline/bootstrap-dark.css +1 -298
  102. package/styles/timeline/bootstrap.css +1 -298
  103. package/styles/timeline/bootstrap4.css +1 -298
  104. package/styles/timeline/bootstrap5-dark.css +1 -298
  105. package/styles/timeline/bootstrap5.css +1 -298
  106. package/styles/timeline/fabric-dark.css +1 -298
  107. package/styles/timeline/fabric.css +1 -298
  108. package/styles/timeline/fluent-dark.css +1 -298
  109. package/styles/timeline/fluent.css +1 -298
  110. package/styles/timeline/fluent2.css +1 -1332
  111. package/styles/timeline/highcontrast-light.css +1 -298
  112. package/styles/timeline/highcontrast.css +1 -298
  113. package/styles/timeline/material-dark.css +1 -298
  114. package/styles/timeline/material.css +1 -298
  115. package/styles/timeline/material3-dark.css +1 -408
  116. package/styles/timeline/material3.css +1 -520
  117. package/styles/timeline/tailwind-dark.css +1 -298
  118. package/styles/timeline/tailwind.css +1 -298
@@ -1,1782 +1 @@
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: #4b5563;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #9ca3af;
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: #22d3ee;
556
- background: #1f2937;
557
- border: 1px solid #4b5563;
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: #fff;
561
- outline: none;
562
- }
563
- .e-card:hover {
564
- background-color: #374151;
565
- border-color: #4b5563;
566
- }
567
- .e-card:focus {
568
- background-color: #374151;
569
- border-color: #4b5563;
570
- }
571
- .e-card:active {
572
- background-color: #374151;
573
- border-color: #4b5563;
574
- }
575
- .e-card .e-card-separator {
576
- border-bottom: 1px solid #4b5563;
577
- }
578
- .e-card .e-card-header-caption .e-card-header-title {
579
- color: #fff;
580
- }
581
- .e-card .e-card-header-caption .e-card-sub-title {
582
- color: #9ca3af;
583
- }
584
- .e-card .e-card-image .e-card-title {
585
- background-color: rgba(107, 114, 128, 0.75);
586
- color: #fff;
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: #22d3ee;
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 #22d3ee;
596
- color: #22d3ee;
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: #22d3ee;
602
- border: 1px solid #6b7280;
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: #374151;
608
- border: 1px solid;
609
- color: #fff;
610
- }
611
- .e-card .e-card-actions .e-card-btn:active,
612
- .e-card .e-card-actions a:active {
613
- background-color: #4b5563;
614
- border: 1px solid #6b7280;
615
- color: #fff;
616
- }
617
- .e-card .e-card-content {
618
- color: #d1d5db;
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 #4b5563;
842
- border-right: 1px solid #4b5563;
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 #4b5563;
1012
- }
1013
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
1014
- color: #fff;
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: #4b5563;
1021
- border-left: 1px solid #4b5563;
1022
- border-right: 1px solid #4b5563;
1023
- }
1024
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
1025
- background: #1f2937;
1026
- color: #d1d5db;
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: #22d3ee;
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: #22d3ee;
1046
- border-left: 1px solid #22d3ee;
1047
- border-right: 1px solid #22d3ee;
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: #1f2937;
1051
- color: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
1085
- }
1086
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
1087
- background: #1f2937;
1088
- color: #22d3ee;
1089
- }
1090
- .e-splitter .e-split-bar.e-split-bar-vertical {
1091
- background: #4b5563;
1092
- }
1093
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1094
- background: #1f2937;
1095
- color: #d1d5db;
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: #22d3ee;
1100
- border-left: 1px solid #22d3ee;
1101
- border-right: 1px solid #22d3ee;
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: #22d3ee;
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: #1f2937;
1111
- color: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
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: #22d3ee;
1154
- }
1155
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1156
- background: #1f2937;
1157
- color: #22d3ee;
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: #232e3e;
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 #6b7280;
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 #4b5563;
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: #fff;
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: #4b5563;
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: #1f2937;
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: #fff;
1412
- background: #232e3e;
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: #6b7280;
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: #374151;
1475
- }
1476
- .e-dashboardlayout.e-control .e-panel.e-dragging:active {
1477
- background: #1f2937;
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: #fff;
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: #4b5563;
1763
- border-color: #4b5563;
1764
- color: #9ca3af;
1765
- outline-color: #1f2937;
1766
- }
1767
- .e-timeline.e-outline .e-dot {
1768
- background-color: #1f2937;
1769
- }
1770
- .e-timeline .e-timeline-item.e-connector::after {
1771
- border-color: #4b5563;
1772
- }
1773
- .e-timeline .e-content {
1774
- color: #fff;
1775
- }
1776
- .e-timeline .e-opposite-content {
1777
- color: #fff;
1778
- }
1779
- .e-timeline .e-item-disabled .e-content,
1780
- .e-timeline .e-item-disabled .e-opposite-content {
1781
- color: #6b7280;
1782
- }
1
+ @import '@syncfusion/ej2-layouts/styles/tailwind-dark.css';