@syncfusion/ej2-react-layouts 19.4.48 → 20.1.55

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