.login_inputDiv .login_Btn,
.LodingButton span.Loading,
.NewUserButton span.Loading,
.return_customer .creatAccount_linkDiv span,
.BacktoLogin_BTn span,
#divForgotModal .Forgot_Pass_link,
.Forgot_Pass_btn span.Loading{height: 45px; padding: 0;margin: 0;color: #fff;font-weight: 600;font-size: 16px;background: var(--top-green);text-transform: uppercase;text-align: center;border-radius: 50px;cursor: pointer;outline: none; width:210px; text-decoration:none;}

.return_customer .creatAccount_linkDiv span,
.BacktoLogin_BTn span{background:var(--price-grey);height: 45px; line-height: 45px; display:inline-block;}

.LodingButton span.Loading,
.NewUserButton span.Loading,
.Forgot_Pass_btn span.Loading{position: absolute;top: 0;left: 0;right: 0; width: 210px;height: 100%;z-index: 2; margin: 0 auto;}

span.Loading img{margin:13px auto 0 auto;}

._loginBtnDiv {width: 56%;margin-left: 29%;}



/*** LOGIN/NEW USER/FORGET PASSWORD/OTP ***/
.loginPageDiv {width: 530px; margin: 0 auto;padding: 20px;background: #fff;box-shadow: 0 0 10px 0 #ccc; border-radius:10px; display:table;}
.shopping_cart_titleDiv {float: left;width: 100%;margin: 0 0 10px;padding: 0;background: #fff;}
.login_title h1 {float: left;font-weight: 600;text-transform: uppercase;font-size: 22px;}
.cuslogin_registerBoxDiv {display: flex;width: 100%;float: left;}
.return_customer {padding-left: 0;}
.loginBoxDiv {flex: 1;width: 49%;padding: 0;}
.creatAccount_linkDiv {display: table;padding-bottom: 15px;width: 100%;text-align: center;}
.customeloginpage_back {float: right;background: #464646;color: #fff;padding: 5px 10px;border-radius: 5px;font-size: 14px;}
.creatAccount_linkDiv span, 
.customeloginpage_back {cursor: pointer;}
.return_customer .creatAccount_linkDiv,
.BacktoLogin_BTn{ margin: 0 auto;text-align: center; text-transform:uppercase; line-height: 40px;font-weight: 600; cursor:pointer;}

.return_customer .creatAccount_linkDiv.GuestBtn{width:42%; padding-bottom:0;}
.return_customer .creatAccount_linkDiv.GuestBtn span{background:var(--btngrey); color:#000;}

.Loginwith_or {background: #fff;padding: 20px 0;margin: 0 auto;display: table;color: #000000;width: 100%;display: flex;align-items: center;justify-content: center;}
.creatAccount_or {position: relative; padding:10px 0;}
.creatAccount_or::after,
.creatAccount_or::before{content:''; position:absolute; top:45%; width:45%; height:1px; background:var(--clr-grey);}
.creatAccount_or::after{right:0;}
.creatAccount_or::before{left:0;}
.loginBoxDiv_top {padding:0 0 0 0;}
h2.New_User {color: #000; font-size: 18px;text-transform: uppercase;font-weight: 600; border-bottom:1px solid var(--clr-grey);padding-bottom: 10px; margin-bottom:10px;}
.login_inputDiv {width: 100%;float: left;margin: 7px 0;position: relative; text-align:center}
.login_inputDiv label {width: 25%; float:left; line-height:40px; padding: 0; text-align: left;}
.login_inputDiv input{width:75%;}
.login_inputDiv img {width: 18px;float: right;position: relative;margin: -30px 21px 0 0;cursor: pointer;}
.login_inputDiv img.off {display: inline-block;}

.login_inputDiv .field-validation-error {left: unset !important; right:0 !important; width:75% !important;float: right;text-align: left;}
.Forgot_Passinput {margin: var(--margin20) 0 0 0;width: 100%; padding:0;}
.Forgot_Pass_link {display: inline-table;color: var(--Price);font-weight: 500;cursor: pointer; text-decoration:underline;}
.loginBoxDiv_OTP .login_inputDiv .Forgot_Pass_link {margin: 0; float:left;}
.loginBoxDiv_OTP .login_inputDiv .login_Btn.login_OTPBtn {background: none;line-height: 1;float: right;height:auto; color: var(--Price);width: auto;font-weight: 500;font-size: 14px;text-decoration: underline; text-transform:capitalize; border-radius: unset; border:0;}

.mandatory_field {color: var(--Price);padding-left: 0;font-size: 16px;}
.digit-OTP-field {width: 100%;float: left;position: relative;}
.digit-OTP-field p{line-height:24px;}
.OTPBackBtn {position: absolute;right: 0;top: 8%;width: 80px;height: 30px;line-height: 30px;background: var(--siteBlue);color: #fff;font-size: 14px;font-weight: 600;text-align: center;border-radius: 5px;}
.OTP_infotext {width: 80%;text-align: left;}
.OTP_infotext span {color: var(--Price);}
.digit-group {margin-bottom: 10px;margin-top: 10px;}
.digit-group input {width: 45px;height: 50px;border-bottom: 1px solid var(--clr-grey);text-align: center;font-size: 22px; font-we:600; color: #000;margin: 0 2px;padding: 0;background: var(--clr-grey);}
.digit-OTP-field .otp_val_text {width: 100%;text-align: center;}
.digit-OTP-field .otp_val_text p {text-align: center;}
.otp_val_text {padding-top: 15px;float: left;}
.screen__content {width: 100%;float: left;text-align: center;margin: 40px 0 0;}
.screen__content .login_inputDiv p {text-align: center;margin-top: 20px;}
.screen__content .login_inputDiv .OTPResend_Btn {color: #fff;width: auto;padding: 0 15px;font-weight: 600;cursor: pointer;background: var(--siteBlue);border: 0;height: 30px;margin-left: 10px;display: inline-block;}.newuser_customer {padding: 0;}
.forgotpass_popup_contentDiv {text-align: center;}
.forgotpass_popup_contentDiv h3 {font-size: 18px;font-weight: 600;}
.forgotpass_popup_contentDiv input{width:70%;}
.Forgot_Pass_btn{position:relative; margin:0 auto;width: 100%;float: left;}

.ReCaptchContainer_div {display: inline-block;vertical-align: middle;}
.login_inputDiv .ReCaptchContainer_div label {width: 100%;padding-top: 5px;}
.ResetpasswordTop {width: 100%;float: left;padding: 0;}
.ResetpasswordTop h2 {margin-bottom: 15px;}
.h2_title {font-size: 18px;text-transform: uppercase;font-weight: 600;}
.Resetpassword_formDiv p {padding-bottom: 15px;}

/*** MY ACCOUNT OTHER PAGES ***/
.myaccount_border {border: solid 15px var(--clr-grey); padding: 10px 20px;background: #fff;width: 100%;float: left;margin: 0;border-radius:10px;}
.myaccountNew_top {width: 100%;float: left;}
.myaccountNew_title {width: 100%;float: left;color: var(--top-green);font-size: 26px;text-transform: uppercase; font-weight: 700;}
.myaccountNew_cusnameid {width: 100%;float: left;border-bottom: 1px solid var(--clr-grey);padding:20px 0;}
.myaccountNew_cusname {float: left;font-size: 16px; width: 100%;padding-bottom: 10px;}
.myaccountNew_cusname span {font-weight: 700;}
.myaccountNew_cusid {float: left;font-size: 16px;}
.myaccountNew_cusid span,
.myaccountNew_cusemailid span {color: var(--top-green);font-weight: 600;user-select: none;}
.myaccountNew_cusemailid {float: right;font-size: 16px; width: auto;}
.myaccountNew_updatedBoxes {width: 100%;float: left;border-bottom: 1px solid var(--clr-grey);padding: 20px 0;margin-bottom: 20px;}
.myaccountNew_toggle {display: none;}
.cusnew_updatedbox_top {float: left;width: 100%;}
.cusnew_updatedbox {float: left;width: 19%;background: var(--btngrey);margin-left: 5px;border: var(--btn-grey);padding: 5px 15px; border-radius:50px;}
.cusnew_updatedbox a {text-decoration: none;display: block;outline: none;font-size: 16px;font-weight: 500;color: #000;}
.cusnew_updatedbox:first-child {margin-left: 0;}
.cusnew_updatedbox_active {background: var(--top-green); color:#000;}
.cusnew_updatedbox_active a {color: #fff;}
.cusnew_updatedbox_active img{filter: brightness(0) invert(1);}
.cusnew_updatedbox img {margin-right: 5px;width: 28px;vertical-align: middle;}
.updatedbox_dahsboard {width: 14%;}
.updatedbox_updatePr {width: auto;}
.updatedbox_GfV,
.updatedbox_rwrdpoints {width: 16%;}
.updatedbox_referfr {width: 15%;}
.updatedbox_signout{width:12%; float:right; margin:0 10px 0 0;}
.myaccount_bottom {float: left;width: 100%;padding: 0;background: #fff;}
.myaccount_leftDiv {float: left;width: 68%;}
.TabBox {border: 0;}
.TabBox div.tab div {float: left;width: auto;margin: 0 10px 0 0;background-color: #f9f9f9;border-radius: 5px;border: var(--brd-grey);position: relative;z-index: 123;}
.TabBox div.tab {width: 100%;float: left;height: auto;background: #fff;}
.TabBox div.tab div:hover, 
.TabBox div.tab div.active {background-color:var(--siteBlue);color: #fff;}
div.tab {float: left;background-color: #f9f9f9;width: 12%;height: 300px;}
div.tab div {display: block;background-color: inherit;color: #000;padding: 12px 16px;width: 100%;outline: none;text-align: left;cursor: pointer;transition: .3s;font-size: 15px;font-weight: 500;border-top: 1px solid var(--clr-grey);border-right: 1px solid var(--clr-grey);border-left: 0;border-bottom: 0;}
.myaccount_tab div.tab {width: 100%;float: left;height: auto;background: #fff;display: flex;align-items: center;}
.myaccount_tab div.tab div:hover, 
.myaccount_tab div.tab div.active {background-color: var(--price-grey);color: #fff;}
.myaccount_tab div.tab div {float: left;width: auto;margin: 0 10px 0 0;background-color: var(--btngrey);color:#333; border-radius: 50px; border: var(--btn-grey); text-align: center;padding: 8px 20px; font-weight: 600;text-transform: uppercase;}
.myaccount_tab div.tab a.DelAccount{color:#ec252a}

.divPanels, .panel {float: left;padding: 10px 0%;width: 100%;}
.panel ul, 
.panActive ul {margin-bottom: 10px;display: table;width: 100%;}
.panel ul li, 
.panActive ul li {padding-right: 0;width: 100%;float: left;position: relative;padding-left: 15px;padding-bottom: 5px;font-size: 14px;font-weight: 500;text-align: justify;line-height: 22px;}

.myaccount_tab .pay_order_summary {padding: 0;}
.pay_order_summary, 
.pay_noteTextDiv {width: 100%;float: left;margin: 0;padding: 22px 0 0;}
.myaccount_tab .pay_order_summary .cart_table_headerDiv {background: var(--lightGrey);color: #2b2b2b;font-size: 14px;font-weight: 600;border:var(--brd-grey);width: 100%;padding: 10px;margin-top: 5px; margin-bottom:0;}
.pay_order_summary .cart_table_headerDiv {border-bottom: 0;}
.cart_table_headerDiv { width: 100%; color: #fff;font-weight: 700;background: var(--siteBlue);padding: 15px 0;border-radius: 10px 10px 0 0;font-size: 16px; margin-bottom:5px; display:table;}
.hd_no, 
.Order_date, 
.Order_No, 
.Order_Status {float: left;margin: 0;padding: 0;}
.hd_no,
.ProRep_No {width: 6%;}
.Order_date,
.rep_Date {width: 15%;text-align: center;}
.Order_No,
.rep_Order_No{width: 18%;text-align: center;}
.Order_Status,
.rep_Order_Status,
.in_process.rep_Order_Status,
.Ship_process.rep_Order_Status{width: 27%;}

.Product_ReviewDiv {float: left;width: 100%;}
.list-wrapper{padding:0 !important;}
.list-wrapper-PaymentPending {padding: 0 0 10px;overflow: hidden;}
.list-wrapper-PaymentPending li {list-style: none !important;padding: 0 !important;}
.list-item-PaymentPending {background: #FFF;}
.myaccount_table_repeatDiv {width: 100%;margin: 0;padding: 10px 2%;float: left;font-weight: 500;font-size: 14px;border: var(--brd-grey); border-top:0;}
.cart_table_headerDiv:last-child,
.cart_table_headerDiv:last-child {border-bottom: 1px solid var(--clr-grey) !important}

.in_process img{width:20px; display:inline-block; margin: 0 2px;}

.ProRep_No, 
.rep_Date, 
.rep_Order_No, 
.rep_TrackNO, 
.rep_Order_Status, 
.in_process{float: left;margin: 0;padding: 0;user-select: all;}
.rep_TrackNO {width: 22%;text-align: center;}
.panel ul li.list-item-PaymentPending .in_process{width: 18%;}
.in_process{width:12%; text-align:center;}
.in_process svg,
.in_process svg,
.rep_Order_Status svg,
.in_process svg{width:20px; height:20px; float:left;margin-top: -4px;}
.in_process a.red_clr svg path,
a.reorder svg path{fill:var(--Price); width:20px;}
.in_process.rep_Order_Status,
.Ship_process.rep_Order_Status{display: flex;align-items: center;}
.cancelled_process.rep_Order_Status{display:flex; align-items:center;}
.cancelled_process.rep_Order_Status svg,
.in_process.rep_Order_Status svg,
.Ship_process.rep_Order_Status svg{float:left; width:20px; height:20px;}
.in_process.rep_Order_Status svg path,
.Ship_process.rep_Order_Status svg path{stroke:var(--tpo-green);}

.type_Qus_Popup {width: 100%;height: 100%;float: left;background: #000000ad !important;position: fixed;top: 0;left: 0;}
.Qus_Popup_middle {padding: 15px;background: #fff;width: 50%;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); border-radius:10px;}
.Qus_Popup_middle strong {font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid var(--clr-grey);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;max-height: 64px;line-height: 20px;font-weight: 600;padding-right: 10px;text-transform: capitalize; color: var(--top-green);}
.Qus_Popup_form {float: left;width: 100%;margin: 10px 0;}
.Qus_formtextBox {display: block;width: 100%;padding: 10px;margin: 0 0 10px;box-sizing: border-box;border-radius: 0;border: var(--brd-grey);outline: none;font-family: 'Public Sans', sans-serif;}
.feedBack_captchaDiv {display: inline-block;vertical-align: middle;width: 70%;position: relative;}
.feedBack_captchaDiv .Qus_formtextBox {display: inline-block;width: 40%;vertical-align: top;margin-bottom: 0;padding-top: 11px;padding-bottom: 11px;}
.feedBack_captchaDiv img {display: inline-block;width: 130px;vertical-align: middle;}
.Qus_form_close_button {width: 30px;height: 30px;line-height: 25px;position: absolute;top: -10px;right: -15px;border-radius: 50px;background: var(--close-bg);font-size: 22px;text-align: center;color: #fff !important;text-decoration: none;cursor:pointer;}
.Qus_form_close_button img {width: 24px;height: 24px;margin: 2px auto 0 auto;position: relative;display: block;}

#divOrders .Qus_Popup_form .post_QusBtn, 
#divPaymentPending .Qus_Popup_form .post_QusBtn {margin-top: 32px;color: #fff;background: var(--top-green);}
.Qus_Popup_form .post_QusBtn {margin-top: 10px;}
.post_QusBtn {float: right;background: #e1e1e1;color: #000;font-size: 14px;border: 0;outline: none;text-transform: uppercase;height: 40px;width: 180px;text-align: center;font-weight: 600;border-radius: 50px;cursor: pointer;padding: 0;}

#divOrders .firstlast_nameDiv, 
#divPaymentPending .firstlast_nameDiv {display: flex;flex-wrap: wrap;justify-content: space-between;}
.firstlast_nameDiv .Qus_form_margin {float: left;width: 50%;position: relative;}
.Qus_form_margin {width: 100%;float: left;margin-top: 5px;position: relative;}
#divOrders .Qus_Popup_form label, 
#divPaymentPending .Qus_Popup_form label {display: inline-table;width: 65%;font-weight: 700; color: #111;}
.Qus_Popup_form label {display: block;width: 100%;margin-bottom: 10px;}
#divOrders .firstlast_nameDiv .firstlast_right, 
#divPaymentPending .firstlast_nameDiv .firstlast_right {float: none;}
.firstlast_nameDiv .firstlast_right {float: right;}

.reason-for-cancel{display: flex; justify-content: space-between;}
.reason-for-cancel label{width: 33% !important;}
.reason-for-cancel textarea{width: 65% !important; float: left;}

#divPaymentPending .Order_No, 
#divPaymentPending .rep_Order_No {width: 18%;}
#divPaymentPending .Order_Status, 
#divPaymentPending .rep_Order_Status {width: 18%;}
.Ref_orderDiv {width: 100%;margin: 4px 0 0;padding: 0;float: left;font-weight: 500;}
.noOrdersDiv {width: 100%;text-align: center;float: left;border: var(--brd-grey);padding: 15px 0%;font-size: 15px;}
.noOrdersDiv a{color:var(--top-green) !important;}

.pay_custdetails {float: left;width: 100%;margin: 0;padding: 0;border-top: 1px solid var(--clr-grey);border-bottom: 1px solid var(--clr-grey);}
.payment_shipping {width: 50%;float: left;margin: 0;padding: 15px;border-right: 1px solid var(--clr-grey);font-weight: 500;text-transform: capitalize;line-height: 25px;}
.myaccount_bottom .payment_shipping h2, 
.myaccount_bottom .pay_noteTextDiv h2 {background: none;color: #000;font-weight: 600;margin-bottom: 10px;}
.payment_shipping h2 {background: none;padding: 0;font-weight: 500;font-size: 18px;text-transform: uppercase;}
.payment_shipping span {display: block;}
.pay_noteTextDiv {border-top: 1px solid var(--clr-grey);margin-top: 20px;font-weight: 500;}
.pay_order_summary, 
.pay_noteTextDiv {width: 100%;float: left;margin: 0;padding: 22px 0 0;}
.pay_noteTextDiv h2 {color: #000;}
.pay_noteTextDiv p {font-weight: 500;margin: 15px 0 0;}
.payment_billing {border-right: 0;width: 50%;}

.myaccount_bottom .pay_custdetails {margin-top:var(--margin20);}
.myaccount_bottom .payment_shipping {font-weight: 400;}
.myaccount_bottom .pay_noteTextDiv {border-top: 0;margin-top: 0;margin-bottom: 10px;}
.myaccount_bottom .pay_noteTextDiv h2 {text-transform: uppercase;font-size: 18px;}
.pay_phoneno {color: var(--top-green);font-size: 16px;outline: none; font-weight:600;}
.pls_notetext {color: var(--Price);text-transform: inherit !important;}

#modal_popup,
#modal_popup_f,
#modal_popup_T {display: none;}

.modal_refer_content {position: relative;background-color: var(--clr-grey);margin: auto;padding: 0;border: var(--brd-grey);width: 600px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);animation-name: animatetop;animation-duration: .4s; border-radius:5px;}
.modal_refer_header {padding: 15px;border-bottom: 1px solid var(--clr-grey);background: #eee;float: left;width: 100%;}
.modal_refer_title {font-size: 18px;line-height: 20px;float: left;width: auto;}
.modal_refer_close {float: right;font-size: 17px;font-weight: 700;line-height: 1;color: #000;cursor: pointer;}
.sharing-instructions {margin-bottom: 15px;}
.sharing-instructions p {font-size: 14px;padding-bottom: 10px;}
.referfriends_email_form_collection {padding-bottom: 10px;border-bottom: 1px dashed var(--ckr-grey);margin-bottom: 10px;display: inline-block;width: 100%;}
.referfriends_email_form_collection .input_box {width: 100%;margin-bottom: 10px;}
.refer_friends_top {display: table;width: 100%;}
.referfriends_col {float: left;width: 50%;padding: 0 15px;}
.refe_col_1 .input_box {width: 86%;border-bottom-right-radius: 0;border-top-right-radius: 0;float: left;}
.remov_friend {float: left;background: #f10525;font-size: 16px;height: 30px;text-align: center;border-radius: 5px;border-bottom-left-radius: 0;border-top-left-radius: 0;z-index: 2;margin-left: -4px;padding: 6px 12px;}
.remov_friend a {color: #ffffff;}
.aad_more_friend {width: 100%;text-align: right;display: block;}
.aad_more_friend .button,
.modal_refer_right .button {border: 0;background: var(--Primary);color: #fff;text-transform: uppercase;cursor: pointer;text-align: center;border-radius: 5px;font-size: 16px;font-weight: normal;padding: 0 15px;display: inline-block;margin-bottom: 10px;width: auto;}
.aad_more_friend .button {display: inherit;float: right;}
.modal_refer_right .button {margin-bottom: 0;}
.button.btn_white {background-color: #3f3f3f;}
.modal_refer_footer {padding: 15px;text-align: center;border-top: 1px solid var(--clr-grey);}
.modal_refer_left {float: left;}
.modal_refer_content.animate {-webkit-animation: animatezoom 0.6s;animation: animatezoom 0.6s}

.myaccount_rightMenuDiv {margin: 0;float: right;width: 30%;}
.three_accout_box {margin-left: 0;width: 100%;}
.Rewards_Points, 
.Referrals {width: 100%;float: left;border: var(--brd-grey);margin-bottom: 15px;padding-bottom: 15px;}
.Rewards_Points_title {padding: 10px;float: left;width: 100%;}
.titlebg_grey {background: #747474; color:#fff;}
.Rewards_Points_title h4 {color: #fff;font-size: 16px;line-height: 20px;}
.Rewards_Points_title h4 a{float: right;color: #2b2b2b;}
.Rewards_Points_title h4 a svg{float:right; width:22px; height:22px; margin-top: -2px;}
.Rewards_Points_title h4 a svg path{fill:#fff;}
.Rewards_Points_text {text-align: center;margin-top: 20px;float: left;width: 100%;}
.Rewards_Points_text strong {font-size: 15px;line-height: 18px;margin-bottom: 10px;display: block;font-weight: 600;}
.Rewards_Points_text strong.blue-text {color: var(--Price);}
.Points_bottom_text {text-align: center;margin-bottom: 15px;display: block;font-weight: 500;}
.refferralCreditSmalltext {font-size: 12px;}
.Points_bottom_text div:last-child {color: #f10525;}
.Points_bottom_text div {display: inline-block;padding: 0 10px;color: #44973e;}
.earnCreditBtn {margin-top: 10px;}
.Earn_nowBtn_credit .VSMyAcc_btn a {background: var(--Primary); color:#fff; font-size:16px;}
.Points_bottom_text .VSMyAcc_btn a, 
.Rewards_Points_text .VSMyAcc_btn a, 
.Rewards_Points_text .place_orderBtn {padding: 0 15px;height: 30px;line-height: 30px;font-weight: 600;}
.VSMyAcc_btn a {margin: 0 5px;padding: 0;height: 30px;line-height: 30px;font-size: 16px;display: inline-block;background: var(--siteGreen);color: #fff;text-decoration: none;font-weight: 500;text-transform: uppercase;border-radius: 5px;width: 145px;}
hr {background-color: var(--clr-grey);border: none;color: var(--clr-grey);height: 1px !important;margin: 10px 0 !important;}

/*** UPDATE PROFILE ***/
.myaccount_bottom .checkout_formDiv {border-top: 0; width:100%;}
.myaccount_bottom .checkout_formDiv h2 {background: var(--siteBlue);color: #fff;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: space-between; border-radius:5px;}
.blilling_ChkDiv {}
.blClickbtn h2 span {font-size: 14px;text-transform: initial;float: right;font-weight: 400; padding-left:5px;}
.myaccount_bottom .checkout_AddressDiv {border-top: 0;padding-top: 0;}
.checkout_AddressDiv.divAddress{width:48%; float:left;}
.checkout_AddressDiv.divAddress.billing_address{float:right; width:48%;}

.checkout_formDiv {float: left;width: 53%;}
.checkout_formDiv h2 {margin-bottom: 10px;padding: 10px;background: var(--clr-grey); border-radius:5px; text-transform: uppercase; font-size:18px;font-weight: 600;}
.checkout_AddressDiv, 
.Delivery_NotesDiv, 
.payment_detailsDiv, 
.checkout_paypalDiv, 
.divMultipleOrders {float: left;width: 100%;margin: 0;padding: 20px 0;border-top: 1px solid var(--clr-grey);}

.lg_inputDiv label{display: inline-table; padding: 0; font-weight: 500;width: 22%;text-align: left;line-height:40px; float:left;}
.Resetpassword_formDiv label{width:30%; float:left;line-height:40px;    text-align: left;}
.Resetpassword_formDiv .input_box{width:67%;float:right;}
.myaccount_bottom .chk_dropdown,
textarea.form__field,
.myaccount_bottom .checkout_AddressDiv .input_box, 
.checkout_AddressDiv .input_box,
.petinfo_formDiv .input_box,
.RadioBtnDiv{width: 75%; float:right;}

.myaccount_bottom .chk_dropdown .input_box{width:100%;}
textarea.form__field{padding:15px; height:80px;}

.chk_dropdown select.chk_selected_Option {padding-right: 10px;background: url(/images/HealthSupp/icon-arrow-down.png) no-repeat 98% 5px; background-size:25px;}
.UpdateProfile_inputDiv {width: 100%;float: left;margin: 0;padding: 0;text-align: center; position:relative;}
.login_securelBtn, 
.lgn_newaccountBtn, 
.place_orderBtn,
.UpdateProfile_inputDiv span.Loading{width: 130px;height: 40px;line-height: 40px;padding: 0;margin: 0;color: #fff;font-weight: 600;font-size: 16px;background: var(--top-green); text-align: center;border: 0;border-radius: 50px;cursor: pointer;outline: none;text-transform: uppercase;}
.UpdateProfile_inputDiv span.Loading{position:absolute; left:0; right:0; margin:0 auto;}


.orderconformation_rightDiv {float: right;width: 44%;}
.petinformationDiv {width: 100%;margin: 0;padding: 0;float: left;border: var(--brd-grey); border-radius:5px;}
.petinfo_topDiv h2, 
.petinformationDiv h2 {font-size: 18px;float: left;text-transform: uppercase;width: auto;}
.petinfo_topDiv a, 
.addnewpet_Btn {float: right;background: #fff;outline: none;border: 1px solid #d9d6d6;border-radius: 3px;margin: -6px 0 0;padding: 8px 10px;text-transform: uppercase;font-weight: 600;font-weight: 600;color: var(--top-green);cursor: pointer;}
.petinfo_topDiv,
.petaddnew_topDiv{width: 100%;margin: 0;padding: 15px;float: left;border-bottom: 1px solid #d9d6d6;box-sizing: border-box;}
.petinfo_topDiv p {font-weight: 500;padding: 15px 0;width: 100%;display: table;}
.pet_infolisting {float: left;width: 100%;padding: 15px 0; text-align:center;}
.right_petEditDiv {width: 100%;float: left;margin: 10px 0 0;padding: 0;}
.cart_pet_headerDiv {float: left;width: 100%;background: #f8f8f8;color: #151515;font-weight: 600;border-top: 2px solid #e0e2e4;border-bottom: 2px solid #e0e2e4;margin: 0;padding: 0 0;height: 40px;line-height: 40px;}.pethd_no, 

.petOrder_name, 
.pet_Birth_Date, 
.pet_type {float: left;margin: 0;padding: 0;}

.petrep_img, 
.pethdRep_No, 
.petrep_Name, 
.petrep_Birth_Date, 
.petrep_type, 
.petrep_editDiv {float: left;margin: 0;padding: 0;font-weight: 500;}

.pethd_no,
.pethdRep_No{width: 10%;padding: 0;text-align: center;}
.petrep_img{width: 20%;padding: 0;text-align: center;}
.petOrder_name,
.petrep_Name{width: 22%;text-align: center;}
.pet_type,
.petrep_type{width: 22%;text-align: center;}
.pet_Birth_Date,
.petrep_Birth_Date{width: 22%;text-align: center;}
.pet_table_repeatDiv {width: 100%;margin: 0;padding: 10px 0 0;float: left;font-weight: 500;font-size: 14px;border: 1px solid #e0e2e4;border-top: 0;}
.petrep_editDiv {width: 100%;border-top: 1px dashed var(--clr-grey);padding: 8px 2%;margin: 10px 0 0;}
.pet_breedDiv {float: left;}
.pet_breedDiv span {color: var(--Primary); font-weight:600;}
.edit_rightDiv {float: right;}
.edit_rightDiv a {margin: 0 5px;}

.pet_selectDiv {display: inline-block; width: 64px;text-align: center;font-size: 13px;margin: 0 2px 0 0;padding: 0;font-weight: 500;position: relative;}
.pet_selectDiv img {background: var(--Primary);padding: 5px;display: block;margin: 0 auto 0 auto; width:35px; border-radius:5px;}
.pet_selectDiv input[type="radio"] {width: 25px;height: 25px;margin: 0;opacity: 0;cursor: pointer;position: relative;z-index: 9; top: 20px;}
.pet_selectDiv input[type="radio"]+span.customRadio {display: inline-block;width: 18px;height: 18px;background-color: #fff;margin: 0 auto;border: 2px solid #ccc;padding: 0; display: block;}
.pet_selectDiv input[type="radio"]:checked+span.customRadio::after {width: 10px;height: 10px;margin: 2px 0 0 2px;opacity: 1;background-color: var(--top-green);}
.pet_selectDiv input[type="radio"]+span.customRadio::after {content: '.';color: transparent;position: absolute;display: block;width: 10px;height: 10px;margin: 1px 0 0 1px;opacity: .6;transition: .2s;}
.pet_selectDiv span {display: block;padding: 5px 0;    font-size: 12px;}
.petinfo_formDiv{width:100%; padding:15px; float:left;}
.lg_gender {margin: 15px 0;}
.RadioBtnDiv {display: inline-table;position: relative;vertical-align: top;}
.RadioBtnDiv input,
.RadioBtnDiv label {display: inline-block;width: auto;vertical-align: middle;}
.RadioBtnDiv ul {list-style: none;margin: 0;padding: 0;}
.RadioBtnDiv ul li {color: var(--Primary);display: block;position: relative;float: left;}
.RadioBtnDiv ul li label {display: block;position: relative;font-size: 14px;padding: 0 25px;margin: 0 10px 0 0;height: auto;z-index: 9;cursor: pointer;width: auto;text-transform: inherit; line-height:normal;}
.RadioBtnDiv ul li .check {display: block;position: absolute;border: 2px solid #aaa;height: 15px;width: 15px;top: 0;left: 0;z-index: 5;border-radius: 50px;}
.RadioBtnDiv label {padding-left: 3px;}
.RadioBtnDiv input[type="radio"]:checked {color: #000;font-weight: 700;}
.RadioBtnDiv .radio-check:checked~label {color: var(--top-green);}
.RadioBtnDiv ul li .radio-check {position: absolute;visibility: hidden;}
.RadioBtnDiv .radio-check:checked~.check {border: 2px solid var(--top-green);border-radius: 50px;}
.RadioBtnDiv .radio-check:checked~.check::before {background: var(--siteGreen);}
.RadioBtnDiv ul li .check::before {display: block;position: absolute;content: '';height: 9px;width: 9px;top: 1px;left: 1px;margin: auto;background: #aaa;border-radius: 50px;}
.RadioBtnDiv input:checked+label {color: #000;font-weight: 700;}
.petinfo_formDiv .PetPhoto_inputDiv input {width: auto;padding: 0;padding-top: 10px;}
.PetPhoto_inputDiv input{border:0;}
.PetBtnDiv {width: 100%;text-align: center;margin: 10px 0 0;padding: 0;float: left;}
.pet_submitBtn,
.cancelblue_btn{color: #fff;background: var(--Primary);font-size: 16px;font-weight: 600;font-weight: 600;text-transform: uppercase;cursor: pointer;border-radius: 5px;width: 195px;height: 40px;line-height: 40px;margin: 0 auto;padding: 0;display: inline-table;border: 0;}
.cancelblue_btn {background: #0e0e0e; color:#fff; width: auto; padding:0 15px;}

.No_Records{width:100%; float:left; padding:15px 0; text-align:center;}

.myaccount_referfriend {float: left;width: 100%;padding-bottom: 20px;}
.myaccount_referfriend b {font-size: 16px;line-height: 20px;color: #000;display: block;padding-bottom: 10px;text-align: left;}
.divClaim_trmcnd ul.myaccount_referfriend_list {margin-left: 5px;}
.myaccount_referfriend ul.myaccount_referfriend_list {margin-left: 10px;margin-bottom: 10px;}
.divClaim_trmcnd ul.myaccount_referfriend_list li {padding: 4px 0;}
.myaccount_referfriend ul.myaccount_referfriend_list li {padding: 0;color: #000;line-height: 24px;float: left;width: 100%;    list-style: disc;}
.myaccount_referfriend p{padding:15px 0; display:block; width:100%; float:left;}

/*** CHANGE PASSWORD ***/
.Resetpassword_formDiv .h2_title{padding-bottom:0;}
.Resetpassword_formDiv p {padding-bottom: 15px; line-height: 24px;}
.resetpass_inputDiv {width: 100%;float: left;margin: 10px 0;padding: 0;position: relative; text-align:center;}
.resetpass_inputDiv span {display: inline;text-align: right;padding: 10px 0 0;}
.myaccount_bottom .Resetpassword_formDiv .login_securelBtn {background: var(--top-green);text-transform: uppercase;width: 130px;}
.Resetpassword_formDiv .login_securelBtn {width: 180px;height: 40px;line-height: 40px;padding: 0;margin: 0;color: #fff;font-weight: 600;font-size: 16px;background: var(--top-green); text-align: center;border: 0;border-radius: 50px;cursor: pointer;outline: none;}

p.Following-table-p {margin: 5px 0 15px;}
.visit_Orderorder_TableDiv {width: 100%;float: left;border: 1px solid #e0e2e4;margin-top: 0; border-radius:10px; overflow:hidden;}
.visit-Table-thDiv {width: 100%;float: left;background: var(--lightGrey);color: #000;font-size: 15px;font-weight: 600;}
.giftVouchermyaccount .Resetpassword_formDiv {width: 100%;float: left;padding: 15px;}
.giftVouchermyaccount .vs-date-H { width: 14%;}
.giftVouchermyaccount .visit_status_crDes {width: 20%;}
.giftVouchermyaccount .vs-date-H {width: 14%;}
.giftVouchermyaccount .visit_status_cr, 
.giftVouchermyaccount .td-visit-status_cr {width: 17%;}

.srNo, 
.visit-date, 
.visit-status, 
.visit_status_cr {float: left;text-align: center;padding: 0 0;height: 100%;min-height: 40px;line-height: 40px;font-weight: 500;}
.srNo,
.td-srNo {width: 8%;border-left: 0;}
.visit-status, 
.td-visit-status {width: 15%;}
.visit_status_cr, 
.td-visit-status_cr {width: 45%;}
.visit-date, .td-visit-date {width: 16%;}

.referfriend-main {float: left;width: 100%;}
.referfriend-main strong {font-size: 18px;line-height: 22px;color: #000;display: block;padding-bottom: 12px;text-align: left;font-weight: 700;}
.share-link {font-size: 16px;line-height: 20px;color: #000;display: block;margin: 0;margin-bottom: 15px;}
.Referral-Link {float: left;width: 100%;}
.Referral-Link-right {float: left;width: 100%;text-align: left;}
.Referral-Link-right b {font-size: 16px;line-height: 20px;padding-bottom: 15px;display: block;}
.uniqueLink {margin: 0 auto;border: 2px dashed #2c3e50;padding: 15px;display: flex;justify-content: space-between;}
.uniqueLink svg{width:30px; height:30px;float:right; cursor:pointer;}
.uniqueLink #InputReferLink {color: var(--Price);padding: 0;height: 40px;line-height: 40px; padding:0; text-align:center;resize: none;vertical-align: text-top;-ms-overflow-style: none;scrollbar-width: none;}
.Referral-Link-left {float: left;width: 100%;text-align: left;margin-bottom: 30px;position: relative;}
.Referral-Link-left span {font-weight: 700;text-transform: uppercase;vertical-align: middle;font-size: 16px;}
.Referral-Link-left a {border: 0;background: #fff;color: #fff;text-transform: uppercase;cursor: pointer;text-align: center;border-radius: 5px;font-size: 16px;font-weight: 600;padding: 5px 5px;margin-top: 10px;display: inline-block;}
.Referral-Link-left a img {width: 30px;vertical-align: middle;}
.new_reward_tad .myaccount_tab.myaccount_tab_refer {margin-top: 0;}
.visit-Order-TableDiv .referfriend-text {margin-top: 0;padding:15px;}
.visit-Order-TableDiv .referfriend-text ul{padding:15px 0 15px 20px}
.visit-Order-TableDiv .referfriend-text ul li{position:unset; list-style:disc; padding:0;}
.visit-Order-TableDiv .referfriend-text b {font-size: 16px; color: #000;display: block;padding: 0 0 15px 0;text-align: center;}
.visit_Orderorder_TableDiv b {padding: 10px 0;text-align: center;width: 100%;float: left;font-weight: 600;font-size: 16px;}
.refertbl {width: 18%;}

/*** MY REFERRALS PAGE ***/
.Refer-friend-link-top{margin-top:30px;text-align:center;margin-bottom:0;float:left;width:100%}
.Refer-friend-link-top strong{font-size:28px}
.Refer-friend-link-top p{font-size:18px}
.Refer-friend-petsicon{float:left;margin-top:5px}
.Refer-friend-link-top-text{float:none;margin-top:0;display:inline-block}
.Refer-friend-link-top strong{font-size:34px;line-height:40px;color:var(--siteBlue);display:block;margin-bottom:0;font-weight:700;}
.Refer-friend-link-top p{font-size:22px;line-height:24px;color:#272423;display:block;margin-bottom:10px;text-align:center;font-weight:700}
.Refer-friend-link-box{padding:0;background:var(--siteBlue);width:100%;float:left;margin:30px 0 50px 0;border-radius:5px;}
.Refer-friend_col{width:425px;float:none;margin:0 auto}
.Refer-friend_col.Refer-friend_col_2{text-align:center;margin-top:7px;width:auto;float:right;padding-right:2%}
.Refer-friend_col .img{vertical-align:top;line-height:1;margin-left:20px;display:inline-block;margin-top:6px}
.Refer-friend_col .certer-text{display:inline-block;line-height:1}
.Refer-friend_col .certer-text .percentage_rank{font-size:70px;line-height:90px;color:#fff;display:inline-block;margin:0 0 0 30px;font-weight:800;}
.Refer-friend_col .certer-text .percentage_rank span{font-size:62px;line-height:1;color:#fff;display:inline-block;font-weight:600;}
.Refer-friend_col .certer-text p{display:inline-block;text-align:center;vertical-align:sub}
.Refer-friend_col .certer-text p strong{display:inline-block;font-size:36px;line-height:50px;color:#fff;text-transform:uppercase;font-weight:600;}
.Refer-friend_col .certer-text p span{display:block;font-size:16px;line-height:20px;color:#fff}
.Refer-friend_col .Refer-friend-plus{float:right}
.Refer-friend_col .Refer-friend-plus{color:#fff;font-size:60px;line-height:1;margin:14px 10px 0;}
.Refer-friend-link-btn{text-align:center;margin:30px 0;padding-bottom:15px;border-bottom:1px solid var(--lightGreyo);display:block}
.Refer-friend-link-btn a{font-size:16px;line-height:20px;color:#fff;text-transform:uppercase;padding:15px 28px;background:var(--top-green); border:1px solid var(--brdGreen); display:inline-block;border-radius:5px;margin-bottom:30px;font-weight:600}
.Refer-friend-link-btn p{font-size:14px;line-height:20px;color:#000;font-weight:400;text-align:left;margin-bottom:15px}
.Refer-friend-Terms strong{font-size:16px;line-height:18px;color:#272423;padding-bottom:15px;display:block;font-weight:600}
.Refer-friend-Terms ul{list-style-type:disc;margin-bottom:20px;padding-left: 25px;}
.Refer-friend-Terms ul li{margin-bottom:0;margin-left:0;list-style-type:disc;color:#000; padding:5px 0 5px 0;width:100%}


.divPanels, .panel {float: left;padding: 1% 0%;width: 100%;}
.Ref_orderDiv {width: 100%;margin: 4px 0 0;padding: 0;float: left;font-weight: 500;}
.order_table {width: 100%;border-radius: 10px;margin-inline: auto;border: 1px solid #e1e1e1;overflow: hidden;color: #374f72;margin-bottom: 12px;}
.order_flex {display: flex;}
.order_header {padding-block: 10px;padding-inline: 20px;background: #f4f5fb;border-bottom: 1px solid #e1e1e1;}
.order_col:first-child,
.order_edit:first-child {width: 45%;}
.order_th {font-weight: 700;}
.danger_text {color: #00abec;}
.order_col:not(:first-child):not(.order_col2) {width: 28.5%;}
.order_col2 {width: 11%;}
.order_row {padding-block: 10px;padding-inline: 20px;}
.order_flex {display: flex;}
.order_body .order_col {display: flex;flex-direction: column;justify-content: center;font-weight: 500;}
.order_body .order_col:not(:last-child) {align-items: flex-start;}
.order_profile {display: flex;align-items: center;gap: 8px;}
.order_img {width: 90px;height: 90px;display: flex;}
.order_img img {width: 100%;vertical-align: middle;object-fit: contain;}
.order_title {width: calc(100% - 90px);padding-right: 12px;font-size: 14px;line-height: 20px;}
.order_td {text-align: center;}
.order_update_btn a {font-weight: 700;color: #00abec !important;}
.order_action {display: flex;align-items: center;justify-content: space-around;gap: 10px;}
.order_action:not(.order_action1) {flex-direction: column;}
.order_action img {width: 24px;}
.order_btn {cursor: pointer;}
.col_center{text-align: center;}
.order_body .order_col.col_center{align-items: center;}



@media only screen and (max-width:1000px),(max-width:1099px){
.updatedbox_dahsboard {width: 17%;}
.updatedbox_password{width:23%;}
.updatedbox_signout{width:15%;}
}


@media only screen and (max-width:900px),(max-width:999px){
.myaccount_bottom .checkout_formDiv h2{background:var(--siteBlue);}
.myaccountNew_cusname {width: 100%;}
.myaccountNew_cusid {width: 50%;text-align: left;}
.myaccountNew_cusemailid {margin-right: 0;text-align: left;width: 50%;}
.myaccountNew_updatedBoxes {width: 100%;float: left;border-bottom: 1px solid var(--clr-grey);margin-bottom: 10px;padding: 10px 0 10px 0;}
.myaccountNew_toggle {display: block;width: 100%;float: left;padding: 10px;color: #fff;background: var(--top-green); font-size: 18px;font-weight: 500; border-radius:5px;}
.cusnew_updatedbox_active{background:#333;}
.myaccountNew_toggle svg{width:25px; height:25px; fill:#fff; float:right;}
.myaccountNew_toggle svg path{fill:#fff; stroke: #fff}
.myaccountNew_cusnameid{padding: 15px 0 0 0;}
.cusnew_updatedbox_top {display: none;}
.cusnew_updatedbox {width: 100%;margin: 0 0 1px;padding: 10px 20px; border-radius: unset;}
.cusnew_updatedbox a {font-size: 16px;}
.cusnew_updatedbox img {width: 26px;}

.myaccount_leftDiv {width: 100%;}
.Qus_Popup_middle{width:90%;}

.checkout_AddressDiv.divAddress,
.checkout_AddressDiv.divAddress.billing_address{width:100%;}

.myaccount_tab .pay_order_summary, 
.myaccount_tab .pay_noteTextDiv{width: 680px;}

.myaccount_rightMenuDiv {width: 100%;margin-top: var(--margin30);}
.Points_bottom_text{margin-bottom:0;float: left;border-bottom: 1px solid var(--clr-grey);}
.refferralCreditSmalltext{display:inline-block; width:100%;}
.Referrals{margin:0}

.myaccount_bottom .checkout_formDiv,
.checkout_formDiv,
.orderconformation_rightDiv{width:100%;}
.orderconformation_rightDiv{margin-top:var(--margin30)}

.visit-Order-TableDiv,
.Dashboard_Scrollbar{overflow:auto; width:100%;}
.visit-Table-thDiv{width:750px;}
.order_table_responsive {overflow-x: scroll;}
.order_table {width: 900px;}


}

@media only screen and (max-width:800px),(max-width:899px){

}

@media only screen and (max-width:700px),(max-width:799px){

}

@media only screen and (max-width:400px),(max-width:499px) {
.firstlast_nameDiv .Qus_form_margin{width: 100%;}

.forgotpass_popup_contentDiv input{width:90%;}
.myaccount_referfriend ul.myaccount_referfriend_list {margin-left: 20px;}
.myaccountNew_title {font-size:22px;}
.myaccount_border{border: 10px solid var(--clr-grey);}
.myaccountNew_top,
.myaccount_bottom{padding: 10px;}
.myaccount_border {padding:0;}
.myaccountNew_cusemailid,
.myaccountNew_cusid{width:100%; text-align:left; padding:5px 0;}
.reason-for-cancel{flex-wrap: wrap;}
.reason-for-cancel label,
.reason-for-cancel textarea{width: 100% !important;}
#divPaymentPending .Qus_Popup_form .post_QusBtn{margin-top: 25px;}
.loginPageDiv {width:90%;padding: 25px 0; margin:0 auto}
.login_inputDiv label{width:100%;}
.login_inputDiv input{width:100%;}
.login_inputDiv .field-validation-error{width:100% !important;}
.Forgot_Passinput{margin:0; padding:15px 0}
.Forgot_Passinput label{display:none;}

.MobileScroll{width: 100%;overflow:scroll;}
.myaccount_tab div.tab{width:max-content;}
.myaccount_tab div.tab div,
.new_reward_tad .myaccount_tab_refer div.tab div{width:auto; margin: 0 5px 0 0;padding: 10px 15px;}

.feedBack_captchaDiv{width:100%;}
.feedBack_captchaDiv img{width:100px; height:40px; margin-left:10px;}
.post_QusBtn{width:100%;}
.myaccount_bottom .payment_shipping {width: 100%; border:0; padding:10px; border-bottom:1px solid var(--clr-grey);}
.pay_noteTextDiv p{text-align:left;}
.pay_phoneno{display:inline-block; width:100%;}

.myaccount_bottom .checkout_formDiv h2{font-size:16px;display: inline-block;width: 100%;}
.blilling_ChkDiv {float: left;width: auto;padding-top: 10px;padding-top: 4px;}

.lg_inputDiv label,
.Resetpassword_formDiv label{width:100%;line-height: normal;padding-bottom: 5px;}

.myaccount_bottom .chk_dropdown, 
textarea.form__field, 
.myaccount_bottom .checkout_AddressDiv .input_box, 
.checkout_AddressDiv .input_box, 
.petinfo_formDiv .input_box,
.RadioBtnDiv,
.Resetpassword_formDiv .input_box{width: 100%;float: right;}

.uniqueLink{display: inline-block;width: 100%;position: relative;float: left;height: auto;padding: 10px 10px 50px 10px;}
.uniqueLink span{position: absolute;bottom: 10px;left: 0;right: 0;margin: 0 auto;display: block;width: 30px;}
.uniqueLink #InputReferLink{height: auto;line-height: normal;padding: 10px 0; height:85px;}

.myaccount_bottom .petinfo_topDiv h2,
.myaccount_bottom .petinformationDiv h2 {width: 100%;}
.myaccount_bottom .petinfo_topDiv a,
.addnewpet_Btn{float: left;margin-top: 10px;}
.right_petEditDiv{width:440px;}
.pet_submitBtn, .cancelblue_btn{width:47%;}

.Refer-friend-link-top strong {font-size: 24px;line-height: 30px;}
.Refer-friend-link-top p{font-size:18px; padding-top:15px;}
.Refer-friend_col{width:100%; padding:15px 0;}
.Refer-friend_col .img{width: 100%;margin: 0;}
.Refer-friend_col .img img{margin: 0 auto;display: block;}
.Refer-friend_col .certer-text{text-align:center;}
.Refer-friend_col .certer-text .percentage_rank{margin:0; width:100%;font-weight: 800;}


}

@media only screen and (max-width:375px),(max-width:399px){

}

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

}

@media only screen and (max-width:300px),(max-width:320px){
}