/* dog view page start */
.my_dog_view_sec {background: #EDEDED; padding-top: 0px !important; position: relative; z-index: 1;}
.mydog_title_main{background: #ffffff;}
.mydog_title_div{padding: 60px 0 50px; display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}
.mydog_title{font-size: 35px; line-height: 1; font-family: 'Nunito', sans-serif; font-weight: 700;}
.que_ans_div{display: flex; align-items: flex-start; justify-content: flex-start;}
.que_ans_div img{margin-right: 20px;}
.que_ans .que{font-size: 18px; font-weight: 700; line-height: 1.3; color: #212121;}
.que_ans .ans{font-size: 16px; font-weight: 400; line-height: 21px; color: #757575;}

.mydog_detail{margin-bottom: 30px; position: relative;}
.mydog_detail:before{content: ""; background-color: #fff; width: 100%; height: calc(50% + 2px); top: 0; left: 0; position: absolute; z-index: -1;}
.mydog_detail_innr{background-color: #46A321; color: #ffffff; border-radius: 6px;}
.mydog_info {position: relative;display: flex;align-items: center;justify-content: flex-start; padding: 20px 0; margin: 0px 35px 0px 25px;}
.mydog_info .vaccinated {font-size: 16px; font-weight: 600; background: #fff; color: #000; border-radius: 50px; display: inline-block; line-height: 48px; padding: 0 20px; position: absolute; top: 25px; right: 0;}
.mydog_photo {display: inline-block; width: 108px; height: 108px; background-color: #352f31; overflow: hidden; margin-right: 25px;}
.mydog_photo{border-radius: 100%; border: 4px solid #fff;}
.md_name{margin-bottom: 5px; display: flex;}
.md_name span{font-size: 20px; font-weight: 700; text-transform: uppercase; margin-right: 15px; line-height: 1;}
.md_name .countRate{background: transparent; padding: 0; font-weight: 700; margin: 0;}
.md_name .countRate:before,.md_name .countRate:after{display: inline-block;}
.md_name .countRate:before{content: "(";}
.md_name .countRate:after{content: ")";}
.mydog_breed{color: rgba(255,255,255,0.62); font-size: 18px; font-weight: 700;}
.md_desc_div {padding: 25px 25px 35px 160px; border-top: 1px solid rgba(255,255,255,0.3);}
.md_desc_label{font-size: 16px; color: rgba(255,255,255,0.49); font-weight: 700; margin-bottom: 10px; text-transform: capitalize;}
.md_desc {font-size: 16px; line-height: 1.5; max-width: 950px; letter-spacing: 0.32px;}

.about_mydog_innr, .mydog_rating_review_innr{background-color: #ffffff; border-radius: 6px; border: 1px solid #D1D1D1;}
.about_mydog_innr{margin-bottom: 30px;}
.about_mydog_innr .row {border-bottom: 1px solid rgba(0,0,0,0.15); padding: 30px 35px; margin: 0;}
.about_mydog_innr .row:last-child{border-bottom: 0;}
.about_mydog_innr .row [class*='col-']{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0;}
.about_mydog_innr .row [class*='col-']:first-child{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.info_label{color: #757575; font-size: 16px; font-weight: 700; line-height: 1; margin-bottom: 12px;}
.info_label strong{color: #212121; font-size: 20px; font-weight: 600; line-height: 1; display: block; margin-top: 8px;}
.info_txt{font-size: 20px; color: #212121; line-height: 1; font-weight: 600;}

.rr_title{color: #757575; font-size: 16px; font-weight: 700; line-height: 1;}
.rr_view_link{color: #2196F3; font-size: 14px; font-weight: 500; line-height: 1; text-transform: uppercase;}
.rr_title_div{padding: 30px 35px 10px; display: flex; align-items: center; justify-content: space-between;}

.rr_main .row [class*='col-12']:nth-child(1) .dog-park_rating, .rr_main .row [class*='col-12']:nth-child(2) .dog-park_rating{border-top: 0;}
.dog-park_rating {display: flex; align-items: flex-start; padding: 30px 50px 30px 35px; border-top: 1px solid #D1D1D1;}
.rr_main .row [class*='col-12']:nth-child(even) .dog-park_rating{padding-left: 0;}
.dog-park_rating .dp-img{margin-right: 20px;}
.dp-text {max-width: calc(100% - 82px); padding-top: 8px;}
.dp-rating-title {font-size: 18px; font-weight: 700; line-height: 21px; color: #212121; margin-bottom: 5px;}
.dog-park_rating .dp-rating{margin-bottom: 10px;}
.dog-park_rating .dp-rating img{width: 16px; height: 16px;}
.dog-park_rating .dp-rating span{margin-left: 10px; font-size: 16px; font-weight: 700;}
.dp-rating-desc{font-size: 16px; line-height: 24px; color: #757575;}
.vaccin_record{font-size: 14px; font-weight: 600; color: #2196F3; margin-left: 35px; display: inline-block; vertical-align: top;}
/* dog view page end */

/*create space popup start*/
.create_new_space_popup.customPopupMain .popBody{max-width: 1138px; border-radius: 0; padding: 60px 110px 60px 60px; }
.create_new_space_popup .popBody:before{display: none;}
.create_new_space_popup .mydog_title_div{padding: 0px; margin-bottom: 10px;}
.create_new_space_popup .mydog_title_div .mydog_title, .create_new_space_popup .mydog_title_div .que_ans_div{width: 50%;}
.create_new_space_popup .que{margin-bottom: 15px;}
.create_new_space_popup.customPopupMain .closePopup{background-color: #000; width: 50px; height: 50px; top: 25px; right: 25px;}
.create_new_space_popup.customPopupMain .closePopup:before, .create_new_space_popup.customPopupMain .closePopup:after{background-color: #ffffff; width: 52%;}
.add_new_space_title{font-size: 24px; line-height: 1.3; font-weight: 700; color: #212121; margin-bottom: 25px;}
.name_space_title{font-size: 16px; line-height: 1; font-weight: 700; color: #212121; margin-bottom: 5px;}
.name_space_desc{font-size: 14px; line-height: 1.3; font-family: 'Metropolis', 'Nunito', sans-serif; color: #757575; margin-bottom: 15px;}
.create_space_form .custom-form-control{border: 1px solid #D1D1D1; border-radius: 6px; font-size: 14px; font-weight: 600; color: #212121; line-height: 48px; padding: 0 18px; width: 100%; max-width: 900px;}
.create_space_form .custom-form-group.submit_form_group{margin-bottom: 0; margin-top: 15px; display: inline-block; width: 100%;}
.create_space_form .submit_form_group .add_space_btn{min-width: 200px;}
/*create space popup end*/

/*create space page css start*/
.mySpace_breadcrumbSec{background-color: #ffffff; display: inline-block; width: 100%;}
.create_new_space_sec {background: #EDEDED; padding-top: 0px !important; position: relative; z-index: 1;}
.create_new_space_sec .mydog_title_div{padding-top: 0px !important; padding-bottom: 20px;}
.mySpace_breadcrumbSec ul{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px;}
.mySpace_breadcrumbSec ul li{position: relative;}
.mySpace_breadcrumbSec ul li a,.mySpace_breadcrumbSec ul li span{font-size: 16px; line-height: 1; color: #959595; font-weight: 500;}
.mySpace_breadcrumbSec ul li ~ li{margin-left: 7px; padding-left: 9px;}
.mySpace_breadcrumbSec ul li ~ li:before{content: ""; position: absolute; top: 4px; left: 0; width: 2px; height: 14px; background-color: #959595;}
.profile_status_main{background-color: #ffffff; display: inline-block; width: 100%; padding: 10px 0 25px 0;}
.profile_status_innr{display: flex; align-items: flex-end; justify-content: space-between;}
.profile_status{color: #000000; display: flex; align-items: center; justify-content: flex-start;}
.ps_title{margin-right: 15px; font-size: 16px; font-weight: 600;}
.ps_progress{background-color: #E8E8E8; height: 6px; position: relative; width: 287px; margin-top: 6px;}
.ps_progress .current_progress{position: absolute; top: 0; left: 0; width: 30%; height: 100%; background-color: #FFA127;}
.arrow_box {background: #000000; border: 0; width: 44px; height: 25px; border-radius: 4px; color: #fff; display: flex; align-items: center; font-size: 12px; justify-content: center; font-weight: 500; letter-spacing: -0.19px; position: absolute; bottom: 12px; right: -21px;}
.arrow_box:after, .arrow_box:before {top: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
/*.arrow_box:after {border-color: rgba(0, 0, 0, 0);border-top-color: #000000;border-width: 4px;margin-left: -4px;}*/
.arrow_box:before {border-color: rgba(0, 0, 0, 0);border-top-color: #000000;border-width: 6px;margin-left: -6px;}
.btn.btn-orange{background-color: #FFA726; color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: -0.24px; padding: 10px 25px; box-shadow: -1px 2px 9px #0000001C;}
.btn.btn-orange[disabled]{opacity: 0.5; cursor: not-allowed;}
.mydog_photo img{object-fit: cover; width: 100%; height: 100%; border-radius: 100%;}
.btn.btn-edit{position: absolute; top: 30px; right: 0px; background-color: #000; border-color: #000; min-width: 110px; margin-right: 0; text-transform: uppercase; font-weight: 500;}
.create_new_space_sec .mydog_detail_innr{margin-bottom: 20px;}

.row.gutter-20{margin-left: -10px; margin-right: -10px;}
.row.gutter-20 [class*='col-']{padding-left: 10px; padding-right: 10px;}
.row [class*='col-'] .white_box_div{height: 100%;}
.white_box_div{border: 1px solid #D1D1D1; border-radius: 6px; background: #ffffff; padding: 35px 25px 35px 45px;}
.space_box_title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.long_desc {font-size: 16px; line-height: 1.7; max-width: 558px; letter-spacing: 0.32px; color: #000000;}
.space_title{color: #757575; font-size: 16px; font-weight: 700; line-height: 1.1;}
.space_edit_link{color: #2196F3; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-family: 'Metropolis', 'Nunito', sans-serif; font-weight: 600;}

div.mb-30,.mb-30{margin-bottom: 30px;}
.uploaded_photos{display: flex; align-items: center; justify-content: flex-start; margin: 0 -5px; flex-wrap: wrap;}
.uploaded_photos li{margin: 5px; max-width: 110px; width: 25%;}
.uploaded_photos li img{border-radius: 6px;}
.space_detail_sec_title{font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 30px; color: #212121;}
.space_details_div{background-color: #ffffff; border-radius: 6px; border: 1px solid #D1D1D1; position: relative;}
.space_details_div .row {border-bottom: 1px solid rgba(0,0,0,0.15); padding: 40px 35px; margin: 0;}
.space_details_div .row [class*='col-']{padding: 0;}
.space_details_div .row:last-child{border-bottom: 0;}
.info_txt.font-16, .font-16{font-size: 16px; line-height: 24px; letter-spacing: 0.32px; font-weight: 400;}
.space_edit_link.floated_edit_link {position: absolute; right: 26px; top: 35px; z-index: 1;}
.radio_selected, .checkbox_selected{display: flex; align-items: center; justify-content: flex-start; margin: 0 -5px; flex-wrap: wrap;}
.radio_selected li{border: 1px solid #E5E5E5; border-radius: 19px; margin: 5px; font-size: 14px; font-weight: 600; line-height: 1; padding: 9px 18px;}
.checkbox_selected{margin-top: 15px; flex-wrap: wrap;}
.checkbox_selected li{font-size: 16px; letter-spacing: -0.16px; color: #212121; width: calc(25% - 10px); padding-left: 30px; background: url("../images/checked.png") no-repeat top 2px left; line-height: 25px; margin: 0 5px;}
.checkbox_selected li.width_100{width: 100%;}
.info_txt.max-1150, .max-1150{max-width: 1150px;}

.space_details_div .space_box_title{padding: 45px 25px 0 35px;}
.space_details_div .space_box_title .space_title{color: #212121;}

.checkbox_selected li a, .checkbox_selected li span{color: #3CA3F4;}
.space_date_time{font-size: 16px; font-weight: 600;}
.space_date_time span{color: #53A826;}
.back_list_div{margin-top: 60px; padding: 0 15px;}
.back_list_div .btn.btn-black{background-color: #000; border-color: #000; font-weight: 600; padding: 10px 20px;}
.back_list_div .btn.btn-black img{margin-right: 5px; margin-top: -2px;}
.dog_suitable_space {display: inline-block; width: 100%; padding: 15px 25px 0 0;}
.edit_space_popup .custom-form-group .cfg-label{color: #000; font-size: 14px; font-weight: 700; line-height: 1; margin-bottom: 10px; width: 100%;}
.edit_space_popup .checkboxDiv .checkbox .checkbox-label{font-size: 14px;}
.edit_space_popup .checkboxDiv .checkbox .checkbox-label::before{top: -2px; border-color: #959595;}
.edit_space_popup .checkboxDiv .checkbox .checkbox-label::after {width: 6px; height: 12px; border-width: 0 2px 2px 0; top: 0px;}
.edit_space_popup .checkboxDiv ~ .checkboxDiv{margin-top: 8px;}
.edit_space_popup .radioDiv .radioLabel .radioLabel-label{font-size: 14px;}
.edit_space_popup .radioDiv ~ .radioDiv{margin-top: 5px;}
.edit_space_popup .radioDiv.display-inline-block{display: inline-block; vertical-align: top; }
.edit_space_popup .radioDiv.display-inline-block:not(:first-child){margin-right: 10px; margin-top: 0;}
.edit_space_popup .radioDiv .radioLabel .radioLabel-label::before, .edit_space_popup .radioDiv .radioLabel .radioLabel-label::after{width: 18px; height: 18px;}
.edit_space_popup .radioDiv .radioLabel .radioLabel-label{padding: 0 0 0 25px;}
/*create space page css end*/

/*---Login Popup css Start---*/
.modalcloseDiv { position: absolute; top: 28px; right: 32px; }
.modalcloseDiv .close { background-color: #000; border-radius: 50%; width: 51.50px; height: 51.50px; opacity: 1; text-shadow: none; color: #fff; font-size: 36px; line-height: 40px; font-weight: 400; }
.login-modal .modal-content { background-image: url(../images/login-trans-bg.png);  }
.Accounts-modal .modal-content { border: none; border-radius:0px; padding: 60px 60px 70px 60px; background-repeat: no-repeat; background-position: top right; }
.forgotPasswordModal .modal-content { background-image: url(../images/forgotpass-trans-bg.png); padding: 70px 60px 94.6px 60px; }
.Accounts-modal .modal-xl { max-width:1092px; }
.AccountFormRow { max-width: 480px; }
.input-lbl, label.input-lbl { font-size: 18px; line-height: 24.55px; color: #212121; font-weight: 600; padding-bottom: 13px; display: flex; align-items: center; }
.input-field { width: 100%; border: 1px solid #E5E5E5; border-radius: 5px; padding: 0 20px; font-size: 16px; line-height: 48px; height: 50px; color: #212121; }
.custom-form-Col { width: 100%; display: block; padding-bottom: 15px; }
.PasswordCol .fornIcons.toggle-password { font-size: 16px; top: 54px; right: 20px; color: #212121; }
.custom-form-Col .form_group { position: relative; }
.forgotpasswordDiv { display: flex; }
.forgotpasswordDiv .forgotPassword { color: #2196F3; font-size: 16px; line-height: 22px; font-weight: 400; margin-left: auto;  }
.custom-form-Col .loginBtn { width: 100%; border-radius: 8px; margin-top: 20px; font-size: 18px; line-height: 25px; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.149); }
.SocialCntDiv { max-width: 480px;  }
.ortxt { font-size: 16px; line-height: 22px; color: #707070; font-weight: 400; }
.logingBtn ul { display: flex; }
.logingBtn ul li { position: relative; }
.logingBtn ul li ~ li { margin-left: 15px; }
.logingBtn ul li a {/* width: 51.78px; height: 51.78px; border-radius: 50%;*/ display: inline-flex; align-items: center; justify-content: center;}
.logingBtn ul li .fb_iframe_widget {  position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.0000001; }
/*.logingBtn ul li a.fb { background-color: #4668A8; }
.logingBtn ul li a.googlePlusBtn { background-color: #fff; box-shadow: -5px 5px 4px rgba(146, 59, 226, 0.11); }*/
.logintxt { padding: 12px 0px 10px;  position: relative;  }
.logintxt span { font-size: 16px; line-height: 22px; font-weight: 400; color: #212121; background-color: #fff; position: relative; z-index: 2; padding-right: 15px; }
.logintxt::after { content: ''; width: 100%; height: 1px; background-color: #707070; position: absolute; top: 0px; bottom: 0px; margin: auto; left: 0px; }
.otherAnAccount { padding-top: 23px; }
.otherAnAccount p { font-size: 16px; line-height: 22px; color: #212121; font-weight: 400;  }
.otherAnAccount p a { color: #53A826; font-weight: 600; }
.Accounts-modal { background-color: rgba(0, 0, 0, 70%); }
/*---Login Popup css End---*/

/*---Sign up css Start---*/
.PageTitdiv { padding-bottom: 45px; }
.PageTitdiv .Pagetext-Tit { font-size: 38px; line-height: 52px; color: #212121; font-weight: 700; }
.PageTitdiv .Pagetext-TitSub { font-size: 16px; line-height: 22px; line-height: 22px; font-weight: 400; color: #757575; }
.SignupFormDiv { max-width: 802px; }
.UserFormDiv .row { margin-left: -9.18px; margin-right: -9.18px; }
.UserFormDiv .row [class*="col-"] { padding-right: 9.18px; padding-left: 9.18px; }
.UserFormDiv .form_group { margin-bottom: 20px; }
.input-lbl sup { color: #a40c0c; font-size: 14px; }
.SignupFormDiv .PasswordCol .fornIcons.toggle-password { top: 56px; right: 30px; }
.formRulesUlCnt { width: 100%; display: block; padding-top: 10px; }
.formRulesUlCnt ul { width: 100%; display: flex; flex-wrap: wrap;  }
.formRulesUlCnt ul li { width: 33.33%; color: #212121; font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 5px; position: relative; padding-left: 12px; } 
.formRulesUlCnt ul li::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #000; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto;  }
.informationtxt { padding-top: 25px; padding-bottom: 28px; }
.informationtxt, .informationtxt p { font-size: 14px; line-height: 19px; font-weight: 400; color: #000000; }
.informationtxt p a { font-weight: 700; color: #2196f3; }
.SignupFormDiv .SignupBtn { width: 92%; border-radius: 8px; margin-top: 20px; font-size: 18px; line-height: 25px; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.149); }
.SignupDiv .SocialCntDiv .ortxt { padding-top: 22px; }
.SignupDiv { position: relative; z-index: 1; }
.SignupDiv::after { content: ''; position: absolute; background-image: url(../images/signup-trans-bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover; width: 619px; height: 757px; right: -140px; bottom: -60px; z-index: -1; }
/* vidya lakshami 09-02-2022 */
.input_box_signup{display:flex; width: 100%; position: relative;}
/* vidya lakshami 09-02-2022 */

/*---Sign up css End---*/


/*---Complete Profile css Start---*/

#profile_main_firebase_modal{background: rgba(0, 0, 0, 0.43);     top: 0% !important;    padding-right: 17px;}
.CompltProfileFormDiv { max-width: 760px; }
.form_group .input-field, .form_group select.input-field option { background-color: #fff; }
.input-datefield { padding-left: 40px; }
.Icon-Date { position: absolute; left: 30px; top: 55px; margin: auto; color: #53A826; }
.CompleteProfileDiv {  z-index: 1; }
.optiontxt { color: #53A826; font-size: 12px; line-height: 16.37px; margin-left: auto;  }
.CompleteProfileDiv::after { content: ''; position: absolute; background-image: url(../images/complete-profile-bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover; width: 655px; height: 804px; right: -140px; bottom: -60px; z-index: -1; }
.Guestoptiontitle { font-size: 18px; line-height: 25px; color: #212121; font-weight: 600; padding-bottom: 21px; }
.GuestoptionDiv { display: block; padding-bottom: 50px; }
.GuestoptionDiv ul { display: flex; flex-wrap: wrap; }
.GuestoptionDiv ul li a { background-color: #D8FFC4; width: 128px; height: 42px; display: inline-flex; justify-content: center; align-items: center; color: #212121; border-radius: 5px; font-size: 16px; line-height: 21.82px; font-weight: 600; }
.GuestoptionDiv ul li ~ li { margin-left: 15.27px; }
.uploadImg { position: relative; }
.Upload-edit { position: absolute; bottom: -5px; background-image: url(../images/avatar-edit-img.png); background-repeat: no-repeat; background-position: center; width: 26px; height: 27px; display: block; cursor: pointer; left: 0px; right: 0px; margin: 0px auto; z-index: 10;}
.Upload-edit .ImgUpload { opacity: 0; width: 26px; height: 27px;  }
.UserUploadCntDiv { width: calc(100% - 135px); }
.UserUploadImgDiv { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.UserNametitle { font-size: 16px; line-height: 22px; font-weight: 600; color: #2196F3; padding-bottom: 5px; }
.UploadAllowtxt { font-size: 14px; line-height: 19px; color: #757575; font-weight: 400; }
.UserprofiTitDiv { font-size: 18px; line-height: 25px; color: #212121; font-weight: 400; padding-bottom: 21px; }
.CompltProfileFormDiv .SaveProfileBtn { width: 100%; border-radius: 8px; margin-top: 45px; font-size: 18px; line-height: 25px; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.149); }
/*---Complete Profile css End---*/
/*--profile page  css Start  : 09-02-2022--*/
.profileContentWrp {display: flex;justify-content: space-between;}
.profileContent {width:100%;max-width: 923px;}
.profileContent h2 {font-size: 38px;font-weight: 400;margin-bottom: 40px;}
/* profile DetailBox start */
.profileDetailBox {background-color: #46A321;display: flex;justify-content: space-between;align-items: center;padding: 20px 25px;border: 1px solid #D1D1D1;border-radius: 10px;}
.profileInfo {display: flex;align-items: center;color: #fff;}
.profileInfo img {height: 116px;width: 116px;border-radius: 50%;border: 2px solid#fff;margin-right: 20px;}
.profileInfo .userName {font-size: 20px;line-height: 27px;font-weight: 400;}
/* profile DetailBox End */
/* guestDetailWrp start */
.guestDetailWrp {background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 10px;margin: 20px 0; }
.model-head h2 {font-size: 38px;}
.guestDetail:not(:last-child) {border-bottom: 1px solid #D1D1D1;}
.guestDetail {display: flex;justify-content: space-between;align-items: flex-start; padding: 30px;}
.guestDetailInner { width: 33.33%;}
.guestDetailTitle {display: block;color: #757575; font-size: 16px;}
.guestDetaiIinfo {color: #212121;font-size: 20px;line-height: 1.5em;}
.changePass {color: #008DF8;font-size: 16px;font-weight: 600;}
.changeEmail {color: #008DF8;font-size: 16px;font-weight: 600;}
/* guestDetailWrp end */
/* profile Verified start */
.profileVerified {background: #DBFFCC;border: 1px solid #D1D1D1;padding: 25px 30px;border-radius: 5px;display: flex; justify-content: space-between;color: #212121;font-weight: 600;font-size: 16px;}
.profileVerified strong {font-weight: 700;font-size: 18px;}
.profileVerified span {display: inline-block;color: #46A321;}
/* profile Verified End */
/* Profile SideBar Start */
.profileSideBar {width: 20%;}
.profileSideBar>li {border-bottom: 1px solid #D1D1D1;padding: 20px;}
.profileSideBar>li:first-child {padding-top: 0;}
.profileSideBarTitle {color: #47A322;display: block;font-weight: 800;font-size: 18px;margin-bottom: 15px;}
.profileSideBarHost .btn {width: 100%; margin: 10px 0;}
/* Profile SideBar End */
.profileSideBarSupport >li a {font-size: 16px;padding: 10px 0;color: #212121;font-weight: 400;}
.profileSideBarSupport >li a.isActive {color: #48a422;}
/* accordion start */
.profileSideBar .accordion {background-color: #fff; color: #212121;cursor: pointer;padding: 10px 0;width: 100%;text-align: left;outline: none;font-size: 16px;font-weight: 400;transition: 0.4s;position: relative;font-family: 'Nunito', sans-serif;}
.profileSideBar .accordion:after {content: '\002B';color: #212121;font-weight: bold;right: 0;position: absolute;}
.profileSideBar .active:after {content: "\2212";}
.profileSideBar .panel {background-color: white;max-height: 0;padding-right: 40px;overflow: hidden;transition: max-height 0.2s ease-out;}
  /* accordion end */
  /* popup css start */
.bodynotscroll {overflow: hidden;}
.model{display: none;}
.model-open{display: block;}
.model-head .changePassPopupClose {background-color: #000;padding: 13px;border-radius: 50%;height: 50px;width: 50px;position: absolute;right: 30px;cursor: pointer;}
.model-head .ConfirmPassPopupClose {background-color: #000;padding: 13px;border-radius: 50%;height: 50px;width: 50px;position: absolute;right: 30px;cursor: pointer;}
.model .overlay {background-color: rgba(0, 0, 0, 0.5);position: fixed;bottom: 0;top: 0;left: 0; right: 0;z-index: 100;display: block !important;opacity: 1;}
.model-head {display: flex;justify-content: space-between;align-items: self-end;margin-bottom: 35px;}
.model-content {width: 100%;max-width: 652px;margin: 0 auto;background-color: #fff; padding: 40px 140px 40px 50px;position: fixed;top: 50%;left: 50%;z-index: 9999;transform: translate(-50%, -50%);}
.model-body p {color: #757575;font-size: 18px;font-weight: 400;margin-bottom: 15px;}
/*.custFormGroup label {display: block;color: #212121; font-size: 18px;font-weight: 600;font-family: 'Nunito', sans-serif; padding: 10px 0;}*/
 .change_lable label.error { top:4px; bottom: inherit; }
.custFormGroup input { display: block;background: #FFFFFF;border: 1px solid #E5E5E5;width: 100%;padding: 10px 50px 10px 10px;border-radius: 5px;}
.custFormGroup input::-webkit-input-placeholder { /* Edge */ color: #212121;font-size: 16px;font-weight: 400;}
.custFormGroup input:-ms-input-placeholder { /* Internet Explorer */color: #212121;font-size: 16px;font-weight: 400;}
.custFormGroup input::placeholder {color: #212121; font-size: 16px;font-weight: 400;}
.model-body .btn {border-radius: 10px;width: 100%;margin-top: 20px;}
.custFormGroup {position: relative;margin-bottom: 10px;}
.custFormGroup span.fornIcons {position: absolute;top: 50%;right: 0%;padding: 5px;transform: translatex(-60%);cursor: pointer; color: #000;}
.input_box_pass{position: relative; display: block;}

.custFormGroup img {position: absolute;top: 60%;right: 0%;padding: 5px;transform: translatex(-60%);cursor: pointer;}
  /* popup css end */
}
.editProfileInfo {display: flex;align-items: center;}
.editProfileDetailBox p {color: #757575;display: block;}
.uploadProfilePhoto { color: #2196F3;font-size: 16px;font-weight: 600;display: block;}
.editProfileInfo .editProfileIconWrp {background-color: #212121;height: 99px;width: 99px;padding: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 25px;position: relative;}
.edit-profile-icon {position: absolute;left: 50%;top: 87%;background-color: #53A826;height: 26px;width: 26px; border-radius: 50%;display: flex;align-items: center;justify-content: center;transform: translateX(-50%);border: 2px solid#fff;padding: 0;cursor: pointer;}
/*--profile page  css End  : 09-02-2022--*/
/*--profile page  css End  : 10-02-2022--*/
.editProfileSec .inputField {font-size: 16px;border: 1px solid #E5E5E5;}
.optional-filed-wrp {display: flex;justify-content: space-between;align-items: center;}
.editProfileSec {padding-top: 50px;}
.editProfileSec {padding-top: 50px;}
.editProfileSec .form-group {position: relative;border-bottom: none;padding-bottom: 0; margin-bottom: 20px;}
.editProfileSec .form-group label {color: #212121;font-size: 18px;font-weight: 600;margin-bottom: 15px;}
.error {color: #e10c0c;}
span.optional-filed {color: #53A826;font-size: 12px;}
.editProfileSec .inputField:focus {border-color: rgb(64,161,32);box-shadow: 0 0 4px 2px rgba(64,161,32,0.15);}
input[type=email] {background-color: #E5E5E5;}
.light-green{background-color: #D8FFC4; color: #212121;border-radius: 10px;}
.profileSideBarNone{display: none;}
.profileContentFullWith{max-width: 100%;}
.editProfileWrp{display: none;}
.editProfileWrpIsOpen{display: block;}
.myProfileWrpClose{display: none;}

.add_dog_form_main .form_group{margin-bottom: 20px;}
.input-field.textarea-field{height: 136px; line-height: 1.3em; border-radius: 10px; padding: 15px 17px;}
.add_dog_form_main .fileUploadImg {border: 0; margin: 0; padding: 0;}
.add_dog_form_main .Upload-edit{bottom: 0;}

/*gift card css start*/
.buy_gift_card .buy_gift_card_row.d-flex {
    max-width: 1136px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.buy_gift_card .gift_card_left {width:50%;}
.buy_gift_card .gift_card_left .g_card_details {max-width: 391px;padding-left: 15px;}
.buy_gift_card .g_card_details p.Pagetext-TitSub:not(:last-child) {
    margin-bottom: 15px;
    color: #757575;
}
.buy_gift_card .g_card_details h3.Pagetext-Tit{font-weight: 600;font-size: 38px;line-height: 52px;color: #212121;}
.buy_gift_card .g_card_details p.Pagetext-TitSub{font-weight: 400;font-size: 14px;line-height: 19px;color: #000000;}
.buy_gift_card .gift_card_right {width: 50%;}
.buy_gift_card .gift_card_right .comn_select_box {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 24px 22px 18px 22px;
    max-width: 560px;
    margin: 0px auto 20px auto;
}
.buy_gift_card .gift_card_right h3.buy_card_heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #7C7A78;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.buy_gift_card .gift_card_right  .active h3.buy_card_heading {
	 color: #212121;
}

.select-card-field hr {    margin-top: 12px;    margin-bottom: 28px;}
.select-card-field{padding:15px 0 0 0 }
.radio-group{padding:20px 0 28px 0; display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.radio-group label{cursor:pointer}
.select-card-field{display:none;}

.active .select-card-field{display:block;}
.select-card-field h5{font-weight: 600;font-size: 18px;line-height: 25px;color: #212121;}
.select-card-field p{font-weight: 400;font-size: 14px;line-height: 19px;color: #757575;margin-top:5px}

.gift_card_right .gift_card_choose input[type=radio]{position: absolute;visibility: hidden;display: none;}
.gift_card_right .gift_card_choose label {background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 5px;font-weight: 700;font-size: 20px;line-height: 27px;color: #CAC3C6;padding:13px 29px;}
.gift_card_right .gift_card_choose input[type=radio]:checked + label{color: #E5E5E5;background:#53A826;}
.gift_card_right .Save_continue_btn a {
    background: #46a321;
    font-weight: 400;
    font-size: 18px;
    line-height: 43px;
    color: #FFFFFF;
    width: 100%;
    min-height: 45px;
    text-align: center;
    border-radius: 10px;
}

.gift_card_right .Save_continue_btn a[disabled]{background: #C7C3C3; color: #FFFFFF;pointer-events: none}


.buy_gift_card  .gift_card_right .gift_card_send .SignupFormDiv {margin-top: 28px;}

 .gift_card_right  .gift_card_Preview_Pay .total-card-bill {
  
    border-top: 1px solid  rgb(33 33 33 / 23%);
    padding: 28px 0;
}
.gift_card_right  .gift_card_Preview_Pay .total-card-bill .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:28px;
}
.total-card-bill .item span ,.total-card-bill  .total  span{
  font-weight: 400;font-size: 14px;color: #757575;}
.gift_card_right .gift_card_Preview_Pay .total-card-bill .total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 15px;
}
.select-card-field p{margin:0px;}
.select-card-field p.item-name{font-weight:600}
.select-card-field p.item-description{font-weight:400;}
.item .item-name-div{   display: flex;    flex-direction: column;}
.item  .price{    display: flex; }

.comn_select_box .selected_item{display:none;  font-weight: 400;font-size: 14px;line-height: 19px;color: #757575; margin-right:auto; margin-left:20px;}
.comn_select_box  .edit{display:none; font-weight: 400; cursor:pointer; font-size: 18px; line-height: 25px; color: #53A826; text-transform:uppercase }

.comn_select_box.sucess .selected_item,
.comn_select_box.sucess  .edit{display: inline-block;}
.products_gift_card {
    display: flex;
    flex-direction: column;
    padding-bottom: 25px;
}
.gift_card_right .gift_card_Preview_Pay .total-card-bill .total span{font-weight:600;}
.payment-method-div{padding:28px 0 0 0 ;  border-top: 1px solid rgb(33 33 33 / 23%);}
ul.payment-method {
    margin-top: 29px;
    margin-bottom: 29px;
    padding-bottom: 32px;
    border-bottom: 1px solid #7777;
}
ul.payment-method li {
    display: flex;
    justify-content: space-between;
  
}
ul.payment-method li label{
font-weight: 400;
font-size: 18px;
line-height: 25px;
position:relative;
display: flex;
align-items: center;
color: #757575;}

ul.payment-method input{display:none;}
ul.payment-method label{cursor:pointer}


ul.payment-method input[type=radio] + label:before {
    content: "";
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #707070;
    display: flex;
}
ul.payment-method input[type=radio]:checked + label:after {
    content: "";
    width: 10px;
    height: 10px;
    display: flex;
    background: #53A826;
    border-radius: 10px;
    position: absolute;
    left: 5px;
    top: 11px;
}

ul.payment-method input[type=radio]:checked + label:before{border-color:#53A826;}

.payment-method-div .checkbox a{color:#0080FF; font-weight: 400;
font-size: 18px;
line-height: 25px;}
.payment-method-div .checkbox label{font-weight: 400; color:#212121;
font-size: 18px;
line-height: 25px;}


.gift_card_right .checkboxDiv .checkbox {
    margin-bottom: 20px;
    margin-top: 20px;
}


.gift_card_right .checkboxDiv .checkbox .checkbox-label{padding: 0 0 0 35px;}
.gift_card_right .checkboxDiv .checkbox .checkbox-label::before{ border: 1px solid #70707091;}
.terms-link a {font-weight: 600;font-size: 18px;line-height: 1px;text-decoration-line: underline;color: #008DF8;}
.gift_card_right .pay_type_detail {
    margin-bottom: 20px;
}

.buy_gift_card  .buy_gift_card_row.d-flex.breadcrumbMainDiv {padding: 60px 0 28px 0;}

ul.payment-method li label.error.payment_card_error {position: absolute; left: 0; /* top: -20px; */ bottom: 100%; width: auto; height: auto; margin: 0; -webkit-font-smoothing: auto; line-height: normal; font: 11px/11px arial; background: #fb0101; padding: 5px 5px 4px; color: #fff; z-index: 2; right: inherit;}

.checkboxDiv.with_links .checkbox.chkCard{width: 19px; height: 19px; margin: 0px;}


.popupMain.setTimePopup .popBody {max-width: auto;}
.popupMain.setTimePopup .popupTitle {font-size: 22px; padding: 20px 40px 20px 20px;}
.popupMain.setTimePopup .closePopup {top: 15px;}
.popupMain.setTimePopup .addHoursTextMainDiv{padding: 30px 15px;}
.popupMain.setTimePopup .addHoursTextMainDiv .addHoursTextDiv{flex-direction: column;}
.popupMain.setTimePopup .selectTimeDiv{display: flex; margin-bottom: 30px;}
.popupMain.setTimePopup .addHoursButton{width: auto; text-align: center;}
.popupMain.setTimePopup .addHoursButton button{min-width: unset; width: 100%; padding: 10px 15px; line-height: 1;}
.popupMain.setTimePopup .addHoursText input {cursor: pointer;}
.popupMain.setTimePopup .popBody:before{display: none;}
.popupMain.setTimePopup .popupTitle{margin-bottom: 0;}

.popupMain.setTimePopup .popupTitle{padding: 20px;}
.popupMain.setTimePopup .saveBtnDiv {display: flex; align-items: center; width: 100%; justify-content: center;}
.popupMain.setTimePopup .addHoursButton{margin: 0 5px;}
.popupMain.setTimePopup .addHoursButton button {width: 100%; padding: 8px 12px; line-height: 1; min-width: 75px;}
.popupMain.setTimePopup .addHoursButton .btn.cancelPopupBtn {background-color: red; position: static;}
.popupMain.setTimePopup .addHoursButton .btn.cancelPopupBtn:before{display: none;}

.d-flex-space-between {display: flex; display: flex; flex-direction: row; justify-content: space-between;}
.select-div.with-cta {display: flex; gap: 10px; align-items: center;}
.accountExtraDetail.list_end_box.with_credit {flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 30px; }
.currentBalance {font-size: 16px; font-weight: 600; background: #f1f1f1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; color: #000; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.currentBalance strong {font-size: 110%; line-height: 1;}

@media only screen and (min-width: 1200px){
	.mySpace_breadcrumbSec ul li a:hover{color: #48a422;}
	.space_edit_link:hover{color: #48a422;}
	.modalcloseDiv .close:hover { background-color: #46A321; }
	.forgotpasswordDiv .forgotPassword:hover { color: #000; }
	.otherAnAccount p a:hover, .informationtxt p a:hover { color: #000; }
	.GuestoptionDiv ul li a:hover { background-color: #53A826; color: #fff; }

	.gift_card_right .Save_continue_btn a:hover{    background: #46a321;}
}

@media only screen and (max-width: 1366px){ 
	.SignupDiv::after { width: 540px; height:660px; bottom: -60px; right: 0px; }
	.CompleteProfileDiv::after { width: 540px; height: 665px; bottom: -60px; right: 0px; }
}
@media only screen and (max-width: 1199px){
	/* dog view page start */
	.mydog_title_div{padding: 40px 0;}
	.about_mydog_innr .row, .space_details_div .row, .white_box_div{padding: 20px 25px;}	
	.info_txt{font-size: 18px;}
	.mydog_photo{width: 100px; height: 100px; margin-right: 20px;}
	.md_name span{font-size: 18px; margin-right: 12px;}
	.md_desc_div{padding: 20px 25px 20px 145px;}
	.mydog_info{margin: 0 25px;}
	.mydog_info .vaccinated{line-height: 44px;}
	.mydog_detail:before{height: calc(50% + 9px);}
	.mydog_title{font-size: 30px;}
	.dp-rating-desc{font-size: 15px; line-height: 22px;}
	.dog-park_rating{padding: 25px 50px 25px 25px;}
	.rr_title_div{padding: 25px 25px 10px;}
	.vaccin_record{margin-left: 25px;}
	/* dog view page end */

	/*create space popup start*/
	.create_new_space_popup.customPopupMain .popBody{padding: 40px 80px 40px 40px;}
	.create_new_space_popup.customPopupMain .closePopup {width: 40px; height: 40px; top: 15px; right: 15px;}
	.create_new_space_popup .que{margin-bottom: 10px;}
	.add_new_space_title{font-size: 22px; margin-bottom: 20px;}
	.create_space_form .custom-form-group.submit_form_group{margin-top: 10px;}
	.space_edit_link.floated_edit_link{top: 20px; right: 20px;}
	.mydog_title{min-width: 40%;}
	.checkbox_selected li{width: calc(33.33% - 10px);}
	.space_details_div .space_box_title{padding: 25px 25px 0 25px; margin-bottom: 10px;}
	.back_list_div{margin-top: 40px;}	
	/*create space popup end*/

	/*New Login popup start*/
	.Accounts-modal .modal-xl { max-width: 96%; }
	.Accounts-modal .modal-content { padding: 65px 40px 65px 40px; }
	.modalcloseDiv .close { width: 45px; height: 45px; font-size: 32px; line-height: 36px; }
	/*.logingBtn ul li a { width: 48px; height: 48px; }*/
	.input-lbl, label.input-lbl { font-size: 16px; line-height: 20px; }
	.PasswordCol .fornIcons.toggle-password { top: 52px; right: 20px; }
	.Accounts-modal .modal-content { background-size: auto 100%; }
	.logingBtn ul li a img{width: 160px;}
	.logingBtn ul li ~ li{margin-left: 12px;}
	/*New Login popup End*/

	/*---Sign up css Start---*/
	.PageTitdiv .Pagetext-Tit { font-size: 34px; line-height: 44px; }
	.SignupDiv::after { width: 460px; height:520px; bottom: -65px; right: 0px; }
	.SignupFormDiv .PasswordCol .fornIcons.toggle-password { top: 52px; }
	/*---Sign up css End---*/

	/*---Complete Profile css Start---*/
	.CompleteProfileDiv::after { width: 460px; height:565px; bottom: -65px; right: 0px;  }
	/*---Complete Profile css End---*/

   /*--profile page  css Start  : 09-02-2022--*/
	.profileSideBar>li {padding: 10px;}
	.profileContent {max-width: 75%;}
	.profileInfo img {height: 100px;width: 100px}
	.guestDetail {padding: 20px;}
   /*--profile page  css End  : 09-02-2022--*/
   .buy_gift_card .g_card_details h3.Pagetext-Tit {

    font-size: 32px;
    line-height: 45px;
    
}
.buy_gift_card .g_card_details p.Pagetext-TitSub:not(:last-child) {
    margin-bottom: 10px;
    
}
.buy_gift_card .gift_card_right .comn_select_box {padding: 15px 20px 15px 20px;}
.buy_gift_card .gift_card_right h3.buy_card_heading {font-size: 22px;}
.comn_select_box .edit {font-size: 16px;}
.comn_select_box .selected_item {margin-left: 15px;}
.gift_card_right .gift_card_choose label {font-size: 16px;line-height: 1px;padding: 20px 22px;}
.radio-group {
    padding: 15px 0 20px 0;
}
.gift_card_right .checkboxDiv .checkbox .checkbox-label {font-size: 16px;}
.payment-method-div .checkbox a {
    color: #0080FF;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
ul.payment-method {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 25px;
   
}
}  
/*1199px css end*/

@media only screen and (max-width: 991px){
	/* dog view page start */
	.mydog_title_div{padding: 35px 0; flex-wrap: wrap;}
	.mydog_title{margin-bottom: 20px; font-size: 26px;}
	.que_ans_div img{margin-right: 15px;}
	.vaccin_record{margin-left: 20px;}
	/* dog view page end */

	/*create space popup start*/
	.create_new_space_popup .mydog_title_div .mydog_title, .create_new_space_popup .mydog_title_div .que_ans_div{width: auto;}
	.add_new_space_title {font-size: 20px; margin-bottom: 15px;}
	.create_new_space_popup.customPopupMain .popBody{padding: 30px 60px 30px 30px;}
	.create_space_form .submit_form_group .add_space_btn{min-width: 180px;}
	/*create space popup end*/

	/*create space page start*/
	.long_desc{line-height: 1.4;}
	.space_edit_link {font-weight: 400;}
	.btn.btn-orange{font-size: 14px; font-weight: 500; padding: 10px 20px;}
	.btn.btn-edit{top: 20px; min-width: 90px;}
	.mydog_breed{font-size: 16px;}
	.space_edit_link.floated_edit_link{top: 15px;}
	.mydog_title{min-width: unset;}	
	.days_txt{font-size: 16px;}
	.checkbox_selected li{width: calc(50% - 10px);}
	.uploaded_photos li{width: calc(20% - 10px);}
	.space_detail_sec_title{font-size: 22px;}
	.space_details_div .row [class*='col-'].ipad-full-col{flex-wrap: wrap; justify-content: flex-start; text-align: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.space_details_div .row [class*='col-'].ipad-full-col .info_label{margin-bottom: 10px; width: 100%;}
	.space_details_div .row [class*='col-'].ipad-full-col .info_txt{text-align: left;}
	.dog_suitable_space{padding-right: 0px;}
	/*create space page end*/

	/*New Login popup start*/
	.Accounts-modal .modal-content { padding: 45px 30px 45px 30px; }
	.AccountFormRow, .SocialCntDiv { max-width: 70%; }
	.custom-form-Col .loginBtn { margin-top: 10px; }
	/*.logingBtn ul li a { width: 44px; height: 44px; }*/
	.otherAnAccount { padding-top: 18px; }
	.ModalSubTitle br { display: none; } 
	/*New Login popup End*/

	/*---Sign up css Start---*/
	.PageTitdiv .Pagetext-Tit { font-size: 28px; line-height: 38px; }
	.SignupDiv::after { display: none; }
	.informationtxt { padding-bottom: 25px; }
	.SignupFormDiv .SignupBtn { margin-top: 15px; width: 100%; }
	.formRulesUlCnt { padding-top: 0px; }
	/*---Sign up css End---*/

	/*---Complete Profile css Start---*/
	.CompleteProfileDiv::after { display: none; }
	/*---Complete Profile css Start---*/
 /*--profile page  css End  : 09-02-2022--*/
	.profileContentWrp {flex-direction: column;}
	.profileContent {max-width: 100%;}
	.profileSideBar {width: 100%;margin-bottom: 60px;}
	 /*--profile page  css End  : 09-02-2022--*/
	 .buy_gift_card .gift_card_left {
    width: 45%;
}
	 .buy_gift_card .gift_card_right {
    width: 55%;
}
.buy_gift_card .gift_card_left .g_card_details {
    max-width: 305px;
    padding-left: 15px;
}
	 .buy_gift_card .g_card_details h3.Pagetext-Tit {
 
    font-size: 28px;
    
  
}
.buy_gift_card .g_card_details p.Pagetext-TitSub {font-size: 13px;}
.gift_card_right .gift_card_choose label {
    
    padding: 20px 18px;
}
.buy_gift_card .gift_card_right h3.buy_card_heading {
    font-size: 18px;
}
.comn_select_box .selected_item {font-size: 14px;}
.comn_select_box .edit {font-size: 14px;}
.select-card-field h5 {font-size: 16px;}
.select-card-field {
    padding: 5px 0 0 0;
}
.gift_card_right .Save_continue_btn a {font-size: 16px;}
.gift_card_send .input-field {font-size: 14px;}
ul.payment-method input[type=radio] + label:before {width: 16px;height: 16px;}
ul.payment-method input[type=radio]:checked + label:after{left: 4px; top: 12px;     width: 8px;    height: 8px;}

ul.payment-method li label {font-size: 16px;}
.checkboxDiv .checkbox:not(:last-child) {margin-right: 10px;}
}
/*991px css end*/

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

	.popupMain.setTimePopup .addHoursTextMainDiv{margin-top: 0px !important;}
	.popupMain.setTimePopup .selectTimeDiv{margin-bottom: 15px;width: 100%; justify-content: space-around; }

	/* dog view page start */
	.mydog_title_div{padding: 30px 0;}
	.mydog_title{width: 100%;}
	.md_desc_div{padding: 20px;}
	.mydog_info{margin: 0 20px;}
	.mydog_detail:before{height: calc(50% + 6px);}
	.md_desc_label{margin-bottom: 5px;}
	.md_desc{font-size: 14px; line-height: 20px;}
	.mydog_photo {width: 70px; height: 70px; margin-right: 15px; border-width: 2px;}
	.md_name span{font-size: 16px; margin-right: 10px;}
	.mydog_breed{font-size: 16px; font-weight: 600;}
	.mydog_info .vaccinated {font-size: 14px; line-height: 40px;}
	.vaccinated img{width: 20px; margin-right: 5px;}
	.que_ans .ans{font-size: 14px; line-height: 20px;}
	.info_label{font-weight: 600; margin-bottom: 10px;}
	.info_txt{font-size: 16px;}	
	.rr_title_div, .dog-park_rating, .rr_main .row [class*='col-12']:nth-child(even) .dog-park_rating{padding: 20px;}
	.rr_title_div{padding-bottom: 10px !important;}
	.rr_main .row [class*='col-12']:nth-child(2) .dog-park_rating{border-top: 1px solid #D1D1D1;}
	.rr_title{font-weight: 600;}
	.info_txt > span{display: block;}
	.vaccin_record{margin-left: 0; margin-top: 8px;}
	/* dog view page end */

	/*create space popup start*/
	.que_ans .ans br{display: none;}
	.create_new_space_popup.customPopupMain .popBody {padding: 30px;}
	.create_new_space_popup .que{margin-bottom: 5px;}
	.create_new_space_popup.customPopupMain .closePopup {width: 28px; height: 28px; top: 12px; right: 12px;}
	.create_new_space_popup .mydog_title_div{margin-bottom: 20px;}
	.add_new_space_title{font-size: 18px; margin-bottom: 10px;}
	.create_space_form .custom-form-group.submit_form_group{margin-top: 0;}
	.create_space_form .submit_form_group .add_space_btn{min-width: 150px;}
	/*create space popup end*/
	
	/*create space page start*/
	.ps_title{font-size: 14px; line-height: 1.2; margin-right: 5px;}
	.ps_progress{max-width: 225px;}
	.btn.btn-edit{padding: 6px 12px; min-width: auto;}
	.long_desc{font-size: 14px; line-height: 20px;}
	.long_desc_main .row [class*='col-']:not(:last-child){margin-bottom: 20px;}	
	.checkbox_selected li{width: 100%; margin: 0 0 10px;}
	.checkbox_selected li:last-child{margin-bottom: 0;}
	.checkbox_selected{margin: 0;}
	.info_txt, .info_txt.font-16, .font-16, .days_txt, .space_date_time, .checkbox_selected li{font-size: 14px; line-height: 20px;}	
	.checkbox_selected li{background: url("../images/checked.png") no-repeat top 0px left;}
	.space_details_div .row [class*='col-12 col-md-6']:not(:first-child), .space_details_div .row [class*='col-sm-12']{margin-top: 20px;}
	.back_list_div{margin-top: 20px;}
	.space_box_title{margin-bottom: 15px;}
	.info_txt{min-width: 35%;}
	/*create space page end*/

	/*New Login popup start*/
	.Accounts-modal .modal-content { padding: 35px 25px 35px 25px; }
	.AccountFormRow, .SocialCntDiv { max-width: 100%; }
	.otherAnAccount { padding-top: 15px; }
	.login-modal .modal-content, .forgotPasswordModal .modal-content { background-image: none; }
	.modalcloseDiv .close { width: 40px; height: 40px; font-size: 28px; line-height: 32px; }
	.modalcloseDiv { top: 20px; right: 20px; }
	/*New Login popup End*/

	/*---Sign up css Start---*/
	.PageTitdiv .Pagetext-Tit { font-size: 22px; line-height: 30px; }
	.PageTitdiv { padding-bottom: 35px; }
	.formRulesUlCnt ul li { width: 50%; }
	.UserFormDiv .row { margin-right: -15px; margin-left: -15px; }
	.UserFormDiv .row [class*="col-"] { padding-right: 15px; padding-left: 15px; }
	.UserFormDiv .form_group { margin-bottom: 15px; }
	.PageTitdiv .Pagetext-TitSub br { display: none; }
	/*---Sign up css End---*/

	.GuestoptionDiv ul li a { width: 110px; height: 38px; font-size: 14px; line-height: 20px;  }
	.GuestoptionDiv ul li ~ li { margin-left:10px; }

	 /*--profile page  css Start  : 09-02-2022--*/
	.guestDetailTitle {font-size: 14px;}
	.guestDetaiIinfo {font-size: 16px;;}
	.profileDetailBox {padding: 15px;}
	.profileInfo .userName {font-size: 16px;}
	.profileInfo img {height: 70px;width: 70px;margin-right: 10px;}
	.profileContent h2 {font-size: 30px;margin-bottom: 20px;}
	.profileSideBar {width: 100%;margin-bottom: 30px;}
	.model-content {max-width: 90%;padding: 20px;}
	.model-body {max-height: 80vh;overflow-y: auto;}
    .model-head .changePassPopupClose {height: 30px;width: 30px;right: 3%;padding: 7px;top: 5%;}
    .model-head .ConfirmPassPopupClose {height: 30px;width: 30px;right: 3%;padding: 7px;top: 5%;}
	.model-head h2 {font-size: 30px;}
	.buy_gift_card .gift_card_left {
    width: 100%;
}
.buy_gift_card .gift_card_right {width: 100%;margin-top: 30px;}
.g_card_thumbnail_img {
    text-align:left;
}
.buy_gift_card .gift_card_left .g_card_details {
    max-width: 100%;
    padding-left: 15px;
}
.buy_gift_card .gift_card_right .comn_select_box {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 20px;
    max-width: 100%;

}

.editProfileSec .form-group.datepicker-group .Icon-Date {
    left: 20px;
    top: unset;
    bottom: 12px;
}

	/*--profile page  css End  : 09-02-2022--*/

.radio-group{display: flex;    justify-content: start;    flex-wrap: wrap;    gap: 10px;}
.buy_gift_card_row.d-flex.breadcrumbMainDiv {
    display:none;
}

.select-div.with-cta #newmessage {max-width: 100%;}
.select-div.with-cta .select_box .inputField{height: 47px; max-height: 47px; line-height: 47px;}
.select-div.with-cta a.btn{width: auto; min-width: 140px;}

}
/*767px css end*/

@media only screen and (max-width: 575px){
	/* dog view page start */
	.md_name{flex-wrap: wrap;}
	.md_name > span{margin-bottom: 5px;}
	/* dog view page end */

	/*create space popup start*/
	.create_new_space_popup.customPopupMain .popBody{padding: 25px;}
	.que_ans .que{font-size: 16px;}
	.create_space_form .custom-form-control{padding: 0 15px;}
	.profile_status{width: 100%; margin-right: 10px;}
	.btn.btn-edit{top: 10px; padding: 4px 10px;}	
	.space_detail_sec_title{font-size: 20px; margin-bottom: 20px;}
	.space_details_div .row [class*='col-']:not(:last-child){margin-bottom: 20px;}
	.space_details_div .row [class*='col-sm-12']{margin-top: 0;}
	.space_details_div .row [class*='col-12 col-md-6']:not(:first-child), .space_details_div .row [class*='col-sm-12']{margin-top: 0;}
	.info_label{font-size: 14px; line-height: 20px;}
	/*create space popup end*/
	 /*--profile page  css start  : 09-02-2022--*/
	.profileDetailBox {flex-direction: column;align-items: flex-start;}
	.btn.btn-black {margin: 0 auto;}
	.guestDetail {flex-direction: column;}
	.guestDetailInner {width: 100%;margin-bottom: 20px;}
	.profileVerified {padding: 20px;flex-direction: column;}
	 /*--profile page  css End  : 09-02-2022--*/
	  /*--profile page  css End  : 10-02-2022--*/
	 .light-green {margin-bottom: 20px;}
	.editProfileInfo .editProfileIconWrp {height: 60px;width: 60px;}
	.terms-link a {font-size: 14px;line-height: 1px;}
}
/*575px css end*/

@media only screen and (max-width: 479px){
	/* dog view page start */
	.mydog_title {text-align: center;}	
	.mydog_info{flex-wrap: wrap; align-items: flex-start; justify-content: center;}	
	.mydog_breed{font-size: 14px;}
	.mydog_info .vaccinated{line-height: 36px; order: 3; position: static; margin-top: 10px;}
	.md_name > span{display: inline-block;width: 100%; margin-right: 0;}
	.md_name .sniffSpacesRate{width: 100%;}
	.md_name .sniffSpacesRate .rateStars{font-size: 14px;}
	.md_name .rateStars i{font-size: 14px;}
	.mydog_photo{margin-right: 10px;}
	.about_mydog_innr .row [class*='col-']:first-child, .about_mydog_innr .row [class*='col-']{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.about_mydog_innr .row{padding: 0;}
	.about_mydog_innr .row [class*='col-']{padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: space-between;}
	.info_label{margin-bottom: 0;}
	.info_txt{font-size: 14px;}
	.rr_title_div, .dog-park_rating, .rr_main .row [class*='col-12']:nth-child(even) .dog-park_rating{padding: 20px 15px;}
	.about_mydog_innr .row [class*='col-']:last-child{border-bottom: 0;}
	.dp-rating-title{font-size: 16px; margin-bottom: 2px;}
	.dog-park_rating .dp-rating{margin-bottom: 8px;}
	.dog-park_rating .dp-rating img{width: 14px; height: 14px;}
	.dog-park_rating .dp-rating span{font-size: 14px; margin-left: 6px; font-weight: 600;}
	.dp-rating-desc{font-size: 14px; line-height: 18px;}
	.dog-park_rating .dp-img{margin-right: 10px;}
	.dp-text {max-width: calc(100% - 70px); padding-top: 0;}
	.rr_title_div{padding-top: 25px;}
	.que_ans .que{margin-bottom: 5px;}
	.mydog_title{font-size: 24px;}
	.mydog_name {max-width: calc(100% - 70px);}
	.mydog_photo{width: 60px; height: 60px;}
	.info_txt{text-align: right;}
	.vaccin_record{margin-top: 3px; font-size: 12px;}
	/* dog view page end */

	/*create space page start*/
	.profile_status_innr{flex-wrap: wrap;}
	.profile_status{margin-right: 0; margin-bottom: 20px;}
	.publish_space{width: 100%; text-align: center;}
	.uploaded_photos li{width: calc(25% - 10px);}

	.space_details_div .row{padding: 0; border: 0;}
	.space_detail_sec_title {font-size: 18px; margin-bottom: 15px;}
	.space_details_div .space_box_title{padding: 25px 15px 0 15px;}
	.space_details_div .row [class*='col-']{padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: space-between;}
	.space_details_div .row:last-child [class*='col-']:last-child{border-bottom: 0;}
	.space_details_div .row [class*='col-']:not(:last-child){margin-bottom: 0;}
	/*.space_details_div .space_edit_link.floated_edit_link{position: relative; top: 10px;}*/
	.space_details_div .row [class*='col-'].mob-full-col{flex-wrap: wrap; justify-content: flex-start; text-align: left;}
	.space_details_div .row [class*='col-'].mob-full-col .info_label{margin-bottom: 10px; width: 100%;}
	.space_details_div .row [class*='col-'].mob-full-col .info_txt{text-align: left;}
	.space_details_div .info_txt .row [class*='col-']{padding: 0; border: 0;}
	.radio_selected li{padding: 8px 16px;}
	.long_desc_main .white_box_div{padding: 20px 15px;}
	.space_title{font-weight: 600;}
	.md_desc_label{font-size: 14px;}
	.mySpace_breadcrumbSec ul{justify-content: center;}
	.mySpace_breadcrumbSec ul li a, .mySpace_breadcrumbSec ul li span{font-size: 14px;}
	.btn.btn-edit{font-size: 12px;}
	.space_edit_link.floated_edit_link {position: static; padding: 10px 15px 0 0; display: inline-block; width: 100%; text-align: right;}
	

.buy_gift_card .gift_card_right .comn_select_box {padding: 10px;}
ul.payment-method li label {
    font-size: 14px;
}
ul.payment-method li img{max-width:50px}
.payment-method-div .checkbox a {font-size: 14px;}
.gift_card_right .checkboxDiv .checkbox .checkbox-label {
    font-size: 14px;
}
/*create space page end*/

		ul.payment-method input[type=radio]:checked + label:after {  left: 4px;    top: 10px;    width: 8px;    height: 8px;}
ul.payment-method li{min-height: 29px;}

.logingBtn ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.logingBtn ul li ~ li {
    margin-left: 3px;
}
.logingBtn ul li a img {
    width: auto;
}

.select-div.with-cta {flex-direction: column; width: 100%;}
.select-div.with-cta a.btn{width: 100%;}

}
/*479px css end*/

@media only screen and (max-width: 375px){
	/* dog view page start */
	.dp-text{max-width: calc(100% - 55px);}
	.rr_title_div, .dog-park_rating, .rr_main .row [class*='col-12']:nth-child(even) .dog-park_rating{padding: 15px;}
	.rr_title_div{padding-top: 25px;}
	.md_desc_div, .about_mydog_innr .row [class*='col-']{padding: 15px;}
	.mydog_info{margin: 0 15px;}	
	.md_name .rateStars i{font-size: 12px;}
	.md_name .sniffSpacesRate .countRate{font-size: 12px;}
	.info_label{line-height: 1.3;}
	/* dog view page end */

	/*create space popup start*/
	.create_space_form .submit_form_group .btn, .create_space_form .submit_form_group .add_space_btn{min-width: 115px;}
	.create_new_space_popup.customPopupMain .popBody{padding: 20px;}
	/*create space popup end*/

	/*create space page start*/
	
	/*create space page end*/

	/*---Sign up css Start---*/
	.formRulesUlCnt ul li { width: 100%; }
	/*---Sign up css End---*/

	.GuestoptionDiv ul li a { width: 90px; font-size: 13px; line-height: 18px; }
	 /*--profile page  css Start  : 09-02-2022--*/
	 .model-head {margin-bottom:8px;}
	/*--profile page  css End  : 09-02-2022--*/

ul.payment-method li{min-height: 28px;}

}
/*374px css end */


.GuestoptionDiv label.error {
    left: 0;
    right: auto;
}

.GuestoptionDiv input {
    visibility: hidden;
    opacity: 0;
    z-index: -5;
    position: absolute;
}

/* ashish new css added by 15 sep 2024 */

/* 31 july 2024 */
.accountPages.innerPage.acc-inbox-page{padding-top: 0px;}
.acc-inbox-page .breadCrumbTitle{font-weight:600;font-size:38px;line-height:1.3em;color:#212121;}
.acc-inbox-page .fina.breadcrumbSection {background: #F9F9F9; margin-bottom: 20px;}
.intermediat_box.list_view .profile_name {line-height: 22px; margin-bottom: 0px; font-size: 16px; font-weight: 700; font-family: 'Nunito',sans-serif; color: #212121;}
.acc-inbox-page .intermediat_listing {max-height: 550px; overflow-y: auto;}
.acc-inbox-page .intermediat_listing::-webkit-scrollbar-track {background-color: #f4f4f4; border: none;}
.acc-inbox-page .intermediat_listing::-webkit-scrollbar {height: 10px; width: 10px;}
.acc-inbox-page .intermediat_listing::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #46A321; border: none; width: 10px;}
.acc-inbox-page .intermediat_box.list_view .list_box {box-shadow: unset; padding: 20px 20px 20px 34px;}
.acc-inbox-page .intermediat_listing .intermediat_box.list_view{padding: 0;}
.acc-inbox-page .intermediat_listing .intermediat_box.list_view:not(:last-child){border-bottom: 1px solid rgb(33 33 33 / 23%);}
.acc-inbox-page .intermediat_box.list_view .profile_img{margin: 0 10px 0 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}
.acc-inbox-page .pro_pic.with_char{width: 100%; height: 100%; font-size: 28px;}
.acc-inbox-page .intermediat_box.list_view .profile_img img {border-radius: 100%; width: 100%; height: 100%; object-fit: cover;}
.acc-inbox-page .user_info {width: auto;}
.acc-inbox-page .intermediat_box.list_view .profile_detial{margin-left: 0; justify-content: center;}
.acc-inbox-page .intermediat_box.list_view .highlight-yellow, .highlight-yellow, .highlight-green,
.acc-inbox-page .intermediat_box.list_view .highlight-green {width: 16px; height: 16px; border-radius: 100px; color: #fff; background: #E9AF26; font-size: 12px; font-weight: 500; line-height: 16px; display: inline-block; vertical-align: middle; text-align: center; margin-left: 5px; padding-right: 1px; margin-top: -3px;}
.acc-inbox-page .profile_detial .text-secondary {font-size: 14px; line-height: 19px; font-weight: 400; color: #757575 !important; text-transform: capitalize;}
.acc-inbox-page .intermediat_box.list_view .highlight-green, .highlight-green{background: #46A321;}
.acc-inbox-page .profile_detial .last_msg {font-size: 16px; line-height: 22px; font-weight: 500; color: #212121;}
.acc-inbox-page .profile_detial .last_msg_time {font-size: 12px; line-height: 16px; font-weight: 700; color: #212121;}
.acc-inbox-page .btn.btn-message-host {padding: 13px 15px; background: #46A321; max-width: 200px;}
.acc-inbox-page .intermediat_box.list_view .dog_start_abso.new-message{margin-right: 18px !important; justify-content: flex-end;}
.acc-inbox-page .list_box .dots-icon {width: 28px; height: 28px; border-radius: 100px; margin-left: 0; background-size: cover; display: inline-block; vertical-align: middle; background: #E5E5E5 url("../images/dots.svg") no-repeat center center;}
.acc-inbox-page .inbox-search-div {position: relative; display: flex; align-items: flex-end; width: 320px; max-width: 100%;}
.acc-inbox-page .search-div {position: relative;}
.acc-inbox-page .search-form, 
.acc-inbox-page .search-div{width: 100%;}
.acc-inbox-page .input-field.search {border-color: #D1D1D1; border-radius: 6px; padding-left: 45px;}
.acc-inbox-page .search-div button.btn-search {width: 40px; height: 100%; left: 0; top: 0; position: absolute; background: transparent url("../images/search-green-icon.svg") no-repeat center center; border-radius: 6px 0 0 6px;}

/* inbox detail start */
.acc-inbox-detail-page > .container > .row {margin-left: -7px; margin-right: -7px;}
.acc-inbox-detail-page > .container > .row > div[class*="col-"] {flex: unset; padding: 0 7px; position: relative; margin: 0px;}
.acc-inbox-detail-page .card-left-col{border: 1px solid #2121213B; border-radius: 12px; padding: 20px 15px;}
.acc-inbox-detail-page .chat-right-col{border: 1px solid #2121213B; border-radius: 12px;}
.acc-inbox-detail-page .row > .col-3 {max-width: 33%;}
.acc-inbox-detail-page .row > .col-9.message-section {max-width: 67%;}
.acc-inbox-detail-page .row > .col-3 .card {border: 0; padding: 0px !important; flex-direction: row; flex-wrap: nowrap;}
.acc-inbox-detail-page .booking_details .btn {width: 100%; font-size: 16px; line-height: 26px; font-weight: 600; background: #46A321; border-radius: 0px !important;}
.acc-inbox-detail-page .row > .col-3 .booking_details.mb-3{margin-bottom: 0px !important;}
.acc-inbox-detail-page .row > .col-3 .alert.alert-success{background: #DBFFCC; padding: 20px 25px 20px 15px; display: flex; flex-wrap: wrap; font-size: 18px; line-height: 26px; color: #212121; justify-content: space-between; border-color: #D1D1D1; border-radius: 2px; margin: 16px 0 !important;}
.acc-inbox-detail-page .row > .col-3 .alert.alert-success > p:first-child {width: 100%; margin-bottom: 3px; font-weight: 700; text-transform: capitalize;}
.acc-inbox-detail-page .row > .col-3 .alert.alert-success > div{color: #46A321;}
.acc-inbox-detail-page .row > .col-3 .card-image-top {width: 140px !important; height: 140px; border-radius: 100%; padding: 0; margin: 0;}
.acc-inbox-detail-page .row > .col-3 .card-image-top img.user_img {width: 100%; height: 100%; border-radius: 100% !important; object-fit: cover;}
.acc-inbox-detail-page .row > .col-3 .card-image-top .pro_pic.with_char {width: 100%; height: 100%; border-radius: 100%; font-size: 70px;}
.acc-inbox-detail-page .row > .col-3 .card-info {width: calc(100% - 160px); text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 20px;}
.acc-inbox-detail-page .row > .col-3 .card-info .space_name {padding: 0 !important; text-align: left !important;}

.chat-profile-main{background-color: #F9F9F9; padding: 20px 30px; border-radius: 12px 12px 0 0; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between;}
.chat-profile-main .cpt-icon{margin-right: 12px; width: 74px; height: 74px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; background-color: #ada7a7; color: #fff; font-family: "Nunito", sans-serif;}
.chat-profile-main .cpt-icon img{width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.chat-profile-main .cpt-name{line-height: 22px; margin-bottom: 0px; font-size: 16px; font-weight: 700; font-family: 'Nunito', sans-serif; color: #212121;}
.chat-profile-main .cpt-brid{line-height: 19px; margin-bottom: 0px; font-size: 14px; font-weight: 400; font-family: 'Nunito', sans-serif; color: #757575;}
.btn.btn-success.btn-book-now{background-color: #46A321; font-size: 14px; line-height: 20px; font-weight: 600; padding: 10px 20px; color: #fff;}
.cpt-right .btn.btn-success.btn-book-now{margin-right: 10px;}
.cpt-left, .cpt-right {display: flex; align-items: center;}
.cpt-right .more_info{}
.cpt-right .more_info .three_dots {width: 38px; height: 38px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #000;}
.chat-seperator-text {position: relative; margin: 0 30px; text-align: center; font-size: 14px; line-height: 21px; color: #757575; font-weight: 500;}
.chat-seperator-text span{position: relative; padding: 0 30px; background-color: #fff;}
.chat-seperator-text:before {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: rgb(33 33 33 / 23%);}
.row.chat-history-main {margin: 0;}
.chat-history-main #message_box {max-height: 550px; overflow-y: auto; padding: 0 30px;height: auto;}
.chat-history-main #message_box::-webkit-scrollbar {height: 10px; width: 10px;}
.chat-history-main #message_box::-webkit-scrollbar-track {background-color: #f4f4f4; border: none;}
.chat-history-main #message_box::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #46A321; border: none; width: 10px;}
.chat-history-main .more_info .three_dots{color: #2121214D;}
.chat-history-main .pro_pic.with_char{background-color: #F9F9F9; color: #616161;}
.chat-history-main .pro_pic{width: 36px; height: 36px;}
.chat-history-main .chat_user_img {margin: 0px; padding: 0; width: 36px; height: 36px;}
.chat-history-main .chat_user_img img{width: 100%; height: 100%; object-fit: cover;}
.chat-history-main .chat-content{padding: 8px 16px;}
.chat-history-main .chat-content .chat_text{color: #fff; padding: 0; font-size: 16px; line-height: 22px;}
.chat-history-main .chat-content.right {margin-right: 10px; background: #46A321; border-radius: 4px 4px 0 4px; border: 0;}
.chat-history-main .chat-content:not(.right){margin-left: 10px; border: 0; border-radius: 4px 4px 4px 0; background-color: #F1F1F1;}
.chat-history-main .chat-content:not(.right) .chat_text{color: #212121; padding: 0;}
.chat-history-main .chat-datetime {font-size: 10px; font-weight: 500; line-height: 15px; color: #757575;}
.chat-history-main .replay_box{border-color: rgb(33 33 33 / 23%);}
.chat-history-main .replay_box .replay_text{padding-left: 0px;}
.add-chat-comment-main {margin: 36px 16px 16px; border: 1px solid #2121213B; border-radius: 12px; background: #F9F9F9;}
.add-chat-comment-main .message-user-profile {display: none;}
.add-chat-comment-main .message_type_box {position: relative; padding: 15px 20px;}
.add-chat-comment-main .text_write.comment_text {padding: 0; border: 0; background: transparent; position: relative; width: 100%;}
.add-chat-comment-main .text_write #txt_message{background-color: transparent;}
.add-chat-comment-main .message_type_box .imge_upload{position: absolute; top: 10px; right: 55px; margin: 0; width: 36px; height: 36px; border-radius: 100%; background: #212121; align-items: center; justify-content: center; z-index: 1; cursor: pointer;}
.add-chat-comment-main .message_type_box .imge_upload label {line-height: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.add-chat-comment-main .message_type_box .imge_upload img{width: 18px; height: 18px; filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);}
.add-chat-comment-main .send_btn {position: absolute; margin: 0; right: 10px; top: 10px; width: 36px; height: 36px; border-radius: 100%; background: #46A321; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer;}
.add-chat-comment-main .send_btn * {line-height: 1;}
.add-chat-comment-main .send_btn img {width: 21px; height: 21px; filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);}
.add-chat-comment-main .text_write #txt_message{height: 150px; max-height: 150px;}
.acc-inbox-detail-page .fina.breadcrumbSection {background: #fff; margin-bottom: 0px;}
.acc-inbox-detail-page .sen_img_div {max-width: 100px; position: relative; width: auto;}
.acc-inbox-detail-page .image_uploading{border-bottom: 1px solid #2121213B; background: #f1f1f1; padding: 10px; bottom: calc(100% + 1px); left: 0; z-index: 9; border-radius: 12px;}
.acc-inbox-detail-page .dog_start_abso .countRate{margin: 0;}

.acc-inbox-detail-page .chat_box_bottom_new {position: relative;}
.accountPages.innerPage.acc-inbox-detail-page{padding-top: 0;}
.acc-inbox-detail-page .rating-counts{font-size: 16px; line-height: 1; font-weight: 600; color: #212121; margin-left: 6px;}
.highlight-yellow.size-24{width: 24px;height: 24px;font-size: 14px;line-height: 24px;margin-top: -2px;padding-right: 0;}
.acc-inbox-detail-page .dog_start_abso .rateStars{font-size: 16px; color: #FFC107;}
.acc-inbox-detail-page .card-info .space-type {font-size: 18px;line-height: 24px;font-weight: 400;color: #757575;margin-bottom: 5px;}
.acc-inbox-detail-page .card-info .full-name{font-size: 26px; line-height: 36px; font-weight: 700; color: #212121; position: relative; padding-right: 20px;}
.acc-inbox-detail-page .card-info .full-name .highlight-yellow {position: absolute; right: -10px; top: 5px; margin: 0;}

.acc-inbox-page .inbox-search-div.with-cta {width: auto; align-items: center;}
.acc-inbox-page .inbox-search-div.with-cta .search-div {min-width: 320px;}
.acc-inbox-page .inbox-search-div.with-cta a.btn {padding: 13px 15px; width: 100%;}
.acc-inbox-page .inbox-search-div.with-cta .myBkInfoTxt {width: 100%;}

.acc-inbox-page .intermediat_box.list_view .profile_img {margin: 0 10px 0 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; position: relative; overflow: unset;}
.acc-inbox-page .intermediat_box.list_view .profile_img .highlight-green {position: absolute; top: -4px; right: -4px; z-index: 1; margin: 0; font-size: 12px; width: 24px; height: 24px; line-height: 24px;}
.add-chat-comment-main .message_type_box {padding: 15px 100px 15px 20px;}

#cancel_edit_message {left: -70px;}
.add-chat-comment-main .message_type_box:has(#cancel_edit_message:not([style*="display: none"])) {padding: 15px 120px 15px 20px;}

/* inbox detail end */

@media only screen and (min-width: 1200px){
	.acc-inbox-page .btn.btn-message-host:hover, .acc-inbox-detail-page .booking_details .btn:hover, .btn.btn-success.btn-book-now:hover{background: #000;}
}
@media only screen and (max-width: 1300px){
	.acc-inbox-detail-page .row > .col-3 .card-image-top{width: 100px !important; height: 100px;}
	.acc-inbox-detail-page .row > .col-3 .card-image-top .pro_pic.with_char{font-size: 60px;}
	.acc-inbox-detail-page .row > .col-3 .card-info{width: calc(100% - 100px);}
}
@media only screen and (max-width: 1199px){
	.acc-inbox-page .intermediat_box.list_view .list_box{padding: 20px;}
	.acc-inbox-page .intermediat_box.list_view .dog_start_abso.new-message{flex-direction: row; margin-right: 0px !important; min-width: 206px;}
	.acc-inbox-page .breadCrumbTitleImg{width: 45px; }
	.acc-inbox-page .breadCrumbTitle{font-size: 30px;}

	.acc-inbox-detail-page .row > .col-3 .card-image-top{width: 60px !important; height: 60px;}
	.acc-inbox-detail-page .row > .col-3 .card-image-top .pro_pic.with_char{font-size: 40px;}
	.acc-inbox-detail-page .row > .col-3 .card-info{width: calc(100% - 60px);}
	.chat-history-main #message_box{padding: 0 20px;}
	.acc-inbox-detail-page .card-info .full-name{font-size: 24px; line-height: 1.5;}
}
@media only screen and (max-width: 991px){
	.acc-inbox-page .intermediat_box.list_view .profile_img{width: 60px; height: 60px;}
	.acc-inbox-page .intermediat_box.list_view .list_box{flex-wrap: nowrap;}
	.acc-inbox-page .btn.btn-message-host{max-width: 148px;}
	.acc-inbox-page .intermediat_box.list_view .dog_start_abso.new-message{padding: 0; border: 0;}
	.acc-inbox-page .inbox-search-div{width: 260px;}
	.acc-inbox-page .intermediat_box.list_view .user_info, 
	.acc-inbox-page .intermediat_box.list_view .dog_profile_info .user_info{margin-bottom: 0px;}
	.acc-inbox-page .intermediat_box.list_view .profile_detial{margin-bottom: 0px;}
	.acc-inbox-page .intermediat_box.list_view .list_box {padding: 20px 20px 20px 10px;}
	.chat-history-main .replay_to{flex-wrap: wrap;}
	.acc-inbox-detail-page .card-info .full-name{font-size: 22px; line-height: 1.5;}
	.acc-inbox-detail-page .card-info .full-name .highlight-yellow{top: 0px;}

	.acc-inbox-detail-page .row > .col-3{max-width: 38%;}
	.acc-inbox-detail-page .row > .col-9.message-section{max-width: 62%;}
	.acc-inbox-detail-page .card-info .space-type{font-size: 16px; line-height: 22px;}

	.acc-inbox-page .inbox-search-div.with-cta {margin-top: 15px}

	.select-div.with-cta{width: 100%;}
	.select-div.with-cta #newmessage {max-width: 100%; width: 100%;}
}
@media only screen and (max-width: 767px){
	.acc-inbox-page .intermediat_box.list_view .list_box{padding: 20px 20px 20px 0px; flex-wrap: wrap;}
	.acc-inbox-page .profile_detial .message {margin: 20px 0;}
	.acc-inbox-page .breadCrumbTitle{font-size: 26px;}
	.acc-inbox-page .breadCrumbTitleImg {width: 40px;}
	.acc-inbox-page .inbox-search-div {width: auto;}
	.acc-inbox-page .intermediat_box.list_view .dog_start_abso.new-message {justify-content: flex-start; min-width: 60%; width: 60%;}
	.acc-inbox-page .btn.btn-message-host {max-width: unset; min-width: unset;}
	.acc-inbox-page .list_box .dots-icon{min-width: 28px;}
	.acc-inbox-detail-page > .container > .row > div[class*="col-"]{margin-bottom: 30px; width: 100%; max-width: 100%;}
	.add-chat-comment-main .text_write #txt_message {height: 100px; max-height: 100px;}
	.chat-history-main .chat-content{max-width: 70%}
	.chat-history-main #message_box{padding: 0 15px;}
	.chat-profile-main{flex-wrap: wrap; gap: 15px;}
	.chat-profile-main .cpt-icon{width: 60px; height: 60px;}
	.acc-inbox-detail-page .row > .col-3 .alert.alert-success{font-size: 16px; line-height: 24px;}
	.acc-inbox-detail-page .card-info .full-name{font-size: 20px; line-height: 1.5;}
	.acc-inbox-detail-page .card-info .space-type{font-size: 16px; line-height: 20px;}

	.select-div.with-cta{width: 100%;}
	.select-div.with-cta #newmessage {max-width: 100%; width: 100%;}

}
@media only screen and (max-width: 479px){
	.acc-inbox-page .intermediat_box.list_view .dog_start_abso.new-message {min-width: unset; width: 100%;}
	.acc-inbox-page .inbox-search-div {width: 100%; margin: 20px 0 0;}
	.acc-inbox-page .intermediat_listing {max-height: initial; overflow-y: auto;}
	.acc-inbox-page .intermediat_box.list_view .list_box{padding: 20px 0;}	
	.chat-profile-main {padding: 15px; margin-bottom: 15px;}
	.cpt-right {width: 100%;}
	.cpt-right .btn.btn-success.btn-book-now{width: 100%;}
	.acc-inbox-page .inbox-search-div.with-cta {flex-direction: column; width: 100%; gap: 10px;}
	.acc-inbox-page .inbox-search-div.with-cta a.btn {padding: 10px 15px;}
}
@media only screen and (max-width: 374px){

}