#LoginArea {
  max-width: 400px;
  margin: 120px auto 10px auto;
}
/* logo */

.logo-area {
  position:relative;
  top: 50%;
   left: 50%;
  
   margin-top: -110px; /* Half the height */
   margin-left: -120px; /* Half the width */
}
/*# sourceMappingURL=Login.css.map */
.responsive {
    width: 100%;
    height: auto;
}


ul.progressbar {
  height: 75px;
  padding: 0;
  counter-reset: step;
}
ul.progressbar li {
  list-style-type: none;
  color: rgb(165,165,165);
  float: left;
  position: relative;
  text-align: center;
  font-size: 12px;
}
ul.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  color: #333;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background: rgb(216,216,216);
}
ul.progressbar li:after {
  content: "";
  background: #ddd;
  position: absolute;
  width: 100%;
  height: 14px;
  top: 14px;
  right: -50%;
  z-index: -1;
}
ul.progressbar li:last-child:after {
  content: none;
}
ul.progressbar li.done:before, ul.progressbar li.done:after {
  background: rgb(21,219,158);
  color: #fff;

}
ul.progressbar li.current:before {
  background: rgb(104, 191, 250);
  color: #fff;
}
ul.progressbar li.fail:before {
  background: rgb(229, 48, 40)
}