﻿
#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;
}


/*  cokesbury theme specific */
.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;
}

.totalsWrapper .totals {
  /*width: 360px;*/
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  padding: 20px;
}

.coupon-box,
.giftcard-box,
.idMeWrapper,
.QuickAddToCartWidget {
  width: 100%;
  max-width: 360px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  padding: 20px;
  margin-top: 20px;
}

  .idMeWrapper .idme-trigger {
    margin-top: 0px !important;
  }

  .idMeWrapper .idme-text {
    display: block;
    margin-top: 6px;
    font-style: italic;
    font-size: 1.25REM;
    color: #787878;
  }

  .idMeWrapper .idMeRoleStatus {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: .3px;
    display: block;
    height: 24px;
  }

    .idMeWrapper .idMeRoleStatus:before {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      float: left;
      margin: -3px 5px 0px 0px;
      background: url('/Themes/Cokesbury/Content/images/checkbox_checkmark_lg_green.svg') right center no-repeat;
    }


.cart th, .shipment-details-page .products th {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f6f6f6;
  height: 60px;
}

.coupon-box .coupon-code input[type='text'],
.giftcard-box .coupon-code input[type='text'] {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 100%;
  margin: 0px;
  height: 60px;
  text-indent: 2rem;
  padding: 0;
}

.order-completed input[type='button'] {
  --btn-width: auto;
}