﻿#checkoutContainer {
}

    #checkoutContainer h1 {
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 24px;
    }

    #checkoutContainer h2 {
        position: relative;
        background: #8BD2DE;
        background-color: #8BD2DE;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 15px 0px;
        color: #FFF;
        font-weight: bold;
    }

        #checkoutContainer h2:after {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(139, 210, 222, 0);
            border-top-color: #8BD2DE;
            border-width: 10px;
            margin-left: -10px;
        }

    /*#checkoutContainer h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }*/

    #checkoutContainer h3 {
        margin-top: 10px;
        margin-bottom: 8px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        color: #667;
    }

    #checkoutContainer .form-group {
        margin-bottom: 8px;
    }

        #checkoutContainer .form-group > label {
            margin-bottom: 3px;
        }

    #checkoutContainer .cartTable .optionName {
        font-size: 12px;
    }

    #checkoutContainer .cartTable .border-top td {
        border-top: 1px solid #CCC;
    }

    #checkoutContainer .cartTable .total-row td {
        text-transform: uppercase;
        font-weight: bold;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
    }

    #checkoutContainer .cartTable th, #checkoutContainer .cartTable td {
        vertical-align: top;
        padding-bottom: 5px;
    }

    #checkoutContainer .popover-title {
        border-bottom: none;
    }

    #checkoutContainer .btn-order, #checkoutContainer .btn-checkout {
        background-color: #ff6f26;
        /*background-color: #BFD62E;*/
        width: 100%;
        color: #FFF;
        font-size: 16px;
        text-transform: uppercase;
        border: 1px solid #ff6f26;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 10px 0px;
    }

    #checkoutContainer .btn-order {
        margin-bottom: 20px;
    }

        #checkoutContainer .btn-order i {
            margin-right: 5px;
            font-size: 18px;
        }

    #checkoutContainer .btn-continue {
        background-color: #EEE;
        /*background-color: #BFD62E;*/
        width: 100%;
        color: #333;
        font-size: 16px;
        text-transform: uppercase;
        border: 1px solid #CCC;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 10px 0px;
    }

        #checkoutContainer .btn-continue i {
            margin-right: 5px;
            font-size: 18px;
        }

.fix-radio {
    /*line-height: 18px;
    font-size: 14px;*/
}

    .fix-radio input {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .fix-radio table {
        margin: 0px;
    }

#checkoutContainer .checkbox {
    margin-top: 0px;
}

#checkoutContainer #addPromo, #checkoutContainer #addVoucher, #checkoutContainer #orderInstructions {
    display: none;
}

#checkoutContainer .free-shipping {
    padding: 8px;
    border: 1px solid #82b440;
    /*border: 1px solid #C82344;*/
}

    #checkoutContainer .free-shipping, #checkoutContainer .free-shipping a {
        color: #82b440;
        /*color: #C82344;*/
    }

        #checkoutContainer .free-shipping .fa-stack {
            /*font-size: 28px;*/
            /*line-height: 54px;*/
            /*color: #BED539;*/
        }

        #checkoutContainer .free-shipping .fa-truck {
            color: #FFF;
            line-height: 68px;
        }

        #checkoutContainer .free-shipping .fa-circle {
            line-height: 68px;
        }

        #checkoutContainer .free-shipping .free-shipping-line1 {
            font-size: 18px;
        }

        #checkoutContainer .free-shipping .free-shipping-terms {
            font-size: 12px;
        }

#checkoutContainer .shopping-cart {
    margin-bottom: 0px;
}

    #checkoutContainer .shopping-cart thead, #checkoutContainer .shopping-cart tfoot {
        text-transform: uppercase;
    }

    #checkoutContainer .shopping-cart .item-name a {
        font-size: 16px;
        color: #666b76;
    }

    #checkoutContainer .shopping-cart .cart-actions a {
        color: #999;
        font-size: 12px;
        display: block;
        padding-top: 10px;
    }

    #checkoutContainer .shopping-cart .prod-img {
        width: 80px;
    }

@media only screen and (min-width: 992px) {
    #checkoutContainer .shopping-cart .item-details {
        min-height: 80px;
        padding-bottom: 10px;
    }

    #checkoutContainer .shopping-cart .prod-img {
        width: 120px;
    }

    #checkoutContainer .shopping-cart .cart-actions a {
        color: #999;
        padding-right: 15px;
        font-size: 12px;
        display: inline;
        padding-top: 0px;
    }
}



@media only screen and (max-width: 991px) {
}


#checkoutContainer .shopping-cart .alert {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}


#checkoutContainer .shopping-cart .adjustQtyBtn {
    margin: 0 5px;
    font-size: 10px;
}

#checkoutContainer .shopping-cart .decreaseQtyBtn {
    margin-left: 0px;
}

#checkoutContainer .shopping-cart a.adjustQtyBtn:link, #checkoutContainer .shopping-cart a.adjustQtyBtn:visited {
    color: #BED539;
}
/*#checkoutContainer .shopping-cart a.adjustQtyBtn:hover, #checkoutContainer .shopping-cart a.adjustQtyBtn:hover:focus {
    color: #BED539;
}*/
#checkoutContainer .shopping-cart .adjustQtyBtn.disabled, #checkoutContainer .shopping-cart .adjustQtyBtn[disabled] {
    box-shadow: none;
    color: #cdcdcd;
    opacity: 0.65;
}

#checkoutContainer .shopping-cart a.adjustQtyBtn.disabled:hover, #checkoutContainer .shopping-cart a.adjustQtyBtn[disabled]:hover {
    cursor: not-allowed !important;
}

#checkoutContainer .shopping-cart .adjustQtyBtn .fa-minus, #checkoutContainer .shopping-cart .adjustQtyBtn .fa-plus {
    color: #FFF;
}

@media (min-width: 768px) {
    #checkoutContainer .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
}

#checkoutContainer .discountChoice ul {
    list-style: none;
    padding-left: 0px;
}

    #checkoutContainer .discountChoice ul li {
        margin-left: 20px;
        position: relative;
    }

    #checkoutContainer .discountChoice ul input {
        margin-left: -20px;
        position: absolute;
        top: 2px;
        left: 0px;
    }

#checkoutContainer .paymentRadio ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

    /*#checkoutContainer .paymentRadio ul li {
        border: 2px solid #E5E5E5;
        background-color: #FEFEFE;
        padding: 0px;
        margin-right: 5px;
        margin-bottom: 10px;
        cursor: pointer;
        position: relative;
        text-align: center;
        vertical-align: top;
    }

        #checkoutContainer .paymentRadio ul li.checked {
            border: 2px solid #8BD2DE;
        }

        #checkoutContainer .paymentRadio ul li:last-child {
            margin-right: 0px;
        }

        #checkoutContainer .paymentRadio ul li:hover, #checkoutContainer .paymentRadio ul div:hover, #checkoutContainer .paymentRadio ul label:hover {
            cursor: pointer;
        }

        #checkoutContainer .paymentRadio ul li label {
            display: block;
            text-align: center;
            margin-bottom: 0px;
            padding: 8px;
            height: 80px;
        }

        #checkoutContainer .paymentRadio ul li input {
            position: absolute;
            bottom: 5px;
            margin: 0px 0px 0px -6px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-desc {
            text-transform: uppercase;
            font-size: 11px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-afterpay img {
            height: 18px;
            margin: 3px 0px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-zippay img {
            height: 18px;
            margin: 3px 0px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-paypal {
            width: 68px;
        }

        #checkoutContainer .paymentRadio ul.payment-voucher li label {
            height: 95px;
        }

        #checkoutContainer .paymentRadio ul li .fa-stack {
            display: block;
            position: absolute;
            top: -13px;
            right: -8px;
            cursor: pointer;
            color: #8BD2DE;
            font-size: 12px;
            z-index: 1;
        }

            #checkoutContainer .paymentRadio ul li .fa-stack .fa-check {
                color: #FFF;
            }*/

#checkoutContainer .paymentRadio ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

    #checkoutContainer .paymentRadio ul li {
        border: 2px solid #E5E5E5;
        background-color: #FEFEFE;
        padding: 0px;
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        position: relative;
        text-align: left;
        vertical-align: top;
    }

        #checkoutContainer .paymentRadio ul li.checked {
            border: 2px solid #8BD2DE;
        }

        #checkoutContainer .paymentRadio ul li:hover, #checkoutContainer .paymentRadio ul div:hover, #checkoutContainer .paymentRadio ul label:hover {
            cursor: pointer;
        }

        #checkoutContainer .paymentRadio ul li label {
            display: block;
            text-align: left;
            margin-bottom: 0px;
            margin-left: 6px;
            padding: 8px;
            height: 42px;
        }

        #checkoutContainer .paymentRadio ul li input {
            position: absolute;
            bottom: 15px;
            margin: 0px 0px 0px 6px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-desc {
            text-transform: uppercase;
            font-size: 11px;
            /*color: #989898;*/
            display: inline-block;
            margin-left: 10px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo {
            display: inline-block;
            margin-left: 10px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-afterpay img {
            height: 18px;
            margin: 3px 0px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-zippay img {
            height: 18px;
            margin: 3px 0px;
        }

        #checkoutContainer .paymentRadio ul li label .payment-logo-paypal {
            /*line-height: 50px;*/
            /*width: 68px;*/
        }

    #checkoutContainer .paymentRadio ul.payment-voucher li label {
        height: 95px;
    }

    #checkoutContainer .paymentRadio ul li .fa-stack {
        display: block;
        position: absolute;
        top: -13px;
        right: -8px;
        cursor: pointer;
        color: #8BD2DE;
        font-size: 12px;
        z-index: 1;
    }

        #checkoutContainer .paymentRadio ul li .fa-stack .fa-check {
            color: #FFF;
        }



#checkoutContainer .payment-details {
    /*background-color: #FEFEFE;*/
}

#checkoutContainer .promo-msg, #checkoutContainer .voucher-msg {
    margin-left: 22px;
    margin-bottom: 10px;
}

    #checkoutContainer .promo-msg i, #checkoutContainer .voucher-msg i {
        color: #82b440;
    }

#checkoutContainer .checkout-col {
    margin-bottom: 20px;
}

#checkoutContainer #card-payment {
    background-color: #FEFEFE;
    border: 1px solid #E5E5E5;
}

    #checkoutContainer #card-payment #card-payment-heading {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 10px;
        /*text-transform: uppercase;*/
        background-color: #FAFAFA;
        border-bottom: 1px solid #E5E5E5;
    }

    #checkoutContainer #card-payment #card-payment-heading .fa {
        font-size: 20px;
        line-height: 26px;
    }

    #checkoutContainer #card-payment #card-payment-body {
        padding: 5px 10px 10px 10px;
    }

    #checkoutContainer #express-checkout {
        text-transform: uppercase;
        color: #333;
        font-size: 12px;
        line-height: normal;
        margin-top: 5px;
        margin-bottom: 15px;
    }

#loginModal fieldset {
    margin-bottom: 0px;
}

#loginModal .modal-header {
    background: #2a8da8;
    background-color: #2a8da8;
    color: #FFF;
}

    #loginModal .modal-header h4 {
        color: #FFF;
    }

#loginModal .btn-login {
    background-color: #82B440;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 10px 0px;
}

#loginModal .alert {
    padding-top: 8px;
    padding-bottom: 8px;
}
