﻿
#shopping-cart-form {
    position: relative;
}
.shopping-cart-page > .page-title {
    width: 100%;
    max-width: 1400px;
    height: 160px;
    text-align: center;
    background: url("/Themes/Cokesbury/Content/images/headers/Checkout.jpg") no-repeat left top;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0 auto;
}
.shopping-cart-page > .page-title h1 {
        font-size:6rem;
        margin: 0;
    }
.shopping-cart-page > .page-body > .page-title h1 {
    font-size:6rem;
}

.orderFormWrapper,
.shopping-cart-page .page-body {
    padding: 3% 4.5%;
}

.checkout-page .section.order-completed {
    text-align:center;
}
.checkoutBodyWrapper,
.divShoppingCartWrapper {
    display: flex;
    width: 100%;
    justify-content:space-between;
}
.checkoutBodyWrapper.divCheckOutPageWrapper {
    flex-direction: row-reverse;
}
.cart-total td:first-child {
    text-align:left;
}
.cart-total td {
    padding: .5rem 0;
    text-align: right;
}
.cart label {
    display: none;
}
.wishlist-content .cart label.mAddItemToCart,
.wishlist-content .cart label.mRemoveItem {
    display: inline-block;
}
.cart .p2,
.unit-price .product-unit-price,
.subtotal .product-subtotal {
    font-weight: 600;
    vertical-align: top;
}
.cart .product-name,
.cart .product-name > a {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: underline;
    color: #333;
}
.cart td.remove-from-cart,
.cart td.product-picture {
    padding: 4rem 2rem 4rem 0;
    text-align: center;
}
.wishlist-content .cart tbody td.product-picture,
.saveforlater-content .cart tbody td.product-picture {
    padding: 4rem 2rem;
}
.divCheckOutWrapper,
.shopping-cart-page .divShoppingCartWrapper > .table-wrapper,
.order-details-page .divShoppingCartWrapper > .table-wrapper {
    margin: 0 4% 0 0;
    width: calc(96% - 360px);
    padding: 0;
}
.table-wrapper {
    width: 100%;
}

.CartStickyRight {
    width: 360px;
}
.totalsWrapper.fixed {
    position: fixed;
    top: 165px;
    width: 360px;
}

.adminWrapper .totalsWrapper.fixed {
    position: fixed;
    top: 200px;
    width: 360px;
}


.totalsWrapper.fixed.bottom {
    position: absolute;
    bottom: 0px;
    top: auto;
}

    


        .button.checkout-button,
        .button.confirm-order-next-step-button,
        #confirm-order-buttons-container .confirm-order-next-step-button,
        .totalsWrapper .totals .confirm-order-next-step-button,
        .totalsWrapper .totals .checkout-button {
            margin: 0;
            width: 100%;
            background: var(--btn-background);
            border: var(--btn-border);
            -webkit-box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.3);
            -moz-box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.3);
            box-shadow: 1px 3px 4px -2px rgba(0,0,0,0.3);
            text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
        }

            .button.checkout-button:hover,
            .button.checkout-button:focus,
            .button.confirm-order-next-step-button:hover,
            .button.confirm-order-next-step-button:focus,
            #confirm-order-buttons-container .confirm-order-next-step-button:hover,
            #confirm-order-buttons-container .confirm-order-next-step-button:focus,
            .totalsWrapper .totals .confirm-order-next-step-button:hover,
            .totalsWrapper .totals .confirm-order-next-step-button:focus,
            .totalsWrapper .totals .checkout-button:hover,
            .totalsWrapper .totals .checkout-button:focus {
                /*background: #de910a;
                border-color: #de910a;*/
                -webkit-box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.5);
                -moz-box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.5);
                box-shadow: 1px 3px 4px -2px rgba(0,0,0,0.5);
                text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
            }

        .totalsWrapper .totals .checkout-button {
            margin: 0 0 2rem;
            width: 100%;
        }
.cart {
    border:none;
    text-align: center;
}

    .cart tr {
        border: none;
    }

    .cart th, .shipment-details-page .products th {
        white-space: nowrap;
        padding: 0 2rem 0 1rem;
    }
        .cart th.sku {
            padding-left: 5rem;
            text-align: left;
        }

        th.name {
            text-align: left;
        }

td.quantity {
text-align: center;}

        .cart .product, .cart .item-description {
            text-align: left;
        }
.cart tr {
    border-bottom: 1px solid #ccc;
}

.cart td {
    vertical-align: top;
}
.shipment-details-page .products td {
    padding: 40px 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}

.divSaveForLaterButton {
    margin-top: 3rem;
}
.divCartAuthor {
    margin-top: 1rem;
}
.divCartAutoShip,
.divCartFreeShipping {
    margin-top: 2rem;
    text-transform: uppercase;
}
        .divCartAutoShip span .divCartAutoShipFrequency {
            display:block;
        }
    .divCartAutoShip img {
        height: 3rem;
        margin: 0 1.4rem 0 .4rem;
        float: left;
    }
.divCartAutoShip span,
.divCartFreeShipping span {
    font-size: 1.2rem;
}
    .divCartFreeShipping img {
        height: 2.6rem;
        margin: -2px 1rem 0 0;
        float: left;
    }
.divCartDeleteLaterLinks {
    margin-top: 4rem;
    color: #767676;
}
.cartItemBottomRightWrapper {
    height: 100%;
    position: relative;
    display: inline-table;
}
.cartItemBottomRightPositioningBlock {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    position: absolute;
    bottom: 2rem;
    right: 0;
}

.cartItemBottomRightPositioningBlock .discount {color: rgb(169,0,0)!important;}

.shipping-predictability-message .warning {
    display:block;
}
    .shipping-predictability-message .warning:not(:first-child) {
        display: none;
    }
.cart .product-picture > a > img {
    max-width: 160px;
    max-height: 240px;
}
.divCheckOutWrapper,
.shopping-cart-page .divShoppingCartWrapper > .table-wrapper {
    width: calc(96% - 360px);
}
.wishlist-content .cart tbody td,
.saveforlater-content .cart tbody td {
    padding: 5rem 1rem 2rem;
    position: relative;
    height: 1px; /* IE/Edge fix */
}
.order-details-page .cart tbody td {
    padding: 3rem 1rem 2rem;
    text-align: center;
}
.order-details-page .cart tbody .product {
    text-align: left;
}
.cart tbody .product, 
.cart tbody .unit-price, 
.cart tbody .subtotal,
.wishlist-content .cart tbody td.quantity,
.saveforlater-content .cart tbody td.quantity,
.cart tbody .quantity {
    padding: 5rem 0 2rem;
    position: relative;
    height:1px; /* IE/Edge fix */
}
div.largeFormWrapper.priceOverrideInput {
    width: 100%;
    margin-bottom: 2rem;
}
div.largeFormWrapper.priceOverrideInput input {
    width:100%;
}
.priceOverrideStatic,
.update-cart-button.priceOverrideStatic {
    display: none;
}
.priceOverrideInput,
.priceOverrideInput.update-cart-button {
    display: none;
}

input[type="text"].priceOverrideInput {
    max-width: 8rem;
    display: none;
}
input[type="text"].priceOverrideInput.active,
    .priceOverrideStatic.active,
    .priceOverrideInput.active,
    .input.priceOverrideInput.update-cart-button.active {
        display: inline-block;
        --btn-width: auto;
    }
.totalsWrapper .priceOverrideInput {
    margin: -.5rem -1.3rem -.5rem 0;
}

/* THIS CSS HIDES THE COST WHEN PRICE OVERRIDE IS ACTIVATED - COST SHOWS ON HOVER*/
.unit-price div.priceOverrideInput {color: #ffffff;transition: 3s;pointer-events: none;}
    .unit-price div.priceOverrideInput::after {pointer-events: auto;display: block;width: 18px;height: 18px;content: "";background: url('/Themes/Shared/Content/images/helpIcon.svg') center center var(--main-color) no-repeat; border-radius: 50%;background-size: 10px 10px;cursor: pointer;}
    .unit-price div.priceOverrideInput:hover {color: #333333;transition: 3s}
/* END */

.wishlist-content .cart tbody input:not([type='radio']),
.saveforlater-content .cart tbody input:not([type='radio']),
.cart tbody input:not([type='radio']) {
    margin-top: -1rem;
}

.order-total td.cart-total-left span {
    font-size: 2.8rem;
}
td.cart-total-left span.giftCardNumber,
td.cart-total-left span.selected-shipping-method {
    font-size: 1.2rem;
    color: #888;
}
.cart-total .cart-total-row td span {
    font-size: 2.8rem;
}
.cart-total .cart-total-row td.cart-total-right span,
.order-total td.cart-total-right span {
    font-size: 2.8rem;
    font-weight: 700;
}
.cart-options .continue-shopping-button {
    display: none;
}


.order-totals-panel .cart-total-row td,
.order-total td {
    padding-top: 4rem;
}
/*  PROMO CODE */


    .QuickAddToCartWidget .buttons input {
        width: 100%;
        margin: 1rem 0 0;
    }
    .quickAddInputWrapper {
        display: flex;
        justify-content: space-between;
    }
        .quickAddInputWrapper .inputs > label {
            margin-bottom:.5rem;
        }
    .quickAddInputWrapper .quickAddInputNumber {
        margin:0 1rem 1rem 0;
    }
        .quickAddInputWrapper .quickAddInputNumber input {
            width:100%;
        }
    .quickAddInputWrapper .quickAddInputQty {
        max-width: 6rem;
        margin: 0 0 1rem 0;
    }

.CartStickyRight .coupon-code { 
    display: flex;
    max-width: 360px;
}

        

.coupon-box .coupon-code .button,
.giftcard-box .coupon-code .button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0px;
    min-width: 0;
    padding: 0;
    flex-basis: 14rem;
    display: block;
}

.totalsWrapper .remove-discount-button,
.totalsWrapper .remove-gift-card-button {
    min-width: 0;
}


.cart-collaterals {
    width: 100%
}

    .cart-collaterals .shipping {
        width: 47%;
        min-height: 450px;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 20px;
    }

        .cart-collaterals .shipping .required {
            display: none;
        }
        .cart-collaterals .shipping label, .cart-collaterals .jsDivQuickAddToCartWidget label {
            margin-top: 10px;
        }
        .cart-collaterals .shipping input, .cart-collaterals .shipping select, .cart-collaterals .jsDivQuickAddToCartWidget input, .cart-collaterals .jsDivQuickAddToCartWidget select {
            width: 100%;
        }


    .cart-collaterals .jsDivQuickAddToCartWidget {
        width: 47%;
        min-height: 450px;
        float: left;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 20px;
    }

    .currentCodesWrapper .current-code:last-child {
        margin-bottom:2rem;
    }
    
span.applied-discount-code {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    padding-bottom: 6px;
    display: inline-block;
    letter-spacing: .3px;
}
span.giftcard-remaining {
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 400;
    color: #888;
    vertical-align: middle;
    padding-bottom: 6px;
    display: inline-block;
}
.CartStickyRight .totalsWrapper .currentCodesWrapper button,
.CartStickyRight .totalsWrapper .currentCodesWrapper button,
.CartStickyRight .totalsWrapper .currentCodesWrapper input {
    background: url('/Themes/Shared/Content/images/delete_tag_x.svg') center center var(--main-color) no-repeat;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    background-size: 8px 8px;
    margin-right: 1rem;
}

.order-totals-panel .giftcard-summary {
    display: none;
}
/* TOOLTIP FOR WIDGETS */
.cart-collaterals .shipping .hint, .cart-collaterals .jsDivQuickAddToCartWidget .hint {
    display: none;
}





/*  ORDER FORMS */
.shopping-cart-page .divSubCategoryName {
    margin-bottom:0;
    text-align:left;
}

.wishlist-page {
    margin: 3% 4.5%;
    padding-top: 3%;
}


.wishlist-content .buttons {
    text-align: right;
}

.wishlist-content .buttons input {
    margin-left: 20px;
}

.wishlist-page .share-info {
    text-align: left;
}

    .wishlist-page .share-info span {
        display: block;
        margin: 0 0 5px;
    }

    .wishlist-page .share-info a {
        font-weight: bold;
        color: #444;
    }

        .wishlist-page .share-info a:hover {
            color: #4ab2f1;
        }


.email-a-friend-page label {width: 33%; text-align: right;}
.email-a-friend-page input[type=text], .email-a-friend-page input[type=email] {width: 33%;text-align: left;}
.email-a-friend-page .buttons {text-align: center;}




.payment-method-panel .method-list .ng-scope, .payment-method-panel .method-list li {height: auto;}

.CokesburyPaymentWrapper { }
    .CokesburyPaymentWrapper .method-list { }
    .CokesburyPaymentWrapper .method-list li { display: flex; flex-wrap: wrap; align-items: center;}
        .CokesburyPaymentWrapper .method-list .method-name { }
        .CokesburyPaymentWrapper .method-list .payment-logo { }
        .CokesburyPaymentWrapper .method-list .payment-details { }
        .CokesburyPaymentWrapper .method-list .method-summary {margin-left: auto; font-weight:600; cursor: pointer}

            .CokesburyPaymentWrapper .method-list .method-summary::after { content: url('/Themes/Shared/Content/images/filter_dropdown_arrow.svg'); display: inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: transform 200ms linear; }
        .CokesburyPaymentWrapper .method-list .active .method-summary::after { content: url('/Themes/Shared/Content/images/filter_dropdown_arrow.svg'); display: inline-block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: transform 200ms linear; }

        .CokesburyPaymentWrapper .method-list .method-list-details { display: none; width: 100%; height: auto;}

#tblOrderFormGrid th.sku {
    text-align: left;
    display: table-cell !important;
}
#tblOrderFormGrid td {
    vertical-align: middle;
}
#tblOrderFormGrid td.sku {text-align: left; display: table-cell !important;}
    #tblOrderFormGrid td.quantity {padding-top: 0px;}



.divShoppingCartWrapper .attributes {margin-top: 1REM;}

