/*
 * Cart, Checkout, My Account and the wholesale pages only.
 *
 * functions.php loads this file on those pages, right after style.css, so the rules
 * below keep the place in the loading order that they had while they lived in style.css.
 * They are copied from there as they were, in the same order.
 * See Refactor/reasonhealth.com Custom CSS Plan.md, step C5.
 */

/*07-12-2020 move to staging scope of work*/
.woocommerce-form-coupon-toggle {
    display: none;
}

.coupon-special .ui-dialog-titlebar-close 
{ 
    display:none; 
} 

.onestepcheckout-summary td.name.more_details{
    border-bottom:none!important;
}
#order_review_table td.total{
    width: 0% !important;
}
#order_review_table td.name.more_details{
    width: 38% !important;
    text-align: left !important;
    padding-left:10px !important;
}

.woocommerce-MyAccount-content {
    border:0 !important;
    font-family:"Poppins", sans-serif !important
}
.woocommerce-MyAccount-content input {
    border:1px solid #000 !important;
    padding:7px !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-Address .edit, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-Addresses .edit {
    margin-left:0 !important;
    font-size:20px;
}
.woocommerce-MyAccount-content .woocommerce-Addresses h2 {
    font-size:24px !important;
    font-weight:bold !important;
    margin-bottom:1em !important;
    display:block;
    float:unset !important;
    padding-bottom:2em;
}
.woocommerce-MyAccount-content .woocommerce-Addresses a.edit {
    margin-top:1em !important;
    display:block;
    font-size:16px !important;
    float:unset !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content h2:first-of-type {
    margin-top:0 !important;
}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul {
    background-color:transparent !important;
}
.checkout label{font-size: 14px !important;}
.checkout .cart_totals{line-height: 2.5;}
.checkout .place-order .zoid-outlet{width: 100% !important;}
.checkout .wrapper_qty button:hover ,.checkout .wrapper_qty button:focus{color: #002;background-color: #f7d735;}
.checkout .onestepcheckout-summary .price > .amount{color: #002;}
.checkout .woocommerce-checkout-payment label {float: none;display: inline-block;vertical-align: middle;width: 93%;}
.checkout #payment #wc-stripe-cc-form div.form-row{padding: 0 !important;}
.checkout #payment ul.payment_methods li img{float: none;margin-left: 3px !important;margin-bottom: 3px !important;margin-top: 2px !important;}
.checkout #payment ul.payment_methods .input-radio{float: none;vertical-align: middle;margin: 0 5px 0 0;}
.checkout .cart_totals .recurring-total p{line-height: 22px;padding-top: 5px;}
.cart-subtotal.recurring-total {display: none;}
.shipping.recurring-total {display: none;}
.checkout .cart_totals .first-payment-date{border-bottom: 0 !important;}
.checkout .cart_totals span.right-corner #shipping_method li{margin: 0 !important;}
.checkout .cart_totals span.right-corner #shipping_method label{font-size: 14px !important;line-height: 35px !important;}
.page-id-1092 .elementor-location-single .elementor-section-height-default{margin-top: 50px !important;margin-bottom: 0 !important;}
#show-coupon-form{color: #000;font-weight: bold;font-size: 16px;margin: 15px auto;display: table;}
#show-coupon-form:hover{color: #ffc439;text-decoration: unset;}
#coupon-anchor {margin-top: -35px;}
#coupon-anchor .coupon-special .checkout_coupon{border: none;display: flex;padding: 0;margin-top: 0px;}
#coupon-anchor .coupon-special .checkout_coupon .form-row-first{width: 70%;}
#coupon-anchor .coupon-special .checkout_coupon .form-row-last{width: 30%;margin-left: 10px;}
#coupon-anchor .coupon-special .checkout_coupon .form-row-last .button{height: 100%; background-color:#000022; color:#ffffff}
.woocommerce-checkout #payment{border: 1px solid #d4d4d4 !important;}
.woocommerce-checkout #payment .payment_box:before{display: none !important;}
.noclose .ui-dialog-titlebar-close{display:none !important;} 

.cross-sells h2,#order_review_heading, .woocommerce-additional-fields h3, .woocommerce-Address-title h3  {

    width: 100%;

    height: auto;

    line-height: 21px;

    text-align: left;


    padding-top: 11px;

    padding-bottom: 11px;

    background-color: #ffb300 !important;


    margin-bottom: 12px !important;

    margin-top: 10px !important;

    text-transform: uppercase;

    display: inline-block;

    color: #555555;

    font-size: 22px;

    font-weight: 500;

}

.woocommerce-checkout .cclw_opc_main .border_html {
    border-left-style: solid;
    border-width: 3px;
    border-color: #ffb300;
}



.woocommerce-checkout .express-one-page-checkout-main  h3.border_html

{

    width: 100%;

    height: auto;

    line-height: 21px;

    text-align: left;

    padding: 0px !important;

    background-color: #ffb300 !important;

    border-left: none !important;

    margin-bottom: 12px !important;

    margin-top: 10px !important;

    text-transform: uppercase;

    display: inline-block;

    color: var(--main-bor-text-color);

    font-size: 22px !Important;

    font-weight: 500;	

    box-sizing: border-box;

}

.woocommerce-checkout p.coupon_border {

    width: 100%;

    padding: 10px !important;

    background-color: #ffb300 !important;

    border-top: 2px solid var(--main-bor-color);

    margin-bottom: 12px !important;

    margin-top: 10px !important;

    color: var(--main-bor-text-color);  

    box-sizing: border-box;

}

.woocommerce-checkout .woocommerce a{

    color: #ffb300;

}

.woocommerce-checkout .woocommerce a:hover{

    color: #ffb300;

    text-decoration: underline;

}

/* Order received page. The two rules above make every link amber, and custom.css makes
   the odd rows of every table amber, so the product name and the subscription number
   could not be seen. Inside the tables of this page a link takes the colour of the text
   around it. It is still underlined on hover. */
.woocommerce-order-received .woocommerce table.shop_table a,
.woocommerce-order-received .woocommerce table.shop_table a:hover {
    color: inherit;
}

.woocommerce-checkout .advance_search_buy.sec_3 a:before{

    content: none !important;

} 

.woocommerce-checkout .advance_search_buy.sec_3 a:after{

    padding: 10px !important;

    position: unset !important;

}



.woocommerce-checkout .grid-col-1, .grid-col-3 {

    padding: 0px 10px;



} 

.woocommerce-checkout .woocommerce-billing-fields {

    border: none;

}

.woocommerce-checkout .cart_totals {

    border: none !important;

}

.woocommerce-checkout input#createaccount {

    height: auto;

}

.woocommerce-checkout input#ship-to-different-address-checkbox {

    position: unset !important;
    display: inline;
    margin: -2px 8px 0 0 !important;
    text-align: center;
    vertical-align: middle;

}



.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {

    padding: 0px !important;

}



ul li.wc_payment_method input[type="radio"] {

    float: left;

    margin-top: 4px;

}

ul li.wc_payment_method {

    display: inline-block;

    width: 100%;

}

ul.payment_methods li label img {

    float: right;

    border: 0;

    padding: 0;

    max-height: 1.618em;

}						

ul.payment_methods li img.stripe-icon {

    max-width: 40px;

    padding-left: 3px;

    margin: 0;

}

div#stripe-payment-data fieldset#wc-stripe-cc-form {

    padding: 0px;

}



.woocommerce-checkout-review-order .woocommerce-info:before {

    color: #ffb300;

    position: unset !important;



}

.checkout-three-column-layout {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: minmax(100px, auto);

}



.review_meta_data {

    font-size: 12px;

}

.variation_li {

    display: inline-flex;

    height: 10px;

}

.woocommerce-checkout .express-one-page-checkout-main .form-row {

    padding: 0px;

}

.woocommerce  form.checkout .express-one-page-checkout-main  p.form-row input.input-text {

    min-height: 38px;

    height: 38px;

    font-size: 14px;

}

.woocommerce  form.checkout .express-one-page-checkout-main p.form-row label {

    line-height: 1.5;

}



.grid-col-2.grid-col-checkout {

    background-image: linear-gradient(to top,#fff 20%,#e6e6e6);

    padding: 0px 10px;

}

.express-one-page-checkout-main .expresss-one-page-payment .form-row.place-order {

    padding: 10px !important;

}



/*login form*/

#onestepcheckout-login-table .login_popup {

    width: 80%;


    float: left;

}

#onestepcheckout-login-table .login_popup>.input-box {

    width: 50%;

    float: left;

    padding-right: 20px

}

#onestepcheckout-login-table .input-box.input-button {

    width: 20%;

    margin: 0;

    float: left

}



table.onestepcheckout-summary td {

    border: none !important;

}

table.onestepcheckout-summary th

{

    border: none;

    border-bottom: 1px solid #CCC;

    text-align: center !important;

    padding: 0px;

    font-size: 14px;

}

.express-one-page-checkout-main .woocommerce-checkout-review-order-table .expresss-one-page-coupen

{

    margin:0px;

}

.express-one-page-checkout-main .woocommerce-checkout-review-order-table .woocommerce-info

{

    margin:0px;

    border-top-color: var(--main-bor-color); 

    border-color: var(--main-bor-color); 

    width: 100%;

    padding: 10px;

}



.express-one-page-checkout-main form.checkout_coupon.expresss-one-page-coupen {

    padding: 0px !important;

    width: 100%;

    border: none !important;

    background: none !important;

}

.express-one-page-checkout-main form.checkout_coupon.expresss-one-page-coupen .form-row-first {

    width: 50%;

    float: left;

}

.express-one-page-checkout-main form.checkout_coupon.expresss-one-page-coupen .form-row-last {

    width: 50%;

    float: left;

}

.express-one-page-checkout-main .cart_totals  div {

    border-bottom: 1px solid #d4d4d4;


}

.express-one-page-checkout-main .cart_totals  p.left-corner {

    margin: 0px;

    display: inline-block !important;

    width: auto;

    margin: 0px !important;



} 

.express-one-page-checkout-main .cart_totals  span.right-corner {

    float: right;text-align: right;

}

.express-one-page-checkout-main textarea#order_comments {

    background: #fff !important;

}

.more_details_slide dt {

    width: auto;

    float: left;

}

.more_details_slide dd{

    margin: 5px 0px;

}

.more_details_slide dd p {

    margin-bottom: 0px !important;

    line-height: unset;

}



.expresss-one-page-payment ul.wc_payment_methods.payment_methods.methods {

    list-style: none;

    margin: 0px;

    padding-left: 10px;

}

.woocommerce ul#shipping_method {

    list-style: none outside;

    margin-left: 15px !important;

    padding: 0;

    text-align: right;

}

.shipping-total {

    display: flow-root;

}



.login_popup .input-box .input-text {

    width: 100%;

    height: 30px;

    padding-left:10px;

}

form.woocommerce-form.woocommerce-form-login.login.onepage-checkout {

    background: #fff;

    margin: 1px 0px;

    padding: 0px;

    min-height: 50px;

}



#order_review_table td{

    vertical-align: middle;

    width: 17% !important;

    text-align: center !important;background: #fff;

}
#order_review_table td:last-child{width:23% !important;text-align:right !important;}



.woocommerce-checkout-review-order-table .cart_totals {

    border: none;

    background: none !important;

    padding: 0px !important;



}

.expresss-one-page-coupen .cart_totals div {

    padding: 10px !important;

}

.shop_table tr.coupon_checkout {

    display: none;

}

.onestepcheckout-summary  td.removepro{

    text-align: end;

    vertical-align: top;

    padding-right: 10px !important;

}

.onestepcheckout-summary .removepro a.cclw_remove {



    color: red !important;

    text-decoration: none !important;

    font-size: 20px;

    font-weight: 700;

    height: unset;

    width: unset;

    line-height: unset;



}

.onestepcheckout-summary .removepro a.cclw_remove::before {

    content: none !important;

}

.onestepcheckout-summary .removepro a.cclw_remove:hover {



    color: red !important;

    background:none !important;

}




.onestepcheckout-summary td.name.more_details {


    text-align: left;
    font-weight: bold;
    font-size: 14px;
    background: #002;
    padding: 5px 0 !important;
}

table.onestepcheckout-summary {

    width: 100%;

    display: inline-table;

    margin-bottom: 10px;

    border: none !important;



}



.onestepcheckout-summary .price>.amount {

    font-size: 14px;

    color: #945959;

}

.onestepcheckout-summary   tbody tr {



    height:auto !important;

    border-bottom: none !important;  

}

.onestepcheckout-summary td {

    padding: 5px 0px !important;

}

#order_review_table .shop_table{

    border: none !important;

}

.woocommerce-checkout .woocommerce {

    padding: 0px;

}

.woocommerce-checkout .woocommerce .lost_password {

    margin-bottom: 0px;

}

.woocommerce-checkout .woocommerce form.woocommerce-form-login

{

    border:none !important;

}



/*All button class .cclw_button*/

.woocommerce-checkout .woocommerce .cclw_button{

    border: none;

    background: var(--main-button-color) !important;

    color: var(--main-buttontext-color) !important;

    cursor: pointer;

    font-weight: 700;

    padding: 10px !important;

    line-height: 10px !important;

    text-transform: none;

}

/*coupon section*/

.woocommerce .expresss-one-page-coupen input#coupon_code {

    height: 30px !important;

    min-height: unset;

    max-height: 30px !important;

    margin-top: 0px;

}

.woocommerce .expresss-one-page-coupen input.coupon_button {

    height: 30px;

    padding: 0px 10px !important;

}

.woocommerce .registered_users {

    width: 100%;

    display: inline-block;

}

.woocommerce-shipping-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {

    margin: 0px;

}

.woocommerce-checkout span.select2-selection.select2-selection--single {

    border-radius: 4px;

    border: 1px solid #d4d4d4;

    height: 38px !important;

    font-size: 14px;

    padding: 0px 10px !important;

    line-height: 38px;

}

.woocommerce-shipping-fields h3.onclick_border {

    background: none;

    border: none;

    font-size: 14px;

    font-weight: normal;

    text-transform: none;

    padding: 0px;



}

.woocommerce-checkout p.subtitle {


    font-size: 14px;

    margin: 0 0 0.75em;

}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered
{
    line-height: 38px !important;
    padding: 0px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 38px !important;
}


/*two column layout css*/

.checkout-two-column-layout{

    width:100%;

}

.checkout-two-column-layout .two-column-layout-left {

    width: 60%;

    float: left;

    padding: 10px;

    padding-right: 30px;

    box-sizing: border-box; position: relative

}

.checkout-two-column-layout .two-column-layout-right {

    width: 40%;

    float: left;

    padding: 10px;

    padding-left: 30px;

    box-sizing: border-box;

    border-left: 1px solid #d4d4d4;

    box-shadow: none;

}

/*qty */
td.cclw_qty .wrapper_qty {

    display: inline-flex;
}

td.cclw_qty input::-webkit-outer-spin-button,
td.cclw_qty input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

/* Firefox */

td.cclw_qty input[type=number] {
    appearance: textfield;
    -moz-appearance:textfield;

}

p#order_comments_field label {

    border-bottom: 3px solid;

    margin-bottom: 10px;

    font-size: 20px !important;
}

/*cart+checkout*/

.checkout-cart-checkout-layout
{

    width:100%;

}

.checkout-cart-checkout-layout .two-column-layout-left, .checkout-cart-checkout-layout .two-column-layout-right {

    width: 50%;

    float: left;

    padding: 10px;

    box-sizing: border-box;

}

.checkout-cart-checkout-layout thead tr {

    background: #ffb300 !important;

    color: var(--main-bor-text-color);

}

.checkout-two-column-layout .two-column-layout-right {
    background-color:transparent !important;
}
#cclw_order_details_table .cclw_order_review_table table.cclw-style-1 td {
    vertical-align:middle !important;
    border-bottom:1px solid #eee !important;
}
#cclw_order_details_table .cclw_order_review_table table.cclw-style-1 td.more_details {
    background-color:#ffb300 !important;
}
#customer_address_details input.input-text {
    padding:10px !important;
    box-sizing:border-box;
    height:auto !important;
}
#cclw_order_details_table .cclw_order_review_table .cclwminus, 
#cclw_order_details_table .cclw_order_review_table button.cclwplus {
    width: 15px;
    background-color:transparent !important;
    color:#000 !important;
    text-align:center;
    padding:0 !important;
    margin:0 8px !important;
    font-size:1.4em !important;
}
.checkout-cart-checkout-layout table.onestepcheckout-summary th {

    padding: 10px;

}

/*accordian*/

.order-total .left-corner {

    font-size: 14px !important;

    font-weight: 600;

}

.order-total .right-corner .woocommerce-Price-amount {

    font-size: 14px !important;

    font-weight: 600;

}
.order-total .right-corner small{font-size: 100%;}


/*checkout page stripe payment section 30-09-2020*/
.woocommerce-checkout #payment div.payment_box.payment_method_stripe{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.woocommerce #payment #place_order{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 100px 100px inset;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 0px;
    width: 100%;
    height: 45px;
    background: rgb(255, 196, 57) !important;
    color: rgb(17, 17, 17) !important;
}
.checkout #payment ul.payment_methods li.payment_method_ppec_paypal{margin-bottom: 10px;}
.checkout #payment ul.payment_methods li.payment_method_stripe{margin-bottom: 0px;}


/* checkout page login form position change 05-10-2020*/
.woocommerce-info.custom-login{position: absolute;right: 0;margin-right: 6px;top: 6px;background: none;border-width: initial;border-style: none;border-color: initial;border-image: initial;}

@media screen and (max-width: 980px) {
    .checkout-two-column-layout .two-column-layout-left {
        padding-right: 10px;
        width: 50%;
    }

    .checkout-two-column-layout .two-column-layout-right {
        padding-left: 10px;
        width: 50%;

    }
}
@media screen and (max-width: 768px) {

    .checkout-three-column-layout {

        display: grid;

        grid-template-columns: repeat(2,1fr);



        grid-auto-rows: minmax(100px,auto);

    }

    /*two column layout*/

    .checkout-two-column-layout .two-column-layout-left {

        width: 100%;
        padding-right:10px;


    }

    .checkout-two-column-layout .two-column-layout-right {

        width: 100%;

    }

    .checkout-two-column-layout .two-column-layout-right{padding-left:10px;border-left:none;}
    #order_review_table td{width:15% !important;}
}

@media screen and (max-width: 425px) {

    .checkout-three-column-layout {

        display: grid;

        grid-template-columns: repeat(1,1fr);



        grid-auto-rows: minmax(100px,auto);

    }

    .woocommerce-checkout .grid-col-1, .grid-col-3 {

        padding: 0px; 

    }



    #onestepcheckout-login-table .login_popup {

        width: 100%;

        display: unset;

        float: none;

    }

    #onestepcheckout-login-table .login_popup>.input-box {

        width: 100%;


        padding-right: 0px; 

    }

    #onestepcheckout-login-table .input-box.input-button {

        width: auto;

        margin: 10px 0px;


    }



    /*two column layouts*/

    .checkout-two-column-layout .two-column-layout-left {

        width: 100%;

        display:block;

        padding: 0px;



    }

    .checkout-two-column-layout .two-column-layout-right {

        width: 100%;

    }

    .checkout-cart-checkout-layout .two-column-layout-left, .checkout-cart-checkout-layout .two-column-layout-right {

        width: 100%;

        padding:0px;

        box-sizing: border-box;

    }

    .checkout-two-column-layout .two-column-layout-right{padding-left:10px;border-left:none;}
    #order_review_table td{width:25% !important;}
}
@media screen and (max-width: 335px) {
    #order_review_table td{width:40% !important;}
}

/*remove checkout form label*/
.woocommerce form.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label,
.woocommerce form.checkout .woocommerce-account-fields .create-account label,
.woocommerce form.checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper label{
    display: none;
}
.woocommerce form.checkout .woocommerce-account-fields label.woocommerce-form__label-for-checkbox{
    display: block!important;
}
.express-one-page-checkout-main textarea#order_comments,
.woocommerce form.checkout .express-one-page-checkout-main p.form-row input.input-text {
    border:1px solid #d5d5d5;
    border-radius:5px;
    margin-bottom:5px;
}

.woocommerce form #billing_country_field,
.woocommerce form #billing_state_field,
#shipping_state_field{
    margin-bottom: 10px;
}

.page-content .woocommerce .woocommerce-MyAccount-navigation ul{padding-left: 0px;background-color: #ffb300;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li:first-child{border-top: none;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li{list-style-type: none;    line-height: 28px;line-height: 28px;padding: 0;border-top: 1px solid rgba(0,0,0,0.3);font-size: 14px;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li a{color: #000;font-weight: bold;display: block;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li + li{margin-top: -1px;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active,.page-content .woocommerce .woocommerce-MyAccount-navigation ul li:hover{background-color: #000;}
.page-content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,.page-content .woocommerce .woocommerce-MyAccount-navigation ul li:hover a{color: #ffb300;}

.page-content .woocommerce .woocommerce-MyAccount-content{padding: 10px;border: 1px solid #ddd;min-height: 384px;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-button,
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Button{background-color: #000;color: #fff;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-button + .woocommerce-button{margin-left: 3px;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-button.pay{background-color: #f7d735;color: #000;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-button.cancel{background-color: #616176;color: #fff;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {padding: 10px;background-color: #f5f5f5;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title{display: flex;align-items: center;border-bottom:1px solid #ddd;margin-bottom: 10px;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3{margin-top: 0px !important;margin-bottom: 0px !important;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend{    padding: 15px 12px;font-weight: bold;text-transform: uppercase;}
.page-content .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{margin-bottom: 20px;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-column{    margin: 0px 0px;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-column-inner{ background-color: #616176;border-radius: 0px;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-column .mwb-crp-referral-icon {color: #f7d735;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-column span {color: #fff;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper .mwb-crp-referral-table thead th{    background-color: #000000;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper #mwb-crp-referral-table_length label{    width: 80%;display: flex;align-items: center;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper #mwb-crp-referral-table_length label select{min-height: 39px;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper #mwb-crp-referral-table_filter{max-width: 200px;float: right;}
.page-content .woocommerce .woocommerce-MyAccount-content .mwb-crp-referral-table-wrapper #mwb-crp-referral-table_filter label{display: flex;align-items: center;}
.wc_ppec_medium_payment_buttons {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .woocommerce-info.custom-login{right:0}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .woocommerce-info.custom-login{right:0}
    .woocommerce-info.custom-login{position: relative;right: 0; margin: 0 0 20px; padding: 0 20px;}
    .woocommerce-info.custom-login:before{left: 0; top: 0}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .woocommerce-info.custom-login{position: relative;right: 0; margin: 0 0 20px; padding: 0 20px;}
    .woocommerce-info.custom-login:before{left: 0; top: 0}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .woocommerce-info.custom-login{position: relative;right: 0; margin: 0 0 20px; padding: 0 20px;}
    .woocommerce-info.custom-login:before{left: 0; top: 0}
}

/* Order review table fixes */
#order_review_table > div > table > tbody > tr > td.cclw_qty > div > input {
    font-size: 14px !important;
    width: 35px !important;
}

#order_review_table > div > table > tbody > tr > td.total > span {
    font-size: 14px !important;
}

#order_review_table > div > table > tbody > tr > td.cclw_qty > div > button {
    padding: 0 8px !important;
}

/* Stripe save payment checkbox fixes */
#wc-stripe_us_bank_account-new-payment-method + label:before, #wc-stripe-new-payment-method + label:before {
    margin-right: 10px;
    min-width: 22.4px;
    position: initial;
}

#wc-stripe_us_bank_account-new-payment-method + label:after, #wc-stripe-new-payment-method + label:after {
    width: 36px;
    left: 2px;
    top: auto;
}

#wc-stripe_us_bank_account-new-payment-method + label, #wc-stripe-new-payment-method + label {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-left: 0px;
}

/* Stripe payment section display fixes */
#cclw_payment_section #payment ul.payment_methods li {
    display: flex !important;
    flex-flow: row wrap;
}

.checkout .woocommerce-checkout-payment label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}


#cclw_payment_section #payment ul.payment_methods {
    padding: 5px;
}

#cclw_payment_section #payment ul.payment_methods li .payment_box {
    padding: 10px;
    margin: 10px 0 0 0;
}


#payment > ul > li > div > ul {
    padding-left: 0px;
}

#payment > ul > li > div > ul > li{
    display: flex;
}

/* Ship to different address checkbox fix */
#ship-to-different-address-checkbox {
    opacity: 1;
}

/* Coupon code display and close fix */
#coupon-anchor > div {
    max-width: fit-content;
}

#coupon-anchor .ui-widget-header{
	border: none;
    background: transparent;
}

#woocommerce-checkout-form-coupon {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#woocommerce-checkout-form-coupon > p.form-row.form-row-last {
    width: auto !important;
    margin: 0 10px 0 10px;
}

#coupon-anchor > div > div > button {
    border-color: #000;
    display: inline-block;
    background: linear-gradient(0deg, white 0%, white 20%, transparent 20%, transparent 80%, white 80%, white 100%) 0 no-repeat, 
    linear-gradient(45deg, transparent 47%, black 47%, black 53%, transparent 53%) 0 0 no-repeat,  
    linear-gradient(135deg, white 47%, black 47%, black 53%, white 53%) 0 100% no-repeat;
}

#coupon-anchor > div > div > button > span.ui-button-icon.ui-icon.ui-icon-closethick {
    display: none;
    background-image: none;
}

#show-coupon-form {
    margin: 15px auto;
    background-color: #fff;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #000 !important;
    padding: 10px 16px;
    border-radius: 4px
}

#show-coupon-form:hover{
    color: #000;
    background-color:lightgray;
}

/* Checkout: recurring totals. WooCommerce Subscriptions prints them as table rows, and
   functions.php gives those rows a table of their own (.rh-recurring-totals) inside the
   one-page checkout plugin's div-based totals. These rules make the rows look like the
   div rows above them. The plugin and style.css style every th and td in the order
   review through an ID and with !important, hence the long selectors and the !important
   here. The recurring Subtotal and Shipping rows stay hidden by style.css, as before.
   Moved here from custom.css in step C5 of the Custom CSS Plan. */
#order_review_table .cclw_cart_totals .rh-recurring-totals {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 14px;
}
#order_review_table .cclw_cart_totals .rh-recurring-totals th,
#order_review_table .cclw_cart_totals .rh-recurring-totals td {
    width: auto !important;
    padding: 10px !important;
    border: 0;
    background: none !important;
    line-height: 35px;
    vertical-align: top;
}
#order_review_table .cclw_cart_totals .rh-recurring-totals th {
    color: #002;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}
#order_review_table .cclw_cart_totals .rh-recurring-totals td {
    text-align: right !important;
}
/* The amount in the Total row above is 600; match it. */
#order_review_table .cclw_cart_totals .rh-recurring-totals .order-total strong .amount {
    font-weight: 600;
}
#order_review_table .cclw_cart_totals .rh-recurring-totals .first-payment-date {
    padding: 0 0 6px;
    line-height: 1.4;
}

/* Wholesale registration form. include/wholesale-login.php used to print these rules as
   two <style> blocks inside the form, which only happens on /wholesale/ for a visitor who
   is not logged in. :where() keeps that scope without making the selectors any stronger. */
:where(body.page-id-19209:not(.logged-in)) .wholesale_billing_address div p label{display:none;}
:where(body.page-id-19209:not(.logged-in)) .wholesale_billing_address .xoo-aff-group,
:where(body.page-id-19209:not(.logged-in)) .wholesale_shipping_address .xoo-aff-group {margin-bottom: 10px;}
/* In the form this rule came last on the page and so beat the site-wide paragraph margin,
   which has the same strength. From here it needs the class twice to do that. */
:where(body.page-id-19209:not(.logged-in)) .xoo-aff-group.xoo-aff-group p{margin:0;}
:where(body.page-id-19209:not(.logged-in)) .xoo-aff-group #shipping_state_field{margin-bottom:0;}
:where(body.page-id-19209:not(.logged-in)) .xoo-aff-group h3{background-color:#fcfcfc; margin: 10px 0 0 0; border-left: 3px solid #ffb300; padding-left: 10px;}
:where(body.page-id-19209:not(.logged-in)) #toggle_shipping:checked ~.wholesale_shipping_address{ display:flex; }
:where(body.page-id-19209:not(.logged-in)) #toggle_shipping:not(:checked) ~.wholesale_shipping_address{ display:none; }
:where(body.page-id-19209:not(.logged-in)) .wholesale_shipping_address div p label{display:none;}