/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */
 
 .bs-stepper .step-trigger {
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:20px;
  font-size:1rem;
  font-weight:700;
  line-height:1.5;
  color:#6c757d;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:none;
  border-radius:.25rem;
  transition:background-color .15s ease-out,color .15s ease-out
}
.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
  cursor:pointer
}
.bs-stepper .step-trigger:disabled,
.bs-stepper .step-trigger.disabled {
  pointer-events:none;
  opacity:.65
}
.bs-stepper .step-trigger:focus {
  color:#007bff;
  outline:none
}
.bs-stepper .step-trigger:hover {
  text-decoration:none;
  background-color:#0000000f
}
@media (max-width: 520px) {
  .bs-stepper .step-trigger {
    -ms-flex-direction:column;
    flex-direction:column;
    padding:10px
  }
}
.bs-stepper-label {
  display:inline-block;
  margin:.25rem
}
.bs-stepper-header {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center
}
@media (max-width: 520px) {
  .bs-stepper-header {
    margin:0 -10px;
    text-align:center
  }
}
.bs-stepper-line,
.bs-stepper .line {
  -ms-flex:1 0 32px;
  flex:1 0 32px;
  min-width:1px;
  min-height:1px;
  margin:auto;
  background-color:#0000001f
}
@media (max-width: 400px) {
  .bs-stepper-line,
  .bs-stepper .line {
    -ms-flex-preferred-size:20px;
    flex-basis:20px
  }
}
.bs-stepper-circle {
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-line-pack:center;
  align-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:2em;
  height:2em;
  padding:.5em 0;
  margin:.25rem;
  line-height:1em;
  color:#fff;
  background-color:#6c757d;
  border-radius:1em
}
.active .bs-stepper-circle {
  background-color:#007bff
}
.bs-stepper-content {
  padding:0 20px 20px
}
@media (max-width: 520px) {
  .bs-stepper-content {
    padding:0
  }
}
.bs-stepper.vertical {
  display:-ms-flexbox;
  display:flex
}
.bs-stepper.vertical .bs-stepper-header {
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:0
}
.bs-stepper.vertical .bs-stepper-pane,
.bs-stepper.vertical .content {
  display:block
}
.bs-stepper.vertical .bs-stepper-pane:not(.fade),
.bs-stepper.vertical .content:not(.fade) {
  display:block;
  visibility:hidden
}
.bs-stepper-pane:not(.fade),
.bs-stepper .content:not(.fade) {
  display:none
}
.bs-stepper .content.fade,
.bs-stepper-pane.fade {
  visibility:hidden;
  transition-duration:.3s;
  transition-property:opacity
}
.bs-stepper-pane.fade.active,
.bs-stepper .content.fade.active {
  visibility:visible;
  opacity:1
}
.bs-stepper-pane.active:not(.fade),
.bs-stepper .content.active:not(.fade) {
  display:block;
  visibility:visible
}
.bs-stepper-pane.dstepper-block,
.bs-stepper .content.dstepper-block {
  display:block
}
.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
  display:none
}
.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
  visibility:hidden
}
.bs-stepper {
  border-radius:.375rem
}
.bs-stepper .line {
  flex:0;
  min-width:auto;
  min-height:auto;
  background-color:transparent;
  margin:0
}
.bs-stepper .line i {
  font-size:1.375rem
}
.bs-stepper .bs-stepper-header {
  padding:1.5rem
}
.bs-stepper .bs-stepper-header .step.crossed+.line i {
  color:#696cff
}
.bs-stepper .bs-stepper-header .step .step-trigger {
  padding:0;
  flex-wrap:nowrap;
  gap:.5rem;
  font-weight:500
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
  margin:0;
  max-width:224px;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:start;
  display:inline-grid;
  font-weight:500;
  font-size:.9375rem
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
  line-height:1.375rem;
  font-weight:500
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
  font-size:.8125rem;
  font-weight:400
}
.bs-stepper .bs-stepper-header .step .step-trigger:hover {
  background-color:transparent
}
@media (max-width: 991.98px) {
  .bs-stepper .bs-stepper-header .step .step-trigger {
    padding:.625rem 0
  }
}
.bs-stepper .bs-stepper-header .step .bs-stepper-circle {
  height:2.375rem;
  width:2.375rem;
  font-weight:500;
  font-size:1.125rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.375rem
}
.bs-stepper .bs-stepper-header .step .bs-stepper-circle i {
  font-size:1.375rem
}
.bs-stepper .bs-stepper-content {
  padding:1.5rem
}
.bs-stepper.vertical .bs-stepper-header {
  min-width:18rem
}
.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
  padding:.63rem 0
}
.bs-stepper.vertical .bs-stepper-header .step:first-child .step-trigger {
  padding-top:0
}
.bs-stepper.vertical .bs-stepper-header .step:last-child .step-trigger {
  padding-bottom:0
}
.bs-stepper.vertical .bs-stepper-content {
  width:100%
}
.bs-stepper.vertical .bs-stepper-content .content:not(.active) {
  display:none
}
.bs-stepper.vertical.wizard-icons .step {
  text-align:center;
  padding:.75rem 0
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
  padding:1.25rem;
  flex-direction:column;
  gap:.5rem
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-icon svg {
  height:3.5rem;
  width:3.5rem
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-icon i {
  font-size:1.6rem
}
@media (min-width: 992px) {
  .bs-stepper.wizard-icons .bs-stepper-header {
    justify-content:space-around;
    gap:1rem
  }
}
.bs-stepper.wizard-modern .bs-stepper-header {
  border-bottom:none!important
}
.bs-stepper.wizard-modern .bs-stepper-content {
  border-radius:.375rem
}
.bs-stepper.wizard-modern.vertical .bs-stepper-header {
  border-right:none!important
}
@media (min-width: 992px) {
  .bs-stepper:not(.vertical):not(.wizard-icons) .bs-stepper-header {
    gap:1.5rem
  }
}
@media (max-width: 991.98px) {
  [dir=rtl] .bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
    padding-right:0
  }
}
@media (max-width: 991.98px) {
  html:not([dir=rtl]) .bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
    padding-left:0
  }
}
.light-style .bs-stepper {
  background-color:#fff
}
.light-style .bs-stepper:not(.wizard-modern) {
  box-shadow:0 .1875rem .5rem #22303e1a
}
.light-style .bs-stepper .bs-stepper-header {
  border-bottom:1px solid #e4e6e8
}
.light-style .bs-stepper .bs-stepper-header .line i {
  color:#646e78
}
.light-style .bs-stepper .bs-stepper-header .bs-stepper-title,
.light-style .bs-stepper .bs-stepper-header .bs-stepper-label {
  color:#384551
}
.light-style .bs-stepper .bs-stepper-header .bs-stepper-label .bs-stepper-subtitle {
  color:#646e78
}
.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
  background-color:#22303e0f;
  color:#646e78
}
.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-subtitle {
  color:#a7acb2
}
.light-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-subtitle,
.light-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
  color:#a7acb2
}
.light-style .bs-stepper.vertical .bs-stepper-header {
  border-bottom:none
}
@media (max-width: 991.98px) {
  .light-style .bs-stepper.vertical .bs-stepper-header {
    border-right:none!important;
    border-left:none!important;
    border-bottom:1px solid #e4e6e8
  }
}
.light-style .bs-stepper.wizard-modern {
  background-color:transparent
}
.light-style .bs-stepper.wizard-modern .bs-stepper-content {
  background-color:#fff;
  box-shadow:0 .1875rem .5rem #22303e1a
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
  fill:#646e78
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon i {
  fill:#646e78
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-label {
  color:#646e78
}
[dir=rtl] .light-style .bs-stepper.vertical .bs-stepper-header {
  border-left:1px solid #e4e6e8
}
html:not([dir=rtl]) .light-style .bs-stepper.vertical .bs-stepper-header {
  border-right:1px solid #e4e6e8
}
.dark-style .bs-stepper {
  background-color:#2b2c40
}
.dark-style .bs-stepper .bs-stepper-header {
  border-bottom:1px solid #4e4f6c
}
.dark-style .bs-stepper .bs-stepper-header .line i {
  color:#b2b2c4
}
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-label,
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-title {
  color:#d5d5e2
}
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-label .bs-stepper-subtitle {
  color:#b2b2c4
}
.dark-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
  background-color:#e6e6f10f;
  color:#b2b2c4
}
.dark-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-subtitle {
  color:#7e7f96
}
.dark-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-subtitle,
.dark-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
  color:#7e7f96
}
.dark-style .bs-stepper.vertical .bs-stepper-header {
  border-bottom:none
}
@media (max-width: 991.98px) {
  .dark-style .bs-stepper.vertical .bs-stepper-header {
    border-right:none!important;
    border-left:none!important;
    border-bottom:1px solid #4e4f6c
  }
}
.dark-style .bs-stepper.wizard-modern {
  background-color:transparent
}
.dark-style .bs-stepper.wizard-modern .bs-stepper-content {
  background-color:#2b2c40;
  box-shadow:0 .1875rem .5rem #14141d38
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon i {
  color:#b2b2c4
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
  fill:#b2b2c4
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-label {
  color:#b2b2c4
}
[dir=rtl] .dark-style .bs-stepper.vertical .bs-stepper-header {
  border-left:1px solid #4e4f6c
}
html:not([dir=rtl]) .dark-style .bs-stepper.vertical .bs-stepper-header {
  border-right:1px solid #4e4f6c
}
[dir=rtl] .bs-stepper .bs-stepper-content .btn-next i,
[dir=rtl] .bs-stepper .bs-stepper-content .btn-prev i {
  transform:rotate(180deg)
}
[dir=rtl] .bs-stepper.wizard-modern.vertical .bs-stepper-header {
  border-left:none!important
}
@media (min-width: 992px) {
  [dir=rtl] .bs-stepper .bs-stepper-header .line i {
    transform:rotate(180deg)
  }
}
@media (max-width: 991.98px) {
  [dir=rtl] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    margin-left:0;
    margin-right:.25rem
  }
}
@media (max-width: 991.98px) {
  .bs-stepper .bs-stepper-header {
    flex-direction:column;
    align-items:flex-start
  }
  .bs-stepper .bs-stepper-header .step .step-trigger {
    flex-direction:row
  }
  .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
    margin-left:.35rem
  }
  .bs-stepper .bs-stepper-header .step:first-child .step-trigger {
    padding-top:0
  }
  .bs-stepper .bs-stepper-header .step:last-child .step-trigger {
    padding-bottom:0
  }
  .bs-stepper.vertical {
    flex-direction:column
  }
  .bs-stepper.vertical .bs-stepper-header {
    align-items:flex-start
  }
  .bs-stepper:not(.vertical) .bs-stepper-header .line i {
    display:none
  }
  .bs-stepper.wizard-icons .bs-stepper-header .step:not(:first-child) .bs-stepper-icon svg {
    margin-top:.5rem
  }
}
@media (max-width: 520px) {
  .bs-stepper-header {
    margin:0
  }
}
#wizard-create-app.vertical .bs-stepper-header {
  min-width:15rem
}