.field-validation-error {color: var(--pricecolor);font-size: 12px;width: 100%;float: left;padding-top: 5px;}

/*** LOGIN PAGE / FORGET RESET PASSWORD ***/
.LoginPage_Container {display: flex;justify-content: space-between; padding-top:20px;}
.login_block {width: 46%;float: left;}
.login_block:last-child {float: right;}
.login_input {}
.login_input label {font-weight: 600;}
.login_input label span {color: var(--pricecolor);padding-left: 5px !important;}
.login_input input {height: 38px;margin-top: 5px;background: #fff;}
.login_input input::placeholder{color:#c9c9c9;}
.login_input input:focus::placeholder {color: transparent;}
.login_info {}
.login_btn {width: 180px;float: left;}
.login_btn .HomeShop_Btn {width: 165px;}
.login_block:last-child .HomeShop_Btn {width: 250px;}
.login_btn p {padding-top: 15px;width: 100%;float: left;}
.login_btn p a {text-decoration: underline;color: var(--pricecolor);}
.login_checkbox {width: 140px;float: right;}
.ResetPassword_text {}
.ResetPassword_text p {padding-bottom: 10px;}
.ResetPassword_inputs {width: 50%;}
.ResetPassword_inputs label {width: auto;margin: 0 10px 0 0;}
.ResetPassword_inputs .field-validation-error {padding: 0 0 0 60px;}
.ResetPassword_inputs input {height: 38px;line-height: 38px;margin-top: 10px;width: 80%;}
.ResetPassword_Form .ResetPassword_inputs {width: 100%;}
.ResetPassword_Form .ResetPassword_inputs input {width: 100%;margin-top: 5px;}

/*** USER PAGES ***/
.MyAccount_Pages {}
.MyAccount_Pages h3 {font-size: 18px;padding-bottom: 15px;}
.account-menu-mobile {display: none;}
.account-menu {border-bottom: 1px solid var(--boxborder);background: var(--lightgrey);}
.account-nav {}
.account-nav ul {display: flex;justify-content: space-between;}
.account-nav ul li.account-menu-active,
.account-nav ul li:hover {border-bottom: 4px solid var(--sitecolor);color: var(--sitecolor);padding-top: 5px;-webkit-transition: .3s;transition: .3s;}
.account-nav ul li a {display: block;padding: 23px 0 15px;font-weight: 600;}
.account-nav ul li a:hover,
.account-nav ul li.account-menu-active a {color: var(--sitecolor);}
.account-desc .Fonr24 {padding-bottom: 10px;}
.account-desc p {}
.order-placed-new {width: 70%;float: left;padding: 0 30px 0 0;}
.order-placed-new h3,
.acc-setting h3,
.order-placed h3 {background: var(--lightgrey);padding: 10px;display: flex;justify-content: space-between;line-height: 22px;padding: 10px;}
.order-placed-new h3 a {float: right;font-size: 14px;text-decoration: underline;font-weight: normal;}
.table_Scroll table {width: 100%;border-collapse: collapse;border: 1px solid var(--boxborder);}
.table_Scroll table tr {border-bottom: 1px solid var(--boxborder);}
.order-hold-table {display:flex;flex-wrap: wrap;}
.order-hold-table td{width:18%;}
.order-hold-table td:last-child{width:100%;text-align:left !important;margin-left: 60px;}
.order-hold-table td:last-child p{color: #f20404;}
.order-hold-table td:nth-child(4){width:25%;}
.table_Scroll table td {padding: 10px;font-size: 14px;text-align: center;}
.table_Scroll table td a.red-text {color: var(--sitecolor);}
.table_Scroll table td a.green-text {color: var(--shopbtn);}
.table_Scroll.first-order-table table td:last-child {text-align: right;}
.table_Scroll.first-order-table table td span {display: block;font-weight: normal;padding-top: 8px;}
.table_Scroll.first-order-table table td {font-weight: bold;}
.table_Scroll.first-order-table table td .clr-numb {color: var(--sitecolor);}
.table_Scroll.first-order-table table td .clr-status {color: var(--shopbtn);}
.table_Scroll.first-order-table table td .HomeShop_Btn {border: 0;cursor: pointer;padding: 0 30px;font-weight: 600;float: none;}
.table_Scroll table th {padding: 10px;font-size: 14px;text-align: center;font-weight: 600;background: var(--BlueLighter);}
.table_Scroll table td .dog-pic {width: 50px;}
.table_Scroll table td svg {width: 25px;cursor: pointer;}
.table_Scroll table td .cross-img {width: 20px;height: 20px;background: #f50633;padding: 3px;border-radius: 100%;color: #fff;cursor: pointer;}
.acc-setting {width: 30%;float: right;}
.acc-details-inner {border: 1px solid var(--boxborder)
}
.CommonAddress {border-bottom: 1px solid var(--boxborder);padding: 10px;}
.CommonAddress .profile-label {padding-bottom: 5px;font-weight: 600;}
.CommonAddress .customer,
.CommonAddress .acc-name,
.CommonAddress .acc-email,
.CommonAddress .acc-phone {margin-bottom: 5px;}
.CommonAddress.Shipped_Billing {position: relative;cursor: pointer;}
.CommonAddress.Shipped_Billing:hover {background: var(--siteblue);}
.CommonAddress.Shipped_Billing::after {content: "";width: 15px;height: 15px;border-top: 5px solid var(--boxborder2);border-left: 5px solid var(--boxborder2);position: absolute;top: 39%;right: 20px;transform: rotate(135deg);}
.profile-form,
.ResetPassword_Form {width: 400px;float: left;}
.form-first-name sup {color: var(--shopbtn)
}
.form-first-name input {height: 38px;line-height: 38px;margin-top: 5px;}
.form-button .HomeShop_Btn {width: auto;padding: 0 20px;}
.order-placed-new.Full {width: 100%;padding: 0;}
.profile-form label {font-weight: 600;}
.auto_order_block {}
.auto_order_block p {padding-bottom: 10px;}
.auto_order_content {}
.auto_order_content .auto-list-item {width: 32%;float: left;margin-right: 2%;background: #fff;border: 1px solid var(--boxborder);padding: 10px;border-radius: var(--Radius5)
}
.auto_order_content .auto-list-item:last-child {margin: 0;}
.auto_order_content .auto-list-item .Img_holder {width: 30%;float: left;}
.auto_order_content .auto-list-item .Img_holder img {width: 60%;margin: 0 auto;display: block;}
.auto_order_content .auto-list-item .TextHolder {width: 70%;float: right;}
.auto_order_content .auto-list-item .TextHolder span {font-size: 18px;font-weight: 600;color: var(--sitecolor);margin-bottom: 5px;display: inline-block;}
.acc-order-status-hide .no-order {padding: 15px 0;font-size: 14px;text-align: center;border: 1px solid var(--boxborder);border-radius: var(--Radius5);background: var(--lightgrey);}
.account-desc.pet_details {}
.account-desc.pet_details h2 {font-size: 18px;}
.pet-info-left {width: 70%;float: left;padding: 0 30px 0 0;}
.pet-info-sec {}
.pet-info-inner {display: flex;justify-content: space-between;align-items: start;}
.pet-info-right {width: 30%;}
.pet-info-right .acc-setting {margin: 0;}
.pet-info-top {background: var(--sitecolor);padding: 15px;border-radius: 5px 5px 0 0;display: flex;justify-content: space-between;}
.pet-info-top h3 {font-size: 18px;font-weight: 600;color: #fff;margin: 0;padding: 0;line-height: 30px;}
.pet-info-top .info-top-btn {border: 0;cursor: pointer;width: 30px;float: right;background: none;}
.pet-info-middle {border: 1px solid #eaeaea;}
.pet-info-mdl {min-height: 105px;padding: 0 30px;position: relative;}
.pet-info-mdl span {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pet-info-inner .HomeShop_Btn {border: none;width: 100%;padding: 10px 0;background-color: var(--shopbtn);cursor: pointer;color: #fff;font-weight: 600;border-radius: unset;}
.pet-info-rightbar {width: 30%;float: right;}
.pet-info-rightbar .acc-setting {width: 100%;}
.ManageAddress_tab {}
.ManageAddress_tab ul li {width: auto;margin: 0 10px 0 0;}
.ManageAddress_tab ul li .active {background: var(--sitecolor);border: 1px solid var(--boxborder) !important;color: #fff;border-radius: var(--Radius5);}
.ManageAddress_tab ul li a {color: #000;font-weight: 500;border: 1px solid var(--boxborder);padding: 10px 20px;border-radius: var(--Radius5);}
.Add_ShippingAddress.ManageAddress {border: 0;}
.Add_ShippingAddress.ManageAddress .AddressBoxes {width: 24%;}
.BillingAddress_content.BillingAddress {width: 850px;border: 1px solid var(--boxborder);padding: 15px;border-radius: var(--Radius5);margin-top: 10px;}
.BillingAddress_content.BillingAddress p {padding-bottom: 15px;}
.BillingAddress_content.BillingAddress sup {font-size: 14px;color: var(--pricecolor);}
.BillingAddress_content.BillingAddress .BillingAddress_input {width: 50%;padding: 0 5px;}
.BillingAddress_content.BillingAddress .BillingAddress_input label {width: 100%;float: left;margin-bottom: 5px;font-weight: 600;}
.form-button button.HomeShop_Btn {width: auto;padding: 10px 30px;cursor: pointer;height: auto;line-height: normal;}





@media only screen and (max-width:800px),(max-width:899px) {
.ResetPassword_inputs {width: 100%;}
.account-nav {display: none;}
.account-nav ul {display: block;}
.account-nav ul li {width: 100%;float;left;border-bottom: 1px solid var(--boxborder);}
.account-nav ul li a {padding: 10px;}
.account-nav ul li.account-menu-active,
.account-nav ul li:hover {border: none;padding: 0;border-bottom: 1px solid var(--boxborder);}
.account-menu {border: 0;background: none;}
.account-menu-mobile {display: block;border: 1px solid var(--boxborder);background: var(--lightgrey);position: relative;padding: 10px;margin-top: 10px;}
.account-menu-mobile::after {content: "";width: 15px;height: 15px;border-top: 5px solid var(--greytext);border-left: 5px solid var(--greytext);position: absolute;top: 22%;right: 20px;transform: rotate(225deg);}
.order-placed-new {width: 100%;padding: 0
}
.acc-setting {width: 100%;padding-top: 20px;}
.table_Scroll.first-order-table {}
.table_Scroll.first-order-table table {width: 100%;}
.table_Scroll {overflow-y: scroll;width: 100%;}
.table_Scroll.first-order-table table td:last-child{margin-left:0;}
.table_Scroll table {width: 100%;}
.auto_order_content .auto-list-item .Img_holder {width: 100%;}
.auto_order_content .auto-list-item .Img_holder img {width: 60px;}
.auto_order_content .auto-list-item .TextHolder {width: 100%;text-align: center;padding-top: 10px;}
.auto_order_content .auto-list-item .TextHolder p {font-size: 14px;}
.pet-info-left {width: 100%;padding: 0;}
.pet-info-rightbar {width: 100%;}
.Add_ShippingAddress.ManageAddress {border: 0;}
.Add_ShippingAddress.ManageAddress .AddressBoxes {width: 32%;}
.BillingAddress_content.BillingAddress {width: 100%;}
}

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

@media only screen and (max-width:400px),(max-width:499px) {
.login_block {width: 100%;padding-bottom: 20px;}
.table_Scroll table {width: 685px;}
.login_block:last-child {padding: 10px;background: var(--lightgrey);border-radius: var(--Radius5);}
.table_Scroll table {padding-bottom: 10px;padding: 10px 0;display: block;}
.table_Scroll table{padding:0 !important;}
.order-hold-table:last-child{border-bottom:none;}
.order-placed-new .table_Scroll table td {width: 50%;text-align: left;display: block;padding: 5px 10px;float: left;}
.table_Scroll.first-order-table table td:last-child{margin-left:0;}
.table_Scroll.first-order-table table td span {padding-top: 3px;}
.table_Scroll.first-order-table table td:last-child {text-align: left;}



.profile-form,
.ResetPassword_Form {width: 100%;}
.auto_order_content .auto-list-item {width: 100%;margin: 0 0 10px 0;}
.auto_order_content .auto-list-item .Img_holder {width: 30%;}
.auto_order_content .auto-list-item .Img_holder img {width: 60%;}
.auto_order_content .auto-list-item .TextHolder {width: 70%;text-align: left;padding-top: 0;}
.auto_order_content .auto-list-item .TextHolder p {font-size: 16px;}
.Add_ShippingAddress.ManageAddress .AddressBoxes {width: 100%;}
.BillingAddress_content.BillingAddress .BillingAddress_form {display: block;}
.BillingAddress_content.BillingAddress .BillingAddress_input {width: 100%;padding: 5px 0;}
}

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

@media only screen and (max-width:360px) {
.ManageAddress_tab ul li a {padding: 7px 10px;font-size: 12px;}
}

@media only screen and (max-width:300px), (max-width:320px) {
.login_checkbox {float: left;padding-top: 20px;}
}

/* AUTOORDER*/


.danger_text {color: #ff0000;}
.success_text {color: #fff;background: #389708;padding: 6px 8px;border-radius: 4px;}
.order_update_btn .success_text{background: #1c69e0 !important;}
.order_table {width: 100%;margin-inline: auto;border: 1px solid #e1e1e1;overflow: hidden;color: #374f72;margin-bottom: 15px;}
.order_header {padding-block: 10px;padding-inline: 20px;background: var(--siteblue);border-bottom: 1px solid #e1e1e1;}
.order_th {font-weight: 700;}
.order_col:first-child,
.order_edit:first-child {width: 35%;}
.order_col:not(:first-child, .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;padding: 0 10px;}
.order_update_btn a {font-weight: 500;}
.order_can img {width: 25px;margin: 0 auto;cursor: pointer;}
.order_action {display: flex;align-items: center;justify-content: space-around;gap: 18px;}
.order_action:not(.order_action1) {flex-direction: column;}
.custom_date_input {padding: 8px 12px;height: 36px;font-size: 14px;border: 1px solid #e1e1e1;font-weight: 500;border-radius: 5px;color: #374f72;outline: none;appearance: none;position: relative;background: url('/images/calendar.png') no-repeat 95% 8px;background-size: 18px;}
.custom_date_input:hover {border-color: #374f72;}
.custom_date_input::-webkit-calendar-picker-indicator {opacity: 0;pointer-events: none;}
/*
.custom_date_input:after {content: '';position: absolute;right: 6px;pointer-events: none;top: 50%;width: 30px;height: 30px;background: url('https://www.budgetpetworld.com/images/calendar.png') no-repeat 95% 12px;background-size: 20px;transform: translateY(-50%);}*/

.custom_select {width: 100%;padding: 8px 14px;height: 36px;padding-right: 30px;font-size: 14px;color: #374f72;border: 1px solid #e1e1e1;border-radius: 5px;appearance: none;cursor: pointer;font-weight: 500;outline: none;appearance: none;background: url('https://www.budgetpetworld.com/images/arrow-menu.png');background-repeat: no-repeat;background-position: right 10px center;background-size: 10px;}
.custom_select:hover {border-color: #374f72;}
.ui-datepicker-header {display: flex !important;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.ui-datepicker-prev {width: 50%;}
.ui-datepicker-next {width: 50%;text-align: right;}
.ui-datepicker-title {width: 100%;text-align: center;}

#ui-datepicker-div {border: 1px solid #000000 !important;width: 196px;border-radius: 4px;background: #fff;}
.ui-datepicker-calendar {background: #d3e1ff;width: 100%;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display: none !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover {background: url(/images/calander-ico2.png) no-repeat center 1px;background-size: 25px;cursor: pointer;border: 0 !important}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover {background: url(/images/calander-ico1.png) no-repeat center 1px;background-size: 25px;cursor: pointer;border: 0 !important}

input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;padding: 8px 12px;height: 36px;appearance: textfield;border: 1px solid #e1e1e1;border-radius: 5px;outline: none;font-weight: 500;color: #374f72;}

input[type="number"]:hover {border-color: #374f72;}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {opacity: 1;padding-inline: 4px;height: 36px;top: 0;right: 0;position: absolute;}
.ui-datepicker-calendar {background: #fff;}

#overlay_prompt {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 12345;}

#dlt_popup {top: 50%;left: 50%;width: 600px;position: absolute;padding: 20px;background: #fff;transform: translate(-50%, -50%);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);}
.order_btn {cursor: pointer;}
.popup_container {display: flex;align-items: center;gap: 20px;}
.popup_icon {width: 180px;height: 180px;border-radius: 50%;align-content: center;}
.popup_icon img{filter: invert(15%) sepia(4%) saturate(386%) hue-rotate(278deg) brightness(92%) contrast(89%);}

.popup_Autocontent {text-align: left;}
.popup_Autocontent .cancelReason {width: 100%;height: 40px;border: 1px solid #e8e8e8;padding: 0 15px !important;background: url(/images/select-arrow.png) no-repeat !important;background-position: 97% 50% !important;background-size: 10px !important;}
.popup_Autocontent .otherReason {padding-top: 10px;}
.popup_Autocontent .cancelReason,
.popup_Autocontent .reasontext {margin-bottom: 10px;background: #fff;padding: 15px;border-radius: 0;border: 1px solid #bdbdbd;}
.popup_Autocontent .reasontext {resize: none;}
.popup_head {padding-bottom: 10px;font-size: 40px;font-weight: 600;line-height: 46px;color: #1d62b2;}
.popup_desc {font-size: 16px;font-weight: 500;color: #000;}
.txt_msg {width: -webkit-fill-available;padding: 10px;margin-bottom: 10px;border-radius: 10px;border-color: #dde0e6;}
.txt_msg:focus {outline: none;border-color: #374f72;}
.popup_btn_row{display: flex;gap: 20px;justify-content: end;}
.popup_container button {color: #FFF;width: calc(50% - 20px);padding: 10px 16px;border: none;border-radius: 0px;cursor: pointer;text-transform: uppercase;font-size: 16px;font-weight: bold;}

#confirmBtn {margin-right: 5px;background: #1d62b2;}

#cancelBtn {background: #333;}

@media (max-width: 991px) {
.order_table_responsive {overflow-x: scroll;}
}

@media (max-width: 767px) {
.popup_container {flex-direction: column;}
#dlt_popup {width: 80%;}
.popup_icon {width: 140px;height: 140px;padding: 10px;}
.popup_head {font-size: 32px;line-height: 38px;}

}


@media (max-width: 991px) {
.order_table {width: 100%;overflow: auto;}
.order_table .ScrollContent {width: 900px;}
.order_table_responsive {overflow-x: scroll;}
}

@media (max-width: 400px) {
.otherReason {text-align: left;padding-top: 10px;}
.popup_icon {display: none;}
#dlt_popup {width: 90%;}

}