:root {
    /** set the font for all root/body text **/
    --dxp-g-root-font-family: 'Messina Sans',arial,sans-serif;
    
    /** set the font for headings **/
    --dxp-g-heading-font-family: 'Messina Serif',sans-serif; 
}

.b2b_slds .cstm-button-white, .cstm-button-white, .cstm-button-white.slds-button {
    justify-content: center;
    align-items: center;
    /*padding: 10px 32px 11px;*/
    min-width: 10rem;
    padding-top: 10px;
    padding-bottom: 11px;
    /* border: none; */
    outline: none;

    background-color: #FFFFFF;
    color: #000000;
    border-radius: 3px;

    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
}

.cstm-button-white:hover, .cstm-button-white.slds-button:hover {
    background-color: #6b6d70 !important;
}

.b2b_slds .cstm-button-black, .cstm-button-black, .cstm-button-black.slds-button {
    justify-content: center;
    align-items: center;
    /*padding: 10px 32px 11px;*/
    min-width: 10rem;
    padding-top: 10px;
    padding-bottom: 11px;


    /* background-color: #000000; */
    background-color: #9BBE87;
    border: none;
    color: #FFFFFF;
    border-radius: 3px;

    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
} 

.cstm-button-black:hover, .cstm-button-black.slds-button:hover {
    background-color: #6b6d70 !important;
}

.cstm-button-white-align-right, .cstm-button-white-align-right {
    text-align: right;
}

.cstm-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 16px;
  
    /* below styles are on figma, but doesn't do anything on page */
    /* position: static;
    left: 10%;
    right: 0%;
    top: 25%;
    bottom: 32.14%; */
  
    /* White / 400 */
  
    background: #FFFFFF;
    /* Background (Additional)/Mid Grey */
  
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 3px;
  
    /* Inside auto layout */
  
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;
    width: 50%;
  }



  @media screen and (max-width: 850px) {
    .cstm-input {
        width: 100%;
    }
  }
/*
 *  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A28300
 *  VPL = width >= 1020
 *  VPM = 670 >= width <= 1019
 *  VPS = width <= 669  
 */


/* 
 *  =========== VPL = width >= 1020 STYLES STARTS ===========
*/

main {
    min-height: 500px;
}

/* used for site content padding */

.site-content-padding {
    padding: 0px 15%;
}

.site-content-reg-padding {
    padding: 0px 15%;
}

.large_window_filter .slds-form-element__label {
    margin-top: 35px !important;
    margin-bottom: 22px !important;
    font-family: var(--dxp-s-body-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: capitalize;
}

.order-results-container .table>.theader>.table_header {
    padding-bottom: 27px !important;
}

.large_window_filter button.cstm-button-black,
.large_window_filter button.cstm-button-white {
    width: 100px;
    height: 45px;
    border: 1px solid black !important;
    border-radius: 3px;
    box-shadow: none !important;
    padding: 0 !important;
}

.large_window_filter .slds-form-element__control {
    height: 45px !important;
    font-weight: 400 !important;
    background-color: #fff;
}

.b2b_slds .slds-input-has-icon_right .slds-input_faux {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.b2b_slds .slds-input__icon-group_right .slds-input__icon_right {
    right: 22px !important;
}


/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A28975
*  HEADERS STYLING STARTS 
*/


/* used for site content headers with gray colors 
  - b2bRegistrationPage (https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=3866%3A18100)
*/

.header1-section-gray,
.header1-reg-section-gray {
    /* padding-top: 30px; 50 */
    padding-bottom: 100px;
    /* background-color: #ECECEC; */
}

.header1-section,
.header1-reg-section {
    margin: 50px 0px 100px 0px;
}

.header1-section-gray,
.header1-reg-section-gray {
    /* margin: 50px 0px 30px 0px; */
}

.header1-section>h1,
.header1-section-gray>h1 {
    font-family: var();
    font-weight: 350;
    font-size: 48px; /*56px;*/
    line-height: 105%;
    padding-left: 15%;
    padding-right: 20px;
}

.header1-reg-section>h1,
.header1-reg-section-gray>h1 {
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-style: normal;
    font-weight: 350;
    font-size: 56px;
    line-height: 105%;
    padding-left: 15%;
    padding-right: 20px;
}

.header1>h1 {
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-style: normal;
    font-weight: 350;
    font-size: 56px;
    line-height: 105%;
}

.error-msg {
    color: red;
}

.success-msg {
    color: rgb(46, 95, 46);
}

div.column-content .header1-section h1 {
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-weight: 400 !important;
    font-size: 48px !important;
    line-height: 50px !important;
    color: #000000;
    margin-bottom:62px !important;
}
/* @media (min-width: 769px) {
div.column-content .header1-section h1 
    {

        margin-top: 137px !important;
    }

} */


/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A28975
*  HEADERS STYLING ENDS 
*/


/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A35768
*  INPUTS STYLING STARTS 
*/

.required-label:after {
    content: " *";
    color: red;
}

input[type='text'] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 16px;
    /* Background (Additional)/Mid Grey */
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
}

label {
    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: 350;
    font-size: 16px !important;
    line-height: 150%;
}

label.cmp-form-options__field-label {
    line-height: 100% !important;
}


/* .slds-combobox__form-element {
  height: 300px;
} */

.slds-combobox__input {
    padding: 10px 10px !important;
}

input.slds-input {
    padding: 10px 10px !important;
}

.input-helper-text {
    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 150%;
    color: #808080;
}

@media screen and (max-width:1025px){
    .input-helper-text {
        font-size: 16px;
    }
    .b2b_slds .slds-form-element__label {
        font-size: 16px !important;
    }
}



/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A35768
*  INPUTS STYLING ENDS 
*/


/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A29343
*  TEXT STYLING STARTS 
*/


/* used for text of site content */

.text-lead,
.text-standard,
.text-small {
    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.text-lead {
    font-size: 20px;
}

.text-standard {
    font-size: 16px;
}

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


/*
*  https://www.figma.com/file/ciIxt70eYIyYZr7lD35Nlc/Model-Design-System-v2.0-(Commerce)?node-id=7632%3A29343
*  TEXT STYLING ENDS
*/


/* 
*  =========== VPL = width >= 1020 STYLES ENDS ===========
*/


/* 
*  =========== VPM = 670 >= width <= 1019 STYLES STARTS ===========
*/

@media only screen and (max-width: 475px){
    div.left.cart_container div.table div.table_small:first-of-type{
        height: 165px;
        overflow: hidden;
    }
    div.left.cart_container div.table div.table_small:first-of-type img{
        position: absolute;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
    }
}
@media screen and (max-width: 1019px) {
    .site-content-padding {
        padding: 0px 20px;
    }
    .header1-section>h1,
    .header1-section-gray>h1 {
        font-size: 48px;
        line-height: 105%;
        padding-left: 20px;
        padding-right: 20px;
    }
    /*cart*/
    /* div.left.cart_container{
        border: 1px solid red;
    } */
    div.left.cart_container div.table div.table_small{
        text-align: left !important;
        position: relative;
    }


    div.left.cart_container div.table .table_small>.table_cell:nth-child(2), 
    div.left.cart_container div.table .table_cell_currency{
        text-align: right !important;
        padding-right: 6px;
    }
    /*orders overview*/
    .order-results-container .table {
        margin-bottom: 40px;
    }
    .order-results-container .table_row:nth-child(odd) {
        background-color: #F2F2F2 !important;
    }
    .order-results-container .table_row>div:first-of-type .table_cell {
        font-weight: 700 !important;
        font-size: 16px;
        line-height: 150%;
    }
    .order-results-container .table_row>.table_small>.table_cell {
        border-bottom: none !important;
    }
    .order-results-container .table_row>.table_small:first-child>.table_cell:last-child {
        border-top: none !important;
    }
    .order-results-container .table_row>.table_small:first-child>.table_cell:first-child {
        border-top: none !important;
    }
    .order-results-container .table_row .table_small>.table_cell:first-of-type {
        text-align: left;
        padding-left: 6px;
    }
    .order-results-container .table_row>.table_small>.table_cell:last-child {
        border-right: none !important;
    }
    .order-results-container .table_row .table_small>.table_cell:nth-child(2) {
        text-align: right;
        padding-right: 6px;
    }
    .order-results-container .table_row .table_small .table_cell button.ctsm-button-white {
        width: 100% !important;
        margin-right: -6px;
    }
    .order-results-container .table_row>.table_small>.table_cell:first-child {
        border-left: none !important;
    }
    .order-results-container .table button.cstm-button-white {
        position: absolute;
        left: 2%;
        width: 96%;
    }
}


/* 
*  =========== VPM = 670 >= width <= 1019 STYLES ENDS ===========
*/


/* 
*  =========== VPS = width <= 669 STYLES STARTS ===========
*/

@media screen and (max-width: 669px) {
    div.column-content .header1-section h1 {
        font-size: 36px !important;
    }
    .site-content-padding {
        padding: 0px 20px;
    }
    .header1-section>h1,
    .header1-section-gray>h1 {
        font-size: 36px;
        line-height: 110%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-lead {
        font-size: 18px;
    }
    /*NEW*/
  /*Header*/
  header.cmp-site-header div.l-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
    .cmp-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .product_container {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    .left_column,
    .right_column {
        width: 100%;
        margin: auto;
    }
    .left_column {
        width: 100% !important;
        padding: 0 !important;
    }
    .left_column[c-b2bProductDetailLayout_b2bProductDetailLayout] {
        padding: 0 !important;
    }
    .product_image_main {
        max-width: 100vw !important;
    }
    .right_column,
    .details_content {
        padding: 0 !important;
    }
    h1.product_name,
    div.product_name {
        line-height: 39.6px !important;
        margin-top: 25px;
        min-width: 320px !important;
    }
    .product_advantages ul {
        margin-top: 35px;
    }
    .product_categories {
        margin-top: 1.5rem;
    }
    .details_content ul{
        margin-top:2.1625rem !important;
        font-size: 16px !important;
        font-family: var(--dxp-s-body-font-family) !important;
        line-height:24px !important;
        letter-spacing: -2% !important;
    }
    
    .product_categories {
        margin-top: 1.5rem;
    }
    .details_content {
        width: 100% !important;
        padding: 18px 7px !important;
        padding-bottom: 30px !important;
    }
    .detail_item {
        margin-top: 0 !important;
    }
    .full_column {
        padding: 0 !important;
    }
    .desc_block {
        padding-right: 0 !important;
    }
    .container_name {
        margin-bottom: 13px !important;
    }
    /*Category and Search Page*/
    div.left {
        max-width: 100% !important;
    }
    div.right .sort_block select {
        width: 100% !important;
    }
    div.product_filtered-list-container div.left select {
        margin-top: 25px;
      }  
}


/* 
*  =========== VPS = width <= 669 STYLES ENDS ===========
*/


/*Product Description Page*/

desc_block p {
    border-top: none !important;
}

.tile_card .tile_icon img {
    width: 100% !important;
    /* height: 320px !important; */
    max-width: 100% !important;
    object-fit: cover;
}


/*Mobile Version*/


/* .l-container{
  max-width:  100%;
} */


/*Search Page && Category Page*/

span.slds-checkbox_faux {
    border: 1px solid black !important;
    background-color: #fff;
    height: 13px !important;
    width: 13px !important;
}

span.slds-checkbox_faux::after {
    border-bottom: 2px solid black !important;
    border-left: 2px solid black !important;
    width: 0.4rem !important;
}

.slds-rich-text-editor__output {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 14.4px !important;
}

div.left .component-wrapper-spacer:first-of-type {
    align-content: center;
    margin-bottom: 0 !important;
    border: none !important;
}

/*Hide Nav Scroll*/


/*chrome*/

@media (min-width:1180px) {
    .cmp-site-navigation-interact.h-level-1 {
        padding-bottom: 29px !important;
    }
}

.cmp-site-navigation-submenu .cmp-site-navigation-submenu-cnt {
    padding-bottom: 110pt;
}


/*Style slider on firefox*/

input[type=range]::-moz-range-track {
    background: #000;
    border: none;
}

input[type=range]::-moz-range-thumb {
    background: #000;
    border: none;
}


/*Adding > icon to navigation elements*/

a.cmp-site-navigation-link.h-level-2.cmp-site-navigation-interact.internal {
    position: relative;
}

a.cmp-site-navigation-link.h-level-2.cmp-site-navigation-interact.internal::after {
    content: '';
    display: none;
    height: 10px;
    width: 10px;
    border-top: 2px solid black;
    border-right: 2px solid black;
    position: absolute;
    right: 10px;
    top: 8px;
    transform: rotate(45deg);
}


/*removing v icon from header*/

/* .cmp-site-navigation-button:after {
    content: none !important;
} */

.sort_block select option {
    width: 170px !important;
}

.ql-editor p {
    font-family: Messina Sans;
    font-weight: 350;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 74px !important;
}

.light-text {
    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: 350;
    font-size: 14px;
}


@media screen and (max-width: 767px) {
    .cmp-site-navigation-title {
        font-size: 14px;
        line-height: 130%;
        padding-top: 1pc;
        letter-spacing: 0.01em;
        padding-bottom: 8px;
        font-family: var(--dxp-s-text-heading-large-font-family);
    }
    .input-width label {
        margin-top: 35px !important;
        margin-bottom: 22px !important;
        margin-top: 35px !important;
        margin-bottom: 22px !important;
        font-family: var(--dxp-s-body-font-family);
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 150% !important;
    }
    .cmp-site-navigation-description {
        font-size: 16px;
        color: grey;
        padding-bottom: 1pc;
        line-height: 150%;
        letter-spacing: -0.02em;
    }
    .input_container {
        width: 100%;
        height: 66px;
        line-height: 66px;
        border: none;
        margin-bottom: 0px;
        border-bottom: 1px solid #F3F3F3;
    }
    li.h-level-1 {
        /* width: fit-content;
        max-width: auto; */
        text-align: center;
    }
    .finder_icon {
        max-width: 100%;
        line-height: 150%;
        letter-spacing: -0.02em;
        height: 45px;
    }
    .finder_icon img {
        margin-left: 0px;
        height: 39.5px;
        width: 54.81px;
        margin-right: 53px;
    }
    .cmp-site-navigation-main.h-level-1 {
        /* width: 90%; */
        justify-content: space-between;
        margin-top: 11px;
        height: 451px;
        margin-bottom: 30px;
        /* overflow-y: hidden; */
        /* border-top: 1px solid transparent !important;
        display: flex; 
        flex-direction: column;*/
    }
    .cmp-site-navigation-interact {
        width: 100%;
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-size: 20px !important;
        padding-top: 9pt;
        padding-bottom: 9pt;
        background-color: transparent;
        -webkit-transition: color .2s;
        transition: color .2s;
        letter-spacing: -0.03em;
        color: #000;
        line-height: 100%;
    }
    /* .cmp-site-navigation-interact::after {
        content: '\FF1E';
        display: inline-block;
        color: #020203;
        font-size: 24px;
    } */
    /* edge to edge on mobile */
    .section-content.community_layout-section_section {
        padding: 0px !important;
    }
}
    /*checkout summary*/
    @media screen and (min-width: 1026px) { 
        .checkout_summary_container{
          padding-left: 5px !important;
          padding-right:5px !important;
        }
        .checkout_summary_container h1.main_header{
          /* margin-top:85px !important; */
        }
        .checkout_summary_container div.slds-m-vertical_large>h1{
          margin-top:45px !important;
          margin-bottom: 2rem !important;
        }
        /* div div.right-column_delivery, div.desktop_table_container>div:nth-child(3){
          width:284px !important;
          margin-left: 39px !important;
        } */


        /* div div.right-column_delivery>div, div.desktop_table_container>div:nth-child(3)>div{
            margin-left: 2rem
          } */
  
        div div.right-column_delivery , div.desktop_table_container>div:nth-child(3){
            padding-left: 2rem
        }


        .desktop_card_container{
            padding:  46px 130px 46px 35px !important;
        }

        div.deliver>span{
          font-family: var(--dxp-s-body-font-family);
          font-weight: 400;
          font-size: 20px;
          line-height: 120%;
          margin-bottom: 45px !important;
        }
        .checkout_summary_container .cstm-button-white{
          width: 100%;
        }

        div.desktop_card_container div.card-header{
          margin-bottom: 15px !important;
        }

        div.desktop_table_container div.table{
            width: 92.56% !important
        }
    
       div.desktop_table_container  div.table_cell_currency{
            text-align: center !important;
        }

        div.checkout_summary_container div.payment_container {
          padding-top:46px !important;
          padding-bottom:60px !important;
          padding-left:35px !important;
          padding-right:px !important;
          min-height: 315px !important;
        }
        div.payment_container div.full_width_mobile div.terms_line {
          /* margin-left: 230px !important;
          width: 215px !important; */
          min-width: fit-content;
      }
      div.checkout_summary_container button.cstm-button-white {
        /* margin-top:48px !important; */
        height: 45px !important;
      }
      /* .checkout_summary_container button.cstm-button-black {
        margin-left: 230px !important;
        width: 230px !important;

      } */
      .checkout_summary_container h1.payment_header{
        margin-bottom: 60px !important;
      }
    }


/*checkout summary*/

@media (max-width:1240px) {

    .checkout_summary_container h1.main_header {
        font-size: 36px;
        width: 62%;
        font-family: Messina serif;
    }
    .checkout_summary_container h1,
    .checkout_summary_container div.card-header {
        font-size: 32px;
        font-family: Messina serif;
    }
    .checkout_summary_container h1 {
        margin-top: 16px;
    }
    .checkout_summary_container .slds-m-vertical_large h1 {
        margin-top: 51px;
        padding-left: 5px !important;
    }

    .checkout_summary_container div.slds-wrap {
        padding: 25px 5px !important;
        justify-content: space-between;
    }
    .checkout_summary_container div.slds-m-vertical_medium {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .checkout_summary_container .card-header {
        margin-bottom: 15px !important;
    }
    .checkout_summary_container .card div.card-item:last-of-type {
        margin-bottom: 40px !important;
    }
    .checkout_summary_container .card div.card-item-bold {
        margin-top: 16px !important;
    }
    .checkout_summary_container div.table>.table_small>.table_cell {
        border: none !important;
        text-align: left;
    }
    /*delivery section*/
    .checkout_summary_container .cstm-button-white,
    .checkout_summary_container .cstm-button-black {
        width: 100%;
    }

    .checkout_summary_container .options_container {
        flex-direction: column !important;
        margin-top: -1.2rem;
    }
    .checkout_summary_container .options_container label.radio-label {
        position: relative;
    }
    .checkout_summary_container .full_width_mobile {
        width: 100% !important;
        padding-right: 0 !important;
    }
    div.delivery_input {
        margin-bottom: 15px !important;
    }
    .checkout_summary_container .or {
        margin-right: 3px;
    }
    .checkout_summary_container .date_container {
        margin-bottom: 0px !important;
    }
    .delivery_method span {
        display: block;
    }
    .delivery_method {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    div.text-bold,
    div.service_container_between,
    .service_container_between div {
        font-size: 1rem !important;
    }
    
    
    /* .checkout_summary_container .table_row>.table_small>.table_cell:nth-child(odd) {} */

    .checkout_summary_container div.table div.table_cell,
    .checkout_summary_container div.table_cell_currency {
        text-align: left;
        border: none !important;
        padding-left: 0 !important;
    }
    .checkout_summary_container div.table div.table_cell:nth-child(even),
    .checkout_summary_container div.table_cell_currency {
        text-align: left !important;
    }

    .checkout_summary_container button.cstm-button-white,
    .checkout_summary_container button.cstm-button-black {
        /* height: 45px !important; */
        justify-content: center;
        align-items: center;
        outline: none;
        background-color: #FFFFFF;
        color: #000000;
        border-radius: 3px;
        font-family: Messina Sans;
        font-size: 16px;
        line-height: 150%;
    }
    .checkout_summary_container button.cstm-button-black {
        color: #fff;
        background-color: #000;
    }
    .checkout_summary_container div.slds-form-element__control input {
        height: 48px !important;
        border: 1px solid #E6E6E6;
        border-radius: 3px;
        margin-bottom: 11px !important;
        padding: 0 !important;
        /* width: calc(100vw - 40px); */
        width: 100%;
    }
    .checkout_summary_container div.slds-form-element__control input::-webkit-date-and-time-value {
        text-align: left;
    }

    .checkout_summary_container div.payment_container span.slds-checkbox_faux {
        height: 18px !important;
        width: 18px !important;
        border: 1px solid #808080 !important;
        border-radius: 3px;
    }
    .checkout_summary_container div.payment_container span.slds-checkbox_faux::after {
        border-bottom: 3px solid black !important;
        border-left: 3px solid black !important;
        width: 0.65rem !important;
    }
    div.payment_container div.full_width_mobile div.terms_line {
        font-family: var(--dxp-s-body-font-family);
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 150%;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em !important;
        color: #808080 !important;
    }
    div.second_delivery_section {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
.checkout_summary_container .or{
    margin-right:3px;
    margin-bottom:8px;
    display: block;
    width: 100%;
  }
  div.delivery_input{
    margin-bottom: 15px !important;
}

  .full_width_mobile:last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

div.payment_container div.full_width_mobile div.terms_line{
    font-family: var(--dxp-s-body-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150%;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em !important;
    color: #808080 !important;
  }

.checkout_summary_container div.payment_container span.slds-checkbox_faux{
    height:18px !important;
    width: 18px !important;
    border: 1px solid #808080 !important;
    border-radius: 3px;
  }
  .checkout_summary_container div.payment_container span.slds-checkbox_faux::after{
    border-bottom: 3px solid black !important;
    border-left: 3px solid black !important;
    width: 0.65rem !important;
  }
  

   /*USE the class custom-radio on any radio button to style as in current figma, with the following settings*/
   div.table_cell label.radio-label{
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content:center;
    align-items:center;
  }
  .custom-radio{
    opacity: 0;
    z-index:3;
  }
  .checkmark{
    height: 18px;
    width: 18px;
    border:1px solid #808080;
    border-radius:9999px;
    background-color: #fff;
    color: transparent;
    position: absolute;
    left:0;
    top:0;
    margin-right: 0.5rem;
  }
  input:checked ~ .checkmark {
    background-color: #000;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  /* Show the indicator (dot/circle) when checked */

  input:checked ~ .checkmark:after {
    display: block;
  }
  /* Style the indicator (dot/circle) */
.checkmark:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: white;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}


/*override input border*/
button.slds-combobox__input.slds-input_faux {
  border:1px solid #e6e6e6;
}


/*override text colro in slds-m-top_medium*/
div.slds-m-top_medium, span.slds-m-top_medium, .slds-m-top_medium{
  color: #000 !important;
}


/*header active effect*/
.h-level-1.cmp-site-navigation-button:before{
  height:3px !important;
}

/*overlay close button*/
.cmp-site-navigation-back-button{
  right: 10px !important;
}

.cmp-site-navigation-item a.cmp-site-navigation-link,.cmp-site-navigation-submenu.h-level-2 .cmp-site-navigation-submenu-cnt .h-level-2.cmp-site-navigation-item a{
  overflow: visible;
}

div button.cstm-button-white{
  border-color: black !important;
}


div button.slds-m-top_medium{
  color: #fff !important;
}

/*radio cell checkout address*/
@media screen and (max-width: 430px){
    div.table_cell.radio-cell {
      padding-left: 40% !important;
  }
  }
  @media screen and (min-width: 431px) and (max-width: 541px){
    div.table_cell.radio-cell {
      padding-left: 40.5% !important;
  }
  }
  @media screen and (min-width: 542px)and (max-width: 645px) {
    div.table_cell.radio-cell {
      padding-left: 43% !important;
  }
  }
  @media screen and (min-width: 646px)and (max-width: 1024px) {
    div.table_cell.radio-cell {
      padding-left: 43% !important;
  }
  }
  @media screen and (min-width: 769px)and (max-width: 900px) {
    div.table_cell.radio-cell {
      padding-left: 44% !important;
  }
  }
/* @media screen and (min-width: 901px) and (max-width: 1240px){
  div.table_cell.radio-cell {
    padding-left: 23% !important;
}
} */


/*Final Review Notes*/
@media screen and (max-width: 769px)
{
    .cmp-container, .l-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
.cmp-site-navigation-main.h-level-1{
    align-items: baseline;
}

@media screen and (min-width: 1180px){
    menu.h-level-1.cmp-site-navigation-menu.l-main-nav.cmp-site-navigation-main{
        overflow: hidden;
        height:100px !important;
        /* align-items: baseline; */
    }
}
@media screen and (max-width: 1025px){
    .menu_header button.user_name{
        margin-bottom:42px !important;
    }
}

@media screen and (min-width:1439px){
    button.cmp-site-navigation-button.h-level-1{
        letter-spacing: -0.02em;
        width: 107px !important;
    }

    menu.h-level-1.cmp-site-navigation-menu.l-main-nav.cmp-site-navigation-main{
        width: 94%;
    }
}
/* menu.h-level-1.cmp-site-navigation-menu.l-main-nav.cmp-site-navigation-main .cmp-site-navigation-button:after{
    content: ' ' !important;
    content: none !important;
} */

div.checkout_summary_container  div.delivery span {
    font-family: var(--dxp-s-text-heading-large-font-family);
    font-style: normal;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 120%;
    margin-bottom: 55px;
}
div.checkout_summary_container  div.delivery{
    margin-bottom:20px!important;
}

span.text_vat{
    display: block;
    font-size: 14px !important;
}

/*center img on mobile checkout summary table*/
.checkout_summary_container .table .table_small{
    position: relative;
}
.checkout_summary_container .table .table_header{
    min-width:89px !important;
    padding-top: 0;
}
@media screen and (max-width: 1024px) { 
    div.desktop_table_container div.table div.table_small div.table_cell:nth-child(even) {
        text-align: right !important;
    }

   .checkout_summary_container div.table div.table_small:first-of-type {
        height: 167px !important;
        overflow: hidden;
    }
   .checkout_summary_container div.table div.table_small:nth-child(even){
        text-align: right !important;
    }
    .checkout_summary_container div.table div.table_small:first-of-type div.table_cell img{
        position:absolute !important;
        left:calc((100% - 160px)/2);
        heigh:100% !important;
    }

}

.slds-grid.slds-wrap.slds-m-bottom_large.desktop_table_container{
    justify-content: space-between;
}
/* @media screen and (min-width: 1024px){
    div div.right-column_delivery, div.desktop_table_container>div:nth-child(3){
        max-width:29.3333333% !important;
    }
} */
@media screen and (max-width: 1024px){
    .desktop_table_container .slds-col.slds-size_1-of-1.slds-large-size_4-of-12.slds-m-bottom_large{
        margin-top: 20px !important;
    }
}

li.cmp-site-navigation-item a{
    padding: 6px 0 !important;
} 

@media screen and (max-width:1025px){
    menu div li.cmp-site-navigation-item.h-level-2{
        position:   relative;
    }
}

@media screen and (max-width:769px){
    div.left.cart_container .table .table_small:last-of-type .table_cell {
        border-bottom: #ccc 1px solid;
    }

    div.left.cart_container .table .table_cell input{
        text-align: right !important;
    }
    div.content-container .table .table_row {
        padding-bottom: 0px !important;
    }
}






.vtoast {
    position: fixed;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 0.8em;
    transition: opacity 0.7s, top 0.5s,  bottom 0.5s;
	z-index: 10000;
}

.vtoast:hover{
    opacity: 1!important;
    cursor: pointer;
}

.vtoast.hidden{
    opacity: 0!important;
    transition: opacity 0.7s, top 0.5s,  bottom 0.5s;
}
.vtoast > .content > .title{
    display: block;
    width: 100%;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.vtoast > .content{
    padding: 10px 20px 12px 20px;
}

.vtoast > .progressbar{
    width: 100%;
    height: 5px;
    background-color: #00000050;
    padding: 0;
    margin: 0;
    border-radius: 10px;
}








.orderconfirmation a {
    color: #fff !important;
    background-color: #000 !important;
    width: 180px;
    margin: 0 auto !important;
    padding: 10px 10px !important;
    font-size: 1pc !important;
    height: fit-content;
}

.viewmyorder a {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid black !important;
    width: 180px;
    margin: 0 auto !important;
    padding: 10px 10px !important;
    font-size: 1pc !important;
    height: fit-content;
}


.b2b_slds .slds-dropdown__item > a:hover, .b2b_slds .slds-dropdown__item > a:focus{
    color: #181818;
  }
  .b2b_slds .slds-dropdown__item > a:active{
    color: #181818;
  }




  /*
the latest change is here

  */


.community_layout-column_column-host {
    flex-direction: column;
}









.carousel-hidden {
	display: none;
}

.heroheader--arrow {
	color: black !important;
	font-size: inherit !important;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 0.8s;
	animation-name: fade;
	animation-duration: 0.8s;
}

.h-black-overlay .fade {
	-webkit-animation-name: none;
	-webkit-animation-duration: unset;
	animation-name: none;
	animation-duration: unset;
}

.cmp-heroheader__carousel-slide .cmp-heroheader__carousel-title {
	animation: appearTop 250ms forwards;
}

.cmp-heroheader__carousel-slide .cmp-heroheader__carousel-description {
	display: inline-block;
	animation: appearTop 500ms forwards;
}

.cmp-heroheader__carousel-slide .cmp-heroheader__button {
	animation: appearTop 700ms forwards;
}

@-webkit-keyframes fade {
	from {
		opacity: .4;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: .4;
	}

	to {
		opacity: 1;
	}
}

.cmp-carousel__indicators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9 !important;
}


.cmp-carousel__indicator {
    position: relative;
    flex: 0 1 auto;
    margin: 0 7px;
    font-size: 0;
    text-indent: -3000px;
}



.community_layout-section_section.columns-content {
    display: initial !important;
    margin: initial !important;
  }
  
  .b2b_slds .slds-button_neutral {
    --slds-c-button-color-background: black;
    --slds-c-button-color-border: white;
    --slds-c-button-text-color: white;
    --sds-c-button-text-color-hover: white;
    width: 146px;
    height: 48px;
    /*  padding: 18px 24px;*/
    opacity: 1 !important;
  }
  
  /*
  .b2b_slds .slds-button:hover {
    --slds-c-button-color-background: black;
    --slds-c-button-color-border: #ccc;
    --slds-c-button-text-color: #ccc;
    opacity: 1 !important;
  }
  .b2b_slds .slds-button:focus {
    --slds-c-button-color-background: black;
    --slds-c-button-color-border: #ccc;
    --slds-c-button-text-color: #ccc;
    opacity: 1 !important;
  }
  */
  .b2b_slds .slds-button:active {
    --slds-c-button-color-background: black;
    --slds-c-button-color-border: #ccc;
    --slds-c-button-text-color: #ccc;
    opacity: 1 !important;
  }
  .b2b_slds .slds-button_neutral:active,
  .b2b_slds .slds-button--neutral:active {
    --slds-c-button-color-background-active: #ccc !important;
    --slds-c-button-color-border-active: #ccc !important;
  }
  button.slds-combobox__input.slds-input_faux {
    height: 52px;
  }
  .b2b_slds .slds-truncate {
    padding-top: 9px;
  }
  /*small device to tablet size*/
  
  /*Medium devices*/
  @media only screen and (max-width: 991px) {
    /*.b2b_slds .slds-button_neutral {
              width: 550px; 
               --sds-c-button-text-color-hover: white;
          }
        .b2b_slds .slds-dropdown__item > a {
            color: white;
        }
        .b2b_slds a:active, .b2b_slds a:hover {
            color: black !important;
        }*/
    .community_layout-column_column-host {
      display: block !important;
    }
  }
  @media only screen and (max-width: 667px) {
    /*.b2b_slds .slds-button_neutral {
              width: 274px;
             --sds-c-button-text-color-hover: white;
          }*/
  }
  .grecaptcha-badge {
    visibility: hidden;
    display: none !important;
    right: unset !important;
  }
  @media (min-width: 64em) {
    .section-content.community_layout-section_section {
      padding: 0px !important;
    }
  }
  






  @media screen and (max-width: 1024px) {
    .b2b_slds .slds-dropdown__item > a {
      -webkit-box-pack: justify;
      -webkit-box-align: center;
      align-items: center;
      color: white;
      cursor: pointer;
      display: flex;
      justify-content: center;
      padding: 0.5rem 0.75rem;
      position: relative;
      white-space: nowrap;
    }
  
    .b2b_slds .slds-dropdown-trigger_click .slds-dropdown, .b2b_slds .slds-dropdown-trigger_click:hover .slds-dropdown, .b2b_slds .slds-dropdown-trigger--click .slds-dropdown, .b2b_slds .slds-dropdown-trigger--click:hover .slds-dropdown{
      display: none;
      display: block;
      width: 100%;
      text-align: center;
      /* background: black;
      color: white; */
      border-top: none;
      border-radius: 0px;
      margin-top: -3px;
      
    }
  }
  
  
  button.slds-combobox__input.slds-input_faux {
    height: 52px;
  }
  /*small device to tablet size*/
  
    /*Medium devices*/
  @media only screen and (max-width: 991px) {
    .b2b_slds .slds-button_neutral {
      width: 550px; 
      --sds-c-button-text-color-hover: white;
    }
    .b2b_slds .slds-dropdown__item > a {
      color: white;
    }
    .b2b_slds a:active, .b2b_slds a:hover {
      color: black !important;
    }
    /* .community_layout-column_column-host {
      display: block !important;
    } */
  }
  @media only screen and (max-width: 667px) {
    .b2b_slds .slds-button_neutral {
      width: 274px;
      --sds-c-button-text-color-hover: white;
    }     
  }
  
.fade-in {
    visibility: inherit !important;
}


.dxp_base-languageSelector_languageSelector .slds-dropdown__item:nth-child(2) {
    display: none;
  }
  
  lightning-menu-item[role='presentation']:nth-child(2) {
    display: none;
  }
  
  
  .dxp_base-languageSelector_languageSelector .slds-dropdown__item:nth-child(5) {
    display: none;
  }
  
  lightning-menu-item[role='presentation']:nth-child(5) {
    display: none;
  }






/* Salesforce pring 2023 release upgrade: language picker css issue*/

.footer_lang_section .community_layout-section_section-host {
    padding: 0px !important;
}