@syncfusion/ej2-react-layouts 20.1.47 → 20.1.61

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