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