@syncfusion/ej2-navigations 23.2.5 → 24.1.41

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 (195) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +1351 -22
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +1399 -22
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/breadcrumb/breadcrumb.js +6 -1
  14. package/src/carousel/carousel.js +3 -3
  15. package/src/common/menu-base.js +4 -0
  16. package/src/index.d.ts +2 -0
  17. package/src/index.js +2 -0
  18. package/src/stepper/index.d.ts +3 -0
  19. package/src/stepper/index.js +2 -0
  20. package/src/stepper/stepper-model.d.ts +153 -0
  21. package/src/stepper/stepper.d.ts +339 -0
  22. package/src/stepper/stepper.js +1149 -0
  23. package/src/stepper-base/index.d.ts +5 -0
  24. package/src/stepper-base/index.js +4 -0
  25. package/src/stepper-base/stepper-base-model.d.ts +121 -0
  26. package/src/stepper-base/stepper-base.d.ts +184 -0
  27. package/src/stepper-base/stepper-base.js +221 -0
  28. package/src/tab/tab.js +0 -1
  29. package/src/toolbar/toolbar.js +4 -0
  30. package/src/treeview/treeview.js +10 -15
  31. package/stepper-base.d.ts +4 -0
  32. package/stepper-base.js +4 -0
  33. package/stepper.d.ts +4 -0
  34. package/stepper.js +4 -0
  35. package/styles/bootstrap-dark.css +753 -1
  36. package/styles/bootstrap-dark.scss +1 -0
  37. package/styles/bootstrap.css +753 -1
  38. package/styles/bootstrap.scss +1 -0
  39. package/styles/bootstrap4.css +753 -1
  40. package/styles/bootstrap4.scss +1 -0
  41. package/styles/bootstrap5-dark.css +754 -2
  42. package/styles/bootstrap5-dark.scss +1 -0
  43. package/styles/bootstrap5.css +754 -2
  44. package/styles/bootstrap5.scss +1 -0
  45. package/styles/fabric-dark.css +752 -0
  46. package/styles/fabric-dark.scss +1 -0
  47. package/styles/fabric.css +752 -0
  48. package/styles/fabric.scss +1 -0
  49. package/styles/fluent-dark.css +753 -1
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent.css +753 -1
  52. package/styles/fluent.scss +1 -0
  53. package/styles/highcontrast-light.css +753 -1
  54. package/styles/highcontrast-light.scss +1 -0
  55. package/styles/highcontrast.css +753 -1
  56. package/styles/highcontrast.scss +1 -0
  57. package/styles/material-dark.css +753 -1
  58. package/styles/material-dark.scss +1 -0
  59. package/styles/material.css +753 -1
  60. package/styles/material.scss +1 -0
  61. package/styles/material3-dark.css +752 -0
  62. package/styles/material3-dark.scss +1 -0
  63. package/styles/material3.css +752 -0
  64. package/styles/material3.scss +1 -0
  65. package/styles/pager/_bootstrap-dark-definition.scss +16 -0
  66. package/styles/pager/_bootstrap-definition.scss +16 -0
  67. package/styles/pager/_bootstrap4-definition.scss +16 -0
  68. package/styles/pager/_bootstrap5-definition.scss +16 -0
  69. package/styles/pager/_fabric-dark-definition.scss +16 -0
  70. package/styles/pager/_fabric-definition.scss +16 -0
  71. package/styles/pager/_fluent-definition.scss +16 -0
  72. package/styles/pager/_fusionnew-definition.scss +16 -0
  73. package/styles/pager/_highcontrast-definition.scss +16 -0
  74. package/styles/pager/_highcontrast-light-definition.scss +16 -0
  75. package/styles/pager/_layout.scss +114 -0
  76. package/styles/pager/_material-dark-definition.scss +16 -0
  77. package/styles/pager/_material-definition.scss +16 -0
  78. package/styles/pager/_material3-definition.scss +16 -0
  79. package/styles/pager/_tailwind-definition.scss +16 -0
  80. package/styles/pager/bootstrap-dark.css +107 -0
  81. package/styles/pager/bootstrap.css +107 -0
  82. package/styles/pager/bootstrap4.css +107 -0
  83. package/styles/pager/bootstrap5-dark.css +107 -0
  84. package/styles/pager/bootstrap5.css +107 -0
  85. package/styles/pager/fabric-dark.css +107 -0
  86. package/styles/pager/fabric.css +107 -0
  87. package/styles/pager/fluent-dark.css +107 -0
  88. package/styles/pager/fluent.css +107 -0
  89. package/styles/pager/highcontrast-light.css +107 -0
  90. package/styles/pager/highcontrast.css +107 -0
  91. package/styles/pager/material-dark.css +107 -0
  92. package/styles/pager/material.css +107 -0
  93. package/styles/pager/material3-dark.css +107 -0
  94. package/styles/pager/material3.css +107 -0
  95. package/styles/pager/tailwind-dark.css +107 -0
  96. package/styles/pager/tailwind.css +107 -0
  97. package/styles/stepper/_all.scss +2 -0
  98. package/styles/stepper/_bootstrap-dark-definition.scss +78 -0
  99. package/styles/stepper/_bootstrap-definition.scss +78 -0
  100. package/styles/stepper/_bootstrap4-definition.scss +78 -0
  101. package/styles/stepper/_bootstrap5-dark-definition.scss +1 -0
  102. package/styles/stepper/_bootstrap5-definition.scss +79 -0
  103. package/styles/stepper/_fabric-dark-definition.scss +78 -0
  104. package/styles/stepper/_fabric-definition.scss +78 -0
  105. package/styles/stepper/_fluent-dark-definition.scss +1 -0
  106. package/styles/stepper/_fluent-definition.scss +78 -0
  107. package/styles/stepper/_fusionnew-definition.scss +78 -0
  108. package/styles/stepper/_highcontrast-definition.scss +78 -0
  109. package/styles/stepper/_highcontrast-light-definition.scss +78 -0
  110. package/styles/stepper/_layout.scss +564 -0
  111. package/styles/stepper/_material-dark-definition.scss +78 -0
  112. package/styles/stepper/_material-definition.scss +78 -0
  113. package/styles/stepper/_material3-dark-definition.scss +1 -0
  114. package/styles/stepper/_material3-definition.scss +78 -0
  115. package/styles/stepper/_tailwind-dark-definition.scss +1 -0
  116. package/styles/stepper/_tailwind-definition.scss +78 -0
  117. package/styles/stepper/_theme.scss +223 -0
  118. package/styles/stepper/bootstrap-dark.css +644 -0
  119. package/styles/stepper/bootstrap-dark.scss +5 -0
  120. package/styles/stepper/bootstrap.css +644 -0
  121. package/styles/stepper/bootstrap.scss +5 -0
  122. package/styles/stepper/bootstrap4.css +644 -0
  123. package/styles/stepper/bootstrap4.scss +5 -0
  124. package/styles/stepper/bootstrap5-dark.css +644 -0
  125. package/styles/stepper/bootstrap5-dark.scss +5 -0
  126. package/styles/stepper/bootstrap5.css +644 -0
  127. package/styles/stepper/bootstrap5.scss +5 -0
  128. package/styles/stepper/fabric-dark.css +644 -0
  129. package/styles/stepper/fabric-dark.scss +5 -0
  130. package/styles/stepper/fabric.css +644 -0
  131. package/styles/stepper/fabric.scss +5 -0
  132. package/styles/stepper/fluent-dark.css +644 -0
  133. package/styles/stepper/fluent-dark.scss +5 -0
  134. package/styles/stepper/fluent.css +644 -0
  135. package/styles/stepper/fluent.scss +5 -0
  136. package/styles/stepper/highcontrast-light.css +644 -0
  137. package/styles/stepper/highcontrast-light.scss +5 -0
  138. package/styles/stepper/highcontrast.css +644 -0
  139. package/styles/stepper/highcontrast.scss +5 -0
  140. package/styles/stepper/icons/_bootstrap-dark.scss +5 -0
  141. package/styles/stepper/icons/_bootstrap.scss +5 -0
  142. package/styles/stepper/icons/_bootstrap4.scss +5 -0
  143. package/styles/stepper/icons/_bootstrap5-dark.scss +1 -0
  144. package/styles/stepper/icons/_bootstrap5.scss +5 -0
  145. package/styles/stepper/icons/_fabric-dark.scss +5 -0
  146. package/styles/stepper/icons/_fabric.scss +5 -0
  147. package/styles/stepper/icons/_fluent-dark.scss +1 -0
  148. package/styles/stepper/icons/_fluent.scss +5 -0
  149. package/styles/stepper/icons/_fusionnew.scss +5 -0
  150. package/styles/stepper/icons/_highcontrast-light.scss +5 -0
  151. package/styles/stepper/icons/_highcontrast.scss +5 -0
  152. package/styles/stepper/icons/_material-dark.scss +5 -0
  153. package/styles/stepper/icons/_material.scss +5 -0
  154. package/styles/stepper/icons/_material3-dark.scss +1 -0
  155. package/styles/stepper/icons/_material3.scss +5 -0
  156. package/styles/stepper/icons/_tailwind-dark.scss +1 -0
  157. package/styles/stepper/icons/_tailwind.scss +5 -0
  158. package/styles/stepper/material-dark.css +644 -0
  159. package/styles/stepper/material-dark.scss +5 -0
  160. package/styles/stepper/material.css +644 -0
  161. package/styles/stepper/material.scss +5 -0
  162. package/styles/stepper/material3-dark.css +699 -0
  163. package/styles/stepper/material3-dark.scss +6 -0
  164. package/styles/stepper/material3.css +755 -0
  165. package/styles/stepper/material3.scss +6 -0
  166. package/styles/stepper/tailwind-dark.css +644 -0
  167. package/styles/stepper/tailwind-dark.scss +5 -0
  168. package/styles/stepper/tailwind.css +644 -0
  169. package/styles/stepper/tailwind.scss +5 -0
  170. package/styles/tab/_bootstrap-dark-definition.scss +1 -1
  171. package/styles/tab/_bootstrap-definition.scss +1 -1
  172. package/styles/tab/_bootstrap4-definition.scss +1 -1
  173. package/styles/tab/_bootstrap5-definition.scss +3 -2
  174. package/styles/tab/_fluent-definition.scss +1 -1
  175. package/styles/tab/_fusionnew-definition.scss +1 -1
  176. package/styles/tab/_highcontrast-definition.scss +1 -1
  177. package/styles/tab/_highcontrast-light-definition.scss +1 -1
  178. package/styles/tab/_material-dark-definition.scss +1 -1
  179. package/styles/tab/_material-definition.scss +1 -1
  180. package/styles/tab/_theme.scss +6 -0
  181. package/styles/tab/bootstrap-dark.css +1 -1
  182. package/styles/tab/bootstrap.css +1 -1
  183. package/styles/tab/bootstrap4.css +1 -1
  184. package/styles/tab/bootstrap5-dark.css +2 -2
  185. package/styles/tab/bootstrap5.css +2 -2
  186. package/styles/tab/fluent-dark.css +1 -1
  187. package/styles/tab/fluent.css +1 -1
  188. package/styles/tab/highcontrast-light.css +1 -1
  189. package/styles/tab/highcontrast.css +1 -1
  190. package/styles/tab/material-dark.css +1 -1
  191. package/styles/tab/material.css +1 -1
  192. package/styles/tailwind-dark.css +752 -0
  193. package/styles/tailwind-dark.scss +1 -0
  194. package/styles/tailwind.css +752 -0
  195. package/styles/tailwind.scss +1 -0
@@ -193,6 +193,30 @@
193
193
  .e-pager.e-bigger .e-np:hover {
194
194
  font-size: 16px;
195
195
  }
196
+ .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
197
+ .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
198
+ margin-top: 2px;
199
+ }
200
+ .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
201
+ .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
202
+ margin: -1px 2px 0 4px;
203
+ }
204
+ .e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
205
+ .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
206
+ top: 12px;
207
+ }
208
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
209
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
210
+ margin-top: 5px;
211
+ }
212
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
213
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
214
+ margin: 3px 4px 0 2px;
215
+ }
216
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
217
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
218
+ top: 14px;
219
+ }
196
220
 
197
221
  .e-pager {
198
222
  border-style: solid;
@@ -377,6 +401,62 @@
377
401
  line-height: 1;
378
402
  padding: 8px 8px 9.5px 8px;
379
403
  }
404
+ .e-pager.e-adaptive {
405
+ display: -ms-flexbox;
406
+ display: flex;
407
+ -ms-flex-align: center;
408
+ align-items: center;
409
+ -ms-flex-pack: justify;
410
+ justify-content: space-between;
411
+ padding: 6px;
412
+ }
413
+ .e-pager.e-adaptive div.e-parentmsgbar {
414
+ margin: 0 5px;
415
+ margin-top: -4px;
416
+ -ms-flex-positive: 1;
417
+ flex-grow: 1;
418
+ min-width: 10px;
419
+ white-space: nowrap;
420
+ }
421
+ .e-pager.e-adaptive .e-pagesizes {
422
+ display: -ms-inline-flexbox;
423
+ display: inline-flex;
424
+ width: auto;
425
+ }
426
+ .e-pager.e-adaptive .e-pagerdropdown {
427
+ margin: 3px 2px 0 4px;
428
+ width: 77px;
429
+ min-width: 77px;
430
+ -ms-flex-order: 2;
431
+ order: 2;
432
+ height: 40px;
433
+ padding-right: 5px;
434
+ }
435
+ .e-pager.e-adaptive .e-pagerconstant {
436
+ font-size: 12px;
437
+ position: relative;
438
+ top: 8px;
439
+ -ms-flex-order: 1;
440
+ order: 1;
441
+ min-width: 52px;
442
+ max-height: 34px;
443
+ margin: 0 8px 0 10px;
444
+ }
445
+ .e-pager.e-adaptive .e-pagerconstant.e-page-all {
446
+ top: 14px;
447
+ text-align: center;
448
+ }
449
+ .e-pager.e-adaptive .e-mfirst,
450
+ .e-pager.e-adaptive .e-mprev,
451
+ .e-pager.e-adaptive .e-mnext,
452
+ .e-pager.e-adaptive .e-mlast {
453
+ padding: 1% 2%;
454
+ width: 5%;
455
+ }
456
+ .e-pager.e-adaptive .e-mfirst,
457
+ .e-pager.e-adaptive .e-mlast {
458
+ width: calc(5% + 11px);
459
+ }
380
460
  @media (max-width: 769px) {
381
461
  .e-pager {
382
462
  padding: 13px 0;
@@ -517,6 +597,33 @@
517
597
  margin-top: 2px;
518
598
  padding: 8px 11px 9px 11px;
519
599
  }
600
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
601
+ margin: 0 5px;
602
+ margin-top: 1px;
603
+ padding-top: 0;
604
+ }
605
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
606
+ margin: 2px 10px 0 8px;
607
+ }
608
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
609
+ top: 15px;
610
+ }
611
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
612
+ min-width: 92px;
613
+ margin: 7px 4px 0 2px;
614
+ padding: 0 0 0 5px;
615
+ }
616
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
617
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
618
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
619
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
620
+ padding: 1% 2%;
621
+ width: 5%;
622
+ }
623
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
624
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
625
+ width: calc(5% + 11px);
626
+ }
520
627
  @media (max-width: 769px) {
521
628
  .e-pager.e-rtl .e-mfirst,
522
629
  .e-pager.e-rtl .e-mprev,
@@ -7447,7 +7554,7 @@
7447
7554
  .e-tab .e-content .e-item {
7448
7555
  background: inherit;
7449
7556
  color: #000;
7450
- font-size: 12px;
7557
+ font-size: 14px;
7451
7558
  }
7452
7559
 
7453
7560
  .e-tab-clone-element {
@@ -10119,4 +10226,649 @@ ejs-sidebar {
10119
10226
  .e-inherit.e-input-group .e-clear-icon,
10120
10227
  .e-inherit.e-input-group.e-control-wrapper .e-clear-icon {
10121
10228
  color: inherit;
10229
+ }
10230
+
10231
+ .e-step-indicator::before {
10232
+ content: "\e110";
10233
+ }
10234
+
10235
+ .e-stepper {
10236
+ position: relative;
10237
+ }
10238
+ .e-stepper.e-stepper-readonly,
10239
+ .e-stepper .e-stepper-steps .e-step-container.e-step-disabled {
10240
+ cursor: default;
10241
+ pointer-events: none;
10242
+ }
10243
+ .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10244
+ font-size: 32px;
10245
+ border-radius: 9999px;
10246
+ }
10247
+ .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-step-content {
10248
+ padding: 0 8px;
10249
+ }
10250
+ .e-stepper .e-stepper-steps .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10251
+ position: relative;
10252
+ }
10253
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10254
+ position: unset;
10255
+ }
10256
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10257
+ display: none;
10258
+ -ms-flex-pack: center;
10259
+ justify-content: center;
10260
+ left: 50%;
10261
+ top: -8px;
10262
+ transform: translate(-50%, -100%);
10263
+ }
10264
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10265
+ display: -ms-inline-flexbox;
10266
+ display: inline-flex;
10267
+ }
10268
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10269
+ width: max-content;
10270
+ }
10271
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10272
+ left: 50%;
10273
+ top: 100%;
10274
+ transform: translate(-50%, 0);
10275
+ }
10276
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10277
+ top: -6px;
10278
+ }
10279
+ .e-stepper .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10280
+ left: unset;
10281
+ top: 0;
10282
+ transform: translate(0%, -135%);
10283
+ }
10284
+ .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
10285
+ transform: translate(-50%, -115%);
10286
+ }
10287
+ .e-stepper .e-stepper-steps {
10288
+ display: -ms-flexbox;
10289
+ display: flex;
10290
+ padding: 0;
10291
+ margin: 0;
10292
+ -ms-flex-pack: justify;
10293
+ justify-content: space-between;
10294
+ position: relative;
10295
+ -ms-flex-align: start;
10296
+ align-items: flex-start;
10297
+ }
10298
+ .e-stepper .e-stepper-steps .e-step-container {
10299
+ max-width: var(--max-width);
10300
+ }
10301
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator {
10302
+ border: 2px solid;
10303
+ }
10304
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10305
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10306
+ max-width: clamp(100%, 10em, 100%);
10307
+ white-space: nowrap;
10308
+ }
10309
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10310
+ font-size: 12px;
10311
+ -ms-flex-preferred-size: 100%;
10312
+ flex-basis: 100%;
10313
+ }
10314
+ .e-stepper .e-stepper-steps .e-step-container .e-step-optional-container {
10315
+ display: -ms-flexbox;
10316
+ display: flex;
10317
+ -ms-flex-direction: column;
10318
+ flex-direction: column;
10319
+ }
10320
+ .e-stepper.e-horizontal .e-stepper-steps {
10321
+ -ms-flex-direction: row;
10322
+ flex-direction: row;
10323
+ }
10324
+ .e-stepper.e-horizontal.e-label-before:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10325
+ margin-left: var(--progress-left-position);
10326
+ top: var(--progress-top-position);
10327
+ width: var(--progress-bar-width);
10328
+ }
10329
+ .e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
10330
+ margin-right: var(--progress-left-position);
10331
+ margin-left: unset;
10332
+ }
10333
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10334
+ gap: 1em;
10335
+ }
10336
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container {
10337
+ position: relative;
10338
+ }
10339
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-before {
10340
+ -ms-flex-order: -1;
10341
+ order: -1;
10342
+ }
10343
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-text.e-step-label, .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10344
+ -ms-flex-direction: column;
10345
+ flex-direction: column;
10346
+ }
10347
+ .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
10348
+ -ms-flex-order: -1;
10349
+ order: -1;
10350
+ }
10351
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10352
+ position: absolute;
10353
+ top: 2.5em;
10354
+ margin-left: 2.5em;
10355
+ }
10356
+ .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10357
+ margin-right: 2.5em;
10358
+ margin-left: unset;
10359
+ }
10360
+ .e-stepper.e-horizontal.e-label-start.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10361
+ margin-right: unset;
10362
+ margin-left: 2.5em;
10363
+ }
10364
+ .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10365
+ -ms-flex-align: end;
10366
+ align-items: flex-end;
10367
+ }
10368
+ .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10369
+ -ms-flex-direction: column;
10370
+ flex-direction: column;
10371
+ gap: 0.5em;
10372
+ }
10373
+ .e-stepper.e-vertical {
10374
+ min-height: inherit;
10375
+ display: inline-block;
10376
+ }
10377
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
10378
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-template {
10379
+ position: relative;
10380
+ }
10381
+ .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
10382
+ position: absolute;
10383
+ }
10384
+ .e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10385
+ margin-top: 3em;
10386
+ margin-left: 4em;
10387
+ }
10388
+ .e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10389
+ margin-left: unset;
10390
+ margin-right: 4em;
10391
+ }
10392
+ .e-stepper.e-vertical .e-stepper-steps {
10393
+ -ms-flex-direction: column;
10394
+ flex-direction: column;
10395
+ min-height: inherit;
10396
+ float: left;
10397
+ -ms-flex-align: start;
10398
+ align-items: start;
10399
+ margin: 0;
10400
+ -ms-flex-pack: justify;
10401
+ justify-content: space-between;
10402
+ }
10403
+ .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10404
+ float: right;
10405
+ }
10406
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
10407
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label)),
10408
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-text)), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-container.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
10409
+ -ms-flex-align: center;
10410
+ align-items: center;
10411
+ }
10412
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10413
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10414
+ margin-left: 10px;
10415
+ }
10416
+ .e-stepper.e-vertical.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10417
+ .e-stepper.e-vertical.e-rtl .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
10418
+ margin-left: unset;
10419
+ margin-right: 10px;
10420
+ }
10421
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional),
10422
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
10423
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
10424
+ -ms-flex-direction: column;
10425
+ flex-direction: column;
10426
+ }
10427
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
10428
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
10429
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
10430
+ position: unset;
10431
+ }
10432
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container .e-step-label-container.e-label-before:has(.e-step-label-optional) {
10433
+ gap: 0.5em;
10434
+ }
10435
+ .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10436
+ -ms-flex-direction: column;
10437
+ flex-direction: column;
10438
+ }
10439
+ .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
10440
+ line-height: 2em;
10441
+ }
10442
+ .e-stepper.e-vertical.e-label-before .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-optional {
10443
+ position: unset;
10444
+ }
10445
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
10446
+ position: absolute;
10447
+ }
10448
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
10449
+ left: 0;
10450
+ }
10451
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10452
+ font-size: 12px;
10453
+ }
10454
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-before .e-label {
10455
+ width: var(--label-width);
10456
+ }
10457
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container:not(.e-step-text-only) .e-step-text-container {
10458
+ border: none;
10459
+ border-radius: unset;
10460
+ padding: 6px 0;
10461
+ }
10462
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
10463
+ position: unset;
10464
+ }
10465
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional {
10466
+ padding-bottom: 6px;
10467
+ }
10468
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10469
+ -ms-flex-align: center;
10470
+ align-items: center;
10471
+ }
10472
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container {
10473
+ -ms-flex-direction: column;
10474
+ flex-direction: column;
10475
+ }
10476
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
10477
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
10478
+ }
10479
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
10480
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container {
10481
+ -ms-flex-order: -1;
10482
+ order: -1;
10483
+ }
10484
+ .e-stepper .e-stepper-steps .e-step-container,
10485
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10486
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
10487
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
10488
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10489
+ display: -ms-flexbox;
10490
+ display: flex;
10491
+ -ms-flex-align: center;
10492
+ align-items: center;
10493
+ -ms-flex-pack: center;
10494
+ justify-content: center;
10495
+ }
10496
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
10497
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
10498
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
10499
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10500
+ -ms-flex-wrap: wrap;
10501
+ flex-wrap: wrap;
10502
+ }
10503
+ .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10504
+ -ms-flex-wrap: wrap;
10505
+ flex-wrap: wrap;
10506
+ }
10507
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
10508
+ margin-top: 0.5em;
10509
+ }
10510
+ .e-stepper.e-horizontal.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
10511
+ margin-top: 0.2em;
10512
+ }
10513
+ .e-stepper .e-stepper-steps .e-step-container {
10514
+ list-style-type: none;
10515
+ cursor: pointer;
10516
+ text-align: center;
10517
+ }
10518
+ .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10519
+ font-size: 16px;
10520
+ line-height: 0;
10521
+ }
10522
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10523
+ font-size: 16px;
10524
+ }
10525
+ .e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10526
+ padding: 0 8px;
10527
+ }
10528
+ .e-stepper .e-stepper-steps .e-step-container.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
10529
+ padding: 0 6px;
10530
+ padding-block: 5px;
10531
+ }
10532
+ .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container {
10533
+ -ms-flex-direction: column;
10534
+ flex-direction: column;
10535
+ }
10536
+ .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
10537
+ position: relative;
10538
+ top: 0.25em;
10539
+ }
10540
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10541
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10542
+ font-size: 14px;
10543
+ }
10544
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10545
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10546
+ border-radius: 9999px;
10547
+ min-width: 32px;
10548
+ min-height: 32px;
10549
+ }
10550
+ .e-stepper .e-stepper-progressbar {
10551
+ height: 1.6px;
10552
+ position: absolute;
10553
+ top: var(--progress-top-position);
10554
+ width: 100%;
10555
+ }
10556
+ .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10557
+ height: 100%;
10558
+ width: var(--progress-value);
10559
+ transition-property: width;
10560
+ transition-duration: var(--duration);
10561
+ transition-delay: var(--delay);
10562
+ }
10563
+ .e-stepper.e-vertical .e-stepper-progressbar {
10564
+ min-height: inherit;
10565
+ width: 1.6px;
10566
+ top: 0;
10567
+ left: var(--progress-position);
10568
+ }
10569
+ .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10570
+ width: 100%;
10571
+ height: var(--progress-value);
10572
+ transition-property: height;
10573
+ }
10574
+ .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
10575
+ right: var(--progress-position);
10576
+ left: unset;
10577
+ }
10578
+ .e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator,
10579
+ .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
10580
+ z-index: 0;
10581
+ }
10582
+ .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10583
+ outline: 2px solid;
10584
+ }
10585
+
10586
+ .e-tooltip-wrap.e-stepper-tooltip.e-step-inprogress-tip .e-arrow-tip.e-tip-bottom {
10587
+ top: 90% !important; /* stylelint-disable-line declaration-no-important */
10588
+ }
10589
+
10590
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-text,
10591
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-label,
10592
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
10593
+ text-overflow: ellipsis;
10594
+ overflow: hidden;
10595
+ }
10596
+
10597
+ .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10598
+ .e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10599
+ font-size: 28px;
10600
+ }
10601
+ .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10602
+ .e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10603
+ width: 28px;
10604
+ height: 28px;
10605
+ }
10606
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10607
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10608
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10609
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10610
+ min-width: 28px;
10611
+ min-height: 28px;
10612
+ }
10613
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10614
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10615
+ font-size: 14px;
10616
+ }
10617
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10618
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10619
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10620
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10621
+ font-size: 12px;
10622
+ }
10623
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10624
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10625
+ font-size: 14px;
10626
+ }
10627
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10628
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10629
+ font-size: 10px;
10630
+ }
10631
+ .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10632
+ .e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10633
+ font-size: 10px;
10634
+ }
10635
+
10636
+ .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10637
+ .e-bigger .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10638
+ font-size: 40px;
10639
+ }
10640
+ .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10641
+ .e-bigger .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10642
+ width: 40px;
10643
+ height: 40px;
10644
+ }
10645
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10646
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10647
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step,
10648
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10649
+ min-width: 40px;
10650
+ min-height: 40px;
10651
+ }
10652
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10653
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10654
+ font-size: 18px;
10655
+ }
10656
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10657
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10658
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10659
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10660
+ font-size: 16px;
10661
+ }
10662
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10663
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10664
+ font-size: 18px;
10665
+ }
10666
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10667
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10668
+ font-size: 14px;
10669
+ }
10670
+ .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10671
+ .e-bigger .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10672
+ font-size: 14px;
10673
+ }
10674
+
10675
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10676
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10677
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
10678
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
10679
+ font-size: 36px;
10680
+ }
10681
+ .e-bigger.e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10682
+ .e-bigger.e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10683
+ .e-bigger .e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
10684
+ .e-small .e-bigger.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
10685
+ width: 36px;
10686
+ height: 36px;
10687
+ }
10688
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10689
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10690
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10691
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10692
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10693
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10694
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10695
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10696
+ min-width: 36px;
10697
+ min-height: 36px;
10698
+ }
10699
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10700
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10701
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10702
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10703
+ font-size: 16px;
10704
+ }
10705
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10706
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10707
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10708
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10709
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10710
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10711
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10712
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10713
+ font-size: 14px;
10714
+ }
10715
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10716
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content,
10717
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10718
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content {
10719
+ font-size: 16px;
10720
+ }
10721
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10722
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10723
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10724
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10725
+ font-size: 12px;
10726
+ }
10727
+ .e-bigger.e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10728
+ .e-bigger.e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10729
+ .e-bigger .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10730
+ .e-small .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10731
+ font-size: 12px;
10732
+ }
10733
+
10734
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted .e-icons.e-step-indicator {
10735
+ border-color: #ccc;
10736
+ }
10737
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10738
+ color: #555;
10739
+ }
10740
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10741
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10742
+ color: #333;
10743
+ background: #fff;
10744
+ }
10745
+ .e-stepper .e-stepper-steps .e-step-container .e-step-indicator {
10746
+ color: transparent;
10747
+ }
10748
+ .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-step, .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-completed .e-step-indicator, .e-stepper .e-stepper-steps .e-step-container.e-step-inprogress .e-step-indicator {
10749
+ background: #317ab9;
10750
+ color: #fff;
10751
+ }
10752
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid .e-indicator {
10753
+ background: #5cb85c !important; /* stylelint-disable-line declaration-no-important */
10754
+ color: #fff;
10755
+ }
10756
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator {
10757
+ background: #d9534f !important; /* stylelint-disable-line declaration-no-important */
10758
+ color: #fff;
10759
+ }
10760
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-text,
10761
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-label {
10762
+ color: #d9534f;
10763
+ }
10764
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-notstarted) .e-indicator:hover, .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator:hover {
10765
+ color: #333;
10766
+ }
10767
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-text,
10768
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-label {
10769
+ font-weight: 600;
10770
+ }
10771
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
10772
+ color: #5cb85c;
10773
+ }
10774
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
10775
+ color: #d9534f;
10776
+ }
10777
+ .e-stepper .e-stepper-steps .e-step-container .e-text,
10778
+ .e-stepper .e-stepper-steps .e-step-container .e-label {
10779
+ color: #000;
10780
+ }
10781
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-text,
10782
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-label, .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-text,
10783
+ .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-label {
10784
+ color: #317ab9;
10785
+ }
10786
+ .e-stepper .e-stepper-steps .e-step-container.e-step-label:not(.e-step-icon) .e-step-label-container {
10787
+ background-color: #fff;
10788
+ }
10789
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10790
+ background-color: #fff;
10791
+ border-color: transparent;
10792
+ }
10793
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
10794
+ background: #317ab9;
10795
+ }
10796
+ .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
10797
+ background: #eee !important; /* stylelint-disable-line declaration-no-important */
10798
+ color: #777 !important; /* stylelint-disable-line declaration-no-important */
10799
+ }
10800
+ .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-text, .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-label, .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-step-validation-icon {
10801
+ color: #777 !important; /* stylelint-disable-line declaration-no-important */
10802
+ }
10803
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-label-optional {
10804
+ background-color: #fff;
10805
+ }
10806
+ .e-stepper .e-stepper-progressbar {
10807
+ background-color: #ccc;
10808
+ }
10809
+ .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10810
+ background-color: #317ab9;
10811
+ }
10812
+ .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
10813
+ .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
10814
+ .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
10815
+ .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
10816
+ .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10817
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #317ab9, 0 0 0 8px #fff;
10818
+ }
10819
+ .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
10820
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
10821
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
10822
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
10823
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
10824
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5cb85c, 0 0 0 8px #fff;
10825
+ }
10826
+ .e-stepper:not(.e-steps-focus) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step,
10827
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
10828
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
10829
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
10830
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
10831
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d9534f, 0 0 0 8px #fff;
10832
+ }
10833
+ .e-stepper .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step,
10834
+ .e-stepper .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-completed:not(.e-step-text-only):not(.e-step-label-only) .e-step, .e-stepper.e-steps-focus .e-stepper-steps .e-step-container:not(.e-step-focus).e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step {
10835
+ box-shadow: 0 0 0 8px #fff;
10836
+ }
10837
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
10838
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
10839
+ border-color: #ccc !important; /* stylelint-disable-line declaration-no-important */
10840
+ }
10841
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
10842
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
10843
+ border-color: #ccc !important; /* stylelint-disable-line declaration-no-important */
10844
+ }
10845
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
10846
+ background: #eee !important; /* stylelint-disable-line declaration-no-important */
10847
+ }
10848
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
10849
+ background: #ddd !important; /* stylelint-disable-line declaration-no-important */
10850
+ }
10851
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
10852
+ color: #fff;
10853
+ background: #3071a9 !important; /* stylelint-disable-line declaration-no-important */
10854
+ }
10855
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
10856
+ color: #fff !important; /* stylelint-disable-line declaration-no-important */
10857
+ background: #5cb85c !important; /* stylelint-disable-line declaration-no-important */
10858
+ }
10859
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
10860
+ color: #fff !important; /* stylelint-disable-line declaration-no-important */
10861
+ background: #d9534f !important; /* stylelint-disable-line declaration-no-important */
10862
+ }
10863
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-text-only):not(.e-step-label-only) .e-step:hover {
10864
+ color: #333;
10865
+ }
10866
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
10867
+ background: #2a6496 !important; /* stylelint-disable-line declaration-no-important */
10868
+ }
10869
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-valid.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
10870
+ background: #5cb85c !important; /* stylelint-disable-line declaration-no-important */
10871
+ }
10872
+ .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-stepper-steps .e-step-container.e-step-error.e-step-selected:not(.e-step-text-only):not(.e-step-label-only) .e-step:active {
10873
+ background: #d9534f !important; /* stylelint-disable-line declaration-no-important */
10122
10874
  }