@syncfusion/ej2-react-layouts 25.1.37 → 26.1.35

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