@-webkit-keyframes wb-step-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes wb-step-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar {
  background-color: #ffffff;
  height: 120px;
  max-height: 120px;
  min-height: 120px;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar a {
  text-decoration: none;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-need-help a {
  cursor: pointer;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-need-help .wb-order-toolbar-step-icon {
  border-color: #F44336;
  color: #F44336;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-need-help .wb-order-toolbar-step-legend {
  color: #F44336;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step {
  position: relative;
  transition: all 0.7s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step:before {
  background: #BDBDBD;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: calc(35%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 65%;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.375, 1.135);
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step.done .wb-order-toolbar-step-icon {
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: wb-step-animation;
          animation-name: wb-step-animation;
  background: #10154a;
  border-color: #10154a;
  color: #ffffff;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step.done .wb-order-toolbar-step-legend {
  color: #10154a;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step.done:nth-of-type(2):before {
  display: none;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step.done:before {
  background: #10154a;
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step-icon {
  border: 2px solid #BDBDBD;
  border-radius: 50%;
  box-sizing: content-box;
  color: #BDBDBD;
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  padding: 13.5px;
  width: 20px;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.375, 1.135);
}
md-toolbar.md-wbTheme-theme.wb-order-toolbar .wb-order-toolbar-step-legend {
  color: #BDBDBD;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.375, 1.135);
}
_:-ms-input-placeholder .wb-order-toolbar-step,
:root .wb-order-toolbar-step,
_:-ms-input-placeholder .wb-order-toolbar-need-help,
:root .wb-order-toolbar-need-help {
  float: left;
}
_:-ms-input-placeholder .wb-order-toolbar .wb-order-toolbar-step,
:root .wb-order-toolbar .wb-order-toolbar-step {
  width: 16%;
}
_:-ms-input-placeholder .wb-order-toolbar.logged-in .wb-order-toolbar-step,
:root .wb-order-toolbar.logged-in .wb-order-toolbar-step {
  width: 26.66666667%;
}
_:-ms-input-placeholder .wb-order-toolbar.logged-in .wb-order-toolbar-step:before,
:root .wb-order-toolbar.logged-in .wb-order-toolbar-step:before {
  width: 75%;
}
_:-ms-input-placeholder .wb-order-toolbar [layout="row"],
:root .wb-order-toolbar [layout="row"] {
  display: block;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="5"],
:root .wb-order-toolbar [flex="5"],
_:-ms-input-placeholder .wb-order-toolbar [flex="10"],
:root .wb-order-toolbar [flex="10"],
_:-ms-input-placeholder .wb-order-toolbar [flex="15"],
:root .wb-order-toolbar [flex="15"],
_:-ms-input-placeholder .wb-order-toolbar [flex="20"],
:root .wb-order-toolbar [flex="20"],
_:-ms-input-placeholder .wb-order-toolbar [flex="25"],
:root .wb-order-toolbar [flex="25"],
_:-ms-input-placeholder .wb-order-toolbar [flex="30"],
:root .wb-order-toolbar [flex="30"],
_:-ms-input-placeholder .wb-order-toolbar [flex="33"],
:root .wb-order-toolbar [flex="33"],
_:-ms-input-placeholder .wb-order-toolbar [flex="35"],
:root .wb-order-toolbar [flex="35"],
_:-ms-input-placeholder .wb-order-toolbar [flex="40"],
:root .wb-order-toolbar [flex="40"],
_:-ms-input-placeholder .wb-order-toolbar [flex="45"],
:root .wb-order-toolbar [flex="45"],
_:-ms-input-placeholder .wb-order-toolbar [flex="50"],
:root .wb-order-toolbar [flex="50"],
_:-ms-input-placeholder .wb-order-toolbar [flex="55"],
:root .wb-order-toolbar [flex="55"],
_:-ms-input-placeholder .wb-order-toolbar [flex="60"],
:root .wb-order-toolbar [flex="60"],
_:-ms-input-placeholder .wb-order-toolbar [flex="65"],
:root .wb-order-toolbar [flex="65"],
_:-ms-input-placeholder .wb-order-toolbar [flex="66"],
:root .wb-order-toolbar [flex="66"],
_:-ms-input-placeholder .wb-order-toolbar [flex="70"],
:root .wb-order-toolbar [flex="70"],
_:-ms-input-placeholder .wb-order-toolbar [flex="75"],
:root .wb-order-toolbar [flex="75"],
_:-ms-input-placeholder .wb-order-toolbar [flex="80"],
:root .wb-order-toolbar [flex="80"],
_:-ms-input-placeholder .wb-order-toolbar [flex="85"],
:root .wb-order-toolbar [flex="85"],
_:-ms-input-placeholder .wb-order-toolbar [flex="90"],
:root .wb-order-toolbar [flex="90"],
_:-ms-input-placeholder .wb-order-toolbar [flex="95"],
:root .wb-order-toolbar [flex="95"],
_:-ms-input-placeholder .wb-order-toolbar [flex="100"],
:root .wb-order-toolbar [flex="100"] {
  display: block;
  float: left;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="5"],
:root .wb-order-toolbar [flex="5"] {
  width: 5%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="10"],
:root .wb-order-toolbar [flex="10"] {
  width: 10%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="15"],
:root .wb-order-toolbar [flex="15"] {
  width: 15%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="20"],
:root .wb-order-toolbar [flex="20"] {
  width: 20%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="25"],
:root .wb-order-toolbar [flex="25"] {
  width: 25%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="30"],
:root .wb-order-toolbar [flex="30"] {
  width: 30%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="33"],
:root .wb-order-toolbar [flex="33"] {
  width: 33%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="35"],
:root .wb-order-toolbar [flex="35"] {
  width: 35%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="40"],
:root .wb-order-toolbar [flex="40"] {
  width: 40%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="45"],
:root .wb-order-toolbar [flex="45"] {
  width: 45%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="50"],
:root .wb-order-toolbar [flex="50"] {
  width: 50%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="55"],
:root .wb-order-toolbar [flex="55"] {
  width: 55%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="60"],
:root .wb-order-toolbar [flex="60"] {
  width: 60%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="65"],
:root .wb-order-toolbar [flex="65"] {
  width: 65%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="66"],
:root .wb-order-toolbar [flex="66"] {
  width: 66%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="70"],
:root .wb-order-toolbar [flex="70"] {
  width: 70%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="75"],
:root .wb-order-toolbar [flex="75"] {
  width: 75%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="80"],
:root .wb-order-toolbar [flex="80"] {
  width: 80%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="85"],
:root .wb-order-toolbar [flex="85"] {
  width: 85%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="90"],
:root .wb-order-toolbar [flex="90"] {
  width: 90%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="95"],
:root .wb-order-toolbar [flex="95"] {
  width: 95%;
}
_:-ms-input-placeholder .wb-order-toolbar [flex="100"],
:root .wb-order-toolbar [flex="100"] {
  width: 100%;
}