/*
 Theme Name:     Herbalife Online - Child Theme
 Theme URI:      https://idstc.com
 Description:    Herbalife online child theme
 Author:         IDSTC
 Author URI:     https://idstc.com
 Template:       Divi
 Version:        1.0.0
 */
@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --hover-main: rgba(38, 100, 49, .12);
    --hover-green: #1d4e26;
    --light-green: #ccefe0;
    --main-green: #256430;
    --dark-green: #224945;
    --black: #0d1320;
    --white: #fff;
    --grey: #6b6f75;
    --cream: #f9f8f4;
    --border-light: lightgrey;
    --shadow-08: rgba(0, 0, 0, 0.08);
}


@media screen and (max-width: 980px) {
    #no-collapse-menu .et_pb_menu__menu {display: block !important;}
    #no-collapse-menu .mobile_menu_bar {display: none !important;}
}

/* Fonts */

@font-face {
    font-family: 'HerbalifeNatural-Bold';
    src: url('https://www.herbalife.com/fonts/HerbalifeNatural-Bold.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Bold.woff') format('woff'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Bold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'HerbalifeNatural-Regular';
    src: url('https://www.herbalife.com/fonts/HerbalifeNatural-Regular.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Regular.woff') format('woff'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HerbalifeNatural-Thin';
    src: url('https://www.herbalife.com/fonts/HerbalifeNatural-Thin.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Thin.woff') format('woff'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Thin.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'HerbalifeNatural-Light';
    src: url('https://www.herbalife.com/fonts/HerbalifeNatural-Light.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Light.woff') format('woff'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'HerbalifeNatural-Medium';
    src: url('https://www.herbalife.com/fonts/HerbalifeNatural-Medium.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Medium.woff') format('woff'),
        url('https://www.herbalife.com/fonts/HerbalifeNatural-Medium.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Herbalife-Walsheim-GT-Bold';
    src: url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Bold.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Bold.woff') format('woff'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Bold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Herbalife-Walsheim-GT-Regular';
    src: url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Regular.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Regular.woff') format('woff'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Herbalife-Walsheim-GT-Thin';
    src: url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Thin.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Thin.woff') format('woff'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Thin.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Herbalife-Walsheim-GT-Light';
    src: url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Light.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Light.woff') format('woff'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Herbalife-Walsheim-GT-Medium';
    src: url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Medium.woff2') format('woff2'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Medium.woff') format('woff'),
        url('https://www.herbalife.com/fonts/Herbalife-Walsheim-GT-Medium.ttf') format('truetype');
    font-display: block;
}


a:focus {
    color: #6b6f75 !important;
    outline: transparent;
}

#ProductCategory ul.k-group.k-treeview-lines li.k-item ul.k-group {
    display: block !important;
}

a.et_pb_button:before {
    margin-left: -1.5em !important;
}

.page-id-30521 .form-group {background-color: #ffffff !important;}

.footer-legal-links a {padding: 0 10px; border-right: 1px solid #ccc; text-rendering: optimizeLegibility;}
.footer-legal-links a:last-child { border-right: 0px;}


.alert-info {
    border: none;
    background: #ccefe0;
    color: #224945;
}

.btn-primary {
    color: #fff ;
    background-color: #256430 ;
    border-color: #256430 ;
    border-radius: 32px ;
}

.btn-success {
    color: #fff ;
    background-color: #256430 ;
    border-color: #256430 ;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'HerbalifeNatural-Bold', 'sans-serif' !important;
}

body {
    font-family: 'Herbalife-Walsheim-GT-Regular', 'sans-serif' !important; 
}

.shoppingcartapp .btn {
    height: auto !important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    top: 10px;
}
.welcome-message .et_pb_text_inner p {
    margin: 0 0 0px ;
    padding-bottom: 8px;
}

/* hide or show based on detected language */

:lang(fr-be) .show-on-french {
    display: block !important;
}

:lang(nl-be) .show-on-nederlands {
    display: block !important;
}

:lang(en-be) .show-on-english {
    display: block !important;
}

.hide-language,
.hide-thankyou-message {
    display: none !important;
}

.checkout-wrapper {
    counter-reset: checkout-step;
}

.checkout-wrapper .panel:not(.ng-hide) > .panel-heading h3.panel-title::before {
    counter-increment: checkout-step;
    content: counter(checkout-step);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: #224945;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.checkout-wrapper [ng-show="vm.shoppingCartModel.orderPaid"] .panel:not(.ng-hide) > .panel-heading h3.panel-title::before {
    counter-increment:  none !important;
    content: none !important;
}

.et_pb_section_0.et_pb_section {
    padding-top: 0px !important;
}


.herbalife-subtotal-add-products-link {
    margin-top: 20px !important;
}

.herbalife-legal-agreement-item {
    margin-bottom: 20px;
    margin-top: 10px;
}

/*move buttons to the top of thankyou page*/
[ng-controller="checkout2Controller as vm"] {
    position: relative;
    padding-top: 60px;
}

#btnLogin {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

a.btn.btn-default[ng-show="vm.herbalifeReservedDisplayID || vm.shoppingCartModel.cart.OrderPersonDisplayID"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}

#btnLogin {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: calc(100% - 200px) !important;
}


[ng-show="vm.shoppingCartModel.orderPaid"] .product.view .col-lg-9 .row .col-md-3 dl dd {
    margin-left: 0px;
}

.product.view[ng-show="vm.shoppingCartModel.dataReady"] .panel.panel-default > .panel-body .row .col-lg-3.text-center .btn.btn-primary {
    float: right;
}

/* updated promotion on view cart page  */

.ViewCartPromotions .panel.panel-default {
    background-color: #ccefe0 !important;
    border: solid 1px #266431 !important;
}

.ViewCartPromotions .panel {box-shadow: none !important;}

.ViewCartPromotions .panel.panel-default>.panel-heading {
    background-color: #256430 !important;
    color: #ffffff !important;
    padding: 10px 15px 15px 10px;
}

.ViewCartPromotions .panel.panel-default .panel-heading h3 {
    color: #ffffff;
}

.NonQualifiedThreshold,
.QualifiedThreshold {
    background: transparent;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qualification-button {
    margin-top: 15px;
}

 .qualification-button {
    bottom: 10px;
    left: 10px;
} 
.ViewCartPromotions .btn-danger i {
    color: var(--white);
}

.qualification-message {
    color: var(--black);
}

.qualification-button button {
    border: none;
    background: #3d9970;
    color: var(--white);
    border-radius: 32px;
}

.qualification-button button:hover {
    background: #3a7b5e;
}
/* Cart Page - Promitions "rewards" */

.notify-wrapper-success {
    background-color: #256430 !important;
    border-color: #256430 !important;
}

div.QualifiedThreshold h4:not(.ng-binding) {
    margin-top: 10px;
    color: var(--black);
    background: var(--light-green);
    padding: 8px;
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
    width: 100%;
}

.RewardSelections {
    background: #fff;
    border-radius: 0 0 6px 6px;
    margin: 0px 0px 46px 0px;
    padding: 8px;
}

.reward-groups {
    text-align: left;
    padding: 4px 8px;
}

.RewardSelections .panel-heading.center {
    padding: 4px;
    border: none;
    color: var(--dark-green);
}

.RewardSelections .panel-heading.center h3 {
    font-size: 12px;
}

.reward-groups .panel.panel-default {
    margin: 0;
}

.reward-groups * {
    text-align: left;
}

.reward-groups .panel-title {
    text-align: left;
    font-size: 14px;
}

#btnStartRewardShopping,
#btnSelectRewardGroup {
    border: none;
    font-size: 10px;
    border-radius: 32px;
    background: var(--black);
}


.ViewCartPromotions .standard-promotion.PurchaseLimitReward {
    background: rgb(251, 231, 193);
}

/*======= adjustments to new drawer cart  =======*/
.idstc-flyout-cart-wrapper.open .idstc-flyout-cart-panel {background-color:#f9f8f4 !important;}
.idstc-flyout-cart-row {background-color: #fff !important;}
.idstc-flyout-cart-line-info a {color: #0d1320;}
.idstc-flyout-cart-line-info a:hover {color: #bcbcbc;}
.idstc-flyout-cart-remove-line-button {margin-top: 10px; margin-right: 20px;}
p.idstc-flyout-cart-qualify.text-muted {color: #0d1320; font-size: 14px; font-weight: 300; padding-top: 20px; line-height: 1.55;}
.btn.idstc-flyout-cart-btn-checkout, .btn.idstc-flyout-cart-btn-continue-shopping {font-size: 18px; padding:10.5px 32px!important; font-family: 'Herbalife-Walsheim-GT-Medium';}
.idstc-flyout-cart-panel:last-child .idstc-flyout-cart-row {border-bottom: 0px !important;}
h3.idstc-flyout-cart-title {background-color: #f9f8f4; color: #0d1320;}
.idstc-flyout-cart-panel .idstc-flyout-cart-subtotal, .idstc-flyout-cart-panel .idstc-flyout-cart-btns, .idstc-flyout-cart-panel .idstc-flyout-cart-subtotal-savings {background-color: #f9f8f4; padding: 20px 15px;}
.idstc-flyout-cart-panel .idstc-flyout-cart-discount {margin: 0px 0px; font-size: 14px; padding: 5px 10px; background-color: #f9f8f4;}
.idstc-flyout-cart-panel .idstc-flyout-cart-discount .row {background-color: #ccefe0; margin: 10px 0px; padding: 10px; border: solid 1px #ccefe0;}
.idstc-flyout-cart-panel .idstc-flyout-cart-subtotal {margin-top: 0px; padding-top: 20px; font-size: 21px;}
.idstc-flyout-cart-panel .idstc-flyout-cart-title-number {background-color: #fff; color: #0d1320; font-weight: 700; font-size: 18px; border: solid 1px #d3d3d3;}
.idstc-flyout-cart-row {border-color: #d3d3d3 !important; margin: 0 !important;padding: 0 0 25px 0 !important;}
.idstc-flyout-cart-close-icon {color: #0d1320;}
.idstc-flyout-cart-close-icon .fa  {line-height: 40px !important;}
.idstc-sticky-cart-icon i {color: #224945 !important;}
.idstc-sticky-cart-icon a {background-color: #224945 !important;}
#accordion .panel-heading .panel-title  {font-size: 21px;}
#menu-secondary-navigation-espanol li#menu-item-30305, #menu-secondary-navigation-espanol #menu-item-30211 {margin-top: -10px;}

/* add custom styles to the order pages  */

.product.view .panel-body .subtotal-items {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.k-widget.k-datepicker .k-picker-wrap.k-state-default {
    border-color: #74736e !important; 
    border-width: 1px;
    border-radius: 2px;
}

.k-datepicker.ng-invalid {
    border: 0px !important;
}

.k-datepicker.ng-invalid span.k-picker-wrap {

}

input#dateOfBirthPicker {
    line-height: 24px !important;
}

.k-datepicker .k-picker-wrap.k-state-hover,
.k-datepicker .k-picker-wrap.k-state-focused {
    box-shadow: none;
    background-color: #fff;
}

.k-widget.k-datepicker span.k-select {display: none;}


.btn-primary.quarter-pad-bottom.btn-product-more-info {
    background: var(--white) !important;
    color: var(--main-green) !important;
    width: 100% !important;
    border-radius: 32px !important;
    border: solid 1px var(--main-green);
    font-size: 16px !important;
    transition: 0.4s !important;
    text-wrap: auto !important;
    padding: 10.5px 32px !important;
    margin-bottom: 5px !important; 
    margin-top: 5px !important;
}

.btn-primary.quarter-pad-bottom.btn-product-add-to-cart {
    background-color: var(--main-green)!important;
    border-color: var(--main-green)!important;
    border-radius: 32px !important;
    font-size: 16px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    transition: 0.4s !important;
    text-wrap: auto !important;
    padding: 10.5px 32px!important;
    margin-bottom: 5px !important; 
    margin-top: 5px !important;
}

.btn-primary.quarter-pad-bottom.btn-product-add-to-cart,
.btn.btn-primary.btn-add-to-cart {
    background-color: var(--main-green)!important;
    border-color: var(--main-green)!important;
    border-radius: 32px !important;
    font-size: 16px !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    transition: 0.4s !important;
    text-wrap: auto !important;
    padding: 10.5px 32px!important;
    margin-bottom: 5px !important; 
    margin-top: 5px !important;
    font-family: 'Herbalife-Walsheim-GT-Medium';
}


#ProductCategory div.k-treeview span {
    line-height: 1.2em;
}

.k-autocomplete.k-state-hover {
    background-color: transparent !important;
}


.panel:has(#paymentInfoPanel) > .panel-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px;
}

.panel:has(#paymentInfoPanel) > .panel-heading > .panel-title {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 1 1 auto;
}

.panel:has(#paymentInfoPanel) > .panel-heading > .btn-edit-paymentinfo {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    white-space: nowrap;
    flex: 0 0 auto;
}

@media (max-width: 480px) {
    .panel:has(#paymentInfoPanel) > .panel-heading {
        gap: 10px;
    }

    .panel:has(#paymentInfoPanel) > .panel-heading > .panel-title {
        font-size: 18px;
        line-height: 1.3;
    }

    .panel:has(#paymentInfoPanel) > .panel-heading > .btn-edit-paymentinfo {
        padding: 6px 12px;
    }
}



#shippingMethodPanel [ng-hide="vm.allowAddOrderInstructions==false"],
.herbalife-shipping-method span.pull-right.half-pad-left.ng-binding {
    display: none;
}

.product-name a {
    font-size: 16px;
    font-weight: 700;
    color: #0d1320;
    font-family: 'Herbalife-Walsheim-GT-Medium';
}

.text-center.shoppingcart-product-info small {
    font-size: 12px;
}

.text-center.shoppingcart-product-info {
    font-family: 'Herbalife-Walsheim-GT-Medium' !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #0d1320 !important;
}

.shoppingcart-product-info .text-center.product-price {
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.panel-body.shoppingcart-product-panel .text-center
 {
    display: flex !important;
    flex-direction: column !important; 
    flex-wrap: nowrap !important;
}


.shoppingcart-product-info .variations-message {
    border: 0px solid var(--main-green);
    width: 100%;
    text-align: center;
    border-radius: 999px;
    padding: 12.5px 32px!important;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.shoppingcart-product-info .variations-message a.ng-binding::before {
    content: "" !important;
    width: 10px !important;
    height: 10px !important;
    background: #0d1320 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

/* combine code from divi theme options area */

.herbalife-dob-in-contact-info .k-picker-wrap {
    box-shadow: none !important;
    border-style: solid !important;
    border-radius: 2px !important;
    border-color: #74736e !important;
    height: auto;
    font-size: 16px !important;
    text-decoration: none !important;
}

.shoppingcartapp .checkout-wrapper .herbalife-dob-in-contact-info .form-group .col-md-8 span input {
    height: 48px !important;
}

/* Shop - Filters */

.k-treeview .k-content,
.k-treeview .k-item>.k-group,
.k-treeview>.k-group {
    font-size: 18px;
    color: var(--black);
    font-family:'Herbalife-Walsheim-GT-Medium' ;
}

#ProductCategory .k-treeview .k-state-hover,
#ProductCategory .k-state-selected,
#ProductCategory .k-state-focused {
    background: transparent ;
    color: var(--main-green);
    box-shadow: none;
}

#ProductCategory .k-treeview .k-state-hover {
    text-decoration: underline !important;
}

.filter-name {
    font-size: 20px;
}

.filters h5 {
    display: flex;
    align-items: center;
    color: var(--dark-green);
    margin-bottom: 14px;
}

.filter-plus,
.filter-minus {
    font-size: 29px;
    color: var(--dark-green);
    font-weight: 400;
}

.checkbox {
    font-size: 15px;
    font-weight: 500;
}

.checkbox label,
.radio label {
    min-height: 26px;
}

.shoppingcart-sidebar .btn-block,
.shoppingcart-category-panel .btn-primary.btn-block {
    border-radius: 32px;
    background-color: var(--white) !important;
    border-color: var(--main-green) !important;
    color: var(--main-green) !important;
    font-size: 16px;
    padding: 10.5px 32px!important;
    margin-top: 12px;
    transition: 0.4s;
}

.shoppingcart-actionbar .row .col-md-12 {
    width: 100% ;
    display: flex;
    flex-direction: column-reverse;
}

.breadcrumb {
    background: transparent !important;
    padding: 10px 0 !important;
    margin-bottom: 10px !important;
}

.panel .panel {
    box-shadow: none !important;
}

.panel.shoppingcart-category-description div,
.panel.panel-default.shoppingcart-category-description {
    border: none !important;
    box-shadow: none !important;
}

.panel.shoppingcart-category-description .panel-heading {
    padding: 0px 0px 0px 0px !important;
}

.shoppingcart-category-description .panel-heading .panel-title {
    display: none !important;
}

.panel.shoppingcart-category-description .panel-heading>* {
    color: var(--dark-green) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.panel.shoppingcart-category-description .panel-body {
    padding: 10px 0px 0px 0px !important;
}

@media (max-width: 1024px) {
    
    .shoppingactionbar label{
        width: 100%;
        text-align: left;
    }
    
    .shoppingactionbar .padding-xs {
        display: none !important;
    }
    
    .shoppingactionbar select {
        margin-bottom: 10px;
    }
    
    .filters .padding {
        display: none;
    }
    
    .shoppingcart-actionbar .breadcrumb {
        margin-top: 20px;
    }
    
}

/* Shop - Product Grid - Single Element */

.product-thumbnails img {
    max-height: 440px !important;
}
.gridproduct { 
    display: flex; 
}            

.gridproduct > .gridproduct-card { 
    width: 100%; 
}

.gridproduct-card.panel.panel-default { 
  display: flex; 
  height: 100%;
}

.gridproduct-card .panel-body { 
  display: flex; 
  flex-direction: column; 
  flex: 1;
}

.gridproduct-card .text-center {
  display: flex;
  flex-direction: column;
  flex: 1;               
}

.gridproduct-card .text-center > a.btn.btn-product-more-info { 
  margin-top: auto;
}
.gridproduct-card .text-center > button.btn.btn-product-add-to-cart { 
  margin-top: auto;
}

.gridproduct-card .text-center > .btn + .btn { 
  margin-top: .5rem;
}

.gridproduct-card .product-thumbnails .image-wrap {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  min-height: 360px;
}

.gridproduct-card .product-thumbnail {
  object-fit: contain;
}

@media (max-width: 768px) {
  .gridproduct-card .product-thumbnails,
  .gridproduct-card .product-thumbnails a,
  .gridproduct-card .product-thumbnails .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
  }


  .gridproduct-card .product-thumbnail {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    float: none;
  }
}

/*************************/

.shoppingcart-product-panel .text-center p {width: 100%;}

.shoppingcart-product-panel .text-center,
.image-wrap {
    margin-bottom: 10px !important;
}

.panel-body.shoppingcart-product-panel {
    padding: 0px;
    border: 1px solid transparent;
    border-radius: 12px;
    height: 100%;
    transition: 0.4s;
    margin-bottom: 15px;
}

.panel-body.shoppingcart-product-panel:hover {
    border: 2px solid var(--main-green);
    padding: 0px !important;
    border-radius: 12px;
}

.image-wrap,
.product-thumbnails {
    border-radius: 12px 12px 0 0;
}

#socialMediaLinksIdstc {display: none;}

.panel-body.shoppingcart-product-panel .text-center {
    display: flex;
    padding: 10px;
    gap: 2%;
}

.text-center.product-name {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.shoppingcart-product-panel .text-center {
    text-align: left;
}

.product-name,
.product-price {
    padding-bottom: 0px;
}

.full-width.product-price.ng-binding {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--black) !important;
    margin-bottom: 20px;
}

.panel-body.shoppingcart-product-panel .shoppingcart-reviews {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 20px;
    background: var(--white);
    border-radius: 32px;
    box-shadow: 0px 1.5px 1.5px 0px var(--shadow-08) !important;
    gap: 1%;
    padding: 5px 10px;
}

div.row.product-categories {padding: 30px 0px; }
h2.product-category-title {color: var(--dark-green)!important; font-family: 'HerbalifeNatural-Bold', 'sans-serif'!important; letter-spacing: -2.04px!important; font-size: 52.5px !important; margin-top: 0px!important; text-align: left!important;}
p.product-category-body {font-family: 'Herbalife-Walsheim-GT-Regular', 'sans-serif'; color: var(--grey) !important; padding-top: 2vh;}

@media (max-width: 1611px) {
      h2.product-category-title { font-size:4.25rem;}
}


@media (max-width: 991px) {
    h2.product-category-title {text-align: left !important; font-size:3.25rem !important; }
    p.product-category-body {font-size: 1.125rem !important; text-align: left !important;}
    div.row.product-categories {padding: 10px 0px;}
}

@media (max-width: 639px) {
    h2.product-category-title {
        font-size: 2rem !important;

    }
}

.breadcrumb {
    background: var(--cream) !important;
    padding: 10px !important;
}
.breadcrumb a {
    color: #3d9970;
}


/***************************************/


/* setup join options on custom pages */

.page-id-225303 .panel.panel-default.join-option-panel.join-sku-KIT2 {
    display: none !important;
}


.page-id-25640 .panel.panel-default.join-option-panel.join-sku-KIT1,
.page-id-225352 .panel.panel-default.join-option-panel.join-sku-5588,
.page-id-225352 .panel.panel-default.join-option-panel.join-sku-5589,
.page-id-25640 .panel.panel-default.join-option-panel.join-sku-5588,
.page-id-25640 .panel.panel-default.join-option-panel.join-sku-5589 {
    display: none !important;
}

.page-id-225324 .panel.panel-default.join-option-panel.join-sku-H254,
.page-id-225345 .panel.panel-default.join-option-panel.join-sku-H254,
.page-id-225345 .panel.panel-default.join-option-panel.join-sku-5588,
.page-id-225324 .panel.panel-default.join-option-panel.join-sku-5589
{
    display: none !important;
}

.checkout-wrapper .col-md-7, .checkout-wrapper .col-md-5 {
    padding-top: 0px;
}

.join-option-repeat .panel-heading {
    display: none !important;
}

.join-option-repeat .panel.panel-default {
    border: none !important;
    box-shadow: none !important;
}

.join-option-repeat .panel-body h3 {
    font-family: 'HerbalifeNatural-Regular', 'sans-serif' !important; 
    color: #224945 !important; 
    font-size: 42px!important;
    margin-top: 0px !important;
}

.join-option-repeat .join-option-option {
    display: none !important;
}
p.join-options-price {
    text-align: left !important;
    font-size: 32px !important;
    color: #74736e;
}

.btn.btn-primary.join-option-button {
border-radius: 74px !important;
    background-color: #266431 !important;
    padding: 10.5px 92px!important;
    font-size: 18px !important;
    font-family: 'Herbalife-Walsheim-GT-Regular', 'sans-serif' !important; 
    font-weight: 500 !important;
    text-align: center !important;
    color: #fff !important;
    text-transform: capitalize !important;
    float: left !important;
}

/* hide sticky cart for all pages except /order and /productdetail for all lang */
#flightViewCartLinkSticky {
    display: none !important;
}
.page-id-25360 #flightViewCartLinkSticky,
.page-id-25622 #flightViewCartLinkSticky,
.page-id-225360 #flightViewCartLinkSticky,
.page-id-225356 #flightViewCartLinkSticky,
.page-id-225577 #flightViewCartLinkSticky,
.page-id-225573 #flightViewCartLinkSticky {
    display: block !important;
}

/* expand shopping cart pages */
.post-25360 .et_pb_row,
.post-225360 .et_pb_row,
.page-id-225577 .et_pb_row,
#main-content #post-25622 .et_pb_row,
#main-content #post-225356 .et_pb_row,
#main-content .page-id-225573 .et_pb_row {
    max-width: 95%;
    width: 100%;
}

#main-content #post-25626 .et_pb_row,
#main-content #post-225362 .et_pb_row,
#main-content #post-225579 .et_pb_row {
    max-width: 1641px;
    width: 100%;    
}


/************************************/
/* additional custom styles for Herbalife join process */
/* consultant search page */
.product.view .col-lg-3.text-center button.btn.btn-primary {display: none;}
.cart-products.panel-body:hover {border: 2px solid var(--main-green);}
.cart-products.panel-body .product-thumbnails .thumbnail,
.products-gridview .thumbnail {padding: 10px !important;}

#externalPaymentNote,
#paymentInfoPanel .form-group .col-md-4.control-label translate-content span {
    display: none !important;
}

.consultant-search-options h1 {
    font-family: 'HerbalifeNatural-Bold', 'sans-serif';
    color: #224945;
    font-size: 28px;
    letter-spacing: -1.04px;
    font-weight: 500;
    padding-bottom: 15px;
    text-align: center;
}

.consultant-search-options .col-md-6 {
    margin-left: 25%;
}

.consultant-search-options .text-center  {
    text-align: right;
}

.consultant-search-options .search-by-id .panel-body p,
.consultant-search-options .search-by-name .panel-body p,
.consultant-search-options .search-corporate .panel-body p{
    font-family: 'HerbalifeNatural-Medium';
    color: #6b6f75;
    padding-bottom: 10px;
}

.consultant-search-options button.btn-primary {
    padding: 16px 70px;
    font-size: 16px;
    border-radius: 32px;
    border: solid 1px #256430 !important;
    background-color: #ffffff !important;
    color: #256430 !important;
    font-family: 'HerbalifeNatural-Medium';
}

.consultant-search-options .search-by-id .form-control,
.consultant-search-options  .search-by-name .form-control,
.consultant-search-options  .search-corporate .form-control {
    border-radius: 0px;
}


.consultant-search-options .search-by-id .col-md-4,
.consultant-search-options .search-by-name .col-md-4,
.consultant-search-options .search-corporate .col-md-4  {
    padding-left: 0px;
    padding-right: 0px;
}

/* checkout2 page */

.herbalife-billing-address .form-group.country-field {
    display: none !important;
}

@media (min-width: 992px) {

    #frmEditPersonInformation .col-md-4 {
        width: 100%;
    }
}

#frmEditPersonInformation .col-md-4  {
    width: 100% !important;
}

.shoppingcartapp .checkout-wrapper label.control-label.col-md-4,
.shoppingcartapp .checkout-wrapper .col-md-8,
.consultant-search-options .col-md-4,
#shippingInfoPanel label.control-label.col-sm-4.search-text,
#shippingInfoPanel div.col-sm-8,
#accountInfoPanel label.control-label.col-sm-4,
#accountInfoPanel div.col-sm-8,
herbalife-billing-address .control-label.col-sm-4.search-text,
herbalife-billing-address .col-sm-8
{
    width: 100% !important;
}

.herbalife-billing-address .form-group,
edit-address .form-group {
    background-color: #ffffff !important;
    padding: 0px !important;
    border-radius: 2px !important;
    border-color: #74736e !important;
}

#searchWidget.searchWidgetClass536-Input {
    border: solid 1px #74736e !important;
    border-radius: 2px !important;
}


.text-right button#btnPlaceOrder,
.text-right button#btnPlaceOrderZeroDollar,
.text-right #netcashForm button {
    text-align: center !important;
    justify-content: center !important;
    background-color: #256430!important;
    color: #ffffff!important;
    margin-bottom: 10px !important;
}
.text-right button#btnPlaceOrder:hover,
.text-right button#btnPlaceOrderZeroDollar:hover,
.text-right #netcashForm button:hover {
 background-color: #183f1f!important;
}

.shoppingcartapp .checkout-wrapper .panel,
.shoppingcartapp .search-by-id .panel,
.shoppingcartapp .search-by-name .panel,
.shoppingcartapp .search-corporate .panel {
    border: 0px;
    box-shadow: none;
    padding-left: 0px;
    padding-right: 0px;
}

.shoppingcartapp .checkout-wrapper .panel .panel-heading,
.shoppingcartapp .search-by-id .panel .panel-heading,
.shoppingcartapp .search-by-name .panel .panel-heading,
.shoppingcartapp .search-corporate .panel .panel-heading {
    background-color: #ffffff;
    border-bottom: solid 1px #e0dfd9;
}

.shoppingcartapp .search-by-id .panel .panel-heading,
.shoppingcartapp .search-by-name .panel .panel-heading,
.shoppingcartapp .search-corporate .panel .panel-heading,
.shoppingcartapp .search-by-id .panel .panel-body,
.shoppingcartapp .search-by-name .panel .panel-body,
.shoppingcartapp .search-corporate .panel .panel-body,
.shoppingcartapp .product.view .panel-body,
#shippingInfoPanel .form-group
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.items-in-cart-number {
    background: white !important;
    background-color: #ffffff !important;
    color: #256430 !important;
    padding-top: 7px !important;
    font-size: 18px;
    font-weight: 700;
}

.subtotal-items {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.shoppingcartapp .checkout-wrapper .panel-heading h3.panel-title,
.shoppingcartapp .search-by-id .panel-heading h3.panel-title,
.shoppingcartapp .search-by-name .panel-heading h3.panel-title,
.shoppingcartapp .search-corporate .panel-heading h3.panel-title  {
    color: #224945;
    font-family: 'HerbalifeNatural-Bold';
    font-size: 22px !important; 
    font-weight: 600;

}

.shoppingcartapp .checkout-wrapper .form-horizontal .control-label,
.shoppingcartapp .search-by-id .form-horizontal .control-label,
.shoppingcartapp .search-by-name .form-horizontal .control-label,
.shoppingcartapp .search-corporate .form-horizontal .control-label,
#paymentInfoPanel label.control-label    {
    text-align: left;
    margin-bottom: 4px;
    font-family: 'Herbalife-Walsheim-GT-Medium';
    font-size: 14px;
    color: #6b6f75;
}

.shoppingcartapp .search-by-name .form-horizontal .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.shoppingcartapp .checkout-wrapper .form-horizontal .control-label span.text-danger {
    text-align: left;
    margin-left: 0px;
    right: 0px;
    position: relative;
    padding: 0;
}

.shoppingcartapp .checkout-wrapper input.form-control,
.shoppingcartapp .checkout-wrapper .form-group .col-md-8 span input,
.consultant-search-options input#displayId,
.consultant-search-options input#consultantLastName,
.search-by-name input#firstName,
.search-by-name input#lastName
 {
    box-shadow: none !important;
    border-style: solid !important;
    border-radius: 2px !important;
    border-color: #74736e;
    height: auto;
    font-size: 16px !important;
    text-decoration: none !important;
    padding: 12px 10px !important;
}

.search-by-name .panel-body .form-horizontal > .form-group:nth-of-type(-n+2) {
  display: none;
}

#flightConsultantSearch .form-group {
    margin-bottom: 5px;
}

#flightConsultantSearch .panel-body {
    padding-bottom: 0px;
    padding-top: 8px;
}

.shoppingcartapp .checkout-wrapper select.form-control {
    box-shadow: none !important;
    border-style: solid !important;
    border-radius: 2px !important;
    border-color: #74736e;
    height: auto;
    font-size: 16px !important;
    text-decoration: none !important;
    padding: 12px 10px !important;   
}

.shoppingcartapp .checkout-wrapper .form-group .col-md-8 span input,
.shoppingcartapp .checkout-wrapper input.form-control {
    background: #ffffff;
}


.shoppingcartapp .checkout-wrapper button#btnLogin.btn-primary
 {
    padding: 16px 24px;
    margin-right: 10px !important;
    font-size: 16px;
    border-radius: 32px;
    border: solid 1px #256430 !important;
    display: flex;
    align-items: center;
    background-color: #256430  !important;
    color: #ffffff !important;
    font-family: 'HerbalifeNatural-Medium';
    margin-top: 0px;
    margin-bottom: 15px;
}

a.btn.btn-default[ng-show="vm.herbalifeReservedDisplayID || vm.shoppingCartModel.cart.OrderPersonDisplayID"]  {
    padding: 16px 24px;
    margin-left: 25px !important;
    font-size: 16px;
    border-radius: 32px;
    border: solid 1px #256430 !important;
    display: flex;
    align-items: center;
    background-color: #ffffff !important;
    color: #256430 !important;
    font-family: 'HerbalifeNatural-Medium';
    margin-bottom: 15px;
}

.consultant-search-options button.btn-primary:hover,
.shoppingcartapp .checkout-wrapper button.btn-primary:hover,
button.btn.btn-default.btn-re-enter-email:hover {
    background-color: #e6ece6 !important;
}

.shoppingcartapp .checkout-wrapper .control-label label {
   font-family: 'HerbalifeNatural-Medium';
   color: #6b6f75;
}

button.btn.btn-default.btn-re-enter-email {
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #256430 !important;
    color: #256430;
    border-radius: 32px;
}

#paymentInfoPanel select,
#paymentInfoPanel input {
    margin-bottom: 15px;
}

.panel-body.legal-agreement button.btn.btn-primary {
    margin-top: 15px;
}

.checkout-table tr {
    font-family: 'HerbalifeNatural-Medium' !important;
    color: #0d1320;
    font-size: 16px;
    font-weight: normal;
}

.hosted-payment-panel .padding {display: none;}
.hosted-payment-panel .CreditCardIcon {float: right;}

.shoppingcartapp .checkout-wrapper button#btnChargeCard,
.shoppingcartapp .checkout-wrapper button#btnProcessPayment {
    background-color: #256430 !important;
    color: #ffffff !important;
}
.shoppingcartapp .checkout-wrapper button#btnChargeCard:hover,
.shoppingcartapp .checkout-wrapper button#btnProcessPayment:hover {
    background-color: #183f1f !important;
}

.checkout-wrapper img.OrderSubtotalThumbnail {
    max-height: 120px;
}

#btnChargeCard,
#btnProcessPayment {
    justify-content: center;
}

.checkout-table {
    border-top: 0px solid #d3d3d3;
    padding-top: 15px;
}

.checkout-table  tr[ng-if="vm.shoppingCartModel.order.OrderTotal != null && vm.shoppingCartModel.order.OrderTotal >= 0"] {
    border-top: solid 1px #d3d3d3;
}

.checkout-table  tr[ng-if="vm.shoppingCartModel.order.OrderTotal != null && vm.shoppingCartModel.order.OrderTotal >= 0"] th span,
.checkout-table  tr[ng-if="vm.shoppingCartModel.order.OrderTotal != null && vm.shoppingCartModel.order.OrderTotal >= 0"] td strong {
    font-size: 21px !important;
    font-weight: 700 !important;
}

div [ng-if="vm.emailConfirmed"] .col-md-5.text-muted {
    padding-left: 0px;
}

.entry-content table.checkout-table:not(.variations) {
    border: solid 1px #ffffff;
}
/* pop-out warnings, errors and messages */

.shoppingcartapp .k-widget .k-notification .k-notification-successerrorwarn .k-notification-button .k-notification-closable,
.vue-notification-group .k-notification-warning, .k-widget .k-notification {
    background-color: transparent !important;
}

.k-widget.k-notification.k-notification-successerrorwarn.k-notification-button {
    background-color: transparent !important;
}

.notify-wrapper-warn {
    border: solid 1px #d11a45 !important;
    background-color: #feedf1;
    border-radius: .25rem;
}

.vue-notification-group .k-notification-warning {
    border: solid 2px #D19D51 !important;
    background-color: #fceedb !important;
    border-radius: .25rem;   
    height: auto;
    margin-bottom: 5px;
}

.vue-notification-group .k-notification-warning .k-notification-status {
    width: 15% !important;
    padding: 20px 0px !important;
}

.k-notification .k-notification-warning .k-notification-content {
    width: 68% !important;
    padding: 9px 0px 10px 0px !important;
    word-break: break-word !important;
    overflow-y: auto !important;
}

.vue-notification-group .k-notification-warning .k-notification-actions span.k-notification-action.k-notification-close-action {
    width: 9% !important;
}

.vue-notification-group .k-notification-warning .k-notification-status svg,
.vue-notification-group .k-notification-warning .k-notification-actions span.k-notification-action.k-notification-close-action svg
 {
  display: none;
}

.vue-notification-group .k-notification-warning .k-notification-status::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900; 
  font-size: 2em;
  color: #D19D51;
  display: inline-block;
}

.vue-notification-group .k-notification-warning .k-notification-actions span.k-notification-action.k-notification-close-action::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900; 
  color: #0d1320;
  font-size: 18px;
  display: inline-block;
}

.notify-wrapper-warn .notify i {
    color: #000000;
}


.vue-notification-group .k-notification-warning .k-notification-content span,
.k-notification-successerrorwarn .notify-wrapper-warn  {
    color: #0d1320;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 5px !important;
}
.k-notification-successerrorwarn .notify-wrapper-success .notify-success p {
    color: #ffffff !important;
    word-break: break-word !important;
    overflow-y: auto !important;
    white-space: normal !important;
}

.row.notify-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.vue-notification-group.vue-notification,
 .k-notification-success {
    overflow-wrap: break-word !important;
    background-color: #256430 !important;
    word-break: break-word !important;

}

.k-notification-group.vue-notification-group {
    width: 290px !important;
    right: 10px !important;
    left: auto !important; 
    top: 95px !important;
    overflow-y: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

.knotification .k-notification-content,
.knotification .k-notification-content span, 
.k-notification-content span {
    word-break: break-word !important;
    overflow-y: auto !important;
    width: auto !important;
    overflow-wrap: break-word !important;
}


/* new subtotal layout custom code */
.et_pb_social_media_follow li a.icon::before { color: #256430 !important; }
.page-id-30521 #top-header,  .page-id-30521 #main-footer, .page-id-30521 #flightViewCartLinkSticky {display: none !important;} 
.page-id-30521 .et_header_style_centered #main-header #et-top-navigation {display: none !important;}
.page-id-30521 .et_header_style_centered nav#top-menu-nav {display: none !important;}
.page-id-30521 #top-header li.hidden-on-checkout2, .page-id-30521 #top-header .secondary-nav, .page-id-30521 #main-footer {display: none !important;}
.page-id-30521 #top-header img.wp-image-224476 {width: 45%;}
.page-id-30521 #main-content .et_pb_row, #post-30521 #main-content .et_pb_row {max-width: 1500px !important; width: 100% !important;}
.post-30521 .et_pb_section {padding-top: 0px;}
.page-id-30521 #page-container {padding-top: 0px !important;}
body.page-id-30521 {background: linear-gradient(to right, #ffffff 50%, #f4f4f4 50%); background-repeat: repeat !important;}
.page-id-30521 .subtotal-items {max-height: 300px; overflow-y: auto; overflow-x: hidden; transition: overflow 0.3s ease; margin: 0px 0px !important;}
.menu-item .menu-item-type-gs_sim .menu-item-object-gs_sim .menu-item-224689 {display: none;}
.page-id-30521 .shoppingcartapp {margin-top: -14px;}
.subtotal-order-details .panel.panel-default .panel-body {border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: solid 0px #e0dfd9 !important; border-radius: 0px !important;}
edit-address .ng-pristine.ng-valid.ng-valid-required .k-widget {box-shadow: none;}
.subtotal-order-details .panel-heading {
    padding-left: 0px !important;
}
.subtotal-order-details .col-md-6.col-sm-12 .panel .panel-body dl.dl-horizontal dt {
    font-family: 'Herbalife-Walsheim-GT-Bold' !important;
    font-weight: 700;
}


[ng-show="vm.shoppingCartModel.orderPaid"] .product.view .panel.panel-default .panel-heading {
    padding-left: 0px;
}

[ng-show="vm.shoppingCartModel.orderPaid"] .product.view .panel .panel-body .col-md-2 {
    width: 100%;
}

/****************************************************/
.page-id-30521 #flightViewCartLinkSticky {display: none;}
.subtotal-items .col-lg-3.text-right {float: right !important;}
.col-md-5 .product div.panel {width: 86%;}
.checkout-wrapper .col-md-7, .checkout-wrapper .col-md-5 {width: 50%;}
.checkout-wrapper .col-md-5 {background-color: transparent; padding-left: 40px; padding-right: 0px;}
.checkout-wrapper .col-md-7 {border-right: solid 0px #ddd;  padding-right: 40px; padding-left: 0px;}
.page-id-30521 .product .panel, .page-id-30521 .product .panel .subtotal-items, .page-id-30521 .product .panel .subtotal-items .subtotal-item {border-left: 0px;}
.page-id-30521 .product .panel .panel-heading, .page-id-30521 .product .items-in-cart-number, .page-id-30521 .product .items-in-cart-text {display: none;}
.page-id-30521 #top-header {border-bottom: solid 1px #d4d4d4;}
.subtotal-items .col-lg-3.text-center {padding-left: 1px; padding-right: 10px;}
img.OrderSubtotalThumbnail {border-radius: 10px; border: solid 1px #d4d4d4;}
.subtotal-item .text-muted {display: none;}
.subtotal-items .ng-binding.ng-scope {display: none;}
.checkout-wrapper .product .panel-body, .col-md-5 .product .panel  {background-color: transparent;}
.page-id-30521 .product.panel {padding: 38px;}
div.row.subtotal-item {padding-top: 15px !important; padding-left: 10px; padding-right: 10px; margin-left: 0px !important; margin-right: 0px !important;}
.product .panel div.subtotal-items {padding-top: 0px;}
.subtotal-items {border-bottom: solid 1px #d3d3d3;}
.subtotal-items row.subtotal-item {margin-left: 5px !important; margin-right: 5px !important;}
.page-id-30521 .product .panel .panel-body {padding: 0px;}
.subtotal-items .col-lg-6.text-center-md strong {background-color: #ffffff; padding: 4px 7px; border: solid 1px #d4d4d4; border-radius: 30px;}
.subtotal-items .col-lg-6.text-center-md .subtotal-product-name strong {padding: 0px;}
.subtotal-items .col-lg-6.text-center-md .subtotal-product-name {margin-bottom: 5px;}
.subtotal-item {border-bottom: 0px !important;}
.subtotal-items .col-lg-6.text-center-md div div strong {background-color: #ffffff00; padding: 4px 10px; border: none; border-radius: 0px; font-size: 11px !important;}
.subtotal-items .col-lg-6.text-center-md div div {padding-top: 10px;}
.subtotal-items .col-lg-6.text-center-md .subtotal-product-name strong {background-color: transparent; border: none;}
.subtotal-items .col-lg-6.text-center-md .subtotal-product-name {padding-bottom: 5px;}
.checkout-wrapper .col-md-5 .product .panel, .checkout-wrapper .col-md-12 .product .panel {box-shadow: 0 1px 1px rgba(0,0,0,0); width: 100%;}
.subtotal-product-name a, .checkout-table th span, .checkout-table tr.discount th, .checkout-table tr td.text-right, .subtotal-items div.text-right {color: #000000; font-weight: 400; font-size: 14px;}
.checkout-table table.table {border: 0px; box-shadow: none;}
.checkout-wrapper .col-md-5 .checkout-table td.text-right {padding-right: 0px !important;}
.checkout-wrapper .col-md-5 .checkout-table th {padding-left: 0px !important;}
.checkout-wrapper .col-md-5 .checkout-table th, .checkout-wrapper .col-md-5 .checkout-table th span {font-weight: 600;}
.product .subtotal-item strong {font-weight: 400;}
div#redeemGiftCardPanel, .checkout-wrapper .col-md-5 disabled {border-bottom: solid 1px #ddd;}
.page-id-30521 .container-fluid.cart-container { min-height: 100vh !important;}
.page-id-30521 .container-fluid.cart-container > .col-md-7, .page-id-30521 .container-fluid.cart-container > .col-md-5 {flex: 1 !important;}
.col-md-12 .product {padding-top: 65px;}
.subtotal-order-details .panel, #post-30521.col-md-6 .col-sm-12, #post-30521.product.view .row .col-md-6 .panel.panel-default, .checkout-wrapper .product .panel  { background-color: rgb(255 255 255 / 0%); }
.subtotal-order-details .row .col-md-6 { width:100% !important; }
.checkout-wrapper .col-lg-2 button.btn.btn-primary {background-color: #256430 !important; color: #ffffff !important; margin-bottom: 15px;}

.page-id-30521 .subtotal-order-details .product .panel .panel-body {padding: 10px !important;}

@media (min-width: 1200px) {
  .subtotal-items .col-lg-3 {width: 16.66666667%;}
  .subtotal-items .col-lg-6 {width: 58.33333333%;}
   .subtotal-items .col-lg-3.text-right.text-center-md.text-center-sm.text-center-xs {padding-right: 0px !important; padding-left: 10px !important;}
 html,  body {height: 100% !important;}
}

@media (max-width: 1199px) {
  .subtotal-items .col-lg-3 {width: 20% !important; display: inline-block;}
  .subtotal-items .col-lg-6 {width: 50%; display: inline-block; padding-left: 5px !important; padding-right: 5px !important;}
  .subtotal-items .col-lg-6.text-center-xs {text-align: left !important;}
  .subtotal-items div.row.subtotal-item {display: flex; flex-wrap: wrap; justify-content: flex-start;box-sizing: border-box;}
}
/*============= end subtotal page updates ================*/
/******* Mobile Device + breakpoints *******/
@media (max-width: 480px) {
    .join-option-repeat .join-image-col {display: none;}
}

@media (max-width: 980px) and (min-width: 481px) {
    [ng-controller="checkout2Controller as vm"] {
        padding-top: 15px !important;
    }
    .join-option-repeat .join-option-col {padding-top: 5px;}
    .join-option-repeat .join-option-col .padding {height: 5px;}
    .join-option-repeat .join-image-col div.padding, .join-option-repeat .join-option-col div.padding {padding-top: 0px;}
    .join-option-repeat .panel.panel-default.join-option-panel .panel-body {padding-top: 0px; padding-bottom: 0px;}
    .join-option-repeat .join-option-description p {padding-bottom: 5px;}
}

@media (max-width: 980px) { 

    .productdetail div.product-tabs {
        margin-left: 0%;
        margin-right: 0%;
    }

    #main-content #post-225555 .et_pb_row,
    #main-content #post-224441 .et_pb_row,
    #main-content #post-225339 .et_pb_row {
        max-width: 95%;
        width: 100%;
    }
    div.subtotal-order-details .row.row-flex.row-flex-wrap,
    div.subtotal-order-details .row-flex>div[class*=col-],
    .product.view .panel .row-flex,
    .product.view .panel .row-flex>div[class*=col-] {
        display: inline-block !important;
    }
    .shoppingcartapp .checkout-wrapper button#btnLogin.btn-primary {
        margin-top: 50px !important;
    }

    .shoppingcartapp .checkout-wrapper button#btnLogin.btn-primary,
    .product.view .col-lg-3 .btn.btn-primary,
    a.btn.btn-default[ng-show="vm.herbalifeReservedDisplayID || vm.shoppingCartModel.cart.OrderPersonDisplayID"] {
        width: 100%;
        font-size: 14px;
        padding: 6px 12px;
    }
    .shoppingcartapp .checkout-wrapper button#btnLogin.btn-primary,
    a.btn.btn-default[ng-show="vm.herbalifeReservedDisplayID || vm.shoppingCartModel.cart.OrderPersonDisplayID"] {
        padding-bottom: 10px;
        display: block;
        left: 1%;
    }
    a.btn.btn-primary.btn-hl-pdf-download {
        width: 100% !important;
        display: block;
        font-size: 14px;
        padding: 6px 12px ;
    }

    a.btn.btn-default[ng-show="vm.herbalifeReservedDisplayID || vm.shoppingCartModel.cart.OrderPersonDisplayID"] {
        margin-left: 0px !important;
        margin-top: 45px;
    }

    .col-md-12 .product.view .h3 {
        padding-top: 20px !important;
    }

    .consultant-search-options h1 { text-align: left !important; font-size: 18px !important; letter-spacing: -1.04px; font-weight: 500; padding-bottom: 15px !important; }
    .shoppingcartapp .search-by-id .panel-heading h3.panel-title, .shoppingcartapp .search-by-name .panel-heading h3.panel-title, .shoppingcartapp .search-corporate .panel-heading h3.panel-title {font-size: 14px !important;}
    .consultant-search-options .col-md-6 {margin-left: auto !important;}
    .btn.btn-primary.join-option-button { padding: 10px 60px!important; font-size: 16px !important; float: none !important;}
    .join-option-repeat .panel-body h3 {font-size: 28px!important; }
    .join-option-repeat p.join-options-price {text-align: center !important; font-size: 24px !important; margin-bottom: 10px;}
    .et_pb_row_5col>.et_pb_column.et_pb_column_1_5 #footer-logo-section {width: 100% !important;}
    #mobile-logo-and-menu .et_mobile_nav_menu {padding-top: 10px; margin-right: 0px;}
    #secondary-website-menu .et_pb_column {margin-bottom: 0px;}
    #mobile-logo-and-menu .et_pb_column {
        width: 50% !important;
        margin-bottom: 0px;
    }
    .checkout-wrapper .col-md-7, .checkout-wrapper .col-md-5 {
        width: 100% !important;
        padding-right: 10px; padding-left: 10px;
    }
    .shoppingcartapp .checkout-wrapper .panel {
        margin-bottom: 10px;
    }
     .shoppingcartapp .checkout-wrapper .panel .panel-body {
        padding-bottom: 2px;
     }
    #second-column-homepage {border-right: 0px !important;}
    #logo { padding-top: 5px !important; max-height: 110%; }    
    ul#mobile_menu li.cart-icon  {display: none !important;}
    #et-secondary-nav>li:last-child  {margin-right: 3%;}
    li.welcome-message {margin-left: 3%;}
    .et_pb_section_0 { min-height: auto !important;} 
    .et_mobile_nav_menu .menu-item-25749 {display: none !important;}
    .et_pb_slide_0 .et_pb_more_button {margin-top: 0px; margin-bottom: 20px;}
    #first-column-homepage, #second-column-homepage {margin-bottom: 40px;}
    /*.et_secondary_nav_only_menu #top-header, #et-secondary-nav, #et-secondary-menu {display: block !important;}*/
    body.admin-bar.et_fixed_nav #top-header {top: 32px !important;}
    #et-secondary-nav, #et-secondary-menu {visibility: visible !important;}
    .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #top-header, .et_non_fixed_nav.et_transparent_nav_temp #top-header  {top: 75px !important;}
    .et_secondary_nav_only_menu #top-header, .et_fixed_nav_temp #top-header, .et_secondary_nav_only_menu #top-header {top: 31px !important;}
    #et-info, #et-secondary-menu > ul > li a .menu-item-25085 {display: none !important;}
    .menu-item-25086, .menu-item-25085 {display: none !important;}
    .et_header_style_centered #logo {max-height: 110px !important;}
    .visible-xs {visibility: visible;}
    ul#mobile_menu li.login-link, ul#mobile_menu li.welcome-message  {display: none !important;}
    .welcome-message br.visible-xs {display: none !important}
    /*.welcome-message {white-space: nowrap; display: inline-block; text-align: center !important;}*/
    #top-header .container {width: 100%; margin-left: 5px; margin-right: 5px;}
    /* ADJUST DIVI COLUMN STACKING ORDER ON MOBILE DEVICES*/
     /*** wrap row in a flex box ***/
    .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ flex-wrap: wrap; }
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile { -webkit-order: 1; order: 1; }
    .second-on-mobile { -webkit-order: 2; order: 2; }
    .third-on-mobile { -webkit-order: 3; order: 3; }
    .fourth-on-mobile { -webkit-order: 4; order: 4; }
    /* pop-out warnings, danger and success messages */
    #sidebar-wrapper.active { 
        width:100%;
        right:auto;
        padding-left: 10px;
        padding-right: 10px;
     }
    .k-notification-successerrorwarn {
        padding: .75rem .75rem;
    }
    .k-notification-successerrorwarn .mega-x {
        margin-right: 0px;
    }

}

@media (min-width: 992px) {
    .join-option-row .col-md-3.join-image-col {
        width: 41.66666667% !important;
    }
    .join-option-row .col-md-9.join-option-col {
        width: 58.33333333% !important;
        padding-right: 6vw;
    } 
}


.panel-default {
    border: none;
}

.panel-default>.panel-heading {
    background: transparent !important;
    border-color: var(--main-green);
}

.panel-heading {
    padding: 10px 15px 20px 10px;
}

.form-control {
    background-color: var(--white);
    box-shadow: none;
    border-radius: .5rem;
}

.form-control::placeholder {
    color: var(--grey);
}

.cart-actionbar-inner .cart-actionbar-button {
    border: none;
    background: var(--cream);
}

.cart-actionbar-inner input[type=text].form-control,
.productdetail-search-group input[type=text].form-control {
    font-size: 12px;
}

.shoppingcart-category-panel .panel-body {
    padding-top: 0px;
}
.panel.panel-default.shoppingcart-category-panel {
    box-shadow: none;
}

#items-per-page,
#sort-by {
    margin-right: 20px;
}


/* Header - Mobile */
@media (max-width: 1024px) {
    .nav-toggle-xs.nav-menu-toggle-button {
        margin-left: 0;
        margin-right: 10px;
    }
    
    .extra-header-info {
        display: none;
    }
    
}

/* Mini Cart */

.viewCartWidget.pull-right {
    position: absolute;
    top: 20px;
    right: 30px;
}

.cartwidget button {
    background: var(--dark-green);
    border: none;
    padding: 0px 20px;
    height: 40px;
}

.cartwidget button .fa-shopping-cart {
    margin-right: 5px;
    font-size: 12px;
}

#ViewCartWidgetOrderLines {
    font-size: 14px;
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 10px;
    padding-left: 10px;
}

@media (max-width: 1024px) {
    .viewCartWidget.pull-right {
        right: 10px;
        top: 15px;
    }
    
    .cartwidget .dropdown-menu .half-pad-left.half-pad-right.half-pad-top.text-center {
        padding-bottom: 8px;
        border-bottom: 1px solid var(--white);
    }
    
}

.cartwidget .dropdown-menu .cartwidet-volumes {
    grid-column: 2;          
    margin-top: 4px;         
}


.fa-search.nav-search-icon {
    display: none !important;
}

input[k-data-source="menuCtrl.menuItemsForSearch"] {
    display: none !important;
}

.sidebar-nav .panel-group .collapse .panel-heading a {
    color: var(--main-green);
    background-color: #dfe8e0;
}

.login-panel h3.panel-title,
.logo-section {
    background-size: contain !important;
    background-repeat: no-repeat;
    height: 50px;
    margin: 0 auto;
}

.logo-section .padding-xs {
    height: 18px;
}

.sidebar-nav .k-autocomplete {
    margin-top: 16px;
}

#menu {
    margin-top: 10px;
}

.sidebar-nav .k-autocomplete.k-state-default .k-input {
    width: calc(100% - 30px);
    background: var(--cream);
    margin: 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 6px;
}

#ProductCategory div.k-treeview {
    white-space: normal !important;
}

#ProductCategory div.k-treeview span {
    line-height: 1.2em;
}

.k-autocomplete.k-state-hover {
    background-color: transparent !important;
}

.nav-search-wrapper .nav-search-icon {
    position: absolute;
    top: 123px;
    z-index: 999;
    left: 220px;
    font-size: 1em;
}

.k-input::placeholder {
    color: var(--black) !important;
}

/* Sidebar Menu - Single Element */

.sidebar-nav .panel-group a i.fa.fa-fw {
    font-size: 1.1em;
}

#menu .main-nav-section,
#menu .mainnavlink {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.sidebar-nav .panel-group a {
    color: var(--black);
}

.sidebar-nav .panel-group a i.fa.fa-fw {
    position: relative;
    top: 0;
    left: 0 !important;
    color: var(--main-green);
    font-size: 13px;
    background: var(--white);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-nav .panel-default>.panel-heading a:hover,
.sidebar-nav .panel-default a.list-group-item:hover,
.sidebar-nav .panel-default>.panel-heading a,
.sidebar-nav .panel-default a.list-group-item {
    padding: 10px 14px;
    margin: 6px;
    border-radius: 32px;
}

#page-sidebar-wrapper .panel-default>.panel-heading {
    background-color: transparent;
}

.sidebar-nav .panel-group a:hover,
.sidebar-nav .panel-group .panel-collapse a:hover {
    background: var(--light-green);
    color: var(--main-green);
}

.panel.panel-default {
    background: transparent;
}

.sidebar-nav .panel-group .panel-collapse a {
    background-color: transparent;
    border-left: none;
    color: var(--main-green);
}

.panel-collapse.collapse.in {
    background: var(--cream);
    margin: 0 12px;
    border-radius: 6px;
    padding: 4px 0;
}

.sidebar-nav .panel-group .panel-collapse a i.fa.fa-fw {
    top: 0;
}

/* Sidebar Menu - Closed */

.nav-small .nav-search-wrapper div span input {
    display: none;
}

.nav-small .nav-search-wrapper i {
    left: 10px;
    background: var(--light-green);
    border-radius: 100%;
    padding: 8px;
    font-size: 13px;
    width: auto;
}

.nav-small .sidebar-nav .panel-default a.list-group-item,
.nav-small .sidebar-nav .panel-default a.main-nav-section {
    padding: 10px 5px;
    font-size: 0;
}

.nav-small .sidebar-nav .panel-default a.list-group-item i.fa.fa-fw {
    font-size: 13px;
}

.nav-small .nav-search-wrapper #menu {
    margin-top: 61px;
}

.nav-small .fa-chevron-down {
    display: none;
}.login-panel h3.panel-title,
.logo-section {
    background-size: contain !important;
    background-repeat: no-repeat;
    height: 50px;
    margin: 0 auto;
}

.logo-section .padding-xs {
    height: 18px;
}

.sidebar-nav .k-autocomplete {
    margin-top: 16px;
}

#menu {
    margin-top: 10px;
}

.sidebar-nav .k-autocomplete.k-state-default .k-input {
    width: calc(100% - 30px);
    background: var(--cream);
    margin: 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 6px;
}

.k-autocomplete.k-state-hover {
    background-color: transparent !important;
}

.nav-search-wrapper .nav-search-icon {
    position: absolute;
    top: 123px;
    z-index: 999;
    left: 220px;
    font-size: 1em;
}

.k-input::placeholder {
    color: var(--black) !important;
}

/* Sidebar Menu - Single Element */

.sidebar-nav .panel-group a i.fa.fa-fw {
    font-size: 1.1em;
}

#menu .main-nav-section,
#menu .mainnavlink {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.sidebar-nav .panel-group a {
    color: var(--black);
}

.sidebar-nav .panel-group a i.fa.fa-fw {
    position: relative;
    top: 0;
    left: 0 !important;
    color: var(--main-green);
    font-size: 13px;
    background: var(--white);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-nav .panel-default>.panel-heading a:hover,
.sidebar-nav .panel-default a.list-group-item:hover,
.sidebar-nav .panel-default>.panel-heading a,
.sidebar-nav .panel-default a.list-group-item {
    padding: 10px 14px;
    margin: 6px;
    border-radius: 32px;
}

#page-sidebar-wrapper .panel-default>.panel-heading {
    background-color: transparent;
}

.sidebar-nav .panel-group a:hover,
.sidebar-nav .panel-group .panel-collapse a:hover {
    background: var(--light-green);
    color: var(--main-green);
}

.panel.panel-default {
    background: transparent;
}

.sidebar-nav .panel-group .panel-collapse a {
    background-color: transparent;
    border-left: none;
    color: var(--main-green);
}

.panel-collapse.collapse.in {
    background: var(--cream);
    margin: 0 12px;
    border-radius: 6px;
    padding: 4px 0;
}

.sidebar-nav .panel-group .panel-collapse a i.fa.fa-fw {
    top: 0;
}

/* No Dev Bar */
.environment-dev {display: none;}

/* Sidebar Menu - Closed */

.nav-small .nav-search-wrapper div span input {
    display: none;
}

.nav-small .nav-search-wrapper i {
    left: 10px;
    background: var(--light-green);
    border-radius: 100%;
    padding: 8px;
    font-size: 13px;
    width: auto;
}

.nav-small .sidebar-nav .panel-default a.list-group-item,
.nav-small .sidebar-nav .panel-default a.main-nav-section {
    padding: 10px 5px;
    font-size: 0;
}

.nav-small .sidebar-nav .panel-default a.list-group-item i.fa.fa-fw {
    font-size: 13px;
}

.nav-small .nav-search-wrapper #menu {
    margin-top: 10px;
}

.nav-small .fa-chevron-down {
    display: none;
}

/* Shop */

/* Shop - Top Part */


.shoppingcart-actionbar .row .col-md-12 {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.breadcrumb {
    background: transparent;
    padding: 10px 0;
    margin-bottom: 10px;
}

.panel .panel {
    box-shadow: none;
}
.shoppingcart-category-description div {
    border: none;
}

.shoppingcart-category-description .panel-heading  {
    padding: 0px 0px 0px 0px;
}

.shoppingcart-category-description .panel-heading>* {
    color: var(--dark-green);
    font-size: 20px;
    font-weight: 600;
}

.shoppingcart-category-description .panel-body {
    padding: 10px 0px 0px 0px;
}

@media (max-width: 1024px) {
    
    .shoppingactionbar label{
        width: 100%;
        text-align: left;
    }
    
    .shoppingactionbar .padding-xs {
        display: none !important;
    }
    
    .shoppingactionbar select {
        margin-bottom: 10px;
    }
     .shoppingactionbar .btn-group {
        display: none;
    }
    .shoppingcart-sidebar .btn-primary.collapsed {
      color: var(--white) !important;  
    }
    
    .filters .padding {
        display: none;
    }
    
    .shoppingcart-actionbar .breadcrumb {
        margin-top: 20px;
    }
    
}

/* Shop - Product Grid - Single Element */

.gridproduct { 
    display: flex; 
}            

.gridproduct > .gridproduct-card { 
    width: 100%; 
}

.gridproduct-card.panel.panel-default { 
  display: flex; 
  height: 100%;
}

.gridproduct-card .panel-body { 
  display: flex; 
  flex-direction: column; 
  flex: 1;
}

.gridproduct-card .text-center {
  display: flex;
  flex-direction: column;
  flex: 1;               
}

.gridproduct-card .text-center > a.btn.btn-primary.btn-product-more-info { 
  margin-top: auto;
}
.gridproduct-card .text-center > button.btn.btn-primary.btn-product-add-to-cart { 
  margin-top: auto;
}

.gridproduct-card .text-center > .btn + .btn { 
  margin-top: .5rem;
}

.gridproduct-card .product-thumbnails .image-wrap {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  min-height: 360px;
}

.gridproduct-card .product-thumbnail {
  object-fit: contain;
}

@media (max-width: 768px) {
  .gridproduct-card .product-thumbnails,
  .gridproduct-card .product-thumbnails a,
  .gridproduct-card .product-thumbnails .image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  .gridproduct-card .product-thumbnail {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    float: none;
  }
}


.thumbnail {background-color: transparent;}
.product-thumbnails {background-color:#f8f8f8; }
.shoppingcart-product-panel .text-center p {width: 100%;}

.shoppingcart-product-panel .text-center,
.image-wrap {
    margin-bottom: 10px !important;
}

.panel-body.shoppingcart-product-panel {
    padding: 0px;
    border: 1px solid transparent;
    border-radius: 12px;
    height: 100%;
    transition: 0.4s;
}

.panel-body.shoppingcart-product-panel:hover {
    border: 2px solid var(--main-green) !important;
    padding: 0px !important;
    border-radius: 12px !important;
}

.shoppingcart-product-panel .product-thumbnails .thumbnail {border-radius: 12px;}

.image-wrap,
.product-thumbnails {
    border-radius: 12px 12px 0 0;
}

.panel-body.shoppingcart-product-panel .text-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    gap: 2%;
}

.shoppingcart-product-panel .text-center {
    text-align: left;
}

.product-name,
.product-price {
    padding-bottom: 0px;
}

.full-width.product-price.ng-binding {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--black) !important;
    margin-bottom: 20px;
}

.panel-body.shoppingcart-product-panel .shoppingcart-reviews {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 20px;
    background: var(--white);
    border-radius: 32px;
    box-shadow: 0px 1.5px 1.5px 0px var(--shadow-08) !important;
    gap: 1%;
    padding: 5px 10px;
}

.shoppingcart-reviews-number {
    margin-left: 4px;
    color: var(--black);
}

@media (max-width: 991px) {
    .btn-primary.quarter-pad-bottom.btn-product-add-to-cart, 
    .btn-primary.quarter-pad-bottom.btn-product-more-info,
    .btn-primary .btn-add-to-cart {
        width: 100% !important;
    }
    button.btn-block[ng-click="vm.validateAddToCart()"] {
    width: 100% !important;
    padding: 10.5px 32px!important;
    }
    .btn.btn-default.btn-block.continue-shopping-btn-cart {
    width: 100% !important;
    padding: 10.5px 32px!important;
    }
}

.btn-primary.quarter-pad-bottom.btn-product-add-to-cart i,
.btn-primary .btn-add-to-cart i,
.productdetail-stock-col .btn.btn-primary.btn-add-to-cart i {
    margin-right: 6px;
    font-size: 12px;
    display: flex;
    align-items: center;
}


h4.summary-amounts {
    color: var(--main-green);
    font-weight: 600;
    font-size: 19px;
    line-height: 1.5;
}

.btn-primary.quarter-pad-bottom.btn-product-add-to-cart:hover,
.btn.btn-primary.btn-add-to-cart:hover {
    background: var(--hover-green);
}

.list-view button.btn.btn-primary {
    display: inline-block !important;
}

.list-view a.moreInfo.btn.btn-default {
    background: var(--white);
    color: var(--main-green);
    border-radius: 32px;
    border: solid 1px var(--main-green);
    padding: 6px 12px;
}

.list-view a.moreInfo.btn.btn-default:hover {
    background: var(--hover-main);
}

.btn-primary.quarter-pad-bottom.btn-product-add-to-cart:hover,
.btn.btn-primary.btn-add-to-cart:hover {
    background: var(--hover-green);
}


.btn-primary.quarter-pad-bottom.btn-product-more-info {
    background: var(--white);
    color: var(--main-green);
    width: 100%;
    border-radius: 32px;
    border: solid 2px var(--main-green);
    font-size: 16px !important;
    transition: 0.4s;
    text-wrap: auto;
    padding: 10.5px 32px!important;

}

.btn-primary.quarter-pad-bottom.btn-product-more-info:hover,
button.btn-default.idstc-flyout-cart-btn-continue-shopping:hover {
    background: var(--hover-main);
    color: var(--main-green);
}

.btn-primary.quarter-pad-bottom.btn-product-more-info i {
    display: none;
}

.list-group-item-heading a {
    font-weight: 700;
    color: #0d1320;
    font-size: 22px;
}

 .list-view-actions .k-numeric-wrap .k-input {
    text-indent: 0px;
}

.list-view-actions .k-numeric-wrap .k-input {
    width: 100% !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px;
}

.list-view-actions .k-numeric-wrap {
    position: relative;
    border: 1px solid var(--dark-green) !important;
    border-radius: 32px;
    background: #fff;
    padding: 1px 24px;
}

.list-view-actions .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default> span.k-select {
    justify-content: left !important;
    flex-direction: unset;
}
.list-view-actions .k-state-default>.k-select {
    border: none;
}
.list-view-actions .k-state-default>.k-select {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.list-view-actions .k-select {
    position: absolute !important;
    width: 100% !important;
}

.list-view-actions .k-numeric-wrap .k-select .k-link.k-link-increase {
    right: 8px;
}

.list-view-actions .k-numeric-wrap .k-select .k-link-increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.list-view-actions .k-numeric-wrap .k-select .k-link-decrease {
    left: 8px !important;
}
.list-view-actions .k-numeric-wrap .k-select .k-link-increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
} 

.includes-tax {
    display: block !important;
}

/* List View Actions - kendo numeric input */

div.list-view-actions .k-numeric-wrap {
    position: relative;
    border: 1px solid var(--dark-green) !important;
    border-radius: 32px;
    background: #fff;
    padding: 1px 24px;
}

div.list-view-actions .k-widget.k-numerictextbox {
    width: 100% !important;
}

div.list-view-actions .k-numeric-wrap .k-formatted-value,
div.list-view-actions .k-numeric-wrap .k-input {
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px;
}

div.list-view-actions .k-numeric-wrap .k-input {
    text-indent: 0px;
}

div.list-view-actions .k-numeric-wrap.k-state-hover,
div.list-view-actions .k-numeric-wrap.k-state-focused {
    background: transparent;
}

div.list-view-actions .k-select {
    position: absolute !important;
    width: 100% !important;
}

div.list-view-actions .k-numeric-wrap .k-select .k-icon {
    display: none !important;
}

div.list-view-actions .k-state-default>.k-select {
    border: none;
}

div.list-view-actions .k-numeric-wrap .k-select .k-link-increase,
div.list-view-actions .k-numeric-wrap .k-select .k-link-decrease {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

div.list-view-actions .k-numeric-wrap .k-select .k-link-decrease {
    left: 8px !important;
}

div.list-view-actions .k-numeric-wrap .k-select .k-link-decrease::before {
    content: "–";
    font-size: 18px;
    line-height: 1;
    color: #1e4a2c;
    font-weight: 300;
}

div.list-view-actions .k-numeric-wrap .k-select .k-link-increase {
    right: 8px;
}

div.list-view-actions .k-numeric-wrap .k-select .k-link-increase::before {
    content: "+" !important;
    font-size: 18px;
    line-height: 1;
    color: #1e4a2c;
    font-weight: 600;
}

div.list-view-actions .k-numeric-wrap .k-i-warning {
    display: none;
}

/* Mini Cart */

.cartwidget .dropdown-menu {
    box-shadow: none;
    min-width: 320px;
    background-color: var(--cream);
    border: none;
    margin: 6px 0 0;
}

.cartwidget .dropdown-menu img {
    max-width: 70px !important;
    height: 70px;
    background: var(--white);
    border-radius: 4px;
    border: 1px solid var(--border-light);
    padding: 6px;
    order: 1;
}

.cartwidget .dropdown-menu br {
    display: none;
}

.ViewCartWidgetProductName {
    font-size: 15px;
    color: var(--dark-green);
}

.cartwidget .dropdown-menu .half-pad-left.half-pad-right.half-pad-top.text-center {
    display: grid !important;
    grid-template-columns: 80px 1fr;
    column-gap: 12px;
    align-items: start;
    text-align: left;
}

.cartwidget .dropdown-menu .half-pad-left.half-pad-right.half-pad-top.text-center img {
    grid-column: 1;
    grid-row: 1 / span 3;
    margin-right: 0;
}

.cartwidget .dropdown-menu .ViewCartWidgetProductName {
    grid-column: 2;
    grid-row: 1;
}

.cartwidget .dropdown-menu .ViewCartWidgetVariations {
    grid-column: 2;
    grid-row: 2;
}

.cartwidget .dropdown-menu .ViewCartWidgetProductQty {
    grid-column: 2;
    grid-row: 3;
}

.cartwidget .dropdown-menu .ViewCartWidgetProductQty {
    justify-self: start;
    display: inline-block;
    margin-top: 6px;
    padding: 4px 8px;
    background: var(--white);
    border-radius: 32px;
    font-size: 11px;
}


@media (max-width: 450px) {
    .cartwidget .dropdown-menu {
    min-width: 320px;
    margin-right: -10px;
}

.ViewCartWidgetProductName {
    font-size: 14px;
    color: var(--dark-green);
}

.cartwidget .dropdown-menu .half-pad-left.half-pad-right.half-pad-top.text-center {
    display: grid !important;
    grid-template-columns: 80px 1fr;
    column-gap: 2px;
    align-items: start;
    text-align: left;
    }
}

/* Cart bottom */

.divViewCartWidgetSubtotal {
    margin: 0 15px;
}

.divViewCartWidgetSubtotal strong {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

div.viewCartWidget .cartwidget-viewcart-button {
    border-radius: 32px;
    font-size: 16px;
    margin-top: 15px;
}

div.viewCartWidget .cartwidget-checkout-button {
    display: none;
}


.dropdown-menu .half-pad-left.half-pad-right .padding-xs {
    display: none;
}

/* Cart Page */

@media (max-width: 992px) {
  .ViewCartPromotions .standard-promotion {
    flex: 1 1 calc(50% - 1rem) !important;
  }
}

@media (max-width: 576px) {
  .ViewCartPromotions .standard-promotion {
    flex: 1 1 100% !important;
  }
}
/* cart Page - Cart Table */

h4.your-cart-header {
    color: var(--main-green);
    font-weight: 600;
    font-size: 22px;
}

.Cart-ShoppingCart .col-md-8 .panel-body div.table-responsive .reward {
    background: var(--light-green);
}

.OrderSubtotalThumbnail.img-responsive {
    border: 1px solid var(--shadow-08);
    background: var(--cream);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 6px;
}

.Cart-ShoppingCart .col-md-8 strong a {
    color: var(--black);
    font-size: 14px;
}

.Cart-ShoppingCart .col-md-8 small {
    color: var(--black);
}

.Cart-ShoppingCart .col-md-8 .half-pad-left {
    margin-left: 0px;
    color: var(--grey);
}

.Cart-ShoppingCart .col-md-8 td .btn-primary {
    border: none;
    background: transparent;
    color: var(--black);
}

.Cart-ShoppingCart .col-md-8 td .btn-danger {
    border: none;
    background: transparent;
    color: #da0000;
}

#btnAddDonation {
    background-color: var(--main-green);
    color: var(--white);
    border: none;
    border-radius: 32px;
    padding: 6px 32px;
}

#btnAddDonation:hover {
    background-color: var(--hover-green);
}

/* Cart Page - Cart Sidebar */

.panel-success>.panel-heading {
    padding: 30px 0px 30px 0px;
    background-color: transparent;
    color: var(--main-green);
    box-shadow: none;
    border: none;
}

.panel-success>.panel-heading .panel-title span {
    font-weight: 600;
}

.panel.panel-success {
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--shadow-08);
    border-radius: 0;
    padding: 0 0 0 0;
}

.panel.panel-success .panel-body {
    padding: 0px 0 30px 0;
}

.form-horizontal .control-label {
    text-align: left;
    width: auto;
}

.form-horizontal .col-md-9 {
    width: 100%;
}

.form-horizontal label {
    margin-bottom: 4px !important;
    color: var(--grey);
    font-weight: 400;
}

.form-horizontal input,
.checkout-wrapper .form-horizontal .form-group input[ng-model="customField.CustomFieldSelectOptionID"] {
    box-shadow: none !important;
    background: var(--white);
    border-style: solid !important;
    border-radius: 2px !important;
    border-color: #74736e;
    height: auto;
    font-size: 16px !important;
    text-decoration: none !important;
    padding: 12px 10px !important;
}

.form-horizontal input.form-control[disabled] {
    background: #e9e9e9;
    color: var(--grey) !important;
}

@media (max-width: 600px) {
  /* Target THIS specific group of radios */
  .radio.ng-scope > label.ng-binding {
    display: inline-flex !important;  
    align-items: center !important;
    padding-left: 0 !important;       
    position: relative;
  }

  .radio.ng-scope > label.ng-binding > input[type="radio"][name="customField36"] {
    position: static !important;      
    margin: 0 0.5rem 0 0 !important;   
    transform: none !important;       
    flex-shrink: 0;
  }
}

@media (max-width: 600px) {

  /* Payment method radio rows */
  .form-horizontal .radio.ng-scope > label.ng-binding{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;                 
    padding-left: 0 !important;
    white-space: normal;      
  }

  .form-horizontal .radio.ng-scope > label.ng-binding > input[type="radio"]{
    position: static !important;
    margin: 0 !important;
    flex: 0 0 auto;     
  }
}

.form-horizontal input.cartQuickAddQuantity {
    border: none !important;
}


.form-horizontal span.cartQuickAddQuantity span.k-numeric-wrap.k-state-default {
    border: none !important;
}

.form-horizontal input::placeholder {
    color: var(--grey) !important;
}

.k-state-default>.k-select {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*#quickAddItemBtn {
    border: none;
    border-radius: 32px;
    height: 46px;
    font-size: 16px;
}

#quickAddItemBtn i {
    margin-right: 4px;
}*/

/* Cart Page -  Summary */

.Cart-ShoppingCart .panel-body div.table-responsive {
    position: relative;
}

/*.Cart-ShoppingCart .col-md-4 .panel-body div.table-responsive:before {
    content: 'Summary Amounts';
    color: var(--main-green);
    font-weight: 600;
    font-size: 22px;
    line-height: 2.5;
}*/

.Cart-ShoppingCart .col-md-4 .table>tbody>tr>td,
.Cart-ShoppingCart .table>tbody>tr>th {
    border: none;
}

.Cart-ShoppingCart .col-md-4 .table>tbody>tr>th {
    padding: 8px 8px 8px 0;
    font-size: 14px;
}

.Cart-ShoppingCart .col-md-4 .table>tbody>tr>td {
    padding: 8px 0 8px 8px;
    font-size: 14px;
    color: var(--main-green);
    font-family: 'HerbalifeNatural-Bold';
}

/* Cart Page - Coupons */

input[ng-model="vm.couponCode"] {
    display: none !important;
}

.OrderViewCartCheckoutDiv .padding-sm {
    height: 5px;
}

.OrderViewCartCheckoutDiv input {
    font-size: 16px;
    height: 40px;
}

.OrderViewCartCheckoutDiv .input-group .input-group-btn button {
    height: 40px;
    border: none;
}

#couponsForCartPanel>div:not(:last-child) {
    border-bottom: 1px solid var(--shadow-08);
    margin-bottom: 16px;
    padding-bottom: 6px;
}

#couponsForCartPanel button {
    border-radius: 32px;
    color: var(--dark-green);
    background: var(--light-green);
    border: none;
    width: auto;
    float: right;
    padding: 6px 22px;
}

#btnCheckout, #btnCheckoutSticky, #quickAddItemBtn {
    height: 47px;
    border-radius: 32px;
    border: none;
    font-size: 18px;
    padding: 10.5px 32px!important;
    background-color: var(--main-green);
    color: var(--white);
}

#btnContinueShopping {
    border: none;
    font-size: 16px;
    text-decoration: underline;
    color: var(--dark-green);
}

#btnContinueShopping i {
    display: none;
}

#btnContinueShopping:hover {
    background-color: var(--white);
}

/* Cart Page - Shopping Rewards */

[ng-show="vm.selectingProductRewards"] .panel,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .panel {
    border: none;
}

[ng-show="vm.selectingProductRewards"] .panel.panel-primary .panel-heading,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .panel-primary>.panel-heading {
    border: none;
    color: #fff;
    background: var(--dark-green);
    padding: 15px;
    border-radius: 6px 6px 0 0;
}

[ng-show="vm.selectingProductRewards"] .panel.panel-primary .panel-body,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .panel-body {
    background: red;
    border-radius: 0 0 6px 6px;
    padding: 15px;
    background: var(--light-green);
}

[ng-show="vm.selectingProductRewards"] .panel.panel-primary .alert-info,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .alert-info {
    border: none;
    background: transparent;
    color: var(--black);
    font-size: 14px;
    padding: 0;
}

[ng-show="vm.selectingProductRewards"] .panel.panel-primary .padding,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .padding {
    display: none;
}

[ng-show="vm.selectingProductRewards"] .panel.panel-primary .btn.btn-warning,
div[ng-show="vm.shoppingCartModel.rewardsShopping"] .btn.btn-warning {
    border: none;
    border-radius: 32px;
    background: var(--black);
    color: var(--white);
    padding: 6px 32px;
}

/* Cart Page - Charity */

.ViewCartDonations .panel-title {
    color: var(--main-green);
    font-weight: 600;
    font-size: 22px;
}

.ViewCartDonations .alert.alert-info {
    display: none;
}

[ng-bind-html="donation.Description"] {
    color: var(--grey);
}


/* Cart Page - Mobile */


@media (max-width: 1024px) {
    .ViewCartPromotions > div {
        width: 100%;
    }
    
    .Cart-ShoppingCart .panel-body div.table-responsive {
        border-radius: 6px;
        padding: 6px;
    }
    
    .Cart-ShoppingCart .col-md-4 .panel-body div.table-responsive:before {
        line-height: 2;
    }

/*    body .uwy.userway_p3 .userway_buttons_wrapper {
        bottom: calc(10vh + 4px) !important;
    }*/
    
}

@media only screen and (max-width: 991px) {
    .OrderDonationThumbnail.img-responsive {display: none;}
    .table-responsive {border-bottom: 1px solid var(--border-light);}
}

@media only screen and (max-width: 767px) {
        .sticky-checkout {border-radius: 0px; border-top: solid 1px var(--grey);}
}


div.row.product-categories {padding: 30px 0px; }
h2.product-category-title {color: var(--dark-green)!important; font-family: 'HerbalifeNatural-Bold', 'sans-serif'; letter-spacing: -2.04px; font-size: 5.25rem; margin-top: 0px; text-align: left;}
p.product-category-body {font-family: 'Herbalife-Walsheim-GT-Regular', 'sans-serif'; color: var(--grey) !important; padding-top: 2vh;}

@media (max-width: 1611px) {
      h2.product-category-title { font-size:4.25rem;}
}


@media (max-width: 991px) {
    h2.product-category-title {text-align: left !important; margin-bottom: 0px !important; font-size:3.25rem; }
    p.product-category-body {font-size: 1.125rem; text-align: left;}
    div.row.product-categories {padding: 10px 0px;}
}

@media (max-width: 639px) {
    h2.product-category-title {
        font-size: 1.5rem !important;
        letter-spacing: .010rem !important;

    }
}


/* Checkout Page */


.alert.alert-info.NewCustomerInstructionsDiv {
    display: none;
}

tr[ng-show="vm.shoppingCartModel.skyWalletTotal > 0 || vm.shoppingCartModel.voucherTotal > 0 || vm.shoppingCartModel.order.PaymentsApplied>0"] {
    border-bottom: solid 1px var(--border-light);
    border-top: solid 1px var(--border-light);
    font-size: 18px;
    line-height: 1.75;

}

tr[ng-show="vm.shoppingCartModel.skyWalletTotal > 0 || vm.shoppingCartModel.voucherTotal > 0 || vm.shoppingCartModel.order.PaymentsApplied>0"] th,
tr[ng-show="vm.shoppingCartModel.skyWalletTotal > 0 || vm.shoppingCartModel.voucherTotal > 0 || vm.shoppingCartModel.order.PaymentsApplied>0"] td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

#btnEditShippingAddress {
    padding-right: 15px;
}

#quickAddPanel .k-widget.cartQuickAddSKU.form-control {
    border: none !important;
}

[ng-repeat="shippingMethod in vm.shoppingCartModel.order.ShippingMethods"], #shippingMethodPanel span {
    font-size: 16px;
}

.gmp-place-autocomplete, .input-container div.autocomplete-icon {
    color: var(--black) !important;
}

.checkout-left-panels .form-group {
    padding: 0px !important;
}

.checkout-left-panels .checkbox {
    margin-left: 20px;
}

#frmEditPersonInformation .checkbox label {
    display: flex;
    justify-content: flex-start;
}

#frmEditPersonInformation .checkbox label input {
    margin-left: -18px;
}

.checkout-wrapper .alert-info {
    border: none;
    background: var(--light-green);
    color: var(--dark-green);
}

.checkout-wrapper .panel-title,
[ng-form="vm.editContactInfoForm"] .panel.panel-default .panel-heading h3 {
    color: var(--dark-green);
    font-size: 22px;
    font-weight: 600;
}

.checkout-wrapper .panel-default>.panel-heading {
    border-color: var(--shadow-08);
}

.checkout-wrapper .form-horizontal .form-group {
    display: flex;
    flex-direction: column;
}

read-only-address {
    font-size: 14px;
    line-height: 1.5em;
}

.checkout-wrapper .form-horizontal .form-group label,
#add-edit-address .form-horizontal .form-group label {
    font-size: 14px;
}

#add-edit-address .form-horizontal .form-group {
    padding: 0px !important;
}

#add-edit-address .form-horizontal .form-group[ng-show="address.DisplayPostalCode && !PostalCodeNoAccess"] {
    margin-bottom: 35px !important;
}

#add-edit-address .form-horizontal .form-group[ng-if="showPrimaryField && !PrimaryNoAccess && address.AddressOwnerTypeID != 1"] .col-sm-offset-4 {
    margin-left: 5px;
    padding-top: 8px;
}

.checkout-wrapper .form-horizontal .form-group .col-sm-8,
.checkout-wrapper .form-horizontal .form-group .col-sm-4 {
    width: 100%;
}

.checkout-wrapper .form-horizontal .form-group input,
.checkout-wrapper .form-horizontal .form-group select,
#quickAddPanel .form-horizontal .form-group input,
#add-edit-address .form-horizontal .form-group input,
#add-edit-address .form-horizontal .form-group select {
    padding: 12px 10px !important;
    font-size: 16px !important;
    border-color: #74736e !important;
    height: auto;
}

.checkout-wrapper select {
    padding: 12px 10px !important;
    font-size: 16px !important;
    height: auto;
}

label.control-label span.text-danger {
    position: relative;
    padding: 0;
    right: 0;
}

.checkout-wrapper .form-horizontal .form-group .checkbox label {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.checkout-wrapper .form-horizontal .form-group .checkbox input[type=checkbox] {
    margin: 0;
}

.checkout-wrapper .panel.panel-default .panel-body.collapse .pull-right {
    float: left !important;
}

.checkout-wrapper .panel.panel-default .panel-body.collapse button {
    padding: 16px 24px;
    font-size: 16px;
    border-radius: 32px;
    border: solid 1px var(--main-green);
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--white);
    color: var(--main-green);
}

#sessionTimeoutWindow h2,
#sessionTimeoutWindow h4,
#sessionTimeoutWindow .title {
    text-align: center !important;
}

.btn.btn-warning #sessionTimeoutLogout {
    border: solid 1px var(--main-green) !important;
    background: var(--white) !important;
    color: var(--main-green) !important;
    margin-bottom: 10px !important;
}

.btn#sessionTimeoutStay {
    margin-top: 10px !important;
}

.k-widget.k-window.k-display-inline-flex {
    height: auto !important;
}

#sessionTimeoutWindow h2, #sessionTimeoutWindow h4, #sessionTimeoutWindow div.text-right {text-align: center;}

#sessionTimeoutWindow h4 {margin-bottom: 25px;}

.btn.btn-warning#sessionTimeoutLogout {
    border: solid 1px var(--main-green) !important;
    background: var(--white) !important;
    color: var(--main-green) !important;
}

.checkout-wrapper .panel.panel-default .panel-body.collapse button:hover {
    background: var(--hover-main);
}

.checkout-wrapper .form-control.k-widget,
.checkout-wrapper .k-hr {
    height: auto;
}

/* Checkout Page -  Shipping method */

[ng-repeat="shippingMethod in vm.shoppingCartModel.order.ShippingMethods"], 
[ng-repeat="option in customField.SelectOptions"] label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#shippingMethodPanel div {
    margin-bottom: 10px;
}

.highlight {
    background-color: var(--light-green) !important;
    color: var(--dark-green);
    border: none !important;
    padding: 12px !important;
    cursor: pointer;
}

.highlight i {
    margin-right: 6px;
}

/* Checkout Page -  Payment */
#paymentInfoPanel .radio label {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

#paymentInfoPanel .form-horizontal {
    margin-bottom: 20px;
}

#paymentInfoPanel .radio input[type=radio] {
    height: auto;
    /*top: 2px !important;*/
}

.hosted-payment-panel [ng-click="vm.addNewCreditCard()"],
.hosted-payment-panel [ng-click="vm.startEditCreditCard()"] {
    background: var(--black);
    color: var(--white);
    border-radius: 32px;
    margin-right: 12px;
    padding: 6px 12px;
    
}

.hosted-payment-panel .form-group {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    flex-wrap: wrap;
}

.hosted-payment-panel .form-group .col-md-8 {
    width: 100%;
    margin-bottom: 12px;
}

[ng-show="vm.shoppingCartModel.selectedPaymentMethodID == 4"] > .form-group:nth-of-type(2) {
  display: none !important;
}

/* Checkout Page - Cards */

.hosted-payment-panel {
    position: relative;
    padding: 12px;
    background: var(--shadow-08);
    border-radius: 6px;
}

.hosted-payment-panel [ng-show="dataReady"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

#paymentInfoPanel edit-credit-card label {
    font-size: 16px !important;
    color: var(--black);
}

/*Name*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(1) {
    width: 100%;
    order: 1;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(1) > div.col-sm-8 {
    width: 100%;
}

/*Icons*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(2) {
    width: 30%;
    order: 3;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(2) > div {
    margin-left: 10px;
}

/*Card Number*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(3) {
    width: 70%;
    order: 2;
}

/*Expiry Date*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div.form-group.form-inline.ng-scope {
    width: 50%;
    order: 4;
}

/*CVV Number*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(5) {
    width: 50%;
    order: 5;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(5) > div.col-lg-2.col-sm-3.col-xs-10 {
    width: calc(100% - 20px);
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(5) > div.col-xs-2.no-pad-left {
    width: 15px;
    padding: 0;
}

/*Copy Adress Button*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div.text-center {
    width: 100%;
    order: 6;
    border-top: 1px solid var(--white);
    padding-top: 20px;
}

/*Form*/
#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > edit-address {
    width: 100%;
    order: 7;
}

@media (max-width: 1024px) {
 #paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(3) {
    width: 100%;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(2) {
    width: 100%;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div.form-group.form-inline.ng-scope {
    width: 100%;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div.form-group.form-inline.ng-scope > div {
    display: flex;
    gap: 10px
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div.form-group.form-inline.ng-scope > div > div.padding-sm.visible-xs {
    display: none !important;
}

#paymentInfoPanel > div:nth-child(4) > div > div > edit-credit-card > div > div:nth-child(5) {
    width: 100%;
}
 
    
}


[ng-click="vm.cancelCreditCardEdit()"] {
    background: red;
    border-radius: 32px;
    color: #fff;
    padding: 6px 12px;
    position: absolute;
    top: 12px;
    right: 12px;
}

[ng-if="!NameOnCardNoAccess && (hostedProfilePageInfo.HostedProfilePageToken == null || displayOnlyMode)"] {
    display: flex;
    flex-direction: column;
}

[ng-if="!NameOnCardNoAccess && (hostedProfilePageInfo.HostedProfilePageToken == null || displayOnlyMode)"] label {
    padding: 0;
}

[ng-if="!NameOnCardNoAccess && (hostedProfilePageInfo.HostedProfilePageToken == null || displayOnlyMode)"] .col-sm-8 {
    padding: 0;
}

[ng-if="!NameOnCardNoAccess && (hostedProfilePageInfo.HostedProfilePageToken == null || displayOnlyMode)"] input {
    padding: 12px 10px !important;
    font-size: 16px !important;
    border-color: #74736e !important;
    height: auto;
}

[ng-if="!CreditCardTypeIDNoAccess && (hostedProfilePageInfo.HostedProfilePageToken == null || displayOnlyMode) && (card.ProfilePaymentNonceToken == null || card.ProfilePaymentNonceToken == '')"] {
    right: 0;
    padding: 0;
    margin: 0;
    width: auto;
}




/* Checkout Page - Right Side */

.cart-subtotal-vouchers .k-switch {
    font-size: 12px;
}

.cart-subtotal-vouchers .k-switch-container .k-switch-handle {
    height: 1.75em;
    width: 1.75em;
}
.cart-subtotal-vouchers .k-switch-on .k-switch-handle {
    left: calc(100% - 1.75em) ;
    border: solid 2px;
    border-color: var(--white) !important;
}

.cart-subtotal-vouchers .k-switch-off .k-switch-handle {
    border: solid 2px;
    border-color: var(--white);
    background-color: #9a9a9a;
}

.cart-subtotal-vouchers .k-switch-off .k-switch-container {
    background-color: var(--white);
    color: #9a9a9a;
    text-transform: capitalize;
}

span.k-switch.k-widget.k-switch-on .k-switch-container .k-switch-label-on {
    left: calc(30% - 1.75em);
}

span.k-switch.k-widget.k-switch-off .k-switch-container .k-switch-label-off {
    left: calc(42% - 1.75em);
}

.cart-subtotal-vouchers .k-switch-container {
    border: solid 1px;
}

.cart-subtotal-vouchers .k-switch-on .k-switch-container {
    background-color: var(--white);
}

.cart-subtotal-vouchers strong {
    color: var(--main-green);
    font-family: 'Herbalife-Walsheim-GT-Light';
}

.cart-subtotal-vouchers th {
    padding-left: 15px !important;
    padding-bottom: 30px !important;
}

span.k-switch.k-widget.k-switch-on {
    min-width: 100px !important;
}


.k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle {
    border-color: var(--main-green) !important;
    color: var(--main-green) !important;
    background-color: var(--main-green) !important;
}
.k-switch-on .k-switch-container {
    color: var(--main-green) !important;
}
.k-switch-on .k-switch-handle {
    background-color: var(--main-green);
    border-color: var(--main-green);
}

tr[ng-if="vm.shoppingCartModel.order.OrderTotal != null && vm.shoppingCartModel.order.OrderTotal >= 0"]  {
    font-size: 18px !important;
    border-top: solid 1px lightgrey;
}

@media (max-width: 991px) {
    
    tr[ng-if="!vm.shoppingCartModel.order.TaxInDisplayPrice || (vm.shoppingCartModel.order.TaxInDisplayPrice && vm.shoppingCartModel.seperateTaxOnSubtotal)"] {
        padding-bottom: 20px;
    }
    
    tr[ng-if="vm.shoppingCartModel.order.OrderTotal != null && vm.shoppingCartModel.order.OrderTotal >= 0"]  {
    font-size: 18px !important;
    border-top: solid 1px lightgrey;
    }

    .cart-subtotal-vouchers strong {
    font-size: 10px;
    }

    span.k-switch.k-widget.k-switch-on {
    min-width: 85px !important;
    }
    
    .cart-subtotal-vouchers th {
    padding-left: 8px !important;
    }
    
    .checkout-wrapper .col-md-5, .checkout-wrapper .col-md-7 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .checkout-wrapper .panel-body {
        padding: 3px !important;
    }
    
    .k-switch-label-on,
    .k-switch-label-off {
        left: calc(35% - 1em) !important;
        font-size: 10.5px !important;
    }
 }
@media (max-width: 366px) {
    span.k-switch.k-widget, span.k-switch.k-widget.k-switch-on, span.k-switch.k-widget.k-switch-off {
        width: 100% !important;
    }
    .k-switch-label-on,
    .k-switch-label-off {
        left: calc(20% - 1.75em) !important;
    }
}


 .footer-link-list {
    display: none;
}


.subtotal-item {
    padding: 10px 0 15px 0;
}

.subtotal-items {
    margin: 0px !important;
}


.subtotal-items .col-lg-4 {
    width: 20%;
}

.subtotal-items .col-lg-6 {
    width: 60%;
}

.subtotal-items .col-lg-2 {
    width: 20%;
}

.product.view input {
    font-size: 16px;
    height: 40px;
}

#btnAddCoupon {
    height: 40px;
    border: none;
}

#couponsForCartPanel {
    margin-top: 20px;
}

.discount-message {
    background: var(--dark-green);
    color: var(--white);
}

#couponsForCartPanel .ng-scope .row {
    display: flex;
    flex-direction: row;
}

.checkout-table {
    border-top: 1px solid var(--shadow-08);
    padding-top: 12px;
}


/* Checkout Page - Pickup Point */

/* change map icon for PUP */
#allPickupPointsMap .gm-style img[src*="maps.gstatic.com/mapfiles/transparent.png"] {
  opacity: 0 !important;
}

#allPickupPointsMap .gm-style div[role="button"][title] {
  position: relative;
}

#allPickupPointsMap .gm-style div[role="button"][title]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://herbalifebe.blob.core.windows.net/images-staging/PUP-Herbalife-icon.png") center / contain no-repeat;
  pointer-events: none;
}

/*search field and button*/
.checkout-wrapper .form-horizontal .pickup-points-list .form-group  {
    flex-direction: row !important;
    width: 100% !important;
}

.form-horizontal .pickup-points-list input {
    border-radius: 33px !important;
}

.checkout-wrapper .pickup-points-list button {
    padding: 12px 24px !important;
    margin-bottom: 10px;
}

/* select a pickup point */

#shippingMethodPanel div.pickup-point-content,
#shippingMethodPanel div.pickup-point-main,
.form-horizontal .pickup-point-main label,
.pickup-point-actions {
    margin-bottom: 0px !important;
}

.pickup-point-content div.pickup-point-main {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.pickup-point-main label {
    margin-left: 15px;
}

#shippingMethodPanel div .pickup-point-main label .pickup-point-name,
#shippingMethodPanel div .pickup-point-main label .pickup-point-address div {
    margin-bottom: 0px;
}

.pickup-point-main label .pickup-point-name,
.pickup-point-distance {
    font-size: 16px;
}

.pickup-point-distance {
    margin-top: 0px;
}

.pickup-point-main label .pickup-point-address {
    font-size: 14px;
}

.pickup-point-item {
    border-color: #bdc1c5;
    width: 100%;
}

.pickup-point-item.selected {
    border: solid 1px var(--black);
}

a.pickup-point-action-link  {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}

.pickup-point-action-link i {
    font-size: 15px;
}

.form-horizontal .pickup-points-list input.pickup-point-radio {
    width: 20px;
    height: 20px;
}


/* Checkout Page - Sky Wallet */

div[data-target="#skyWalletPanel"] {
  border: none;
  background: var(--light-green);
  border-radius: 6px;
  padding: 8px 12px;
}

#applySkyWalletPaymentsForm .form-group {
    padding: 6px;
}

#applySkyWalletPaymentsForm .form-group .control-label.col-lg-4 label {
    font-size: 16px;
    color: var(--dark-green);
}

#applySkyWalletPaymentsForm .text-success {
   color: var(--black); 
   padding: 0;
   margin-bottom: 12px !important;
}

#applySkyWalletPaymentsForm .padding {
    display: none;
}

#applySkyWalletPaymentsForm button {
    float: left !important;
    border-radius: 32px;
    border: none;
    background: var(--dark-green);
    font-size: 16px;
    padding: 8px 12px;
}

/* Checkout other elements */

#confirmDialog #confirm-dialog p {
    font-size: 16px;
    color: var(--black);
    max-width: 400px;
}

#confirmDialog .confirm-actions {
    display: flex;
    gap: 12px;
}

#confirmDialog .confirm-actions button {
    height: 36px;
    flex: 1;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

#confirmDialog .confirm-actions .btncancel {
    background: var(--dark-green);
    color: var(--white);
}

#confirmDialog .confirm-actions .btnconfirm {
    background: #ffc3c3;
    color: #b10000;
}

#btnChargeCard,
#btnProcessPayment,
#btnPlaceOrder,
#netcashForm .btn.btn-primary.btn-block {
    font-size: 16px;
    border-radius: 32px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

[ng-bind-html="agreement.Details"] * {
    font-family: inherit !important;
}



/* Checkout Page - Mobile */

@media (max-width: 1576px) {

    .checkout-wrapper .form-horizontal .pickup-points-list .form-group  {
    flex-direction: row !important;
    width: 100% !important;
    }
    
    .pickup-point-item {
        width: 100%;
    }

    .pickup-points-list .form-inline .form-group div input {
        width: auto !important;
    }

    .checkout-wrapper .panel.panel-default .panel-body.collapse .pull-right,
    .checkout-wrapper .panel.panel-default .panel-body.collapse button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


@media (max-width: 1024px) {
    #shippingMethodPanel .highlight i {
        width: 20px;
    }
    
    .hosted-payment-panel a {
        width: auto !important;
    }
    
    #paymentInfoPanel .form-horizontal {
        margin-bottom: 10px;
    }
    
    [ng-show="vm.shoppingCartModel.selectedPaymentMethodID == 4"] .form-group {
        display: flex;
        flex-direction: column;
    }
    
    [ng-show="vm.shoppingCartModel.selectedPaymentMethodID == 4"] .form-group * {
        padding: 0;
    }
    
    /* Checkout Mobile Summary Table */
    
    .subtotal-items * {
        text-align: left;
    }
    
}

/* Single Product Page */

.breadcrumb {
    background: var(--cream);
    padding: 10px;
}

.continue-shopping-btn-detail {
    display: none;
}

/* Single Product Page - Left Side */

.productdetail .product.view .row .productdetail-image-description-col .col-md-9 {
    width: 83.33333333%;
}

.productdetail .product.view .row 

.product-view .image-wrap,
.product-image-container .image-wrap,
.productdetail .image-wrap {
    border: 1px solid var(--shadow-08) !important;
    background: var(--cream) !important;
    border-radius: 4px !important;
}

.product-view .col-md-6 .row img,
.product-view .row .col-md-6 .image-wrap img,
.productdetail-image-description-col .col-md-6 .row img,
.productdetail-image-description-col .row .col-md-6 .image-wrap img,
.productdetail-image-description-col .col-md-6 .well img {
    border: 1px solid var(--shadow-08);
    background: var(--cream);
    border-radius: 4px;
}

.productdetail-image-col .well {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
}

.product-view .col-md-6 {
    position: relative;
}

.product-view .productdetail-reviews-top-wrapper {
    background: var(--white);
    position: absolute;
    margin: 0;
    left: 20px;
    top: 10px;
    display: flex;
    flex-direction: row;
    padding: 8px 12px;
    border-radius: 32px;
    width: auto;
    gap: 4px;
    box-shadow: 0px 1.5px 1.5px 0px var(--shadow-08) !important;
}

.product-view .productdetail-reviews-top-wrapper br {
    display: none;
}

/* Single Product Page - Right side */

.product-view .product-name,
.productdetail-description-col .product-name {
    font-size: 36px;
    color: var(--dark-green);
    font-family: 'HerbalifeNatural-Bold';
}

.product-view .ProductDetailSKU,
.productdetail-description-col .ProductDetailSKU {
    font-size: 14px;
    color: var(--black);
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.product-view .ProductDetailSKU:before {
    content: 'SKU: ';
}

.product-view .padding-xs {
    display: none;
}

/*.product-view .text-center {
    text-align: left;
}*/

.product-view .form-horizontal .row {
    display: flex;
    flex-direction: column;
}

.product-view .form-horizontal .row .col-lg-6 {
    width: 100%;
}



button.btn-block[ng-click="vm.validateAddToCart()"] {
    background-color: var(--main-green);
    color: var(--white);
    border: none;
    border-radius: 32px;
    font-size: 16px;
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    width: auto;
    padding: 10.5px 32px!important;
}

.subscription-price-text {
    display: flex;
    justify-content: center;
    color: var(--black);
    margin-bottom: 6px;
}

button[ng-click="vm.addSubscription()"] {
    background-color: var(--dark-green);
    color: var(--white);
    border: none;
    border-radius: 32px;
    font-size: 16px;
    height: 46px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    width: auto;
    padding: 10.5px 32px!important;
}

.btn.btn-default.btn-block.continue-shopping-btn-cart {
    border: none;
    display: inline-block;
    font-size: 16px;
    height: 46px;
    text-align: left;
    margin-bottom: 20px;
    width: auto;
    padding: 10.5px 32px!important;
}

.col-md-6 h3.text-center, .col-md-6 .text-center.volumes {
    text-align: left;
}

.product-view .form-horizontal a {
    font-size: 16px;
    text-decoration: underline;
    color: var(--dark-green);
    border: none;
}

.product-view .form-horizontal a i {
    display: none;
}

/*.product-view .form-horizontal .form-group,
.productdetail-description-col {
    display: flex;
    align-items: center;
}*/

.product-view .form-horizontal .form-group .control-label,
.productdetail-quantity-col label {
    font-size: 16px;
    color: var(--dark-green);
    font-family: 'Herbalife-Walsheim-GT-Medium';
}

label.productdetail-quantity-input {
    float: left;
    margin: auto !important;
}

div.productdetail-quantity-col {
    display: flex;
}

.productdetail-quantity-col div.ng-scope {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.productdetail-quantity-col span.k-numerictextbox.productdetail-quantity-input {
    padding-left: 10px;
}

.productdetail-quantity-col label {
    padding-right: 10px;
}

/* Single Product Page - Numeric Selector */

/* box */
#quickAddPanel .k-numeric-wrap,
div.list-view-btn-col .k-numeric-wrap,
.product-view .k-numeric-wrap,
.k-widget.k-numerictextbox .k-numeric-wrap .k-state-default,
.productdetail-quantity-input .k-numeric-wrap {
    position: relative;
    border: 1px solid var(--dark-green) !important;
    border-radius: 32px;
    background: #fff;
    padding: 1px 24px;
    border-color: var(--dark-green) !important;
}

.k-numeric-wrap.k-state-default {
    border-color: var(--dark-green) !important;
}

.productdetail-quantity-col .k-state-default>.k-select {
    border-color: transparent !important;
}

.productdetail-quantity-col span.k-widget {
    width: 128px !important;
    text-decoration: none;
    color: var(--black);
}

/* search input */

/*div.cart-actionbar-inner.input-group {

    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px !important;
}*/

.cart-actionbar-inner-mobile input {
    border: 1px solid var(--main-green) !important;
    border-radius: 32px 0px 0px 32px;
    background: #fff;
    padding: 1px 24px;
    height: 40px;
    font-size: 16px;
}

.cart-actionbar-inner-mobile span.input-group-btn {
     border-radius: 0px 32px 32px 0px;
     background-color: var(--main-green);
    height: 40px;
}

.cart-actionbar-inner-mobile span.input-group-btn .cart-actionbar-button {
    background-color: var(--main-green);
    color: var(--white);
    border: none !important;
    padding-left: 15px;
    padding-right: 0px;
}

div.cart-actionbar-inner.input-group input,
.productdetail-search-group .input-group input{
    position: relative;
    border: 1px solid var(--main-green) !important;
    border-radius: 32px 0px 0px 32px;
    background: #fff;
    padding: 1px 24px;
    height: 40px;
}

/*.col-md-3.shoppingcart-sidebar .shoppingactionbar.shoppingcart-search-group {
    width: 60%;
}*/

div.cart-actionbar-inner span.input-group-btn,
div.productdetail-search-group span.input-group-btn {
    border-radius: 0px 32px 32px 0px;
    background-color: var(--main-green);
    padding: 1px 13px;
    height: 40px;
}

div.cart-actionbar-inner span.input-group-btn .cart-actionbar-button,
div.productdetail-search-group span.input-group-btn .cart-actionbar-label {
    background-color: var(--main-green);
    color: var(--white);
    border: 0px;
}

/* input */

.col-sm-11.col-xs-10.list-view-info-col .col-md-6 {
    width: 58.33333333%;
}

.col-sm-11.col-xs-10.list-view-info-col .col-md-6.text-right.list-view-btn-col {
    width: 41.66666667% !important;
}

div.list-view-btn-col .k-widget.k-numerictextbox.quarter-pad-top,
div.list-view-btn-col button.btn.btn-primary.quarter-pad-top {
    width: 100% !important; 
}

#quickAddPanel .k-numeric-wrap .k-formatted-value,
div.list-view-btn-col .k-numeric-wrap .k-formatted-value,
div.list-view-btn-col .k-numeric-wrap .k-input {
    width: 100% !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px;
}

#quickAddPane span.k-widget.k-numerictextbox.cartQuickAddQuantity {
    width: 100% !important;
    border: none !important;
}

div.list-view-btn-col button.btn.btn-primary.quarter-pad-top {
    padding: 10.5px 32px!important;
    font-size: 16px;    
}

div.list-view-btn-col .k-numeric-wrap .k-input,
.productdetail-quantity-input .k-numeric-wrap .k-input {
    text-indent: 0px;
}

div.list-view-btn-col .k-widget.k-numerictextbox.quarter-pad-top,
div.list-view-btn-col button.btn.btn-primary.quarter-pad-top {
    margin-top: 15px;
}


div.cartQuickAdd_label .col-md-9 span.k-widget.cartQuickAddSKU input {
    border-radius: 32px;
    border: solid 1px var(--main-green);
}

#quickAddPanel .k-numeric-wrap .k-formatted-value,
#quickAddPanel .k-numeric-wrap .k-input {

    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px;
}

.product-view  .k-numeric-wrap .k-formatted-value,
.product-view  .k-numeric-wrap .k-input,
.productdetail-quantity-col .k-numeric-wrap .k-formatted-value,
.productdetail-quantity-input .k-numeric-wrap .k-input {
    width: 64px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px;
}

.productdetail-quantity-col .k-numeric-wrap .k-formatted-value {
    padding: 10px !important;
    height: auto;
    font-size: 16px;
    font-family: 'Herbalife-Walsheim-GT-Medium';
}

#quickAddPanel .k-numeric-wrap.k-state-hover,
div.list-view-btn-col .k-numeric-wrap.k-state-hover,
.product-view .k-numeric-wrap.k-state-hover,
.productdetail-quantity-input .k-numeric-wrap.k-state-hover,
.product-view .k-numeric-wrap.k-state-focused,
.productdetail-quantity-input .k-numeric-wrap.k-state-focused,
div.list-view-btn-col .k-numeric-wrap.k-state-focused,
#quickAddPanel .k-numeric-wrap.k-state-focused {
    background: transparent;
}

/*div.list-view-btn-col .form-group .k-widget,
div.list-view-btn-col .k-textbox*/

.product-view  .form-group .k-widget,
#quickAddPanel .k-textbox,
.product-view  .k-textbox,
.productdetail-quantity-col 
 {
    width: 128px !important;
    text-decoration: none;
}

span.productdetail-quantity-input,
.productdetail-quantity-input input{
    max-width: 128px !important;
}

#quickAddPanel .k-select,
.product-view .k-select,
div.list-view-btn-col .k-select,
.productdetail-quantity-input .k-select
 {
    position: absolute !important;
    width: 100% !important;
}

/* hide icons */

#quickAddPanel .k-numeric-wrap .k-select .k-icon,
.product-view  .k-numeric-wrap .k-select .k-icon,
div.list-view-btn-col .k-numeric-wrap .k-select .k-icon,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-icon{
    display: none !important;
}

#quickAddPanel .k-state-default>.k-select,
.product-view  .k-state-default>.k-select,
div.list-view-btn-col .k-state-default>.k-select {
    border: none;
}

/* + / - */

.product-view  .k-numeric-wrap .k-select .k-link-decrease,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-decrease,
#quickAddPanel .k-numeric-wrap .k-select .k-link-increase {
    position: absolute;
}

#quickAddPanel .k-numeric-wrap .k-select .k-link-increase,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-increase,
.product-view  .k-numeric-wrap .k-select .k-link-increase,
#quickAddPanel .k-numeric-wrap .k-select .k-link-decrease,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-decrease,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* - */

#quickAddPanel .k-numeric-wrap .k-select .k-link-decrease,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-decrease,
.product-view .k-numeric-wrap .k-select .k-link-decrease,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-decrease {
    left: 8px !important;
}

.k-widget.k-numerictextbox .k-numeric-wrap.k-state-default> span.k-select,
.k-widget.k-numerictextbox.productdetail-quantity-input .k-numeric-wrap.k-state-default> span.k-select
 {
    justify-content: left !important;
    flex-direction: unset;
}

.product-view .k-numeric-wrap .k-select .k-link-decrease,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-decrease {
    margin-left: 1.25em;
}

#quickAddPanel .k-numeric-wrap .k-select .k-link-decrease::before,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-decrease::before,
.product-view .k-numeric-wrap .k-select .k-link-decrease::before,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-decrease::before,
.k-widget.k-numerictextbox .k-numeric-wrap .k-state-default::before {
    content: "–";
    font-size: 18px;
    line-height: 1;
    color: #1e4a2c;
    font-weight: 300;
}

.row.checkout-wrapper h3.panel-title {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.row.checkout-wrapper h3.panel-title::before {
    flex-shrink: 0;
} 
.row.checkout-wrapper h3.panel-title translate-content {
    margin-left: 7px;
    display: block;
    flex: 1;
    min-width: 0;
}
/* + */
#quickAddPanel .k-numeric-wrap .k-select .k-link.k-link-increase,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-increase,
.product-view  .k-numeric-wrap .k-select .k-link-increase,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-increase  {
    right: 8px !important;
}

#quickAddPanel .k-numeric-wrap .k-select .k-link.k-link-increase::before,
div.list-view-btn-col .k-numeric-wrap .k-select .k-link-increase::before,
.product-view .k-numeric-wrap .k-select .k-link-increase::before,
.productdetail-quantity-input .k-numeric-wrap .k-select .k-link-increase::before,
.k-widget.k-numerictextbox .k-numeric-wrap .k-state-default::before,
.k-numeric-wrap .k-select .k-link-increase::before {
    content: "+" !important;
    font-size: 18px;
    line-height: 1;
    color: #1e4a2c;
    font-weight: 600;
}

/* Single Product Page - Other */

#quickAddPane .k-numeric-wrap .k-i-warning
.k-numeric-wrap .k-i-warning,
div.list-view-btn-col .k-numeric-wrap .k-i-warning
.k-numeric-wrap .k-i-warning,
div.list-view-btn-col .product-view .k-numeric-wrap .k-i-warning,
.product-view .k-numeric-wrap .k-i-warning,
#quickAddPane .product-view .k-numeric-wrap .k-i-warning,
.product-view .k-numeric-wrap .k-i-warning {
    display: none;
}

div.list-view-btn-col .productdetail-quantity-input .k-numeric-wrap .k-i-warning,
.productdetail-quantity-input .k-numeric-wrap .k-i-warning,
.productdetail-quantity-input .k-numeric-wrap .k-i-warning {
    display: none;
}

/* Single Product Page -  Product Description */

/*.product-tabs {
    margin-top: 24px;
}
*/
.product-tabs .nav.nav-tabs {
    border: none;
    margin-bottom: 24px;
    display: flex;
}

.product-tabs .nav.nav-tabs li {
    margin-right: 10px;
}

.product-tabs .nav.nav-tabs li a {
    color: var(--dark-green) !important;
    font-size: 18px;
    border-bottom: 1px solid var(--dark-green);
    padding: 20px 10px 10px 10px;
    font-family: 'Herbalife-Walsheim-GT-Medium';
}

.product-tabs .nav-tabs>li>a {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.nav-tabs>li>a:hover {
    background: transparent !important;
    border: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: transparent !important;
    border-radius: 0;
    border-width: 0 0 4px 0 !important;
}

.product-tabs .nav.nav-tabs>li {
    flex: 1;
}

.tab-content {
    color: var(--grey);
    font-size: 16px;
    font-family: 'Herbalife-Walsheim-GT-Medium';
    line-height: 1.35;
}

.productdetail div.product-tabs {
    margin-left: 3%;
    margin-right: 3%;
}

.product-tabs .container {
    align-items: flex-start;
}

.product-tabs .container .text {
    padding-right: 20%;
    font-size: 16px;
}


/* Single Product Page - Reviews */

#productReviews {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid var(--dark-green);
}

#productReviews .productdetail-title {
    font-size: 26px;
    margin-bottom: 36px;
}

#AddProductReviews {
    background: var(--cream);
    border: none;
    padding: 16px;
}

#AddProductReviews h4 {
    font-size: 20px;
    color: var(--dark-green);
}

#AddProductReviews p {
    font-size: 14px;
    margin-bottom: 12px;
}

/*.productdetail-review-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    border-radius: 32px;
    border: none;
    padding: 6px 16px;
}*/

.productdetail-review-button i {
    display: none;
}

/* Single Product Page - Recommended */
.AssociatedProductsContainer h3 {
    font-size: 32px;
}

.AssociatedProducts {
    padding: 0 24px !important;
}

.AssociatedProductsContainer .product-thumbnail {
    background: #f8f8f8;
    margin-bottom: 12px;
    border-radius: 12px 12px 0 0;
}

.AssociatedProductsContainer .product-thumbnail img {
    padding: 12px;
}

.AssociatedProductsContainer .product-name {
    font-weight: 700;
    color: #0d1320;
    font-size: 16px;
}

.AssociatedProducts small {
    font-size: 14px;
}

/* Single Product Page - Review modal */
.k-widget.k-window {
    box-shadow: 0px 6px 6px 0px var(--shadow-08) !important;
    border: none;
    background: var(--white);
    height: auto;
}

.k-window-titlebar {
    border: none;
    background: var(--black);
    color: var(--white);
    padding: 12px 12px;
}

.k-window-titlebar .k-window-action {
    color: var(--white) !important;
    opacity: 1;
}

.k-window select {
    height: 40px;
}

.k-window .col-md-8 {
   padding: 0; 
}

.k-window .alert-info {
    border: none;
    background: var(--light-green);
    color: var(--dark-green);
}

.k-window textarea {
    min-height: 50px !important;
}

.k-window .padding-sm {
    display: none;
}

.k-window .pull-right {
    float: left !important;
    width: 100%;
}

.k-window button {
    width: calc(100% - 24px);
    height: 46px;
    font-size: 16px;
    border-radius: 32px;
    background: var(--main-green);
}

.k-window button#cancelCreateCustomerFromConsultantBtn {
    color: var(--white);
    border: solid 1px var(--main-green);
    margin-bottom: 15px;
}
.k-window button#createCustomerFromConsultantBtn {
    padding: 4px 8px;
}



/* Single Product - Product Bundle */



/* Single Product Page - Mobile */

@media (max-width: 1024px) {
    .product-tabs .nav.nav-tabs {
        overflow-x: scroll;
        overflow-y: hidden !important;
    }
    
    .product-tabs .nav.nav-tabs li a {
        white-space: nowrap;
    }
    
    .product-tabs .container {
        flex-direction: column;
    }
    
    .product-tabs .container .text {
        width: 100%;
    }
    
    .product-tabs .container .image {
        width: 100%;
        padding: 0;
    }
    
    #productReviews select {
        margin-bottom: 10px;
    }
    
    .productdetail-review-well div div {
        display: flex;
        justify-content: center;
    }
    
}




/* Edit Contact Info (My Profile Page) */

div[ng-if="!PhoneNumbersReadonly"] .col-lg-6 select[ng-model="phone.PhoneTypeID"] {
    appearance: none;
}

div[ng-if="!PhoneNumbersReadonly"] .col-lg-6 select[ng-model="phone.PhoneTypeID"],
[ng-if="!PhoneNumbersReadonly"] .radio  {
    display: none;
}

div[ng-if="!PhoneNumbersReadonly"] .col-lg-6 {
    width: 60%;
    padding-left: 0px;
}

div[ng-if="!vm.Person_ContactInfoNoAccess"] .panel.panel-default .panel-body {
    margin-top: -2%;
}

div[ng-if="!vm.EmailAddressNoAccess"] {
    margin-top: -2%;
}



.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-multiselect-wrap {
    border-color: #74736e ; 
}

button#createCustomerFromConsultantBtn,
button.btn-default.idstc-flyout-cart-btn-continue-shopping {
    background-color: var(--white);
    color: var(--main-green);
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 32px;
}


.form-group label.control-label.col-sm-4,
.k-window [ng-form="createCustomerFromConsultantForm"] .col-md-2.control-label,
.k-window [ng-form="createCustomerFromConsultantForm"] .col-md-5 {
    width: 100%;
}

.k-window [ng-form="createCustomerFromConsultantForm"] .col-md-5 input {
    margin-bottom: 15px;
}

[ng-show="vm.consultant.Person_OtherInformation.ReplicatedSiteURL"] button {
    margin-top: 15px;
    background-color: var(--white);
    color: var(--main-green);
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 32px;
    margin-right: 10px;
    border: solid 1px var(--main-green);
}

[ng-model="phone.PhoneTypeID"],
[ng-model="vm.consultant.Person_OtherInformation.TranslationLanguageID"] {
    box-shadow: none;
    background: var(--white);
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border-color: #74736e;
    height: auto;
    font-size: 16px;
    text-decoration: none;
    padding: 17px 10px;
}

/*.Consultants-EditContactInfo #main-content-wrapper .panel.panel-default {
    background: var(--light-green);
}*/
/*
.Consultants-EditContactInfo #PersonInfo > div > div > .panel-heading {
    padding: 12px;
}

.Consultants-EditContactInfo #PersonInfo > div > div > .panel-heading {
    background: var(--dark-green) !important;
}

.Consultants-EditContactInfo #PersonInfo > div > div > .panel-body {
    padding: 10px 20px;
}

.Consultants-EditContactInfo #PersonInfo > div > div > .panel-heading h3 {
    font-size: 22px;
    color: var(--white);
}

.Consultants-EditContactInfo #PersonInfo .panel-body .panel-heading {
    border-color: var(--white);
}

.Consultants-EditContactInfo #PersonInfo .panel-body .panel-heading h3 {
    font-size: 18px; 
    color: var(--dark-green);
}


.Consultants-EditContactInfo .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.Consultants-EditContactInfo #main-content-wrapper .form-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.Consultants-EditContactInfo .form-group .col-sm-8 {
    width: 100% !important;
    margin-left: 0;
    height: auto;
}

.Consultants-EditContactInfo .form-group label {
    font-size: 14px;
    color: var(--black);
}

.Consultants-EditContactInfo .form-group input,
.Consultants-EditContactInfo .form-group select { 
    padding: 12px 10px !important;
    font-size: 16px !important;
    border-color: #74736e !important;
    height: auto;
}

.Consultants-EditContactInfo .form-group .k-widget, .Consultants-EditContactInfo .k-textbox {
    height: auto;
}

[ng-if="!vm.OptOutCompanyEmailNoAccess"] {
    margin-bottom: 0;
}*/


/* Phone Numbers */

[ng-repeat="phone in phoneNumbers track by $index"] .panel-body {
    border-bottom: 1px solid var(--white);
}

.Consultants-EditContactInfo [ng-repeat="phone in phoneNumbers track by $index"] select {
    padding: 18px !important;
}

[ng-click="removePhoneNumber(phone)"],
#btnAddPhoneNumber {
    border-radius: 32px;
    height: 30px;
    width: 30px;
    margin-top: 15px;
}

#btnAddPhoneNumber,
button[ng-click="vm.addNewAddress()"] {
    background-color: var(--main-green);
}

/* Buttons */

[ng-click="vm.viewAccountRecords(account.DisplayID,account.AccountTypeID)"] {
    border-radius: 32px;
    background: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
}

/* Save and Cancel Buttons */

button[ng-click="editAddressFunction({id: address.AddressID})"],
button[ng-click="vm.addNewAddress()"] {
    font-size: 16px;
    padding: 12px 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 32px;
    background-color: var(--white);
    color: var(--main-green);
    border-color: var(--main-green);
}

#btnCancelChanges, [ng-click="vm.saveChanges()"] {
    border: none;
    font-size: 16px;
    padding: 12px 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 32px;
}


/* Customer Center */

.k-grid tr:hover,
button[ng-click="vm.addNewAddress()"]:hover,
button[ng-click="editAddressFunction({id: address.AddressID})"]:hover {
    background-color: var(--light-green);
    color: var(--main-green);
}

.k-grid tr.k-state-selected:hover td  {
    background-color: var(--light-green);
    color: var(--main-green);
}


/* Shipping Informations Page */

[ng-form="editAddressForm"] .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white) !important;
}

[ng-form="editAddressForm"] .form-group .col-sm-8 {
    width: 100%;
}

#mainContent > div.ng-scope > div > div > div.ng-pristine.ng-valid.ng-valid-required > div:nth-child(2) > div:nth-child(3) > div > div.form-horizontal.panel-body > div.form-horizontal > edit-address > div > div:nth-child(11) > div,
#mainContent > div.ng-scope > div > div > div.ng-pristine.ng-valid.ng-valid-required > div:nth-child(2) > div:nth-child(3) > div > div.form-horizontal.panel-body > div.form-horizontal > edit-address > div > div:nth-child(10) > div {
    margin: 0;
}

#mainContent > div.ng-scope > div > div > div.ng-pristine.ng-valid.ng-valid-required > div:nth-child(2) > div:nth-child(3) > div > div.form-horizontal.panel-body > div.form-horizontal > edit-address > div > div:nth-child(11) > div > div > label,
#mainContent > div.ng-scope > div > div > div.ng-pristine.ng-valid.ng-valid-required > div:nth-child(2) > div:nth-child(3) > div > div.form-horizontal.panel-body > div.form-horizontal > edit-address > div > div:nth-child(10) > div > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Thank you Page */

div.col-md-2 dl dt[ng-if="vm.shoppingCartModel.order.CommissionDate != null"],
div.col-md-2 dl dd[ng-if="vm.shoppingCartModel.order.CommissionDate != null"] {
    display: none;
}

.table.checkout-table tr.discount {
    display: none;
}

.subtotal-order-details .row .col-md-6.col-sm-12:first-of-type dl dt:nth-last-of-type(-n + 2),
.subtotal-order-details .row .col-md-6.col-sm-12:first-of-type dl dd:nth-last-of-type(-n + 2) {
    display: none !important;
}

#btnViewOrder {
    display: none !important;
}

#ng-view > div > div > div.col-md-12 > div.product.view > div.panel.panel-default > div.panel-body > div > div.col-lg-2 button {
    border: none;
    border-radius: 32px;
    font-size: 16px;
    background-color: var(--light-green);
    color: var(--dark-green);
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin: 0;
}

#ng-view > div > div > div.col-md-12 > div.product.view > div.panel.panel-default > div.panel-body > div > div.col-lg-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 10px;
}


    #ng-view > div > div > div.col-md-12 > div.product.view > div.panel.panel-default > div.panel-heading {
        margin-bottom: 10px;
    }

    #ng-view > div > div > div.col-md-12 > div.product.view > div.panel.panel-default {
        padding: 20px 10px;
        margin: 20px;
        
        background: var(--cream);
        border-radius: 6px;
    } 

    
    .subtotal-order-details {
        padding: 20px 10px;        
        background: var(--cream);
        border-radius: 6px;
    }
    

    [ng-show="vm.shoppingCartModel.orderPaid"]:not(.subtotal-item) .panel.panel-default {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"]:not(.subtotal-item) {
        background: var(--cream);
        border-radius: 6px;
        padding: 20px 10px;
        margin: 20px 0px;
    }
    
    [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"]:not(.subtotal-item) img {
        background: var(--white) !important;
    }
    
     [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] .col-md-3 {
         width: 20%;
         text-align: right;
     }
     
     [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] .col-md-6 {
         width: 60%;
     }
     
     [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] .padding {
         display: none;
     }
     

   [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] .center-block {
       margin-left: 0;
   }    
    
    
    .order-summary-header {
        /* content: 'Order Summary'; */
        /* position: absolute; */
        font-size: 18px;
        color: var(--dark-green);
        /* left: 0; */
        /* top: -35px; */
    }
    
    .table.checkout-table {
        border-radius: 6px;
        padding: 20px 10px;
        margin: 20px;
        width: calc(100% - 40px);
        position: relative;
    }
    
    .table.checkout-table .pull-right {
        margin-left: 0 !important;
        float: right !important;
    }


/* Thank You Page - Mobile */

@media (max-width: 1024px) {
    #ng-view > div > div > div.col-md-12 > div.product.view > div.panel.panel-default > div.panel-body > div > div.col-lg-2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 30px;
    }

    
   [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] * {
       text-align: left;
   } 
   
    [ng-repeat="line in vm.shoppingCartModel.order.OrderLines"] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        
    }
    
   
    
}

/* Tests */ 

/* Sticky ATC */
@media (max-width: 1024px) {
#btnCheckout {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    z-index: 999999;
    opacity: 1;
}
}


/*  Fixes */

/* Hide Reward section for VD */
        .ViewCartPromotions .RewardID-63 {
            display: none !important;
        }

/* Hide search icon Flight */
body:not(.team) .nav-search-wrapper .nav-search-icon {
    color: #266431;
    display: none;
}

/* Hide shipping fee totals */
#shippingMethodPanel span.pull-right.half-pad-left {
    display: none;
}

/* Hide coupons on checkout */
.shoppingcartapp [ng-if="vm.shoppingCartModel.cart.OrderPersonID != null && vm.availableCoupons != null && vm.availableCoupons.length > 0 && vm.showCouponsAvailable==true"] {
    display: none !important;
}

input[placeholder="Coupon or Promotion Code"], #btnAddCoupon, input[placeholder="Coupon of promotiecode"] {
  display: none !important;
}


@media (max-width: 991px) {

    .pickup-points-list .form-inline .form-group div,
    .pickup-points-list .form-inline .form-group div input {
        width: 100% !important;
    }

    .checkout-wrapper .form-horizontal .pickup-points-list .form-group  {
    flex-direction: column !important;
    justify-content: flex-start;
    width: 100% !important;
    }

    .products-gridview, .products-gridview>div[class*=col-] {
        display: inherit;
        display: flex;
    }
}

.promo-banner-panel .padding-sm  {
    display: none;
}

.promo-banner-panel .NonQualifiedThreshold i.fa,
.promo-banner-panel .post-qualification-message i.fa {
    font-family: "Font Awesome 6 Pro";
    color: var(--main-green);
}

.pre-qualification-message i.fa,
.post-qualification-message i.fa
 {
    font-size: 2em !important;
}

.NonQualifiedThreshold i.fa:after,
.post-qualification-message i.fa:after {
    content: none !important;
}

.promo-banner-panel.panel {
    background-color: var(--light-green);
    border: solid 1px #266431 !important;
    border-radius: 4px !important;
    
}

.promo-banner-panel.panel .panel-heading {
    background-color: var(--main-green) !important;
    color: white;
    padding: 10px;
}

.promo-banner-progress .progress {
    background-color: #88c3a8 !important;
}

.promo-banner-progress .progress-bar {
    background: #3d9970 !important;
}

.promo-banner-progress {
    padding: 0 8px;
}

.qualification-button .btn {
    margin-top: 8px;
}

.ViewCartPromotions .promo-banner-progress {
    display: none;
}

/* cart-quick-add adjustments */

.form-horizontal input#cartQuickAdd {
    border: solid 1px var(--grey);
    border-radius: 33px !important;
}


#quickAddPanel div.col-md-9 {
    margin-bottom: 15px;
}

.OrderViewCartCheckoutDiv>.input-group {
    display: none !important;
}

/* custom category page */

.custom-category-page-layout {
    padding: 50px;
}
.custom-category-page-layout .col-md-4 {
    margin: 10px;
}
img.custom-category-page {
    width: 80%;
    height: auto;
    border-radius: 12px;
}

/* Make text column and image column align horizontally */
.custom-page-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Ensure each side keeps its width */
.custom-page-row > .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-page-row > .col-lg-6.text-col {
        padding: 2vh 2vw 6vh 2vw;
}

.custom-page-row > .col-lg-6.text-col p {
     font-family: 'Herbalife-Walsheim-GT-Regular';
     color: #74736e;
     font-size: 16px;
}

h2.custom-page-title {
    color: var(--main-green);
    font-family: 'Herbalife-Walsheim-GT-Regular';
    font-size: 16px;
    text-decoration: underline;
    line-height: 40px;
}
@media (max-width: 991px) {
    #orderCustomFieldsPanel .form-horizontal .form-group div.radio label {
        width: 100%;
    }
    #orderCustomFieldsPanel .form-horizontal .form-group div.radio label {
        display: flex;
        align-items: center;
        gap: 8px; /* space between radio and text */
        line-height: 1.2; /* prevents odd wrapping on iPhones */
    }
    #orderCustomFieldsPanel .form-horizontal .form-group div.radio label input[type="radio"] {
        flex-shrink: 0; /* stops the radio from shrinking and overlapping text */
    }


    #orderCustomFieldsPanel .form-horizontal .form-group div.radio label input[type="radio"] {
        width: 18px;
        height: 18px;
    }
    .col-sm-11.col-xs-10.list-view-info-col .col-md-6 {
        width: 100%;
    }

    .col-sm-11.col-xs-10.list-view-info-col .col-md-6.text-right.list-view-btn-col {
        width: 100% !important;
    }
    .items-per-page,
    .items-per-page-select,
    .shoppingcart-actionbar .breadcrumb,
    .col-md-12.breadcrumbs-col,
    div.shoppingcart-breadcrumbs,
    .shoppingactionbar.form-inline.panel-heading .padding,
    .shoppingcart-controls .shoppingcart-filter-controls .shppingcart-items-per-page,
    .shoppingcart-controls .shoppingcart-filter-controls .shoppingcart-item-sorting select.form-control {
        display: none !important;
    }
    .shoppingactionbar {
        padding: 1px;
    }
/*    .btn.btn-primary.quarter-pad-top translate-content {
        display: none;
    }*/
    .list-view-btn-col .k-widget {
        width: 35% !important;
    }

}

.list-view-btn-col a.moreInfo.btn.btn-default {
    display: none;
}

.cartwidget .sticky-cart-button {
    border-radius: 999px;
    background-color: var(--main-green);
}

.footer-link-list {
    padding:10px;
    padding-bottom:90px;
    margin-left: 60px;
}

@media (min-width: 768px) {
  .footer-link-list {
    margin-left: 250px;
    }
}

.footer-link-list a {
    display: block;
    margin-bottom:10px
    
}

.footer-link-list p {
    color: gray;
}

@media (min-width: 991px) {
    .sticky-cart.visible-xs {
        display: none !important;
    }
}

/* Hide the "Rewards" column header and all reward cells */
th.rewards-header,
td.reward {
  display: none;
}
/* Hide the DS Standard Discount 25% row */
tr.discount-total.ng-scope {
  display: none !important;
}

tr.discount.text-success.ng-scope {
  display: none !important;
}

/* Force the Kendo switch to 100px wide */
span.k-switch.k-widget {
  width: 120px !important;
}

span.k-switch.k-widget input[data-role="switch"] {
  width: 120px !important;
}

/* Optional: ensure the inner container respects the width */
span.k-switch.k-widget .k-switch-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* Make the mandatory label on the viewcart page more obvious */
.Cart-ShoppingCart small.mandatory-item {
    color: #b10000;
    font-style: italic;
}

/* Temporary Hide distance on PUP Selector */
.pickup-point-distance.ng-binding {
  display: none !important;
}

/* Temporary Hide total after discount on view.CartPage */
tr.total-after-savings {
  display: none !important;
}

.CartPriceInfo {
    color: #666666;
}

.product-grid-description .CartPriceInfo {
    display: inherit;
    width: 100%;
}

.CartPriceInfo.text-center {
    text-align: left;
}
.product-price-inner {
    justify-content: left !important;
}

/* Fix buttons on Kendo pop-up window */
.k-window .k-window-titlebar-actions button {
    width: 40px;
    height: 40px;
    background-color: white;
}
.k-window-titlebar-actions [aria-label="minimize"],
.k-window-titlebar-actions [aria-label="maximize"] {
    display: none;
}

/* Add additional items button  */
.herbalife-subtotal-add-products-link .fa,
.herbalife-subtotal-viewcart-link .fa {
    margin-right: 6px;
}
.herbalife-subtotal-add-products-link {
    display: block;
    margin: 0 15px 15px;
    padding: 12px 16px;
    text-align: center;
    border: 2px dashed #c8c8c8;
    border-radius: 8px;
    background: transparent;
    color: #666;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}
.herbalife-subtotal-add-products-link:hover,
.herbalife-subtotal-add-products-link:focus {
    color: #333;
    border-color: #aaa;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.02);
}
.herbalife-subtotal-remove-join {
    margin: 0 15px 12px;
    text-align: center;
}
.herbalife-subtotal-viewcart-link {
    margin: 0 15px 15px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    width: calc(100% - 30px);
}