﻿/*SHOPPING CART*/
.cart-product {
    color: #4f4f4f;
}

    .cart-product .item {
        border-bottom: 1px dotted #ccc;
        padding: 10px 0;
    }

        .cart-product .item .price {
            font-weight: bold;
        }

        .cart-product .item .promotion {
            text-decoration: line-through;
        }

        .cart-product .item .update-quantity {
            padding-top: 10px;
        }

            .cart-product .item .update-quantity .cart-quantity a {
                border: 1px solid #ddd;
                cursor: pointer;
                width: 29px;
                font-size: 13px;
                padding: 3px 8px;
                color: #000;
            }

                .cart-product .item .update-quantity .cart-quantity a.quan {
                    margin: 0 -5px;
                    padding: 3px 10px;
                }

            .cart-product .item .update-quantity .cart-del a {
                border: 1px solid #ddd;
                display: block;
                float: right;
                width: 35px;
                height: 35px;
                line-height: 35px;
                font-size: 12px;
                color: #9E9E9E;
                text-align: center;
                border-radius: 50%;
                cursor: pointer;
            }

.cart-summary {
    padding: 20px 0px;
}

    .cart-summary > div {
    }

    .cart-summary span {
        float: right;
        font-weight: bold;
    }

    .cart-summary #total {
        color: #f9a392;
        padding-top: 5px;
    }

    .cart-summary .btn-order {
        width: 100%;
        color: #fff;
        background: #3b3d4e;
        margin-top: 10px;
        font-weight: bold;
        padding: 7px 20px;
        font-size: 14px;
    }

#order-info {
    margin-bottom: 50px;
    font-size: 14px;
}

    #order-info a {
        color: #3b3d4e
    }

    #order-info h2 {
        border-left: 5px solid #3b3d4e;
        background-color: #f5f5f5;
        line-height: 50px;
        width: 100%;
        float: left;
        padding-left: 9px;
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 18px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    #order-info .form-control {
        border: 2px solid #fff;
        border-radius: 0;
        margin-bottom: 13px;
        font-size: 14px;
        background-color: rgba(9, 12, 15, 0.05);
    }

        #order-info .form-control:focus {
            border: 2px solid #3b3d4e;
        }

    #order-info select {
        font-size: 14px;
    }

    #order-info input[type=radio] {
        width: 30px
    }

    #order-info #payment {
        padding: 10px;
        border: 1px solid #3b3d4e;
        margin-left: 36px;
    }

#form-order-cart {
    padding: 50px 0;
}

    #form-order-cart .input-validation-error {
        border-color: red;
    }

    #form-order-cart .field-validation-error {
        color: red;
        top: -12px;
        position: relative;
        font-style: oblique;
    }

.order-complete {
    text-align: center;
    padding: 50px 0;
    font-size: 20px;
}
/*SHOPPING CART*/

