@syncfusion/ej2-vue-layouts 26.1.38 → 26.2.4

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