/* old class */
@media (max-width: 576px) {
  .check-step-container {
    top: 73px !important;
  }
}

.check-step-container {
  background: none repeat scroll 0 0 gray;
  height: 3px;
  position: absolute;
  top: 53px;
  width: 100%;
  margin-top: 6px;
}

.check-steps-wrapper {
  position: relative;
  padding-top: 10px;
}

.check-step {
  float: left;
  position: relative;
  text-align: center;
  width: 33.33%;
  z-index: 10;
  top: 3px;
}

.working-step .step-text {
  /*color: #0e59a7;*/
  font-weight: bold;
}

.notcompleted-step .step-text {
  /* color: gray; */
  font-weight: bold;
}

.completed-step .step-text {
  /* color: gray; */
  font-weight: bold;
}

.working-step .step-icon {
  background: url("../images/checkout/cart_header_grey_circle.png") no-repeat scroll 0% 83% transparent;
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}

.notcompleted-step .step-icon {
  background: url("../images/checkout/cart_header_grey_circle.png") no-repeat scroll 0% 42% transparent;
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}
.completed-step .step-icon {
  background: url("../images/checkout/cart_header_grey_circle.png") no-repeat scroll 0% 1% transparent;
  display: block;
  height: 40px;
  margin: 0 auto;
  width: 40px;
}

.checkout-linker {
  cursor: pointer;
  text-decoration: underline;
}

.checkout-error {
  color: red;
}

.checkout-warning {
  color: red;
}
.checkout-warning-place {
  opacity: 0;
}

.checkout-wrapper {
}

@media (min-width: 768px) {
  /* MD */
  .checkout-wrapper {
    border: 2px solid #ebebeb;
    border-radius: 15px;
  }
}

.checkout-ccinfo {
  width: 98%;
}