@syncfusion/ej2-navigations 23.2.7 → 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 +6 -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 +1346 -11
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +1394 -11
  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 +5 -4
  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
@@ -210,6 +210,30 @@
210
210
  .e-pager.e-bigger .e-np:hover {
211
211
  font-size: 14px;
212
212
  }
213
+ .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
214
+ .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
215
+ margin-top: -5px;
216
+ }
217
+ .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
218
+ .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
219
+ margin: -3px 2px 0 4px;
220
+ }
221
+ .e-bigger .e-pager.e-adaptive .e-pagerconstant.e-page-all,
222
+ .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
223
+ top: 10px;
224
+ }
225
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
226
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
227
+ margin-top: -2px;
228
+ }
229
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
230
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
231
+ margin: 1px 4px 0 2px;
232
+ }
233
+ .e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
234
+ .e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
235
+ top: 13px;
236
+ }
213
237
 
214
238
  .e-pager {
215
239
  border-style: solid;
@@ -410,6 +434,62 @@
410
434
  line-height: 1;
411
435
  padding: 10.4px 10.5px 11.4px 10.5px;
412
436
  }
437
+ .e-pager.e-adaptive {
438
+ display: -ms-flexbox;
439
+ display: flex;
440
+ -ms-flex-align: center;
441
+ align-items: center;
442
+ -ms-flex-pack: justify;
443
+ justify-content: space-between;
444
+ padding: 8px;
445
+ }
446
+ .e-pager.e-adaptive div.e-parentmsgbar {
447
+ margin: 0 5px;
448
+ margin-top: -6px;
449
+ -ms-flex-positive: 1;
450
+ flex-grow: 1;
451
+ min-width: 10px;
452
+ white-space: nowrap;
453
+ }
454
+ .e-pager.e-adaptive .e-pagesizes {
455
+ display: -ms-inline-flexbox;
456
+ display: inline-flex;
457
+ width: auto;
458
+ }
459
+ .e-pager.e-adaptive .e-pagerdropdown {
460
+ margin: 2px 2px 0 4px;
461
+ width: 77px;
462
+ min-width: 77px;
463
+ -ms-flex-order: 2;
464
+ order: 2;
465
+ height: 40px;
466
+ padding-right: 5px;
467
+ }
468
+ .e-pager.e-adaptive .e-pagerconstant {
469
+ font-size: 12px;
470
+ position: relative;
471
+ top: 6px;
472
+ -ms-flex-order: 1;
473
+ order: 1;
474
+ min-width: 52px;
475
+ max-height: 34px;
476
+ margin: 0 8px 0 10px;
477
+ }
478
+ .e-pager.e-adaptive .e-pagerconstant.e-page-all {
479
+ top: 11px;
480
+ text-align: center;
481
+ }
482
+ .e-pager.e-adaptive .e-mfirst,
483
+ .e-pager.e-adaptive .e-mprev,
484
+ .e-pager.e-adaptive .e-mnext,
485
+ .e-pager.e-adaptive .e-mlast {
486
+ padding: 1% 2%;
487
+ width: 5%;
488
+ }
489
+ .e-pager.e-adaptive .e-mfirst,
490
+ .e-pager.e-adaptive .e-mlast {
491
+ width: calc(5% + 11px);
492
+ }
413
493
  @media (max-width: 769px) {
414
494
  .e-pager {
415
495
  padding: 13px 0;
@@ -551,6 +631,33 @@
551
631
  margin-top: 0;
552
632
  padding: 10px 10.5px 11px 10.5px;
553
633
  }
634
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
635
+ margin: 0 5px;
636
+ margin-top: -4px;
637
+ padding-top: 0;
638
+ }
639
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant {
640
+ margin: 0 10px 0 8px;
641
+ }
642
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
643
+ top: 14px;
644
+ }
645
+ .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
646
+ min-width: 92px;
647
+ margin: 5px 4px 0 2px;
648
+ padding: 0 0 0 5px;
649
+ }
650
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
651
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mprev,
652
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mnext,
653
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
654
+ padding: 1% 2%;
655
+ width: 5%;
656
+ }
657
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mfirst,
658
+ .e-pager.e-rtl.e-adaptive.e-rtl .e-mlast {
659
+ width: calc(5% + 11px);
660
+ }
554
661
  @media (max-width: 769px) {
555
662
  .e-pager.e-rtl .e-mfirst,
556
663
  .e-pager.e-rtl .e-mprev,
@@ -6482,7 +6589,7 @@
6482
6589
  background: inherit;
6483
6590
  }
6484
6591
  .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
6485
- background: inherit;
6592
+ background: #212529;
6486
6593
  }
6487
6594
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
6488
6595
  background: rgba(0, 0, 0, 0.12);
@@ -7498,7 +7605,7 @@
7498
7605
  .e-tab .e-content .e-item {
7499
7606
  background: inherit;
7500
7607
  color: #fff;
7501
- font-size: 12px;
7608
+ font-size: 14px;
7502
7609
  }
7503
7610
 
7504
7611
  .e-tab-clone-element {
@@ -10282,4 +10389,649 @@ ejs-sidebar {
10282
10389
  .e-inherit.e-input-group .e-clear-icon,
10283
10390
  .e-inherit.e-input-group.e-control-wrapper .e-clear-icon {
10284
10391
  color: inherit;
10392
+ }
10393
+
10394
+ .e-step-indicator::before {
10395
+ content: "\e8db";
10396
+ }
10397
+
10398
+ .e-stepper {
10399
+ position: relative;
10400
+ }
10401
+ .e-stepper.e-stepper-readonly,
10402
+ .e-stepper .e-stepper-steps .e-step-container.e-step-disabled {
10403
+ cursor: default;
10404
+ pointer-events: none;
10405
+ }
10406
+ .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 {
10407
+ font-size: 32px;
10408
+ border-radius: 9999px;
10409
+ }
10410
+ .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-step-content {
10411
+ padding: 0 8px;
10412
+ }
10413
+ .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) {
10414
+ position: relative;
10415
+ }
10416
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
10417
+ position: unset;
10418
+ }
10419
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
10420
+ display: none;
10421
+ -ms-flex-pack: center;
10422
+ justify-content: center;
10423
+ left: 50%;
10424
+ top: -8px;
10425
+ transform: translate(-50%, -100%);
10426
+ }
10427
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
10428
+ display: -ms-inline-flexbox;
10429
+ display: inline-flex;
10430
+ }
10431
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
10432
+ width: max-content;
10433
+ }
10434
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
10435
+ left: 50%;
10436
+ top: 100%;
10437
+ transform: translate(-50%, 0);
10438
+ }
10439
+ .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
10440
+ top: -6px;
10441
+ }
10442
+ .e-stepper .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
10443
+ left: unset;
10444
+ top: 0;
10445
+ transform: translate(0%, -135%);
10446
+ }
10447
+ .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container .e-tooltip-wrap.e-stepper-tooltip {
10448
+ transform: translate(-50%, -115%);
10449
+ }
10450
+ .e-stepper .e-stepper-steps {
10451
+ display: -ms-flexbox;
10452
+ display: flex;
10453
+ padding: 0;
10454
+ margin: 0;
10455
+ -ms-flex-pack: justify;
10456
+ justify-content: space-between;
10457
+ position: relative;
10458
+ -ms-flex-align: start;
10459
+ align-items: flex-start;
10460
+ }
10461
+ .e-stepper .e-stepper-steps .e-step-container {
10462
+ max-width: var(--max-width);
10463
+ }
10464
+ .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 {
10465
+ border: 2px solid;
10466
+ }
10467
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10468
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10469
+ max-width: clamp(100%, 10em, 100%);
10470
+ white-space: nowrap;
10471
+ }
10472
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10473
+ font-size: 12px;
10474
+ -ms-flex-preferred-size: 100%;
10475
+ flex-basis: 100%;
10476
+ }
10477
+ .e-stepper .e-stepper-steps .e-step-container .e-step-optional-container {
10478
+ display: -ms-flexbox;
10479
+ display: flex;
10480
+ -ms-flex-direction: column;
10481
+ flex-direction: column;
10482
+ }
10483
+ .e-stepper.e-horizontal .e-stepper-steps {
10484
+ -ms-flex-direction: row;
10485
+ flex-direction: row;
10486
+ }
10487
+ .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 {
10488
+ margin-left: var(--progress-left-position);
10489
+ top: var(--progress-top-position);
10490
+ width: var(--progress-bar-width);
10491
+ }
10492
+ .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 {
10493
+ margin-right: var(--progress-left-position);
10494
+ margin-left: unset;
10495
+ }
10496
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label {
10497
+ gap: 1em;
10498
+ }
10499
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container {
10500
+ position: relative;
10501
+ }
10502
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-label .e-step-label-container.e-label-before {
10503
+ -ms-flex-order: -1;
10504
+ order: -1;
10505
+ }
10506
+ .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 {
10507
+ -ms-flex-direction: column;
10508
+ flex-direction: column;
10509
+ }
10510
+ .e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
10511
+ -ms-flex-order: -1;
10512
+ order: -1;
10513
+ }
10514
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
10515
+ position: absolute;
10516
+ top: 2.5em;
10517
+ margin-left: 2.5em;
10518
+ }
10519
+ .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 {
10520
+ margin-right: 2.5em;
10521
+ margin-left: unset;
10522
+ }
10523
+ .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 {
10524
+ margin-right: unset;
10525
+ margin-left: 2.5em;
10526
+ }
10527
+ .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
10528
+ -ms-flex-align: end;
10529
+ align-items: flex-end;
10530
+ }
10531
+ .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) {
10532
+ -ms-flex-direction: column;
10533
+ flex-direction: column;
10534
+ gap: 0.5em;
10535
+ }
10536
+ .e-stepper.e-vertical {
10537
+ min-height: inherit;
10538
+ display: inline-block;
10539
+ }
10540
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label.e-step-label-only,
10541
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-template {
10542
+ position: relative;
10543
+ }
10544
+ .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-stepper-steps .e-step-container .e-step-label-optional {
10545
+ position: absolute;
10546
+ }
10547
+ .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 {
10548
+ margin-top: 3em;
10549
+ margin-left: 4em;
10550
+ }
10551
+ .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 {
10552
+ margin-left: unset;
10553
+ margin-right: 4em;
10554
+ }
10555
+ .e-stepper.e-vertical .e-stepper-steps {
10556
+ -ms-flex-direction: column;
10557
+ flex-direction: column;
10558
+ min-height: inherit;
10559
+ float: left;
10560
+ -ms-flex-align: start;
10561
+ align-items: start;
10562
+ margin: 0;
10563
+ -ms-flex-pack: justify;
10564
+ justify-content: space-between;
10565
+ }
10566
+ .e-stepper.e-vertical.e-rtl .e-stepper-steps {
10567
+ float: right;
10568
+ }
10569
+ .e-stepper.e-vertical .e-stepper-steps:has(.e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label)),
10570
+ .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)),
10571
+ .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 {
10572
+ -ms-flex-align: center;
10573
+ align-items: center;
10574
+ }
10575
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
10576
+ .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 {
10577
+ margin-left: 10px;
10578
+ }
10579
+ .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,
10580
+ .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 {
10581
+ margin-left: unset;
10582
+ margin-right: 10px;
10583
+ }
10584
+ .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),
10585
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-text-only.e-step-text:has(.e-step-label-optional),
10586
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container.e-step-label-only.e-step-label:has(.e-step-label-optional) {
10587
+ -ms-flex-direction: column;
10588
+ flex-direction: column;
10589
+ }
10590
+ .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,
10591
+ .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,
10592
+ .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 {
10593
+ position: unset;
10594
+ }
10595
+ .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) {
10596
+ gap: 0.5em;
10597
+ }
10598
+ .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) {
10599
+ -ms-flex-direction: column;
10600
+ flex-direction: column;
10601
+ }
10602
+ .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 {
10603
+ line-height: 2em;
10604
+ }
10605
+ .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 {
10606
+ position: unset;
10607
+ }
10608
+ .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 {
10609
+ position: absolute;
10610
+ }
10611
+ .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 {
10612
+ left: 0;
10613
+ }
10614
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10615
+ font-size: 12px;
10616
+ }
10617
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-before .e-label {
10618
+ width: var(--label-width);
10619
+ }
10620
+ .e-stepper.e-vertical .e-stepper-steps .e-step-container:not(.e-step-text-only) .e-step-text-container {
10621
+ border: none;
10622
+ border-radius: unset;
10623
+ padding: 6px 0;
10624
+ }
10625
+ .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 {
10626
+ position: unset;
10627
+ }
10628
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional {
10629
+ padding-bottom: 6px;
10630
+ }
10631
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
10632
+ -ms-flex-align: center;
10633
+ align-items: center;
10634
+ }
10635
+ .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 {
10636
+ -ms-flex-direction: column;
10637
+ flex-direction: column;
10638
+ }
10639
+ .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 {
10640
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
10641
+ }
10642
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-label-optional,
10643
+ .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container {
10644
+ -ms-flex-order: -1;
10645
+ order: -1;
10646
+ }
10647
+ .e-stepper .e-stepper-steps .e-step-container,
10648
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10649
+ .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,
10650
+ .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,
10651
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10652
+ display: -ms-flexbox;
10653
+ display: flex;
10654
+ -ms-flex-align: center;
10655
+ align-items: center;
10656
+ -ms-flex-pack: center;
10657
+ justify-content: center;
10658
+ }
10659
+ .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),
10660
+ .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),
10661
+ .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),
10662
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
10663
+ -ms-flex-wrap: wrap;
10664
+ flex-wrap: wrap;
10665
+ }
10666
+ .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
10667
+ -ms-flex-wrap: wrap;
10668
+ flex-wrap: wrap;
10669
+ }
10670
+ .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 {
10671
+ margin-top: 0.5em;
10672
+ }
10673
+ .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 {
10674
+ margin-top: 0.2em;
10675
+ }
10676
+ .e-stepper .e-stepper-steps .e-step-container {
10677
+ list-style-type: none;
10678
+ cursor: pointer;
10679
+ text-align: center;
10680
+ }
10681
+ .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10682
+ font-size: 16px;
10683
+ line-height: 0;
10684
+ }
10685
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10686
+ font-size: 16px;
10687
+ }
10688
+ .e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
10689
+ padding: 0 8px;
10690
+ }
10691
+ .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 {
10692
+ padding: 0 6px;
10693
+ padding-block: 5px;
10694
+ }
10695
+ .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 {
10696
+ -ms-flex-direction: column;
10697
+ flex-direction: column;
10698
+ }
10699
+ .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 {
10700
+ position: relative;
10701
+ top: 0.25em;
10702
+ }
10703
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10704
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10705
+ font-size: 14px;
10706
+ }
10707
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10708
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10709
+ border-radius: 9999px;
10710
+ min-width: 32px;
10711
+ min-height: 32px;
10712
+ }
10713
+ .e-stepper .e-stepper-progressbar {
10714
+ height: 1.6px;
10715
+ position: absolute;
10716
+ top: var(--progress-top-position);
10717
+ width: 100%;
10718
+ }
10719
+ .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10720
+ height: 100%;
10721
+ width: var(--progress-value);
10722
+ transition-property: width;
10723
+ transition-duration: var(--duration);
10724
+ transition-delay: var(--delay);
10725
+ }
10726
+ .e-stepper.e-vertical .e-stepper-progressbar {
10727
+ min-height: inherit;
10728
+ width: 1.6px;
10729
+ top: 0;
10730
+ left: var(--progress-position);
10731
+ }
10732
+ .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
10733
+ width: 100%;
10734
+ height: var(--progress-value);
10735
+ transition-property: height;
10736
+ }
10737
+ .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
10738
+ right: var(--progress-position);
10739
+ left: unset;
10740
+ }
10741
+ .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,
10742
+ .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-indicator {
10743
+ z-index: 0;
10744
+ }
10745
+ .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10746
+ outline: 2px solid;
10747
+ }
10748
+
10749
+ .e-tooltip-wrap.e-stepper-tooltip.e-step-inprogress-tip .e-arrow-tip.e-tip-bottom {
10750
+ top: 90% !important; /* stylelint-disable-line declaration-no-important */
10751
+ }
10752
+
10753
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-text,
10754
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-label,
10755
+ .e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
10756
+ text-overflow: ellipsis;
10757
+ overflow: hidden;
10758
+ }
10759
+
10760
+ .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,
10761
+ .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 {
10762
+ font-size: 28px;
10763
+ }
10764
+ .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,
10765
+ .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 {
10766
+ width: 28px;
10767
+ height: 28px;
10768
+ }
10769
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10770
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10771
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10772
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10773
+ min-width: 28px;
10774
+ min-height: 28px;
10775
+ }
10776
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10777
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10778
+ font-size: 14px;
10779
+ }
10780
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10781
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10782
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10783
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10784
+ font-size: 12px;
10785
+ }
10786
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10787
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10788
+ font-size: 14px;
10789
+ }
10790
+ .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10791
+ .e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10792
+ font-size: 10px;
10793
+ }
10794
+ .e-small.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10795
+ .e-small .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10796
+ font-size: 10px;
10797
+ }
10798
+
10799
+ .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,
10800
+ .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 {
10801
+ font-size: 40px;
10802
+ }
10803
+ .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,
10804
+ .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 {
10805
+ width: 40px;
10806
+ height: 40px;
10807
+ }
10808
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10809
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10810
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step,
10811
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10812
+ min-width: 40px;
10813
+ min-height: 40px;
10814
+ }
10815
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10816
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10817
+ font-size: 18px;
10818
+ }
10819
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10820
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10821
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10822
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10823
+ font-size: 16px;
10824
+ }
10825
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10826
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-content {
10827
+ font-size: 18px;
10828
+ }
10829
+ .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10830
+ .e-bigger .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10831
+ font-size: 14px;
10832
+ }
10833
+ .e-bigger.e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional,
10834
+ .e-bigger .e-stepper.e-vertical .e-stepper-steps .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
10835
+ font-size: 14px;
10836
+ }
10837
+
10838
+ .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,
10839
+ .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,
10840
+ .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,
10841
+ .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 {
10842
+ font-size: 36px;
10843
+ }
10844
+ .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,
10845
+ .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,
10846
+ .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,
10847
+ .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 {
10848
+ width: 36px;
10849
+ height: 36px;
10850
+ }
10851
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10852
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10853
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step,
10854
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10855
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step,
10856
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10857
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step,
10858
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10859
+ min-width: 36px;
10860
+ min-height: 36px;
10861
+ }
10862
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10863
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-indicator,
10864
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-indicator,
10865
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-indicator {
10866
+ font-size: 16px;
10867
+ }
10868
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10869
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10870
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10871
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10872
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10873
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
10874
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-text-container,
10875
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
10876
+ font-size: 14px;
10877
+ }
10878
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10879
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-content,
10880
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-content,
10881
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-content {
10882
+ font-size: 16px;
10883
+ }
10884
+ .e-bigger.e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10885
+ .e-bigger.e-small .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10886
+ .e-bigger .e-small.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional,
10887
+ .e-small .e-bigger.e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10888
+ font-size: 12px;
10889
+ }
10890
+ .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,
10891
+ .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,
10892
+ .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,
10893
+ .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 {
10894
+ font-size: 12px;
10895
+ }
10896
+
10897
+ .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 {
10898
+ border-color: #444c54;
10899
+ }
10900
+ .e-stepper .e-stepper-steps .e-step-container .e-step-label-optional {
10901
+ color: #7b848d;
10902
+ }
10903
+ .e-stepper .e-stepper-steps .e-step-container .e-step,
10904
+ .e-stepper .e-stepper-steps .e-step-container .e-indicator {
10905
+ color: #fff;
10906
+ background: #212529;
10907
+ }
10908
+ .e-stepper .e-stepper-steps .e-step-container .e-step-indicator {
10909
+ color: transparent;
10910
+ }
10911
+ .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 {
10912
+ background: #0d6efd;
10913
+ color: #fff;
10914
+ }
10915
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid .e-indicator {
10916
+ background: #21b26f !important; /* stylelint-disable-line declaration-no-important */
10917
+ color: #fff;
10918
+ }
10919
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-indicator {
10920
+ background: #e4606d !important; /* stylelint-disable-line declaration-no-important */
10921
+ color: #fff;
10922
+ }
10923
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-text,
10924
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error .e-label {
10925
+ color: #e4606d;
10926
+ }
10927
+ .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 {
10928
+ color: #fff;
10929
+ }
10930
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-text,
10931
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-label {
10932
+ font-weight: 600;
10933
+ }
10934
+ .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 {
10935
+ color: #21b26f;
10936
+ }
10937
+ .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 {
10938
+ color: #e4606d;
10939
+ }
10940
+ .e-stepper .e-stepper-steps .e-step-container .e-text,
10941
+ .e-stepper .e-stepper-steps .e-step-container .e-label {
10942
+ color: #fff;
10943
+ }
10944
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected:not(.e-step-error) .e-text,
10945
+ .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,
10946
+ .e-stepper .e-stepper-steps .e-step-container.e-step-completed:not(.e-step-error) .e-label {
10947
+ color: #0d6efd;
10948
+ }
10949
+ .e-stepper .e-stepper-steps .e-step-container.e-step-label:not(.e-step-icon) .e-step-label-container {
10950
+ background-color: #212529;
10951
+ }
10952
+ .e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
10953
+ background-color: #212529;
10954
+ border-color: transparent;
10955
+ }
10956
+ .e-stepper .e-stepper-steps .e-step-container.e-step-selected .e-indicator {
10957
+ background: #0d6efd;
10958
+ }
10959
+ .e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
10960
+ background: #495057 !important; /* stylelint-disable-line declaration-no-important */
10961
+ color: #6c757d !important; /* stylelint-disable-line declaration-no-important */
10962
+ }
10963
+ .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 {
10964
+ color: #6c757d !important; /* stylelint-disable-line declaration-no-important */
10965
+ }
10966
+ .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 {
10967
+ background-color: #212529;
10968
+ }
10969
+ .e-stepper .e-stepper-progressbar {
10970
+ background-color: #444c54;
10971
+ }
10972
+ .e-stepper .e-stepper-progressbar > .e-progressbar-value {
10973
+ background-color: #0d6efd;
10974
+ }
10975
+ .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,
10976
+ .e-stepper .e-stepper-steps .e-step-container.e-step-focus .e-step,
10977
+ .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-focus .e-label,
10978
+ .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-focus .e-text,
10979
+ .e-stepper .e-stepper-steps .e-step-container.e-step-template.e-step-focus {
10980
+ box-shadow: 0 0 0 2px #212529, 0 0 0 4px #0d6efd, 0 0 0 8px #212529;
10981
+ }
10982
+ .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,
10983
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-focus .e-step,
10984
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-label-only.e-step-focus .e-label,
10985
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text-only.e-step-focus .e-text,
10986
+ .e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-template.e-step-focus {
10987
+ box-shadow: 0 0 0 2px #212529, 0 0 0 4px #21b26f, 0 0 0 8px #212529;
10988
+ }
10989
+ .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,
10990
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-focus .e-step,
10991
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-label-only.e-step-focus .e-label,
10992
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text-only.e-step-focus .e-text,
10993
+ .e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-template.e-step-focus {
10994
+ box-shadow: 0 0 0 2px #212529, 0 0 0 4px #e4606d, 0 0 0 8px #212529;
10995
+ }
10996
+ .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,
10997
+ .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 {
10998
+ box-shadow: 0 0 0 8px #212529;
10999
+ }
11000
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:hover,
11001
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
11002
+ border-color: #444c54 !important; /* stylelint-disable-line declaration-no-important */
11003
+ }
11004
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-step:active,
11005
+ .e-stepper .e-stepper-steps .e-step-container.e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
11006
+ border-color: #444c54 !important; /* stylelint-disable-line declaration-no-important */
11007
+ }
11008
+ .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 {
11009
+ background: #495057 !important; /* stylelint-disable-line declaration-no-important */
11010
+ }
11011
+ .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 {
11012
+ background: #6c757d !important; /* stylelint-disable-line declaration-no-important */
11013
+ }
11014
+ .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 {
11015
+ color: #fff;
11016
+ background: #0b5ed7 !important; /* stylelint-disable-line declaration-no-important */
11017
+ }
11018
+ .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 {
11019
+ color: #fff !important; /* stylelint-disable-line declaration-no-important */
11020
+ background: #21b26f !important; /* stylelint-disable-line declaration-no-important */
11021
+ }
11022
+ .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 {
11023
+ color: #fff !important; /* stylelint-disable-line declaration-no-important */
11024
+ background: #e4606d !important; /* stylelint-disable-line declaration-no-important */
11025
+ }
11026
+ .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 {
11027
+ color: #fff;
11028
+ }
11029
+ .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 {
11030
+ background: #0a58ca !important; /* stylelint-disable-line declaration-no-important */
11031
+ }
11032
+ .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 {
11033
+ background: #21b26f !important; /* stylelint-disable-line declaration-no-important */
11034
+ }
11035
+ .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 {
11036
+ background: #e4606d !important; /* stylelint-disable-line declaration-no-important */
10285
11037
  }