/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [CHECKOUT]
        (CHECKOUT ACCORDIAN PANELS)
        (ORDER SUMMARY)
        (PAYMENT OPTIONS)
        (SHIPPING TYPES)
        (MODIFY DETAILS)
        (USER DEATILS)
        (SHOPPING BAG)
        (ORDER STATUS)

    [MEDIA QUERIES]

*/

/* [CHECKOUT] --------------------------------------------------- */

/* (CHECKOUT ACCORDIAN PANELS) */
#checkout-accordion .panel {
    border:0;
    box-shadow: none;
    border-radius:0;
}
    #checkout-accordion .panel + .panel{
        margin-top:.5rem;
    }
    #checkout-accordion .panel-title {
        position: relative;
    }

#checkout-accordion .panel-heading {
    padding: 0;
    text-align: left;
}

    #checkout-accordion .panel-heading a {
        display: block;
        padding: 0.938rem;
        position: relative;
        line-height: 1.5;
    }

        #checkout-accordion .panel-heading a:not(.modify) {
            padding: 0.63rem 4.69rem 0.63rem 3.13rem;
        }

        #checkout-accordion .panel-heading a.modify {
            font-size: 0.9em;
            position: absolute;
            top: 0;
            right: 0;
            text-transform: initial;
            background: none !important;
            line-height: 1;
            border: 0 !important;
        }

        #checkout-accordion .panel-heading a:hover,
        #checkout-accordion .panel-heading a:focus {
            text-decoration: none;
        }


        #checkout-accordion .panel-heading a span.no {
            display: inline-block;
            height: 100%;
            left: 0;
            margin-right: 0.938rem;
            padding: 0.63rem 0;
            position: absolute;
            text-align: center;
            top: 0;
            font-size: 1em;
            width: 2.5rem;
        }


            #checkout-accordion .panel-heading a span.no:after {
                height: 100%;
                position: relative;
                content: '';
                display: inline-block;
                vertical-align: top;
            }

#checkout-accordion .panel-title .collapsed + .modify {
    color: #fff;
}


#checkout-accordion .bordered-box {
    margin-bottom: 1.88rem;
}

#checkout-accordion .btn-xs {
    margin-top: 0.44rem;
    font-size: 15px;
    padding: 3px 15px!important;
    font-weight: 500;
}
#checkout-accordion .panel-title {
    margin-bottom: 0;
    font-size: 1rem;
}

#checkout-accordion .panel-body {
    padding: 1rem;
}

#checkout-accordion .panel-heading {
    margin-top: -1px;
}

#checkout-accordion .panel-body {
    border-top: 0;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    vertical-align: middle;
    margin-right: .3rem;
}

#button-confirm {
    cursor: pointer;
}
/* (CHECKOUT ACCORDIAN PANELS) END */


/* (ORDER SUMMARY) */

#checkout-accordion .order-summary {
    margin-top: 0;
}
/* (ORDER SUMMARY) END */


/* (PAYMENT OPTIONS) */

#checkout-accordion .payment-options.bordered-box {
    margin-top: 1.56rem;
    padding-top: 0.63rem;
    padding-bottom: 0.63rem;
}

/* (PAYMENT OPTIONS) END */

/* (SHIPPING TYPES) */
#checkout-accordion .shipping-types.bordered-box {
    margin-bottom: 1.25rem;
    margin-top: 0;
}
/* (SHIPPING TYPES) END */


/* (MODIFY DETAILS) */
#checkout-accordion .modify.CheckOutSignInModifyLink fa {
    margin-right: 0.25rem;
}

/* (MODIFY DETAILS) END */


/* (USER DEATILS) */
#checkout-accordion .checkout-content #newuser, #checkout-accordion .checkout-content #reguser {
    margin-bottom: 0.938rem;
}

/* (USER DEATILS) END */


/* (SHOPPING BAG) */
#checkout-accordion .shopping-bag-details {
    margin-top:0;
}

#checkout-accordion .container-shopping-cart .sub-section-heading {
    padding: 1.25rem 0;
    text-transform: uppercase;
}

div#checkout-accordion div#divShopInfo.alert.alert-success {
    margin-bottom:0;
    margin-top: 0.938rem;
}
#divShipMethods input + span {
    display: inline-block;
   vertical-align: top;
   margin-right: .5rem;
}
/* (SHOPPING BAG) END */


#Step2 label{ font-size: 15px; font-weight: 500; }
::placeholder{ font-size: 15px; }

.address-book{ font-size:15px; }



/* (ORDER STATUS) */
.container-order-confirmation {
    margin-top: 1.56rem;
    background: #f6f6f6;
    border: 0;
    padding: 0.63rem;
    border-radius: 0.44rem;
}

    .container-order-confirmation .icon {
        width: 10%;
        padding-right: 1.25rem;
        display: table-cell;
        font-size: 2.63rem;
        text-align: right;
        vertical-align: top;
    }

    .container-order-confirmation .order-status-details {
        width: 90%;
        display: table-cell;
        vertical-align: top;
    }

.type-order-status .order-info {
    font-size: 0.81rem;
}

.instructions {
    color: #000000;
    font-weight: bold;
    margin-top: 0.938rem;
}

.review-link {
    color: #888;
    text-decoration: underline;
}

    .review-link:hover {
        color: #000;
    }

.text-order-success {
    font-size: 1.13rem;
    line-height: 1.75rem;
    color: #00af33;
    font-weight: bold;
    padding:0 0 0.63rem 0;
}

.text-order-payment-failed {
    font-size: 1.13rem;
    line-height: 1.75rem;
    color: #e94c3d;
    font-weight: bold;
    padding:0 0 0.63rem 0;
}

.text-order-payment-pending {
    font-size: 1.13rem;
    line-height: 1.75rem;
    color: #31708f;
    font-weight: bold;
    padding:0 0 0.63rem 0;
}

/* (ORDER STATUS) END */

/* [CHECKOUT] END --------------------------------------------------- */



/* [MEDIA QUERIES] --------------------------------------------------- */

@media screen and (max-width: 767.98px) {
    #checkout-accordion#checkout-accordion .panel-body {
        margin-left:0;
    }
    .shopping-bag .order-summ-cart-total {
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }

    #checkout-accordion .panel-heading a {
        font-size: 1.1rem;
    }
}


/* [MEDIA QUERIES] END --------------------------------------------------- */