@syncfusion/ej2-vue-layouts 23.1.36 → 24.1.41

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 (88) hide show
  1. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  2. package/dist/global/ej2-vue-layouts.min.js +3 -3
  3. package/package.json +9 -9
  4. package/styles/avatar/bootstrap-dark.css +1 -45
  5. package/styles/avatar/bootstrap.css +1 -45
  6. package/styles/avatar/bootstrap4.css +1 -45
  7. package/styles/avatar/bootstrap5-dark.css +1 -60
  8. package/styles/avatar/bootstrap5.css +1 -60
  9. package/styles/avatar/fabric-dark.css +1 -45
  10. package/styles/avatar/fabric.css +1 -45
  11. package/styles/avatar/fluent-dark.css +1 -58
  12. package/styles/avatar/fluent.css +1 -58
  13. package/styles/avatar/highcontrast-light.css +1 -45
  14. package/styles/avatar/highcontrast.css +1 -45
  15. package/styles/avatar/material-dark.css +1 -45
  16. package/styles/avatar/material.css +1 -45
  17. package/styles/avatar/material3-dark.css +1 -113
  18. package/styles/avatar/material3.css +1 -169
  19. package/styles/avatar/tailwind-dark.css +1 -58
  20. package/styles/avatar/tailwind.css +1 -58
  21. package/styles/bootstrap-dark.css +1 -1351
  22. package/styles/bootstrap.css +1 -1352
  23. package/styles/bootstrap4.css +1 -1357
  24. package/styles/bootstrap5-dark.css +1 -1368
  25. package/styles/bootstrap5.css +1 -1368
  26. package/styles/card/bootstrap-dark.css +1 -513
  27. package/styles/card/bootstrap.css +1 -514
  28. package/styles/card/bootstrap4.css +1 -520
  29. package/styles/card/bootstrap5-dark.css +1 -513
  30. package/styles/card/bootstrap5.css +1 -513
  31. package/styles/card/fabric-dark.css +1 -513
  32. package/styles/card/fabric.css +1 -524
  33. package/styles/card/fluent-dark.css +1 -534
  34. package/styles/card/fluent.css +1 -534
  35. package/styles/card/highcontrast-light.css +1 -513
  36. package/styles/card/highcontrast.css +1 -525
  37. package/styles/card/material-dark.css +1 -513
  38. package/styles/card/material.css +1 -513
  39. package/styles/card/material3-dark.css +1 -566
  40. package/styles/card/material3.css +1 -622
  41. package/styles/card/tailwind-dark.css +1 -514
  42. package/styles/card/tailwind.css +1 -514
  43. package/styles/dashboard-layout/bootstrap-dark.css +1 -296
  44. package/styles/dashboard-layout/bootstrap.css +1 -296
  45. package/styles/dashboard-layout/bootstrap4.css +1 -296
  46. package/styles/dashboard-layout/bootstrap5-dark.css +1 -305
  47. package/styles/dashboard-layout/bootstrap5.css +1 -305
  48. package/styles/dashboard-layout/fabric-dark.css +1 -296
  49. package/styles/dashboard-layout/fabric.css +1 -296
  50. package/styles/dashboard-layout/fluent-dark.css +1 -300
  51. package/styles/dashboard-layout/fluent.css +1 -300
  52. package/styles/dashboard-layout/highcontrast-light.css +1 -234
  53. package/styles/dashboard-layout/highcontrast.css +1 -292
  54. package/styles/dashboard-layout/material-dark.css +1 -296
  55. package/styles/dashboard-layout/material.css +1 -296
  56. package/styles/dashboard-layout/material3-dark.css +1 -356
  57. package/styles/dashboard-layout/material3.css +1 -412
  58. package/styles/dashboard-layout/tailwind-dark.css +1 -317
  59. package/styles/dashboard-layout/tailwind.css +1 -317
  60. package/styles/fabric-dark.css +1 -1351
  61. package/styles/fabric.css +1 -1362
  62. package/styles/fluent-dark.css +1 -1382
  63. package/styles/fluent.css +1 -1382
  64. package/styles/highcontrast-light.css +1 -1289
  65. package/styles/highcontrast.css +1 -1359
  66. package/styles/material-dark.css +1 -1350
  67. package/styles/material.css +1 -1351
  68. package/styles/material3-dark.css +1 -1581
  69. package/styles/material3.css +1 -1805
  70. package/styles/splitter/bootstrap-dark.css +1 -496
  71. package/styles/splitter/bootstrap.css +1 -496
  72. package/styles/splitter/bootstrap4.css +1 -495
  73. package/styles/splitter/bootstrap5-dark.css +1 -489
  74. package/styles/splitter/bootstrap5.css +1 -489
  75. package/styles/splitter/fabric-dark.css +1 -496
  76. package/styles/splitter/fabric.css +1 -496
  77. package/styles/splitter/fluent-dark.css +1 -489
  78. package/styles/splitter/fluent.css +1 -489
  79. package/styles/splitter/highcontrast-light.css +1 -496
  80. package/styles/splitter/highcontrast.css +1 -496
  81. package/styles/splitter/material-dark.css +1 -495
  82. package/styles/splitter/material.css +1 -496
  83. package/styles/splitter/material3-dark.css +1 -544
  84. package/styles/splitter/material3.css +1 -600
  85. package/styles/splitter/tailwind-dark.css +1 -489
  86. package/styles/splitter/tailwind.css +1 -489
  87. package/styles/tailwind-dark.css +1 -1379
  88. package/styles/tailwind.css +1 -1379
@@ -1,1368 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
6
- background-color: #dee2e6;
7
- background-position: center;
8
- background-repeat: no-repeat;
9
- background-size: cover;
10
- border-radius: 2px;
11
- color: #6c757d;
12
- display: -ms-inline-flexbox;
13
- display: inline-flex;
14
- 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";
15
- font-size: 14px;
16
- font-weight: 500;
17
- height: 40px;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
- overflow: hidden;
21
- position: relative;
22
- width: 40px;
23
- line-height: 22px;
24
- }
25
- .e-avatar img {
26
- height: 100%;
27
- width: auto;
28
- }
29
- .e-avatar.e-avatar-circle {
30
- border-radius: 50%;
31
- }
32
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-xsmall {
36
- font-size: 10px;
37
- height: 24px;
38
- line-height: 16px;
39
- width: 24px;
40
- }
41
- .e-avatar.e-avatar-small {
42
- font-size: 12px;
43
- height: 32px;
44
- line-height: 18px;
45
- width: 32px;
46
- }
47
- .e-avatar.e-avatar-large {
48
- font-size: 18px;
49
- border-radius: 4px;
50
- height: 48px;
51
- line-height: 28px;
52
- width: 48px;
53
- }
54
- .e-avatar.e-avatar-xlarge {
55
- font-size: 20px;
56
- border-radius: 4px;
57
- height: 56px;
58
- line-height: 28px;
59
- width: 56px;
60
- }
61
-
62
- /*! card layout */
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: 16px;
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: 16px;
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: 16px;
102
- padding-bottom: 0;
103
- }
104
- .e-bigger .e-card .e-card-header .e-card-content,
105
- .e-bigger.e-card .e-card-header .e-card-content {
106
- padding-left: 0;
107
- padding-right: 0;
108
- }
109
- .e-bigger .e-card .e-card-header .e-card-header-caption,
110
- .e-bigger.e-card .e-card-header .e-card-header-caption {
111
- padding: 0 0 0 16px;
112
- }
113
- .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
114
- .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
115
- padding: 0;
116
- }
117
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
118
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
119
- font-size: 20px;
120
- line-height: 1.5;
121
- }
122
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
123
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
124
- font-size: 16px;
125
- line-height: 1.5;
126
- padding: 8px 0 0;
127
- }
128
- .e-bigger .e-card .e-card-header .e-card-header-image,
129
- .e-bigger.e-card .e-card-header .e-card-header-image {
130
- background-size: cover;
131
- height: 60px;
132
- width: 55px;
133
- }
134
- .e-bigger .e-card .e-card-image,
135
- .e-bigger.e-card .e-card-image {
136
- min-height: 150px;
137
- }
138
- .e-bigger .e-card .e-card-image .e-card-title,
139
- .e-bigger.e-card .e-card-image .e-card-title {
140
- font-size: 18px;
141
- line-height: 1.25;
142
- min-height: 40px;
143
- padding: 12px 16px;
144
- }
145
- .e-bigger .e-card .e-card-actions,
146
- .e-bigger.e-card .e-card-actions {
147
- padding: 16px;
148
- }
149
- .e-bigger .e-card .e-card-actions.e-card-vertical,
150
- .e-bigger.e-card .e-card-actions.e-card-vertical {
151
- padding: 16px 20px;
152
- }
153
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
154
- .e-bigger .e-card .e-card-actions.e-card-vertical a,
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
- margin: 0 0 7px 0;
158
- }
159
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
160
- .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
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
- margin-bottom: 0;
164
- }
165
- .e-bigger .e-card .e-card-actions .e-card-btn span,
166
- .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
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
- height: 24px;
170
- width: 24px;
171
- }
172
- .e-bigger .e-card .e-card-actions .e-card-btn,
173
- .e-bigger .e-card .e-card-actions a,
174
- .e-bigger.e-card .e-card-actions .e-card-btn,
175
- .e-bigger.e-card .e-card-actions a {
176
- line-height: 38px;
177
- margin: 0 0 0 13px;
178
- min-height: 38px;
179
- padding: 0 8px;
180
- }
181
- .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
182
- .e-bigger .e-card .e-card-actions a:first-child,
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
- margin-left: 0;
186
- }
187
- .e-bigger .e-card .e-card-content,
188
- .e-bigger.e-card .e-card-content {
189
- padding: 16px;
190
- }
191
- .e-bigger .e-card .e-card-content + :not(.e-card-content),
192
- .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
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
- margin-top: 0;
196
- padding-top: 0;
197
- }
198
-
199
- .e-card {
200
- border-radius: 4px;
201
- box-sizing: border-box;
202
- display: -ms-flexbox;
203
- display: flex;
204
- -ms-flex-direction: column;
205
- flex-direction: column;
206
- 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";
207
- font-size: 15px;
208
- -ms-flex-pack: center;
209
- justify-content: center;
210
- line-height: 36px;
211
- min-height: 36px;
212
- overflow: hidden;
213
- position: relative;
214
- text-overflow: ellipsis;
215
- vertical-align: middle;
216
- width: 100%;
217
- }
218
- .e-card > * {
219
- -ms-flex-pack: center;
220
- justify-content: center;
221
- }
222
- .e-card > .e-card-header-title {
223
- box-sizing: border-box;
224
- font-size: 16px;
225
- line-height: 1.25;
226
- padding: 12px;
227
- }
228
- .e-card > .e-card-header-title + :not(.e-card-header-title) {
229
- margin-top: 0;
230
- padding-top: 0;
231
- }
232
- .e-card > .e-card-title {
233
- font-size: 18px;
234
- line-height: 1.5;
235
- padding: 12px;
236
- }
237
- .e-card > .e-card-title + :not(.e-card-title) {
238
- margin-top: 0;
239
- padding-top: 0;
240
- }
241
- .e-card > .e-card-header-title,
242
- .e-card > .e-card-title {
243
- overflow: hidden;
244
- text-overflow: ellipsis;
245
- }
246
- .e-card .e-card-header-caption {
247
- line-height: normal;
248
- }
249
- .e-card .e-card-header-caption .e-card-header-title {
250
- font-size: 16px;
251
- }
252
- .e-card .e-card-header-caption .e-card-sub-title {
253
- font-size: 14px;
254
- }
255
- .e-card .e-card-stacked {
256
- display: -ms-flexbox;
257
- display: flex;
258
- -ms-flex-direction: column;
259
- flex-direction: column;
260
- -ms-flex-pack: center;
261
- justify-content: center;
262
- overflow: hidden;
263
- }
264
- .e-card.e-card-horizontal,
265
- .e-card .e-card-horizontal {
266
- display: -ms-flexbox;
267
- display: flex;
268
- -ms-flex-direction: row;
269
- flex-direction: row;
270
- -ms-flex-pack: center;
271
- justify-content: center;
272
- }
273
- .e-card.e-card-horizontal .e-card-image,
274
- .e-card.e-card-horizontal img,
275
- .e-card .e-card-horizontal .e-card-image,
276
- .e-card .e-card-horizontal img {
277
- margin: 2px;
278
- }
279
- .e-card .e-card-horizontal {
280
- line-height: normal;
281
- padding: 2px;
282
- }
283
- .e-card.e-card-horizontal > * {
284
- -ms-flex: 1;
285
- flex: 1;
286
- }
287
- .e-card.e-card-horizontal .e-card-stacked {
288
- display: -ms-flexbox;
289
- display: flex;
290
- -ms-flex: 1;
291
- flex: 1;
292
- -ms-flex-direction: column;
293
- flex-direction: column;
294
- overflow: hidden;
295
- }
296
- .e-card.e-card-horizontal .e-card-stacked > :first-child {
297
- -ms-flex-positive: 1;
298
- flex-grow: 1;
299
- }
300
- .e-card .e-card-separator {
301
- display: block;
302
- }
303
- .e-card .e-card-corner {
304
- border-radius: 50%;
305
- }
306
- .e-card .e-card-header {
307
- box-sizing: border-box;
308
- display: -ms-flexbox;
309
- display: flex;
310
- -ms-flex-direction: row;
311
- flex-direction: row;
312
- -ms-flex-pack: center;
313
- justify-content: center;
314
- line-height: normal;
315
- min-height: 22.5px;
316
- padding: 12px;
317
- width: inherit;
318
- padding-bottom: 0;
319
- }
320
- .e-card .e-card-header .e-card-content {
321
- padding-left: 0;
322
- padding-right: 0;
323
- }
324
- .e-card .e-card-header .e-card-actions {
325
- -ms-flex-pack: start;
326
- justify-content: flex-start;
327
- }
328
- .e-card .e-card-header .e-card-header-image {
329
- -ms-flex-item-align: center;
330
- align-self: center;
331
- display: -ms-flexbox;
332
- display: flex;
333
- }
334
- .e-card .e-card-header .e-card-header-caption {
335
- -ms-flex-item-align: center;
336
- align-self: center;
337
- display: -ms-flexbox;
338
- display: flex;
339
- -ms-flex: 1;
340
- flex: 1;
341
- -ms-flex-direction: column;
342
- flex-direction: column;
343
- overflow: hidden;
344
- padding: 0 0 0 12px;
345
- }
346
- .e-card .e-card-header .e-card-header-caption:first-child {
347
- padding: 0;
348
- }
349
- .e-card .e-card-header .e-card-header-caption .e-card-header-title,
350
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
351
- display: inline-block;
352
- overflow: hidden;
353
- text-overflow: ellipsis;
354
- white-space: nowrap;
355
- }
356
- .e-card .e-card-header .e-card-header-caption .e-card-header-title {
357
- font-size: 16px;
358
- font-weight: normal;
359
- line-height: 1.5;
360
- }
361
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
362
- font-size: 14px;
363
- font-weight: normal;
364
- line-height: 1.5;
365
- padding: 4px 0 0;
366
- }
367
- .e-card .e-card-header .e-card-header-image {
368
- background-repeat: no-repeat;
369
- background-size: cover;
370
- height: 50px;
371
- width: 52px;
372
- }
373
- .e-card .e-card-header .e-card-corner {
374
- border-radius: 50%;
375
- }
376
- .e-card .e-card-image {
377
- background-size: cover;
378
- min-height: 112.5px;
379
- position: relative;
380
- width: 100%;
381
- }
382
- .e-card .e-card-image .e-card-title {
383
- bottom: 0;
384
- box-sizing: border-box;
385
- font-size: 16px;
386
- line-height: 30px;
387
- min-height: 30px;
388
- overflow: hidden;
389
- padding: 12px 16px;
390
- position: absolute;
391
- text-overflow: ellipsis;
392
- width: inherit;
393
- }
394
- .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
395
- bottom: auto;
396
- top: 0;
397
- }
398
- .e-card .e-card-image .e-card-title.e-card-top-right {
399
- text-align: right;
400
- }
401
- .e-card .e-card-image .e-card-title.e-card-bottom-right {
402
- text-align: right;
403
- }
404
- .e-card .e-card-actions {
405
- box-sizing: border-box;
406
- display: inline-block;
407
- -ms-flex-pack: start;
408
- justify-content: flex-start;
409
- padding: 12px;
410
- }
411
- .e-card .e-card-actions.e-card-vertical {
412
- display: -ms-flexbox;
413
- display: flex;
414
- -ms-flex-direction: column;
415
- flex-direction: column;
416
- padding: 12px;
417
- }
418
- .e-card .e-card-actions.e-card-vertical .e-card-btn,
419
- .e-card .e-card-actions.e-card-vertical a {
420
- -ms-flex-item-align: initial;
421
- -ms-grid-row-align: initial;
422
- align-self: initial;
423
- box-sizing: border-box;
424
- display: inline-block;
425
- -ms-flex-pack: center;
426
- justify-content: center;
427
- margin: 0 0 0 8px;
428
- text-align: center;
429
- width: 100%;
430
- }
431
- .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
432
- .e-card .e-card-actions.e-card-vertical a:last-child {
433
- margin-bottom: 0;
434
- }
435
- .e-card .e-card-actions button,
436
- .e-card .e-card-actions a {
437
- -ms-flex-align: center;
438
- align-items: center;
439
- -ms-flex-item-align: center;
440
- align-self: center;
441
- cursor: pointer;
442
- display: -ms-inline-flexbox;
443
- display: inline-flex;
444
- overflow: hidden;
445
- vertical-align: middle;
446
- white-space: nowrap;
447
- }
448
- .e-card .e-card-actions .e-card-btn span,
449
- .e-card .e-card-actions .e-card-btn span.e-icons {
450
- display: -ms-flexbox;
451
- display: flex;
452
- font-size: 14px;
453
- height: 24px;
454
- width: 24px;
455
- }
456
- .e-card .e-card-actions .e-card-btn span::before,
457
- .e-card .e-card-actions .e-card-btn span.e-icons::before {
458
- -ms-flex-item-align: center;
459
- align-self: center;
460
- display: -ms-flexbox;
461
- display: flex;
462
- -ms-flex-pack: center;
463
- justify-content: center;
464
- width: inherit;
465
- }
466
- .e-card .e-card-actions .e-card-btn > * {
467
- overflow: hidden;
468
- text-overflow: ellipsis;
469
- width: inherit;
470
- }
471
- .e-card .e-card-actions .e-card-btn,
472
- .e-card .e-card-actions a {
473
- border-radius: 2px;
474
- }
475
- .e-card .e-card-actions .e-card-btn,
476
- .e-card .e-card-actions a {
477
- 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";
478
- font-size: 14px;
479
- line-height: 30px;
480
- margin: 0 0 0 8px;
481
- min-height: 30px;
482
- padding: 0 6px;
483
- text-decoration: none;
484
- text-transform: none;
485
- }
486
- .e-card .e-card-actions .e-card-btn:first-child,
487
- .e-card .e-card-actions a:first-child {
488
- margin-left: 0;
489
- }
490
- .e-card .e-card-content {
491
- font-size: 14px;
492
- line-height: 1.5;
493
- padding: 12px;
494
- word-wrap: break-word;
495
- }
496
- .e-card .e-card-content + :not(.e-card-content),
497
- .e-card .e-card-content + .e-card-actions.e-card-vertical {
498
- margin-top: 0;
499
- padding-top: 0;
500
- }
501
- .e-card .e-card-content,
502
- .e-card .e-card-content p {
503
- line-height: 1.5;
504
- overflow: hidden;
505
- text-overflow: ellipsis;
506
- }
507
-
508
- /*! card theme */
509
- /* stylelint-disable property-no-vendor-prefix */
510
- .e-card {
511
- -webkit-tap-highlight-color: #0d6efd;
512
- background: #fff;
513
- border: 1px solid #dee2e6;
514
- box-shadow: none;
515
- color: #212529;
516
- outline: none;
517
- }
518
- .e-card:hover {
519
- background-color: #fff;
520
- border-color: #adb5bd;
521
- }
522
- .e-card:focus {
523
- background-color: #fff;
524
- border-color: #dee2e6;
525
- }
526
- .e-card:active {
527
- background-color: #fff;
528
- border-color: #0d6efd;
529
- }
530
- .e-card .e-card-separator {
531
- border-bottom: 1px solid #dee2e6;
532
- }
533
- .e-card .e-card-header-caption .e-card-header-title {
534
- color: #212529;
535
- }
536
- .e-card .e-card-header-caption .e-card-sub-title {
537
- color: #495057;
538
- }
539
- .e-card .e-card-image .e-card-title {
540
- background-color: rgba(0, 0, 0, 0.5);
541
- color: #fff;
542
- }
543
- .e-card .e-card-actions .e-card-btn span,
544
- .e-card .e-card-actions .e-card-btn span.e-icons {
545
- color: #0d6efd;
546
- }
547
- .e-card .e-card-actions .e-card-btn,
548
- .e-card .e-card-actions a {
549
- background-color: transparent;
550
- border: 1px solid #0d6efd;
551
- color: #0d6efd;
552
- outline: 0;
553
- }
554
- .e-card .e-card-actions .e-card-btn:hover,
555
- .e-card .e-card-actions a:hover {
556
- background-color: #0d6efd;
557
- border: 1px solid #565e64;
558
- color: #fff;
559
- }
560
- .e-card .e-card-actions .e-card-btn:focus,
561
- .e-card .e-card-actions a:focus {
562
- background-color: #5c636a;
563
- border: 1px solid;
564
- color: #fff;
565
- }
566
- .e-card .e-card-actions .e-card-btn:active,
567
- .e-card .e-card-actions a:active {
568
- background-color: #565e64;
569
- border: 1px solid #51585e;
570
- color: #fff;
571
- }
572
- .e-card .e-card-content {
573
- color: #343a40;
574
- }
575
-
576
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
577
- content: "\e7e3";
578
- font-family: "e-icons";
579
- font-size: 14px;
580
- }
581
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
582
- content: "\e7fd";
583
- font-family: "e-icons";
584
- font-size: 14px;
585
- }
586
-
587
- .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
588
- font-size: 16px;
589
- }
590
- .e-bigger.e-splitter .e-split-bar .e-resize-handler::before {
591
- font-size: 16px;
592
- }
593
-
594
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
595
- border-width: 1px;
596
- display: -ms-flexbox;
597
- display: flex;
598
- overflow: hidden;
599
- position: relative;
600
- -ms-touch-action: none;
601
- touch-action: none;
602
- width: 100%;
603
- }
604
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
605
- -ms-flex: 1 1 auto;
606
- flex: 1 1 auto;
607
- 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";
608
- font-size: 14px;
609
- font-weight: 400;
610
- }
611
- .e-splitter.e-splitter-horizontal .e-pane.e-scrollable, .e-splitter.e-splitter-vertical .e-pane.e-scrollable {
612
- overflow: auto;
613
- }
614
- .e-splitter.e-splitter-horizontal .e-pane.e-static-pane, .e-splitter.e-splitter-vertical .e-pane.e-static-pane {
615
- -ms-flex-positive: 0;
616
- flex-grow: 0;
617
- -ms-flex-negative: 0;
618
- flex-shrink: 0;
619
- }
620
- .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
621
- overflow: auto;
622
- }
623
- .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 {
624
- -ms-flex-preferred-size: 0 !important;
625
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
626
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
627
- }
628
- .e-splitter.e-splitter-horizontal {
629
- -ms-flex-direction: row;
630
- flex-direction: row;
631
- }
632
- .e-splitter.e-splitter-horizontal.e-pane.e-scrollable {
633
- overflow: hidden;
634
- }
635
- .e-splitter.e-splitter-horizontal.e-rtl {
636
- -ms-flex-direction: row-reverse;
637
- flex-direction: row-reverse;
638
- }
639
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal {
640
- -ms-flex-direction: row-reverse;
641
- flex-direction: row-reverse;
642
- }
643
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
644
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
645
- right: auto;
646
- }
647
- .e-splitter.e-splitter-vertical {
648
- -ms-flex-direction: column;
649
- flex-direction: column;
650
- }
651
- .e-splitter.e-splitter-vertical.e-pane.e-scrollable {
652
- overflow: hidden;
653
- }
654
- .e-splitter.e-splitter-vertical .e-pane-vertical {
655
- overflow: auto;
656
- }
657
- .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
658
- -ms-flex-preferred-size: 0 !important;
659
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
660
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
661
- }
662
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
663
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
664
- right: auto;
665
- }
666
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
667
- border-radius: 50%;
668
- bottom: 20px;
669
- right: 22px;
670
- }
671
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
672
- border-radius: 50%;
673
- left: 22px;
674
- right: auto;
675
- top: 20px;
676
- }
677
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
678
- right: auto;
679
- }
680
- .e-splitter .e-split-bar.e-split-bar-horizontal {
681
- -ms-flex-align: center;
682
- align-items: center;
683
- display: -ms-flexbox;
684
- display: flex;
685
- -ms-flex: 0 0 auto;
686
- flex: 0 0 auto;
687
- -ms-flex-pack: center;
688
- justify-content: center;
689
- min-width: 1px;
690
- z-index: 15;
691
- }
692
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-icon-hidden {
693
- visibility: hidden;
694
- }
695
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
696
- cursor: col-resize;
697
- }
698
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar::after {
699
- content: "";
700
- cursor: col-resize;
701
- display: block;
702
- height: 100%;
703
- position: absolute;
704
- width: 16px;
705
- z-index: 10;
706
- }
707
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
708
- -ms-flex-align: center;
709
- align-items: center;
710
- display: -ms-flexbox;
711
- display: flex;
712
- height: 18px;
713
- -ms-flex-pack: center;
714
- justify-content: center;
715
- position: relative;
716
- width: 1px;
717
- }
718
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-hide-handler {
719
- visibility: hidden;
720
- }
721
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
722
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
723
- left: 8px;
724
- right: 3px;
725
- }
726
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow {
727
- border-image: none;
728
- border-width: 1px;
729
- cursor: pointer;
730
- display: -ms-flexbox;
731
- display: flex;
732
- height: 26px;
733
- padding: 1px 12px;
734
- position: relative;
735
- }
736
- .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 {
737
- border-radius: 16px;
738
- content: "";
739
- height: 8px;
740
- position: absolute;
741
- transform: rotate(0deg);
742
- width: 2px;
743
- }
744
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before {
745
- top: 5px;
746
- transform-origin: 1px 7px 0;
747
- }
748
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
749
- top: 11px;
750
- transform-origin: 1px 1px 0;
751
- }
752
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right) {
753
- border-radius: 50%;
754
- right: 5px;
755
- }
756
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right {
757
- border-radius: 50%;
758
- left: 5px;
759
- }
760
- .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 {
761
- right: 8px;
762
- }
763
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar) {
764
- margin: 0 3px;
765
- }
766
- .e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar) {
767
- margin: 0 0 0 3px;
768
- }
769
- .e-splitter .e-split-bar.e-split-bar-vertical {
770
- -ms-flex-align: center;
771
- align-items: center;
772
- border-left: none;
773
- border-right: none;
774
- display: -ms-flexbox;
775
- display: flex;
776
- -ms-flex: 0 0 auto;
777
- flex: 0 0 auto;
778
- -ms-flex-pack: center;
779
- justify-content: center;
780
- min-height: 1px;
781
- }
782
- .e-splitter .e-split-bar.e-split-bar-vertical .e-icon-hidden {
783
- visibility: hidden;
784
- }
785
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar {
786
- cursor: row-resize;
787
- }
788
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar::after {
789
- content: "";
790
- cursor: row-resize;
791
- display: block;
792
- height: 16px;
793
- position: absolute;
794
- width: 100%;
795
- z-index: 12;
796
- }
797
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
798
- -ms-flex-align: center;
799
- align-items: center;
800
- display: -ms-flexbox;
801
- display: flex;
802
- height: 1px;
803
- -ms-flex-pack: center;
804
- justify-content: center;
805
- width: 18px;
806
- }
807
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-hide-handler {
808
- visibility: hidden;
809
- }
810
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
811
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
812
- left: 10px;
813
- }
814
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
815
- border-image: none;
816
- border-width: 0;
817
- cursor: pointer;
818
- display: -ms-flexbox;
819
- display: flex;
820
- height: 26px;
821
- padding: 10px 3px 10px 18px;
822
- position: relative;
823
- width: 26px;
824
- }
825
- .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 {
826
- border-radius: 16px;
827
- content: "";
828
- height: 8px;
829
- position: absolute;
830
- transform: rotate(90deg);
831
- width: 2px;
832
- }
833
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before {
834
- top: 3px;
835
- transform-origin: 2px 7px 0;
836
- }
837
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
838
- left: 11px;
839
- top: 8px;
840
- transform-origin: 1px 1px 0;
841
- }
842
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before {
843
- left: 12px;
844
- top: 8px;
845
- transform-origin: 1px 6px 0;
846
- }
847
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
848
- left: 10px;
849
- top: 12px;
850
- transform-origin: 1px 2px 0;
851
- }
852
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
853
- border-radius: 50%;
854
- bottom: 20px;
855
- left: 22px;
856
- }
857
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
858
- border-radius: 50%;
859
- right: 22px;
860
- top: 20px;
861
- }
862
- .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 {
863
- right: 10px;
864
- }
865
- .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar) {
866
- margin: 3px 0;
867
- }
868
- .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) {
869
- margin: 3px 0 0;
870
- }
871
-
872
- .e-bigger.e-splitter .e-pane {
873
- font-size: 16px;
874
- }
875
- .e-bigger.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
876
- height: 20px;
877
- }
878
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
879
- width: 20px;
880
- }
881
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
882
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
883
- margin-top: -2px;
884
- }
885
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
886
- margin-top: 2px;
887
- }
888
-
889
- .e-rtl .e-splitter.e-splitter-horizontal {
890
- -ms-flex-direction: row-reverse;
891
- flex-direction: row-reverse;
892
- }
893
-
894
- .e-bigger .e-splitter .e-pane {
895
- font-size: 16px;
896
- }
897
- .e-bigger .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
898
- height: 20px;
899
- }
900
- .e-bigger .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
901
- width: 20px;
902
- }
903
-
904
- .e-content-placeholder.e-splitter.e-placeholder-splitter {
905
- background-size: 100px 110px;
906
- min-height: 110px;
907
- }
908
-
909
- .e-bigger .e-content-placeholder.e-splitter.e-placeholder-splitter,
910
- .e-bigger.e-content-placeholder.e-splitter.e-placeholder-splitter {
911
- background-size: 100px 110px;
912
- min-height: 110px;
913
- }
914
-
915
- .e-splitter.e-ie .e-navigate-arrow.e-arrow-left {
916
- margin-left: -26px;
917
- }
918
-
919
- .e-splitter.e-ie .e-split-bar-horizontal .e-resize-handler {
920
- -ms-flex-direction: column;
921
- flex-direction: column;
922
- }
923
-
924
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
925
- border: solid 1px #dee2e6;
926
- }
927
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
928
- color: #212529;
929
- }
930
- .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 {
931
- border: transparent;
932
- }
933
- .e-splitter .e-split-bar.e-split-bar-horizontal {
934
- background: #dee2e6;
935
- border-left: none;
936
- border-right: none;
937
- }
938
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
939
- background: #fff;
940
- color: #6c757d;
941
- z-index: 10;
942
- }
943
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
944
- background-color: transparent;
945
- border-color: transparent;
946
- color: transparent;
947
- transition: background-color 500ms ease-out;
948
- }
949
- .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 {
950
- background-color: #0d6efd;
951
- opacity: 0;
952
- transition-duration: 0.3s;
953
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
954
- }
955
- .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 {
956
- background: #0d6efd;
957
- border-left: none;
958
- border-right: none;
959
- }
960
- .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 {
961
- background: #fff;
962
- color: #0d6efd;
963
- }
964
- .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 {
965
- background-color: transparent;
966
- border-color: #0d6efd;
967
- border-width: 1px;
968
- opacity: 0.9;
969
- }
970
- .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 {
971
- background-color: #0d6efd;
972
- opacity: 1;
973
- transform: rotate(40deg);
974
- }
975
- .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 {
976
- background-color: #0d6efd;
977
- opacity: 1;
978
- transform: rotate(-40deg);
979
- }
980
- .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 {
981
- background-color: #0d6efd;
982
- opacity: 1;
983
- transform: rotate(-40deg);
984
- }
985
- .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 {
986
- background-color: #0d6efd;
987
- opacity: 1;
988
- transform: rotate(40deg);
989
- }
990
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
991
- background: #0d6efd;
992
- }
993
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
994
- background: #fff;
995
- color: #0d6efd;
996
- }
997
- .e-splitter .e-split-bar.e-split-bar-vertical {
998
- background: #dee2e6;
999
- }
1000
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1001
- background: #fff;
1002
- color: #6c757d;
1003
- z-index: 12;
1004
- }
1005
- .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 {
1006
- background: #0d6efd;
1007
- border-left: none;
1008
- border-right: none;
1009
- }
1010
- .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 {
1011
- background-color: transparent;
1012
- border-color: #0d6efd;
1013
- border-width: 1px;
1014
- opacity: 0.9;
1015
- }
1016
- .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 {
1017
- background: #fff;
1018
- color: #0d6efd;
1019
- }
1020
- .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 {
1021
- background-color: #0d6efd;
1022
- opacity: 1;
1023
- transform: rotate(125deg);
1024
- }
1025
- .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 {
1026
- background-color: #0d6efd;
1027
- opacity: 1;
1028
- transform: rotate(50deg);
1029
- }
1030
- .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 {
1031
- background-color: #0d6efd;
1032
- opacity: 1;
1033
- transform: rotate(55deg);
1034
- }
1035
- .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 {
1036
- background-color: #0d6efd;
1037
- opacity: 1;
1038
- transform: rotate(125deg);
1039
- }
1040
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
1041
- background-color: transparent;
1042
- border-color: transparent;
1043
- color: transparent;
1044
- transition: background-color 300ms ease-out;
1045
- }
1046
- .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 {
1047
- background-color: #0d6efd;
1048
- opacity: 0;
1049
- transition-duration: 0.3s;
1050
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
1051
- }
1052
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1053
- background: #0d6efd;
1054
- }
1055
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1056
- background: #fff;
1057
- color: #0d6efd;
1058
- }
1059
- .e-splitter.e-disabled {
1060
- opacity: 0.4;
1061
- pointer-events: none;
1062
- }
1063
-
1064
- /* stylelint-disable-line no-empty-source */ /*! component's theme wise override tailwind-definitions and variables */
1065
- /* stylelint-disable */
1066
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1067
- height: 100%;
1068
- padding: 20px 0;
1069
- right: 1px;
1070
- top: 0;
1071
- width: 12px;
1072
- }
1073
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
1074
- height: 100%;
1075
- left: 0;
1076
- padding: 20px 0;
1077
- top: 0;
1078
- width: 12px;
1079
- }
1080
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
1081
- height: 12px;
1082
- padding: 0 20px;
1083
- top: 1px;
1084
- width: 100%;
1085
- }
1086
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
1087
- bottom: 1px;
1088
- height: 12px;
1089
- padding: 0 20px;
1090
- width: 100%;
1091
- }
1092
- .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 {
1093
- bottom: 0;
1094
- right: 1px;
1095
- z-index: 10;
1096
- }
1097
- .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 {
1098
- left: 2px;
1099
- top: 2px;
1100
- z-index: 10;
1101
- }
1102
- .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 {
1103
- right: 2px;
1104
- top: 2px;
1105
- z-index: 10;
1106
- }
1107
- .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 {
1108
- bottom: 1px;
1109
- left: 1px;
1110
- z-index: 10;
1111
- }
1112
- .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 {
1113
- bottom: 4px;
1114
- content: "\e761";
1115
- font-size: 12px;
1116
- position: absolute;
1117
- right: 4px;
1118
- }
1119
- .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 {
1120
- bottom: 4px;
1121
- content: "\e761";
1122
- font-size: 12px;
1123
- left: 4px;
1124
- position: absolute;
1125
- transform: rotateY(180deg);
1126
- }
1127
-
1128
- .e-dashboardlayout.e-control .e-dashboard-gridline-table {
1129
- background: #f8f9fa;
1130
- border-collapse: collapse;
1131
- height: 100%;
1132
- width: 100%;
1133
- }
1134
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
1135
- border: 1px dashed #adb5bd;
1136
- border-radius: 6px;
1137
- position: absolute;
1138
- }
1139
- .e-dashboardlayout.e-control.e-responsive {
1140
- width: 100% !important;
1141
- }
1142
- .e-dashboardlayout.e-control.e-prevent {
1143
- -webkit-user-select: none;
1144
- -ms-user-select: none;
1145
- user-select: none;
1146
- }
1147
- .e-dashboardlayout.e-control .e-panel {
1148
- border-radius: 4px;
1149
- }
1150
- .e-dashboardlayout.e-control .e-panel:hover {
1151
- border: 1px solid #adb5bd;
1152
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
1153
- }
1154
- .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
1155
- display: block;
1156
- }
1157
- .e-dashboardlayout.e-control .e-panel:active {
1158
- border: 1px solid #0d6efd;
1159
- }
1160
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
1161
- display: none;
1162
- }
1163
- .e-dashboardlayout.e-control .e-panel.e-panel-transition {
1164
- transition: top 0.5s, left 0.5s;
1165
- }
1166
- .e-dashboardlayout.e-control .e-panel .e-panel-header {
1167
- border-bottom: 1px solid #dee2e6;
1168
- color: #212529;
1169
- 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";
1170
- font-size: 14px;
1171
- font-weight: 500;
1172
- height: 38px;
1173
- padding: 8px 18px;
1174
- border-top-left-radius: 4px;
1175
- border-top-right-radius: 4px;
1176
- }
1177
- .e-dashboardlayout.e-control .e-panel .e-panel-header div {
1178
- overflow: hidden;
1179
- text-overflow: ellipsis;
1180
- white-space: nowrap;
1181
- }
1182
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
1183
- display: inline-block;
1184
- }
1185
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
1186
- float: right;
1187
- }
1188
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
1189
- height: 100%;
1190
- width: 100%;
1191
- }
1192
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
1193
- height: inherit;
1194
- width: inherit;
1195
- }
1196
- .e-dashboardlayout.e-control .e-panel {
1197
- border: 1px solid #dee2e6;
1198
- height: 100%;
1199
- -webkit-user-select: none;
1200
- -ms-user-select: none;
1201
- user-select: none;
1202
- width: 100%;
1203
- }
1204
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
1205
- position: absolute;
1206
- -ms-touch-action: none;
1207
- touch-action: none;
1208
- }
1209
- .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 {
1210
- border: none;
1211
- }
1212
- .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 {
1213
- cursor: e-resize;
1214
- }
1215
- .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 {
1216
- cursor: w-resize;
1217
- }
1218
- .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 {
1219
- cursor: n-resize;
1220
- }
1221
- .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 {
1222
- cursor: s-resize;
1223
- }
1224
- .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 {
1225
- cursor: nw-resize;
1226
- }
1227
- .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 {
1228
- cursor: ne-resize;
1229
- }
1230
- .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 {
1231
- cursor: sw-resize;
1232
- }
1233
- .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 {
1234
- cursor: se-resize;
1235
- }
1236
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
1237
- font-family: "e-icons";
1238
- position: absolute;
1239
- }
1240
- .e-dashboardlayout.e-control .e-drag:hover {
1241
- cursor: move;
1242
- }
1243
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
1244
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
1245
- cursor: default;
1246
- }
1247
- .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
1248
- cursor: move;
1249
- z-index: 1111 !important;
1250
- }
1251
- .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
1252
- float: left;
1253
- }
1254
- .e-dashboardlayout.e-control .e-holder {
1255
- background: #e7f1ff;
1256
- border: 1px #0d6efd dashed;
1257
- border-radius: 4px;
1258
- position: absolute;
1259
- border-radius: 4px;
1260
- }
1261
- .e-dashboardlayout.e-control .e-holder.e-holder-transition {
1262
- transition: top 0.3s, left 0.3s;
1263
- }
1264
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
1265
- font-size: 16px;
1266
- font-weight: 500;
1267
- height: 40px;
1268
- padding: 8px 18px;
1269
- }
1270
-
1271
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
1272
- font-size: 16px;
1273
- font-weight: 500;
1274
- height: 40px;
1275
- padding: 8px 18px;
1276
- }
1277
- .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
1278
- height: 100%;
1279
- width: 100%;
1280
- }
1281
-
1282
- .e-dashboardlayout.e-control {
1283
- display: block;
1284
- position: relative;
1285
- }
1286
- .e-dashboardlayout.e-control .e-panel {
1287
- background: #fff;
1288
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
1289
- box-sizing: border-box;
1290
- position: absolute;
1291
- }
1292
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
1293
- color: #212529;
1294
- background: #f8f9fa;
1295
- box-sizing: border-box;
1296
- }
1297
- .e-dashboardlayout.e-control .e-panel {
1298
- background: #fff;
1299
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
1300
- box-sizing: border-box;
1301
- position: absolute;
1302
- }
1303
- .e-dashboardlayout.e-control .e-panel:active {
1304
- background: #fff;
1305
- }
1306
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
1307
- color: #212529;
1308
- }
1309
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
1310
- background: none;
1311
- }
1312
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
1313
- color: #adb5bd;
1314
- font-size: 8px;
1315
- height: 8px;
1316
- width: 8px;
1317
- }
1318
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
1319
- bottom: 2px;
1320
- right: 2px;
1321
- }
1322
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
1323
- bottom: 2px;
1324
- left: 2px;
1325
- }
1326
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
1327
- left: 2px;
1328
- top: 2px;
1329
- }
1330
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
1331
- right: 2px;
1332
- top: 2px;
1333
- }
1334
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
1335
- right: 2px;
1336
- top: 2px;
1337
- }
1338
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
1339
- left: 2px;
1340
- top: 2px;
1341
- }
1342
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
1343
- bottom: 2px;
1344
- left: 2px;
1345
- }
1346
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
1347
- bottom: 2px;
1348
- right: 2px;
1349
- }
1350
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
1351
- right: 2px;
1352
- top: 2px;
1353
- }
1354
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
1355
- left: 2px;
1356
- top: 2px;
1357
- }
1358
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
1359
- bottom: 2px;
1360
- left: 2px;
1361
- }
1362
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
1363
- bottom: 2px;
1364
- right: 2px;
1365
- }
1366
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
1367
- color: #212529;
1368
- }
1
+ @import '@syncfusion/ej2-layouts/styles/bootstrap5.css';