﻿.Checkout .StepHolder {
    display: table;
    width: 100%;
}

.Checkout .Step {
    /*background-color: #d8d8d8;*/
    vertical-align: middle;
    border-bottom: 1px solid #d8d8d8;
     /*padding-left: 15px;*/
    /*border-top: 3px solid #d8d8d8;*/
    font-size: 14px;
    display: table-cell;
    height: 50px;
    color: #bbb;
    width: 33%;
}

@media screen and (max-width: 768px) {
    .Checkout .Step {
        font-size: 11px;
       
    }
}

.Checkout .Step.Completed {
    /*background-color: #58595B;
    border-bottom: 3px solid #58595B;*/
    /*border-top: 3px solid #58595B;*/
    /*color: white;*/
    color: #333;
}

.Checkout .Step.Active {
    /*background-color: #58595B;*/
    /*border-bottom: 3px solid #58595B;
    border-top: 3px solid #58595B;*/
    /*color: white;*/
   color: #333;
   font-weight: 500;
}

.Checkout .StepSpacer {
    /*background-color: #d8d8d8;
    background-image: url(../Images/Checkout-Arrow-White.png?v=2);*/
    display: table-cell;
    min-width: 0px;
}

    .Checkout .StepSpacer.Completed {
        /*background-color: #58595B;
        background-image: none;*/
        /*border-bottom: 3px solid #58595B;
        border-top: 3px solid #58595B;*/
    }

    .Checkout .StepSpacer.Active {
        /*background-image: url(../Images/Checkout-Arrow-Green.png?v=2);*/
    }

    .Checkout .StepSpacer.Last {
        /*background-color: #d8d8d8;
        background-image: none;*/
        /* background-image: url(../Images/Checkout-Arrow-White-Last.png?v=2); */
    }

        .Checkout .StepSpacer.Last.Active {
            /*background-color: #58595B;*/
            /* background-image: url(../Images/Checkout-Arrow-Green-Last.png?v=2); */
        }

        .Checkout .StepSpacer.Last.Completed {
            /*background-color: #58595B;*/
        }

.Checkout .Step.Inactive {
    color: gray;
}

.Checkout .StepSpacer {
    height: 20px;
}

.Checkout .Spacer {
    height: 30px;
}

.Checkout .SpacerSmall {
    height: 10px;
}

.Checkout .Buttons {
    margin-top: 20px;
    text-align: right;
}

    .Checkout .Buttons .BuyMoreButtonWrapper {
        display: inline-block;
    }

    .Checkout .Buttons .EmptyBasketButtonWrapper {
        display: inline-block;
    }

    .Checkout .Buttons .ContinueButtonStep1Wrapper {
        display: inline-block;
    }

    .Checkout .Buttons form {
        display: inline;
    }

/*
.Checkout #LoginTable.False {
    display: none;
}
*/

.Checkout .LoginTable {
    display: table;
}

.Checkout input[type='text'],
.Checkout input[type='password'],
.LargeInput,
textarea {
    font-size: 18px;
    padding: 5px;
    border: 1px solid #d8d8d8;
    margin: 0px;
}

.Checkout input[type='text'],
.Checkout input[type='password'],
.LargeInput {
    height: 32px;
}



.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;
    }

@media screen and (max-width: 768px) {
    .Checkout .LoginTable {
        margin-top: 15px;
    }

        .Checkout .LoginTable > div {
            display: block;
        }
}

.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: block;
}

.Checkout .DeliveryTable.form-group {
    margin-bottom: 87px;
}

    .Checkout .DeliveryTable > div {
        font-size: 18px;
    }

    .Checkout .DeliveryTable a.SmallText {
        font-size: 12px;
    }

    .Checkout .CheckoutAddress h3 {
        margin-top: 0px;
    }

.Checkout .ShippingText {
    font-size: 18px;
}

.Checkout .ReceiptDelivery {
    font-size: 18px;
}

.Checkout .ReceiptAddress > div {
    padding-right: 50px;
    display: inline-block;
}

.Validation {
    color: red;
}

.subHeading{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    margin-bottom:30px;
}

.Checkout .form-control {
    border-radius: 0;
    font-size: 14px;
    margin: 0px;
}

.Checkout select.form-control {
    height: 32px;
}

.Checkout input[type='text'], .Checkout input[type='radio'], .Checkout input[type='password'], .LargeInput, textarea, .Checkout label {
    font-size: 14px;
}

.Checkout .form-group {
    margin-bottom: 30px;
}

@media screen and (max-width: 550px) {

    .Checkout .Buttons .btn {
        display: block;
        width: 100%;
        margin-bottom:10px;
    }
}