/* Show it is fixed to the top */
body {
    padding-top: 4.5rem;
    font-family: 'Open Sans', sans-serif;
}
.home-steps {
    padding-left: 0px;
}
.header-steps {
    text-align:center;
}
.home-steps li {
    list-style-type: none;
    display: inline-block;
}

.home-steps li.active span.number {
    background-color: #565656;
}
.home-steps li.active span.subtitle {
    color: #565656;
}

.home-steps li.completed span.number {
    background-color: #44bd4d;
}
.home-steps li.completed span.subtitle {
    color: #44bd4d;
}

.home-steps li.error span.number {
    background-color: #f88178;
}
.home-steps li.error span.subtitle {
    color: #f88178;
}
.home-steps li:nth-of-type(-n+2) {
    margin-right: 30px;
}
.home-steps li span.number {
    width: 50px;
    height: 50px;
    display:block;
    text-align: center;
    background-color: #cbd5d8;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}
.home-steps li span.subtitle {
    display: block;
    text-align: center;
    width: 80px;
    color:#c6ccce;
    font-weight: bold;
}
#nextStepButton, #step3Button, .span-email, #confirmButton {
    font-weight: bold;
}

input.loading {
    background-color: #ffffff;
    background-image: url("../img/spinner.gif");
    background-size: 40px 40px;
    background-position:right center;
    background-repeat: no-repeat;
}

input.result-success {
    background-color: #ffffff;
    background-image: url("../img/success.png");
    background-size: 16px 16px;
    background-position:right 10px center;
    background-repeat: no-repeat;
}
input.result-error {
    background-color: #ffffff;
    background-image: url("../img/error.png");
    background-size: 16px 16px;
    background-position:right 10px center;
    background-repeat: no-repeat;
}
.error-message {
    display:none;
    margin-top: 1rem;
}

ul.voucher-details li span:first-of-type {
    font-weight: bold;
    width: 85px;
    display: inline-block;
}
ul.voucher-details li{
    list-style-type: none;
}

.card.product-card, .card.secondary-step, .card.confirm-step, .card.confirmed-step {
    display:none;
}

/* Absolute Center Spinner */
.center-loading {
    position: fixed;
    z-index: 1100;
    height: 15em;
    width: 15em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align:center;
    color: #5073ab;

    background-image: url('/assets/img/confirm-loading.gif');
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 150px;
}
.loading-holder {
    display:none;
}
.overlay {
    z-index: 1050;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.loading-text {
    bottom: 0px;
    position: absolute;
    font-size: 1.2rem;
}

main.container {
    /*margin: 0;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
}

.span-product_value, .span-product_currency {
    font-weight: bold;
}
#refNumber {
    margin: 0 auto;
    font-size: 1.4rem;
    color: '#fff';
}