#payment-navigator-container {
    background-color: white;
    padding: 20px;
}

#payment-navigator-labels {
    width: 100%;
}


.payment-state-label {
    color: black;
    font-size: 18px;
    text-align: center;
    width: 25%;
}

.payment-state-label-ok {
    background-color: #B72025;
    color: white;
    padding: 5px 0px;
}

@media (max-width: 600px) {
    .payment-state-label-ok {
        display: none;
    }

    .payment-state-label-inactive {
        display: none;
    }
}


.payment-state-label-inactive {
    background-color: #bcbdc0;
    color: black;
    padding: 5px 0px;
    font-weight: bold;
}


.payment-state-label-active {
    font-weight: bold;
    background-color: black;
    color: white;
    padding: 5px 0px;

}

#payment-navigator {
    border: 1px solid #b0b0b0;
    width: 100%;
}


#payment-navigator-container table {
    width: 100%;
    table-layout: fixed;
}


.payment-step-right-margin {
    background-image: url('../images/payment-bar.png');
    background-repeat: repeat-x;
}

.payment-step-left-margin {
    background-image: url('../images/payment-bar.png');
    background-repeat: repeat-x;
}

.payment-step {
    background-image: url('../images/navpayment.png');
    height: 28px;
    width: 23px;
}

.payment-state-inactive {
    background-position: 23px 0px;
}

.payment-state-active {
    background-position: 46px 0px;
}

.payment-state-ok {
    background-position: 0px 0px;
}

.payment-step-link {
    width: 24%;
    height: 28px;
    background-repeat: repeat-x;
}


.payment-step-link-active {
    background-image: url('../images/payment-step-link-active.png');
}

.payment-step-link-ok {
    background-image: url('../images/payment-step-link-active.png');
}

.payment-step-link-canceled {
    background-image: url('../images/payment-step-link-active.png');
}


.payment-step-link-inactive {
    background-image: url('../images/payment-step-link-inactive.png');
}

#payment-navigator-labels a {
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}