﻿.Checkout .StepHolder {
    display: table;
    width: 100%;
}

.Checkout .Step {
    background-color: #e9f1f6;
    vertical-align: middle;
    border-bottom: 0px solid #d8d8d8;
    padding-left: 15px;
    border-top: 0px solid #d8d8d8;
    font-size: 14px;
    display: table-cell;
    height: 50px;
    color: black;
    width: 33%;
}

    .Checkout .Step.Completed {
        background-color: #005f9f;
        border-bottom: 0px solid #3a3a3a;
        border-top: 0px solid #3a3a3a;
        color: white;
    }

    .Checkout .Step.Active {
        background-color: #006fb9;
        border-bottom: 0px solid #3a3a3a;
        border-top: 0px solid #3a3a3a;
        color: white;
    }

.Checkout .StepSpacer {
    background-color: #e9f1f6;
    background-image: url(../Images/Checkout-Arrow-White.png?v=2);
    display: table-cell;
    min-width: 19px;
}

    .Checkout .StepSpacer.Completed {
        background-color: #005f9f;
        background-image: none;
        border-bottom: 0px solid #3a3a3a;
        border-top: 0px solid #3a3a3a;
    }
    .Checkout .StepSpacer.Completed.JustCompleted {
        background-image: url(../Images/Checkout-Arrow-Completed.png);
    }

    .Checkout .StepSpacer.Active {
        background-image: url(../Images/Checkout-Arrow-Green.png?v=2);
    }

    .Checkout .StepSpacer.Last {
        background-color: #e9f1f6;
        background-image: none; /* background-image: url(../Images/Checkout-Arrow-White-Last.png?v=2); */
    }

        .Checkout .StepSpacer.Last.Active {
            background-color: #006fb9; /* background-image: url(../Images/Checkout-Arrow-Green-Last.png?v=2); */
        }

        .Checkout .StepSpacer.Last.Completed {
            background-color: #005f9f; /* background-image: url(../Images/Checkout-Arrow-Green-Last.png?v=2); */
        }

.Checkout .Step.Inactive {
    color: gray;
}

.Checkout .StepSpacer {
    height: 20px;
}

.Checkout .Spacer {
    height: 30px;
}

.Checkout .SpacerSmall {
    height: 10px;
}

.Checkout .Buttons {
    text-align: right;
}

    .Checkout .Buttons form {
        display: inline;
    }

.Checkout #LoginTable.False {
    display: none;
}

.Checkout .LoginTable {
    display: table;
}

    .Checkout .LoginTable > div {
        padding-right: 10px;
        font-size: 18px;
        display: table-cell;
        color: #4f4f4f;
    }

    .Checkout .LoginTable div.Spacer {
        width: 15px;
    }

.Checkout .RequestQuoteTable {
    display: table;
}

    .Checkout .RequestQuoteTable > div {
        font-size: 18px;
        display: table-cell;
        width: 200px;
    }

        .Checkout .RequestQuoteTable > div.Spacer {
            width: 50px;
        }

.Checkout .AddressTable {
    display: table;
}

    .Checkout .AddressTable > div {
        display: table-row;
    }

        .Checkout .AddressTable > div > div {
            display: table-cell;
        }

.Checkout .DeliveryTable {
    display: table;
}

    .Checkout .DeliveryTable > div {
        font-size: 18px;
        display: table-cell;
        width: 320px;
    }

        .Checkout .DeliveryTable > div.Spacer {
            width: 50px;
        }

    .Checkout .DeliveryTable input {
        float: left;
    }

    .Checkout .DeliveryTable label {
        margin-left: 1.2em;
        display: block;
    }

.Checkout .ShippingText {
    font-size: 18px;
}

.Checkout .ReceiptDelivery {
    font-size: 18px;
}

.Checkout .ReceiptAddress > div {
    padding-right: 50px;
    display: inline-block;
}

.Validation {
    color: red;
}
