.sw-theme-default.sw-main,
.sw-theme-default .sw-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sw-theme-default .sw-container {
  flex-shrink: 1;
}
.sw-theme-default .step-anchor {
  flex-direction: row;
}
.sw-theme-default .step-anchor:not(.card) {
  border: 0;
}
.sw-theme-default .step-anchor li {
  display: flex;
  flex-grow: 1;
}
.sw-theme-default .step-anchor li > a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem 0 3.75rem;
  min-height: 2.5rem;
  outline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-decoration: none;
  font-weight: 500;
  opacity: 0.4;
  cursor: default;
}
[dir=rtl] .sw-theme-default .step-anchor li > a {
  padding-right: 3.75rem;
  padding-left: 2rem;
}
.sw-theme-default .step-anchor li > a small,
.sw-theme-default .step-anchor li > a .small {
  font-weight: normal;
}
.sw-theme-default .step-anchor li.clickable > a,
.sw-theme-default .step-anchor li.active > a,
.sw-theme-default .step-anchor li.done > a {
  opacity: 1;
}
.sw-theme-default .step-anchor li.clickable > a,
.sw-theme-default .step-anchor li.active > a {
  cursor: pointer;
}
.sw-theme-default .step-anchor li.done > a {
  cursor: pointer;
}
.sw-theme-default .step-anchor li.disabled > a,
.sw-theme-default .step-anchor li.disabled > a:hover {
  cursor: not-allowed !important;
}
.sw-theme-default .sw-number,
.sw-theme-default .sw-icon,
.sw-theme-default .sw-done-icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid;
  border-radius: 50%;
  text-align: center;
  line-height: calc(2.5rem - 4px);
}
[dir=rtl] .sw-theme-default .sw-number,
[dir=rtl] .sw-theme-default .sw-icon,
[dir=rtl] .sw-theme-default .sw-done-icon {
  right: 0;
  left: auto;
}
.sw-theme-default .sw-icon,
.sw-theme-default .sw-done-icon {
  font-size: 1rem;
}
.sw-theme-default .sw-done-icon {
  display: none;
}
.sw-theme-default .step-anchor li.done .sw-done-icon {
  display: block;
}
.sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-number,
.sw-theme-default .step-anchor li.done .sw-done-icon ~ .sw-icon {
  display: none;
}
.sw-theme-default .wizard-number {
  font-weight: 500;
}
.sw-theme-default .step-anchor li.done .sw-number,
.sw-theme-default .step-anchor li.done .sw-icon,
.sw-theme-default .step-anchor li.done .sw-done-icon {
  opacity: 0.4;
}
.sw-theme-default .step-content {
  position: relative;
  display: none;
  margin: 0;
  width: 100%;
}
.sw-theme-default .sw-toolbar {
  justify-content: flex-end;
  padding: 0;
}

.default-style .sw-theme-default .step-anchor li > a {
  color: #4E5155;
}
.default-style .sw-theme-default .step-anchor li.danger > a {
  color: #d9534f !important;
}
.default-style .sw-theme-default .sw-number,
.default-style .sw-theme-default .sw-icon,
.default-style .sw-theme-default .sw-done-icon {
  border-color: rgba(24, 28, 33, 0.06);
}
.default-style .sw-theme-default .step-anchor li.danger .sw-number,
.default-style .sw-theme-default .step-anchor li.danger .sw-icon,
.default-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
  border-color: #d9534f !important;
  color: #d9534f !important;
}
@media (min-width: 768px) {
  .default-style .smartwizard-vertical-left.sw-main,
  .default-style .smartwizard-vertical-right.sw-main {
    flex-direction: row;
  }
  .default-style .smartwizard-vertical-left .step-anchor,
  .default-style .smartwizard-vertical-right .step-anchor {
    align-self: flex-start;
    flex-direction: column;
  }
  .default-style .smartwizard-vertical-left .step-anchor li,
  .default-style .smartwizard-vertical-right .step-anchor li {
    flex-grow: 0;
  }
  .default-style .sw-theme-default.smartwizard-vertical-right {
    flex-direction: row-reverse;
  }
  .default-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
    padding: 0 0 0 5.75rem;
  }
  .default-style .sw-theme-default.smartwizard-vertical-right .sw-number, .default-style .sw-theme-default.smartwizard-vertical-right .sw-icon, .default-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
    left: 2rem;
  }
}
@media (min-width: 768px) {
  .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
    padding: 0 5.75rem 0 0;
  }
  .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number, .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon, .default-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
    right: 2rem;
    left: auto;
  }
}

.material-style .sw-theme-default .step-anchor li > a {
  color: #4E5155;
}
.material-style .sw-theme-default .step-anchor li.danger > a {
  color: #d9534f !important;
}
.material-style .sw-theme-default .sw-number,
.material-style .sw-theme-default .sw-icon,
.material-style .sw-theme-default .sw-done-icon {
  border-color: rgba(24, 28, 33, 0.06);
}
.material-style .sw-theme-default .step-anchor li.danger .sw-number,
.material-style .sw-theme-default .step-anchor li.danger .sw-icon,
.material-style .sw-theme-default .step-anchor li.danger .sw-done-icon {
  border-color: #d9534f !important;
  color: #d9534f !important;
}
@media (min-width: 768px) {
  .material-style .smartwizard-vertical-left.sw-main,
  .material-style .smartwizard-vertical-right.sw-main {
    flex-direction: row;
  }
  .material-style .smartwizard-vertical-left .step-anchor,
  .material-style .smartwizard-vertical-right .step-anchor {
    align-self: flex-start;
    flex-direction: column;
  }
  .material-style .smartwizard-vertical-left .step-anchor li,
  .material-style .smartwizard-vertical-right .step-anchor li {
    flex-grow: 0;
  }
  .material-style .sw-theme-default.smartwizard-vertical-right {
    flex-direction: row-reverse;
  }
  .material-style .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
    padding: 0 0 0 5.75rem;
  }
  .material-style .sw-theme-default.smartwizard-vertical-right .sw-number, .material-style .sw-theme-default.smartwizard-vertical-right .sw-icon, .material-style .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
    left: 2rem;
  }
}
@media (min-width: 768px) {
  .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .step-anchor li > a {
    padding: 0 5.75rem 0 0;
  }
  .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-number, .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-icon, .material-style[dir=rtl] .sw-theme-default.smartwizard-vertical-right .sw-done-icon {
    right: 2rem;
    left: auto;
  }
}