@syncfusion/ej2-vue-layouts 25.2.3 → 26.1.38

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