/* Font-family: 'Nunito', sans-serif; */ /* Font-family: 'Lato', sans-serif; */ /*Account List Page css start*/ .innerPage{padding-top:30px;padding-bottom: 90px;} .innerPage .breadcrumbPadding{padding-top: 0;} .breadCrumbSingleTitle{font-size: 45px;line-height: 1.2em;color:#191919;font-weight: 800;} .goToBackBdLink{font-size: 18px;line-height: 1.2em; color:#4ea724;font-weight: 600;} .welconeNote, .welconeNote p{ font-size:22px;line-height: 1.4em; color: #191919;} .welconeNote > p:not(:last-child){margin-bottom:30px;} .welconeNote a{color:#5aac28;text-decoration: underline;text-decoration-skip-ink: none;} .accountListDiv{margin-top: 50px;} .accountListBox {border:1px solid #ebebeb;border-radius: 10px;background-color: #fff;padding: 20px 20px 20px 0;position: relative;} .accountListBox:not(:last-child){margin-bottom: 30px;} .accountListContent{padding-left: 10px;padding-right: 10px;height: 100%} .accountListIconDiv{width: 135px;text-align: center; min-width: 135px;} .accountListLinkDiv {margin-bottom: 9px;} .accountListLink{font-size: 30px;line-height: 1.2em;color:#2a2a2a;font-weight: 800;position: relative;display: inline-flex;align-items: center;} .accountListLink:after{content: ''; background-image: url('../images/icon_rightarrow.png');background-repeat: no-repeat;width: 14px;height: 22px;margin-left: 25px;-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .accountListTxt{font-size: 20px;line-height: 1.2em;color:#616161;} .accountListTxt span { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; font-size: 16px; line-height: 1.3;} .accoutActionDiv{position: absolute; right: 20px; top: 10px} .accoutActionDiv a{font-size: 16px;line-height: 1.2em; color:#5ead29;font-weight: 600;text-decoration: underline;text-decoration-skip-ink: none;} .accountExtraDetail{margin-right: 60px;margin-top: 10px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row-reverse; width: 100%;} .accountExtraDetail .accountExtraLi{width:42px;height: 42px; align-items: center;display: inline-flex;justify-content: center;} .accountExtraDetail .accountExtraLi{margin:5px; position: relative;} .accountExtraDetail .accountExtraLi a{border-radius:50%; overflow: hidden;width: 100%; height: 100%; } .accountExtraDetail .accountExtraLi a img{width: 100%; height: 100%; object-fit: cover; } .addExtra{min-width: 42px; width: 42px; height: 42px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center; justify-content: center; margin: 5px; border-radius: 50%; overflow: hidden; } .addLink{border: 1px solid #000;font-size: 36px; font-weight: 700; border-radius: 50%;width: 42px; height: 42px; align-items: center; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .accountExtraDetailUl{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row-reverse;flex-wrap: wrap;} .addSpace{background:#e27b7b; width: 42px; height: 42px; overflow: hidden; border-radius: 50%;} .accountCount {display: inline-flex; background: #8adf7a; color: #fff; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; font-size: 18px; font-weight: 800; } .disabled, .disable{position:relative;filter: grayscale(100%);cursor: not-allowed;overflow: hidden;} .disabled:before{content: '';background-color:#d8d8d8;position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index: -1;} .disabled a{pointer-events: none;} .pointer_disable{pointer-events: none;} .accountExtraDetail.list_end_box{margin-right: 0px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; margin-top: 0; justify-content: flex-end; align-items: center;} .list_detail_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-right: 15px; padding-right: 15px; border-right: 1px solid #000; font-weight: 600; font-size: 16px; line-height: 1.4;} .list_detail_box a{font-size: 16px; text-decoration: underline; line-height: 1.2em; color: #5ead29; font-weight: 600;} .link_in.list_detail_box{border-right: 1px solid #5ead29; } .list_detail_box:last-child, .link_in.list_detail_box:last-child{border:0px; margin-right: 0; padding-right:0px;} /*.disabled .accountCount{background-color: #bbbbbb;}*/ .draft{ position: absolute; cursor: pointer; z-index: 1; color: #fff; font-size: 10px; background: #ff4b4b; width: 18px; height: 18px; overflow: hidden; border-radius: 50%; text-align: center; line-height: 18px; } .accountExtraLi .draft { right: -3px; top: -3px;} /*Account List Page css end*/ .addHoursbtn.remove { color: #f54e42;} .setHoursSwitch input{display: none;} .trans_img {position: relative;} .trans_img .abso_img{position: absolute; width: 100%; height: 100%; object-fit: cover;} /*intermediat page : start*/ .intermediat .breadCrumbSingleTitle{font-size: 35px;} .intermediat .goToBackBdLink{font-size: 16px;} .intermediat_listing{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; line-height: 1.2; flex-wrap: wrap; justify-content: flex-start;} .intermediat_listing .intermediat_box{width:calc(100% / 3 - 5px); padding: 0px 10px 20px;} .intermediat_box .list_box.deactive{ background-color: #e2e2e2; color: #333333 !important;} .intermediat_box .list_box.deactive a{color: #333 } .intermediat_box .list_box.deactive img,.intermediat_box .list_box.deactive .dog_profile_info .profile_detial .profile_name{filter: grayscale(1); color: #333;} .intermediat_box .list_box.deactive .dog_profile_info .footer_dog_profile_info .mic_no{color: #333 } .list_menu.bookin_list{justify-content: flex-end; width: 100%;} .list_menu.bookin_list .menu_listing{ margin-left: auto; margin-right: 0;} .menu_listing a{cursor: pointer;} .intermediat_box .list_box{width: 100%;height: 100%; border-radius:10px; cursor: default; box-shadow: 0 0 15px -5px rgba(207,203,207,.83); padding:15px 22px;} .intermediat_box .dog_profile_info{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .dog_profile_info .user_info { display:-webkit-flex; position: relative; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 15px} .dog_start_abso{right: 0; top: 0; position: absolute; font-size: 16px; display: flex; justify-content: center; align-items: center; line-height:16px;} .dog_start_abso .countRate.no_review{font-size: 12px; padding: 3px 10px; background: #64bc36; color: #fff; margin-top:-3px; margin-right: -12px; border-radius: 10px;} .dog_start_abso .rateStars{ font-size: 14px; color: #f1c40f;} .dog_start_abso .countRate{font-size: 14px; margin: 0px 5px; padding: 2px 8px; background: #64bc36; color: #fff; border-radius: 10px; line-height: 1.2;} .dog_start_abso img{margin-left: 5px; width: 16px;} .dog_profile_info .profile_img{border-right: 100px; overflow: hidden; margin-right: 15px;} .dog_profile_info .profile_img img{border-radius: 100px;} .dog_profile_info .profile_detial {width: auto; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .dog_profile_info .profile_detial .profile_name{line-height: 1.2; margin-bottom: 5px;font-size: 18px; font-weight: 800; font-family: 'Nunito', sans-serif; color:#000000;} .dog_profile_info .profile_detial .profile_other_detial { font-size: 14px; line-height: 1.2; font-weight: 600; font-family: 'Nunito', sans-serif;} .dog_profile_info .dog_detial{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;width: 100% } .dog_profile_info .dog_detial ul{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; } .dog_profile_info .dog_detial ul li{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-right: 15px; text-align: center;} .dog_profile_info .dog_detial ul li .dog_title_intermediat{ margin-bottom: 5px; font-size: 15px; font-weight: 700;} .dog_profile_info .dog_detial ul li .dog_detial_intermediat{ font-size: 14px; font-weight: 500; text-transform: capitalize;} .dog_profile_info .dog_detial.bookin_list ul li .dog_detial_intermediat{font-size: 18px; font-weight: 800;} .spacebox .dog_profile_info .footer_dog_profile_info {margin-bottom: 0px} .dog_profile_info .footer_dog_profile_info{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-between; font-family: 'Nunito', sans-serif; margin: 10px 0px;} .dog_profile_info .footer_dog_profile_info .mic_no{ font-size: 12px; color: #000; font-family: 'Nunito', sans-serif; font-weight: 700;} .dog_profile_info .footer_dog_profile_info .more_info{margin-left: auto; margin-right: 0; position: relative; cursor: pointer; top:10px;} .dog_profile_info .footer_dog_profile_info .more_info .three_dots{color: #646464; font-size:20px;} .dog_profile_info .footer_dog_profile_info .more_info .sub_menu{ display: block; min-width: 110px; padding: 10px 15px; background: #fff; visibility: hidden; opacity: 0; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; box-shadow: 0 0 18px 0 rgba(0,0,0,.1); border: none; position: absolute; transition: all .2s ease-in-out 0s; transform-origin: top; transform: rotateX(-90deg); top: calc(100% + 00px); left:auto; right: -10px; z-index: 99;} .dog_profile_info .footer_dog_profile_info .more_info:hover .sub_menu{ transform: rotateX(0deg); visibility: visible; opacity: 1;} .dog_profile_info .footer_dog_profile_info .more_info .sub_menu:before { right: 10px; content: ""; position: absolute; bottom: 100%; left: auto; border: 10px solid transparent;border-bottom-color: #fff;} .dog_profile_info .footer_dog_profile_info .more_info .sub_menu li a{color: #646464; display: block; font-size: 14px; padding: 5px 0;font-weight: 600;} .dog_profile_info .footer_dog_profile_info .more_info .sub_menu li a:hover{color: #64bc36} .dog_profile_info .footer_dog_profile_info .more_info:hover .three_dots{color: #64bc36} .add_things:hover{background: rgb(226 245 182 / 68%); } .add_things{transition: all 0.2s linear;} .add_things .add_img{ text-align: center; margin-bottom: 15px;} .add_things .add_img img{width: 150px} .add_things a{text-align: center; font-size:20px; font-weight:800; } .add_things a i, .add_things a svg{ color: #64bc36; vertical-align: middle; margin-left: 10px;} .add_things .dog_profile_info{ height: 100%; text-align: center; justify-content: center; padding: 40px 0px;} .space_add.add_things .dog_profile_info{padding: 30px 0px;} .space_add.add_things .add_img img{width:98px;} .info_box{ width: 100%; margin: 10px 0px; padding: 10px 15px; font-family: 'Nunito', sans-serif; font-weight: 700; border-radius: 5px; font-size: 18px; line-height: 1.2; } .info_box.green{color: #000; background: rgb(179 229 159);} .info_box.red{ color: #fff; background: rgb(244 67 54 / 0.8);} .tooltip-inner{font-size: 12px; font-family: 'Nunito', sans-serif; } /*intermediat page : end*/ /* my profile */ .page_name{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; font-family: 'Nunito', sans-serif; font-size:20px; color:#181818; line-height: 1.2; font-weight:800; margin-bottom: 15px;} .process_box{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; padding:0px 50px; font-family: 'Nunito', sans-serif; justify-content: space-between; align-items: center; margin-bottom: 50px} .process_box .profile-step{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: relative; flex-direction:column; align-items: center;} .profile-step .step_icon{ background:#d7d7d7; border:10px solid transparent; width: 67px; font-size: 22px; height: 67px; border-radius: 67px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center; align-items: center;} .profile-step .step_icon i, .profile-step .step_icon svg{display: none;} .profile-step .step_name{color:#d7d7d7; font-size: 16px; font-weight: 800; margin-top: 10px;} .profile-step.active .step_icon i, .profile-step.active .step_icon svg{display: inline-block;} .profile-step.active .step_name{color:#92c237;} .profile-step.active .step_icon{color:#92c237; background: #ffffff; border:10px solid #92c237;} .profile-step.horizantal-line:before{ content: ""; position: absolute; width: 350px; background: #d7d7d7; height: 5px; left: -300px; top: calc(50% - 20px); z-index: -1;} .profile-step.active.horizantal-line:before{background:#92c237;} .discription{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: column;} .discription label{font-size: 18px; color:#000000; font-weight: 700; margin-bottom:15px; line-height: 1.2;} .discription p{ font-size: 16px; color:#000000; font-weight: 400; padding-bottom: 26px; line-height: 1.5} .discription a{color:#46a422; text-decoration: underline; font-weight: 700; } .border_bottom_pad_0{padding-bottom: 0px; border-bottom: 0px;} .myAccountLeftCol.myAccount{border-right: 0px;} .field-label{position: relative;} .verified_fild{ display: inline-block; float: right; font-size: 16px; color: #66b44d; font-size: 16px; font-weight: 400;} .infomative{ color: #979797; margin-top: 0; font-size: 18px; font-weight: 400; border-bottom: 1px solid #d8d8d8!important; padding: 5px 0; word-break: break-all; line-height: 1.2;} .collom { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex-wrap: wrap; } .account_number{max-width: 320px; padding-right:84px; width: 100%;} .account_email{flex: auto;} .myAccountLeftCol.myAccount .myAccountInner { padding-right: 54px;} .myAccountInner{margin-bottom: 30px;} .mobile_number{width: 220px; margin-right: 15px; display: inline-block; vertical-align: top;} .mobile_number span{position: absolute; padding: 6px 12px; border-right: 1px solid #d8d8d8; height: 30px; left: 1px; top: 8px; font-size: 18px; color: #525050; z-index: 1;} .mobile_number input{text-indent: 60px; } .otp_enter{width:170px; margin-right: 15px; display: inline-block; vertical-align: top;} .otp_change{width: 100%; padding:5px 0px; font-weight: 600; color: #000;} .otp_change a{color: #64bc36; text-decoration: underline; cursor: pointer;} .disabled input{background: #e9ecef} input[type="date"]{text-transform: uppercase;} .personal_info{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-wrap: wrap; flex-direction: row;} .personal_info fieldset{width: 33.33%; border-bottom: 0px; padding-left:10px; padding-right:10px;} .personal_info fieldset.address_fieldset{width: 100%;} .personal_info fieldset.address_fieldset .cst_input-group{max-width:100%} .checkbox-label a, .checkbox a{ color: #64bc36; font-weight: 700; text-decoration: underline;} .personal_info .checkboxDiv{margin-bottom:20px; width: 100%; padding-left: 15px; line-height: 1.5; font-size:16px; } .personal_info .checkboxDiv .checkbox .checkbox-label::before{top: 4px;} .personal_info .checkboxDiv .checkbox .checkbox-label::after{top: 5px;} .personal_info .checkboxDiv .checkbox .checkbox-label{ padding: 0 0 0 27px; font-size: 16px; line-height: 1.5;} .personal_info .checkboxDiv .checkbox .checkbox-label::before{width: 18px; height: 18px;} .personal_info .checkboxDiv .checkbox .checkbox-label::after{width:6px; height: 13px;} .address_fieldset{margin-bottom: 0px;} .top_border{border-top: 1px solid #eee; padding-top: 30px} .last_discription{padding-top: 30px} .endButtonDiv.end_profile .btn{width: auto;} .accept_date{display: block; font-size: 12px;} .verifiedlablemail{margin-bottom: 10px;} .change_pass{width: 100%; margin:0px;} .personal_info .checkbox a{font-size: 18px; vertical-align: middle;} .personal_info .checkboxDiv .checkbox input[type="checkbox"]{margin:0px; } .personal_info .checkbox label{position: relative;} /* my profile */ /*========= Custom Checkbox CSS End =========*/ .cmsPage p strong { font-weight: 700; color: #000000;} .cmsPage p:last-child { margin-bottom: 0;} .cmsPage ol li,.cmsPage ul li { font-size: 18px; font-weight: 600; color: #000000; padding-left: 16px; position: relative; line-height: 1.2em; margin-bottom: 5px;} .cmsPage ul li { padding-left: 16px; position: relative; } .cmsPage ul li:after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #000; left: 0; top: 6px;} .cmsPage ol li a,.cmsPage ul li a { font-size: 18px; font-weight: 600; color: #000; padding-left: 16px; position: relative; line-height: 1.2em; margin-bottom: 5px;} .cmsPage a{text-decoration: underline; font-weight: 800; color: #007bff;} .cmsPage a:hover,.cmsPage ol li a:hover,.cmsPage ul li a:hover { color: #5fae29;} .cmsPage p + p.ul_under{font-weight:800;} .cmsPage p.ul_under{margin-bottom:5px;} .cmsPage ul + p, .cmsPage ol + p {margin-top: 35px;} .cmsPage ol + h1,.cmsPage ol + h2,.cmsPage ol + h3,.cmsPage ol + h4,.cmsPage ol + h5,.cmsPage ol + h6,.cmsPage p + h1,.cmsPage p + h2,.cmsPage p + h3,.cmsPage p + h4,.cmsPage p + h5,.cmsPage p + h6 { margin-top: 30px; margin-bottom: 5px;} .cmsPage h1 + h2,.cmsPage h2 + h3,.cmsPage h3 + h4,.cmsPage h4 + h5,.cmsPage h5 + h6 { margin-top: 20px;} .cmsPage ul + h1,.cmsPage ul + h2,.cmsPage ul + h3,.cmsPage ul + h4,.cmsPage ul + h5,.cmsPage ul + h6 { margin-top: 30px; margin-bottom: 5px;} .cmsPage p + ul { margin-top: 0px;} .cmsPage p + ol { margin-top: 0px;} .cmsPage .underline,.underline { text-decoration: underline;} .bold,.cmsPage .bold { font-weight: 700;} .cmsPage .italic,.cmsPage em,.italic { font-style: italic;} .cmsPage .bold a { font-weight: 700;} .cmsPage ol li > span { padding-left: 4px;} .cmsPage ol { margin-bottom: 15px; counter-reset: list; list-style: none; padding-left: 0; counter-reset: section;} .cmsPage ol li:before { content: counter(list) "."; counter-increment: list; font-weight: 500; display: table-cell; vertical-align: top; margin: 0 5px 0 0; float: left;} .cmsPage ol:last-child,.cmsPage ul:last-child { margin-bottom: 0;} .cmsPage ol,.cmsPage ul { margin-left: 0;} .cmsPage.content ol,.cmsPage.content ul { margin-left: 15px;} .cmsPage img.alignleft { float: left; margin-right: 15px; margin-bottom: 10px; padding: 0;} .cmsPage img.alignright { float: right; margin-left: 15px; margin-bottom: 10px; padding: 0;} .cmsPage img.aligncenter { display: block; margin: 10px auto;} .cmsPage ol li ul li:before,.cmsPage ul li ul li:before { display: none;} .cmsPage ol > li { padding-left: 22px; position: relative; margin-bottom: 15px;} .cmsPage ol > li:before { font-weight: 600; position: absolute; left: 0; counter-increment: section; content: counter(section) ".";} .cmsPage ol + h4 { margin-top: 40px;} .cmsPage p + ol { margin-top: 15px;} .cmsPage li p + ul { margin-top: -10px;} .cmsPage p{font-size: 18px; font-family: 'Nunito', sans-serif; line-height: 1.5; font-weight:600; color: #000000; margin-bottom:35px;} .cmsPage h2{font-size:35px; letter-spacing: 0.2px; font-family: 'Nunito', sans-serif; font-weight: 800; margin-bottom:30px;} .cmsPage h3 {font-size: 24px;} .cmsPage ol {list-style-type: none;counter-reset: item;margin: 0;padding: 0;} .cmsPage ol > li {display: table;counter-increment: item;margin-bottom: 30px;width: 100%;font-size: 18px;} .cmsPage ol > li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em;position: relative;font-size: 24px;line-height: 1.2em;font-weight: 800;} .cmsPage ol > li a {padding-left: 0;color: #5fae29;} .cmsPage ol > li a:hover {text-decoration: underline;} .cmsPage ol > li p {font-size: 18px;line-height: 1.2; margin-bottom: 10px;} .cmsPage ol > li ol {margin: 0 0 0 35px;} .cmsPage ol > li ol li {padding-left: 40px;margin-bottom: 10px;} .cmsPage ol > li ol li:before {position: absolute;content: counters(item, ".") " ";font-size: 18px;line-height: 1.2em;font-weight: 600;} .cmsPage ol > li ol li ol {list-style-type: lower-alpha;} .cmsPage ol > li ol li ol li {padding-left: 0;margin-bottom: 10px;list-style: lower-alpha;display: list-item;} .cmsPage ol > li ol li ol li:before {display: none;} .cmsPage ol > li ol li ol li ol {list-style-type: lower-roman;} .cmsPage ol > li ol li ol li ol li {list-style-type: lower-roman;} .margin_auto{margin:90px auto 0 !important;} .shadow_box.success{ background: #fafeef;} .shadow_box.error { background: #feefef; } .shadow_box {box-shadow: 0 0 10px 0 rgba(0,0,0,.14); background: #ffffff; margin:20px auto; padding: 0 30px; text-align: center;} .shadow_box .form-area {padding: 80px 0;} .shadow_box h2{color: #000c18; font-family: Nunito,sans-serif; font-size: 28px; font-weight: 800; margin-bottom: 10px;} .shadow_box .subtitle {line-height: 1.2; color: #000; font-size: 16px; margin-bottom: 5px;} .shadow_box .subtitle a { color: #49a522;} .input_inbox{width: 100%; position: relative ; padding: 0 15px; font-size: 16px; font-family: Nunito,sans-serif; height: 42px; border: 1px solid #d8d8d8; border-radius: 5px; color: #656565;} .pass_change.shadow_box{padding: 20px 25px; } .pass_change .btn{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center;} .checkbox label.error{left: 0; right: auto; top: -25px; bottom: auto;} .footer_dog_profile_info .draft{color: #fff; background: #F44336;position: relative; margin-right: 5px; width: auto; height: auto; padding: 4px 10px; font-weight: 700; border-radius: 5px; line-height: 15px; font-size: 14px; align-self: center} .myAccountLeftCol.myAccount .myAccountInner.info_div{ font-size: 20px; line-height: 1.2em; color: #191919; font-family: 'Nunito',sans-serif; font-weight: 700;} .cst_input.text-success, select.text-success{color: #191919 !important;} .Info_account_alert{text-align: center; background: #4da624;color: #fff; font-size: 16px;font-weight: 700; padding: 2px 15px;} .Info_account_alert a{text-decoration: underline;color: #fff; } .booking_alert{text-align: center; background: #4da624;color: #fff; font-size: 16px;font-weight: 700; padding: 2px 15px;} .booking_alert a{text-decoration: underline;color: #fff; } .file-upload label.error { left: 0; right: auto; top: -14px; line-height: 1.2; padding: 5px 5px 4px; height: fit-content;} .dogsize-box label.error{ width: 100px; left: 0; top: auto; height: fit-content; bottom: 75px;} button#reset-button.datetime-reset-button{display: none !important;} .ui-menu { max-height: 180px; overflow-y: scroll; overflow-x: hidden;} /* Review : Start*/ .tab_review{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .tab_review ul{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .tab_review ul li{margin-right:50px; font-size: 20px; color: #000; font-weight: 400; cursor: pointer; } .tab_review ul li.active{color:#5dad29; font-weight:700; border-bottom:2px solid #5dad29; } .tab_review ul li:last-child{margin-right:0px;} .review_detail {display: none;} .tab_review_detail{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-top: 35px; } .review_detail .review_title_empty {width: 100%; background: #d7d7d7; border: 1px solid #cccccc; border-bottom: 0px; border-radius: 10px 10px 0px 0px; padding: 20px 25px;} .review_detail .review_title_empty h4{font-size: 18px; font-weight: 400; color: #000000;} .review_detail .review_detail_empty{width: 100%; padding: 20px 25px; border: 1px solid #cccccc; border-top: 0px;} .review_detail .review_detail_empty p{font-size: 16px; line-height: 1.2; margin-bottom: 30px;} .review_detail .review_detail_empty p.light_text{color: #7e7e7e} .review_detail .review_detail_empty p:last-child{margin-bottom: 0px;} .review_box_view{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; margin-bottom: 55px; position: relative;} .review_box_view:last-child{margin-bottom:25px;} .profile_img_review{width: auto; overflow: hidden; width:63px; height:63px; margin-right: 20px; overflow: hidden; border-radius: 100px;} .profile_img_review img{width: 100%; height: 100%; object-fit: cover;} .review_detail_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex:auto; flex-direction: column; } .review_detail_box .name_start{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: row; font-size: 20px; margin-bottom:10px; font-weight: 700; color: #191919;} .review_detail_box .name_start .name{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-right: 50px; align-items: center; } .review_detail_box .name_start .start_given{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: flex-start;} .review_detail_box .name_start .start_given img{width: auto; margin-left: 8px; height: auto; object-fit: contain;} .review_given_detial{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom: 10px;} .review_given_detial p{font-size: 16px; color: #191919; margin-bottom: 25px} .review_given_detial p:last-child{ margin-bottom: 0px} .review_time_given{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; font-size: 16px; color: #191919; font-weight: 400} .review_time_given span{font-weight: 700; margin-left: 15px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding-left: 10px; border-left: 1px solid #aaa;} .review_profile_pic_mobile{display: none;} .filter_review_recived{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; margin:15px 0px 10px;} .filter_review_recived li{font-size: 16px; font-weight: 400; color:#191919; cursor: pointer; padding: 0px 15px; border-left: 2px solid #959595 ; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center;} .filter_review_recived li:first-child{padding-left: 0px; border-left: 0px;} .filter_review_recived li span{font-weight: 700; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center; margin-left:10px;} .filter_review_recived li span img{margin-left: 2px;} .filter_review_recived li.active{color: #5dad29; font-weight: 700;} .btn-green.small{padding: 8px 15px;} /* Review : End*/ /* message */ .breadCrumbTitleImg.edit_message{margin-right: 0; margin-left: 55px;} .message_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .message_box .left_side_message{scrollbar-width: thin; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; width: 400px; flex-flow:row wrap; height:calc(100vh - 300px); overflow-y: auto; padding-right: 15px; align-content: flex-start;} .message_box .right_side_message{scrollbar-width: thin; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex:auto; width: calc(100% - 400px); height:calc(100vh - 300px); border:2px solid #ebebeb; border-radius: 10px;} .message_serch{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; position: relative; max-width: 100%; margin-bottom:15px;} .message_serch a {position: absolute; left: 0; top: 0; font-size: 20px; color: #a4a4a4; width: 60px; text-align: center; height: 100%; vertical-align: middle; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-content: center; justify-content: center;} .message_serch a img{ object-fit: contain; } .message_serch input{width: 100%; line-height: 59px; padding:0px 15px 0px 60px; border:1px solid #ebebeb; border-radius: 10px; } .message_user_box{ transition: all 0.2s linear; margin-bottom:20px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; cursor: pointer; width: 100%; padding: 12px; border:1px solid #ebebeb; border-radius:10px; position: relative;} .message_user_box .message_profile_pic{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: relative;} .pro_pic{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;width: 50px; height: 50px; border-radius: 50px; overflow: hidden;} .pro_pic img{width: 100%; height: 100%; object-fit: cover;} .online{position: absolute; width: 14px; height: 14px; border-radius: 14px; background:#8abd40; border:2px solid #fff; top: 0; left: 0} .pro_pic.with_char { background: #ada7a7; color: #fff; font-size: 20px; font-weight: 600; display: flex; align-items: center; justify-content: center; font-family: "Nunito", sans-serif; } .sniffSpacesRate .countRate.no_reviews{ padding: 5px 8px; font-weight: 700;} .message_profile_detial{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-left: 12px; flex: auto; padding-right: 20px; position: relative;} .mess_notification{position: absolute; right: 10px; bottom: 6px; border-radius: 50px; min-width: 22px; min-height: 20px;background: #8abd40; color: #ffffff; font-size: 12px; font-weight: 600; text-align: center; line-height: 1.5; padding: 2px;} .mess_date{position: absolute; right: 10px; top: 5px; color: #b2b2b2; font-size: 14px; font-weight:400; line-height: 1.5;} .name_pro{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; color: #191919; font-size:20px; font-weight:700; } .message_profile_detial .booking_id{font-size: 16px; color: #000;} .message_profile_detial p{font-size: 14px; color: #4e4e4e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px; line-height: 1.4; overflow: hidden; margin-top: 5px; } .message_other_detail{position:absolute; right:10px; top:25px;} .message_user_box:hover{border: 1px solid #80bb42; box-shadow: 0px 0px 10px 0px rgba(146,194,56,0.5);} .message_user_box:hover .mess_date{color:#000;} /*.message_user_box.unactive{background: #eee}*/ .loader_chat{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center;} .loader_chat img{width:60px;} /* .archieved_msg{margin-top: 10px;} .archieved_msg:before { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: -15px;} */ .chat_box_middle_fix{position: relative; top:86px; width: 100%; overflow-y:auto; display: block; height: calc(100% - 160px);} .right_side_message{position: relative; flex-direction: column; overflow-y: auto; } .chat_box_middle{position: absolute; bottom:0px; left: 0; width: 100%; overflow-y:auto; display: block; padding:15px 15px 15px 15px; height: auto; max-height: 100%;} .chat_box_bottom{position: absolute ; bottom: 0; display: block; width: 100%; left:0; padding: 15px 30px; border-top: 1px solid #cccccc; z-index: 1; background: #fff;} .right_side_message.unactive .chat_box_bottom{display: none;} .message_profile_detial{justify-content: center; display: inline-block; vertical-align: middle; } .chat_box_top{position: absolute; top: 0; display:block; width: 100%; left:0px; padding: 15px 15px; border-bottom: 1px solid #ebebeb; z-index: 1; background: #fff; justify-content: center;} .chat_box_top .pro_pic{width: 55px; height: 55px;} .chat_box_top .message_profile_pic{position: relative; display: inline-block; vertical-align: middle;} .chat_box_top .name_pro{font-size: 25px;} .chat_box_top .message_profile_detial .booking_id{font-size: 14px; color: #5c5c5c; line-height: 1.2; font-weight: 700;} .chat_box_main{display: blockl; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: row; margin-top: 15px;} .chat_right{justify-content: flex-start; padding-right: 150px; } .chat_left{ justify-content: flex-start; padding-left: 150px; flex-direction: row-reverse;} .chat_box_text{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; max-width: 50%;} .chat_img{width: 30px; height: 30px; border-radius: 50px; overflow: hidden; flex:0 0 auto; } .chat_img img {width: 100%; height: 100%; object-fit: cover;} .chat_right .chat_img + .chat_time .chat_text{margin-left:10px;} .chat_text{border-radius: 0px 10px 0px 10px; padding:8px 20px; display:-webkit-flex; word-wrap: break-all; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;width: auto; height: auto; flex-direction: column; line-height: 1.3; color: #fff; font-weight: 400; font-size: 16px; word-break: break-word;} .chat_right .chat_text{margin-left:40px; box-shadow: 0px 0px 10px 0px rgb(158,199,59, .5); } .chat_box_main .more_info{ margin-left: 15px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; height: 25px; justify-content: center; align-self: center} .chat_right .chat_text{background: rgb(64,161,32); background: linear-gradient(90deg, rgba(64,161,32,1) 0%, rgba(158,199,59,1) 100%);} .chat_box_main .more_info .three_dots {color: #aaa;} .chat_time{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: column;} .img_sended{position: relative; min-width: 250px; min-height: 210px;} .img_upload_loader{position: absolute; left: 0; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center;align-items: center; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8);} .img_sended.chat_text .img_upload_loader img { width: 150px ; height: auto ; margin: 0 auto; } .img_sended.chat_text.with_text_img a{margin-bottom: 10px;} .img_sended.chat_text{padding:10px; } .img_sended.chat_text img{width: 100%; max-width: 250px; max-height: 210px; width: 100%; height: 100%;} .chat_time .time{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: flex-end; font-size: 13px; color: #b9b9b9; font-weight: 700;} .replay_box{ font-style: italic; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: column; border-bottom: 1px solid #000000; padding-bottom: 5px; margin-bottom:10px;} .replay_box .replay_text{ line-height: 1.3; padding-left: 20px;} .replay_to{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: flex-end; font-size: 13px; padding:2px;} .chat_right .replay_box{border-color: #fff;} .replay_box:before{width:100%; height:15px; content: ""; background-size:15px; } .chat_right .replay_box:before{ background:url(../images/white-quote.png) no-repeat; background-size:15px;} .chat_left .replay_box:before{ background:url(../images/black-quote.png) no-repeat; background-size:15px;} .chat_box_main .more_info .sub_menu li a{padding: 0px;} .chat_box_main .more_info .sub_menu{padding:5px 15px;} .chat_left .chat_box_text{justify-content: flex-start; flex-direction: row-reverse;} .chat_left .chat_text{background:#ebebeb; color: #000; font-weight: 400; font-size: 16px; } .chat_left .chat_img + .chat_time .chat_text { margin-right: 10px;} .chat_left .chat_text{margin-right:40px;} .chat_box_main.chat_left .more_info{ margin-left: 0px; margin-right: 15px;} .chat_left .chat_time .time{justify-content: flex-start;} .message_type_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; justify-content: center; width: 100%; align-items: center;} .message_type_box .imge_upload{position: relative; margin: 0px 30px 0px 0px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .imge_upload input{position: absolute; width: 100%; height: 100%; z-index: 1} .imge_upload label {cursor: pointer; } .text_write{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex: auto; border:1px solid #ccc; border-top:0px; border-bottom:0px; padding: 10px 15px;} .text_write input{width: 100%; font-size: 16px; } .send_btn{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-left: auto; margin: 0px 0px 0px 30px;} .send_btn button{background: transparent; border: 0px;} .image_uploading{position: absolute; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; border-bottom: 1px solid #ebebeb; background: #f8f8f8; padding: 10px; bottom:100%; left: 0; z-index: 9; } .cancel_send{position: absolute; transition: all 0.2s linear; z-index: 9; cursor: pointer; right: -10px; top: -10px; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); width: 20px; height: 20px;} .cancel_send:before, .cancel_send:after{content: ""; position: absolute; width: 2px; height:13px; background-color: #000;} .cancel_send:before{left: 9px; top:4px; transform: rotate(45deg);} .cancel_send:after{left: 9px;top: 4px; transform: rotate(-45deg);} .sen_img_div{width: 100px; position: relative;} .sen_img_div img{border-radius: 5px;} .cancel_send:hover{background: #f9b7b7;} .chat_left .more_info .sub_menu{left: -10px; right: auto;} .chat_left .more_info .sub_menu:before{right:auto; left: 10px;} .chat_box_main:last-child .more_info .sub_menu{top:auto; bottom: calc(100% + 10px);} .chat_box_main:last-child .more_info .sub_menu:before{bottom:auto; top:100%; transform: rotate(-180deg);} /* message */ /* finance */ .fina.breadcrumbSection{background: #f0f6e1; padding: 30px 0px; margin-bottom: 30px;} .finance_brad_curm{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-between;} .breadcrumbMainDiv{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .fincance_tab{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; align-items: flex-end; margin-bottom: 15px;} .fincance_tab li{font-size: 20px; color: #191919; font-weight: 400; margin: 0px 30px; cursor: pointer;} .fincance_tab li.active{ color: #48a422; font-weight:700} .accordion{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .accordion .accordion_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; padding: 30px 30px 0px; border-radius: 10px; margin: 15px 0px; box-shadow: 0px 0px 10px 0 rgba(0,0,0,.1)} .accordion_box .accordion_title{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; cursor: pointer; font-size: 25px; color: #54a926; margin-bottom:25px; font-weight: 700; padding: 0px 80px 0px 20px; position: relative; flex-direction: row; justify-content:space-between; align-items: center;} .accordion_box .accordion_title img{ max-height: 30px; } .acc_arrow{ position: absolute; right: 0px; top: 50%; transform: translateY(-50%);} .accordion_detail{padding: 30px 15px; border-top: 1px solid #cccccc; display: none; width: 100%;} .no_account{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center; align-items: center; padding: 80px 0px;} .shadow_btn{padding: 15px 30px; font-size: 16px; font-weight:700; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1); min-width: 350px; border-radius: 5px; justify-content: center; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .shadow_btn img{margin-right: 5px;} .white{color: #000; background: #fff; border-radius: 10px;} .white img{background: #fff; border-radius: 50px;} .white.shadow_btn:hover{background: rgb(151 196 57 / 0.5); box-shadow: 0px 5px 10px 0px rgba(0,0,0,.3);} .accounts_added{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: column;} .banck_account_list{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .account_info_box { width: calc(50% - 20px); flex-direction: column; margin-bottom: 30px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content:center; padding: 15px; align-items: flex-start; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); font-size: 17px;} .account_info_box .ac_detail_box{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-between;} .bank_name{font-weight: 700; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .bank_ac_num{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding-bottom: 5px;} .bank_ac_type{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding-bottom: 5px;} .select_primery{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding-bottom: 5px} .account_info_box.add_bank{align-items: center;} .withdraw_amount{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-top: 15px; padding-top: 30px; border-top: 1px solid #e2e2e2;} .withdraw_amount .amount_add{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; padding: 15px 0px; } .withdraw_amount .amount_add .cst_input-group{width:100%; margin-right: 15px;} .withdraw_amount .amount_add a{min-width: 300px; border-radius:10px; } .info_box_account{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; margin: 20px 0px} .info_box_account p{ font-size: 16px; font-family: 'Nunito', sans-serif; line-height: 1.3; font-weight: 600; color: #000000;} .info_box_account p a{color: #54a926;} .added_pay_pal{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; max-width: 50%; position: relative;} .change_pay_ac{position: absolute; right: 0; bottom: 2px; font-size: 14px; color: #54a926;} .added_pay_pal .change_box_paypal{max-width: 100%;} .added_pay_pal .change_box_paypal input{width:350px; margin-right: 15px;} .acc_arrow{transition: all 0.2s linear;} .active .accordion_title .acc_arrow{transform: rotate(-180deg); top: calc(50% - 2px); } .accCard{padding:30px 0;} .cardSecTitle{font-size:24px;line-height: 1.2em; color: #191919; font-weight: 700;margin-bottom: 18px;} .accountCardBox{width: 100%; height: 332px; border-radius: 15px; margin-bottom: 30px;} .addCardBox{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-wrap: wrap;text-align: center; justify-content: center; border: 2px dashed #b7b7b7; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .cardAddIconDiv{width: 100%;} .cardAddIcon {position: relative; width: 125px; height: 125px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin: 0 auto 20px; } .addCardText{font-size: 24px;line-height: 1.2em; color:#46a422;width: 100%;} .addCardBox{cursor: pointer;} .accountCardInner{height: 100%; border-radius: 15px;position: relative;padding:20px 36px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start;} .visaCardBox .accountCardInner{background: #1a224d;} .cardHolderName{ font-size: 30px; color: #fff; font-weight: 500; line-height: 1.1em;} .cardNumber {font-size: 35px; color: #fff; font-weight: 700; line-height: 1.2em; letter-spacing: 0.1em; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; justify-content: flex-start; flex: auto; align-items: flex-end;} .cardValidDate{ color: #fff; align-items: center; font-size: 20px; font-weight: 600; line-height: 1.2em; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; align-self: flex-start; margin-bottom: 40px;} .validTxt{ font-size: 10px; line-height: 1.2em; margin-right: 6px; color: #e0e0e0; } .cardLogoImg{font-size: 18px;font-weight: 600; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; justify-content: flex-end; align-items: flex-end;} .masterCardBox .accountCardInner{background: rgb(247 158 27 / .7);} .masterCardBox .cardHolderName{color:#000;} .masterCardBox .cardNumber{color:#000;} .masterCardBox .cardValidDate{color:#000;} .masterCardBox .validTxt{color:#000;} .paypalCardBox{background:#283593} .paypalCardBox .checkbox-label{color:#fff;} .visaCardBox .checkbox-label{color:#fff;} .masterCardBox.checkbox-label{color:#000;} .masterCardBox .checkboxDiv .checkbox .checkbox-label::before{border: 0px;} .paypalCardBox .checkboxDiv .checkbox .checkbox-label::before{border: 0px;} .add_card_box .accountCardInner{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; height: auto;} .addCardPop.customPopupMain .popBody{width:95%; max-width: 430px;} .addbankpop.customPopupMain .popBody{width: 95%; max-width: 600px;} .commen_finnace.customPopupMain .popupTitle{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center;} .commen_finnace.customPopupMain .form-group{ margin-bottom: 0px; border-bottom:0px solid #e1e1e1; padding-bottom: 15px;} .commen_finnace.customPopupMain .field-label{font-size: 16px; margin-bottom: 2px;} .commen_finnace.customPopupMain .cst_input-group{ position: relative; max-width: 100%;} .addCardPop.customPopupMain .half-card{width:calc(50% - 5px); padding-right: 15px; display: inline-block;} .addCardPop.customPopupMain .half-card:nth-child(even){ padding-left: 15px; padding-right: 0px;} .commen_finnace.customPopupMain .btn.btn-green {margin-top: 15px; width: 100%; border-radius: 5px;} .bank_ac_box{background: #eee} .bank_ac_box .cardHolderName{color:#000;} .bank_ac_box .cardNumber{color:#000; } .bank_ac_box .cardValidDate{color:#000;} .bank_ac_box .validTxt{color:#000;} .accountCardBox .select_primery{flex:auto; width: auto;} .delete_box{cursor: pointer; position: absolute; opacity: 0; visibility: hidden; width: auto; transition: all 0.2s linear; top: 20px;right: 40px;color: red;left: auto;font-size: 18px;text-shadow: 0px 0px 15px rgba(255,255,255,.5);} /* finance */ .file-upload_group label.error { height: 22px;} .popBody.sucess_message { font-size: 18px; text-align: center; font-weight: 600; color: rgb(70 164 34);} .popBody.err_message { font-size: 18px; text-align: center; font-weight: 600; color: red;} /* calender */ .formGroup.daysAndTimeDiv{position: relative;} .arrow_slide { position: absolute;width: 35px; height: 35px; background:transparent; top:65%; transform: translateY(-50%);} .arrow_slide.prev_arrow{left:0px;} .arrow_slide.next_arrow{right:0px; left:auto;} .disable.btn{ cursor: not-allowed;} #calendar {margin: 0 auto; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: row;width: 100%; padding:0px 40px; margin-top:25px; justify-content: space-between;} #calendar .fc{ width:calc(33% - 12px);} #calendar .fc .fc-toolbar-title {font-size: 1.75em; margin: 0; font-family: lato; font-weight: 900; font-size: 22px; letter-spacing: 1px;} #calendar .fc .fc-toolbar{justify-content: left;} #calendar .fc .fc-toolbar.fc-header-toolbar { padding-bottom: 18px; border-bottom: 1px solid #e2e2e2; margin-bottom: 0px;} #calendar .fc-theme-standard td, #calendar .fc-theme-standard th, #calendar .fc .fc-scrollgrid-liquid{border: 5px solid #fff; position: relative; padding:0px;} #calendar .fc-theme-standard td.fc-day-other{background:#f2f2f2; color:#f2f2f2;} /*.fc-day-sun{background: #cfcfcf;}*/ #calendar .fc-theme-standard th{font-weight:700; } #calendar .fc-theme-standard th.fc-day-sun{background: #fff;} #calendar .fc .fc-daygrid-day-number { padding: 0px 5px;} #calendar .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; height: 48px; flex-direction: column-reverse;} #calendar .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position: absolute; left: 0; right: 0; width: 100%; height: 100%; } #calendar .fc .fc-daygrid-body-balanced td.fc-day-other .fc-daygrid-day-events{background:#f2f2f2; color:#f2f2f2;} /*.fc .fc-daygrid-body-balanced .fc-day-sun .fc-daygrid-day-events{background: #cfcfcf;}*/ #calendar .fc .fc-daygrid-body-balanced th.fc-day-sun .fc-daygrid-day-events{background:#ffffff; } #calendar .fc-daygrid-event-harness{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; height: 100%;} #calendar .fc-daygrid-block-event .fc-event-time,#calendar .fc-daygrid-block-event .fc-event-title:before{background: #39a63d;} /*.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {padding: 0; width: 16px; height: 13px; margin-top: 7px; background-size: 100%; margin-left: 7px;}*/ #calendar .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{background: #caffcc;} /*#calendar .fc .fc-daygrid-body tr:nth-child(6) { display: none;}*/ #calendar .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{background: #caffcc url(../images/right_icon.png); background-repeat: no-repeat; background-position: 7px 7px;} #calendar .fc-daygrid-event-harness .fc-h-event.booked{width: 100%; height: 100%; border-radius: 0; margin: 0px !important; z-index: 0; background:#b6d9fd url(../images/booked-icon.png); background-repeat: no-repeat; background-position: 7px 7px; border: 0;} #calendar .fc-daygrid-event-harness .fc-h-event.unavailable { cursor:not-allowed; width: 100%; height: 100%; border-radius: 0; margin: 0px !important; z-index: 0; background: #ffcccc url(../images/cancel_icon.png); background-repeat: no-repeat; background-position: 7px 7px; border: 0;} #calendar .fc-daygrid-day-top{width: 100%; height: 100%; position: absolute; z-index: 1;} #calendar .fc-daygrid-day-number{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; height: 100%; justify-content: flex-end; align-content: flex-end; align-items: flex-end; cursor: pointer;} #calendar .fc-view-harness{height: auto !important;} #calendar .fc .fc-daygrid-body-balanced .fc-day-disabled .fc-daygrid-day-events{background:#f2f2f2;} #calendar .fc-daygrid-event-harness .fc-h-event.weekend{width: 100%; height: 100%; border-radius: 0; margin: 0px !important; z-index: 0; background:#cfcfcf; background-repeat: no-repeat; background-position: 7px 7px; border: 0;} #calendar .fc .fc-day-past .fc-daygrid-day-frame {filter: grayscale(100);} #calendar .fc .fc-day-past .fc-daygrid-day-events {background-color: #d7d7d7;} #calendar .fc .fc-day-past .fc-daygrid-day-number {cursor: not-allowed;} #calendar .fc-daygrid-event-harness .fc-h-event.expiredates { cursor: not-allowed; width: 100%; height: 100%; border-radius: 0; margin: 0px !important; z-index: 0; background: #ffcccc url(../images/cancel_icon.png); background-repeat: no-repeat; background-position: 7px 7px; border: 0; } /* calender */ /* dog list*/ .dog_list{width: 100%; display: block; margin-top: 50px} .dog_list .dataTable.table thead th, .dog_list .dataTable.table tbody td { padding: 10px 5px; width: auto;} .dog_list .fileUploadImg{margin: 0px auto; width: 80px; height: 80px; min-width: 80px; border: 2px solid #eee; } .dog_list .fileUploadImg img{width: 100%;} .dog_list table{margin-bottom: 0;} .dog_list .select_dog{width:30px;} .dog_list .dog_img{width: 130px;} .dog_list .checkboxDiv .checkbox .checkbox-label{width: 20px; padding:0px;} .price_dog{width: 120px;} .totle_div{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;padding:0px 0px; border: 1px solid #e1e1e1; border-bottom: 0px; border-top: 0px; width:380px; margin-right: 0; margin-left: auto;} .sub_total{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; border-bottom: 1px solid #e1e1e1; flex-direction: row; justify-content: flex-end;} .totle_title{padding:10px 15px; justify-content: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex: auto; border-right: 1px solid #e1e1e1; font-size: 18px; font-weight: 500;} .amount_total {width: 120px; justify-content: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; font-size: 18px; font-weight: 700; padding:10px 15px;} .dog_list .checkboxDiv .checkbox label.error{ width: 200px; z-index: 1; left: 21px; top: -23px;} .sub_total:last-child{background: #f2f2f2;} .sub_total:last-child .totle_title{ font-weight: 700;} .other_person{width: 100%; margin-top:30px; padding-top: 30px; border-top: 1px solid #eee; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-wrap: wrap;} .other_person h3{ margin-bottom: 30px; } .other_person .cst_input-group{max-width: 100%;} .dataTable tr.deactive{position: relative; cursor: not-allowed;transform: scale(1); overflow: hidden;} .dataTable tr.deactive:after{position: absolute;justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center; font-size: 20px;padding: 15px; text-align: center; font-weight: 700; color:#b01515; width: 100%; height: 100%; left: 0px; z-index: 2; top: 0px; content: "This dog is not suitable for the space"; background: rgb(179 179 179 / 80%);} .dataTable tr.deactive td{filter: grayscale(1);} .dataTable .checkboxDiv .checkbox{z-index: 0} .checkout_page .detailBookBtnDiv .btn{font-size: 22px; line-height: 1.2} /* dog list*/ .more_info{margin-left: auto; margin-right: 0; position: relative; cursor: pointer;} .more_info .three_dots{color: #646464; font-size:18px;} .more_info .sub_menu{ display: block; min-width: 120px; padding: 10px 15px; background: #fff; visibility: hidden; opacity: 0; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; box-shadow: 0 0 18px 0 rgba(0,0,0,.1); border: none; position: absolute; transition: all .2s ease-in-out 0s; transform-origin: top; transform: rotateX(-90deg); top: calc(100% + 00px); left:auto; right: -10px; z-index: 99;} .more_info:hover .sub_menu{ transform: rotateX(0deg); visibility: visible; opacity: 1;} .more_info .sub_menu:before { right: 10px; content: ""; position: absolute; bottom: 100%; left: auto; border: 10px solid transparent;border-bottom-color: #fff;} .more_info .sub_menu li a{color: #646464; display: block; font-size: 14px; padding: 5px 0;font-weight: 600;} .more_info .sub_menu li a:hover{color: #64bc36} .more_info:hover .three_dots{color: #64bc36} .pay_box .accordion_box .accordion_title{cursor: auto; color: #000;} .pay_box .checkboxDiv{right: 0; position: absolute;} .accordion.pay_box{margin-bottom: 30px;} .pay_box .shadow_btn {width: auto; max-width: 200px; margin: 20px auto;} .pay_by{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; justify-content:space-between; padding:20px 30px; font-size:18px; align-items:center; font-weight: 700; margin-bottom: 30px; border-radius: 10px;} .pay_by img{width: 50px;} .confiormation_comment{border-bottom: 0px;} .confiormation_comment textarea.cst_input { height: 140px;} .confirm .detailBookRow .detailBookFirst,.confirm .detailBookSecond,.confirm .detailBookThird{justify-content: center; flex: auto; width: auto;} .confirm .detailBookLable{ margin-bottom: 0px;} .confirm .detailBookThird{ padding: 10px 0px;} .confirm .detailBook{ padding: 10px 0px;} .checkboxDiv.confirm{justify-content: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom: 30px;} .confirm .detailBook{width: 33.33%;} .confirm .detailBookFirst{flex-wrap: nowrap;} .total_confirm{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-between;} .total_confirm .btn_conf{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex: auto; padding: 5px 10px;} .normal_link{ align-self: flex-start; margin: 0px 5px; font-size: 16px; color: #48a422; text-decoration: underline; font-weight: 600;} .thank_page .breadCrumbTitle{margin-top: 0px;} .account_info_box .primary{color: #59a926; font-size: 14px; margin-right: 10px; align-items: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .infomative.textarea{height: 130px;} .ac_add .custom-form-group{margin-bottom: 0px;} .grecaptcha-badge{ z-index:8;} .personal_info .checkboxDiv .checkbox label.error{ left: 0; right: auto; top: -25px; bottom: auto; position: absolute;} .personal_info .checkboxDiv .checkbox label.error[for="chkTc"]{width: 180px;} .dog_spce_data{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom: 15px; flex-direction: column; justify-content: flex-start; align-content: flex-start;} .space_data.shadow_box { width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; justify-content: left; align-items: flex-start; align-self: flex-start; margin-left: 0; padding: 0px;} .dog_spce_data .title{font-size: 18px;font-weight: 700;border-bottom:1px solid #eee;margin-bottom: 0px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex: auto;width: 100%;padding: 10px 15px;color: #000;background: #9dc73b42;} .dog_spce_data .dog_space_detail{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-wrap: wrap; flex-direction: row; padding:15px; justify-content: left; width: 100%; align-items: flex-start;} .dog_spce_data .inf_main_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; text-align: left; width: 100%; flex:auto; padding-bottom: 5px; justify-content: left; align-items: flex-start; font-size: 16px; font-weight: 500;} .dog_spce_data .inf_main_box strong{margin-right:5px; display:flex;} .dog_spce_data .info_address br{display: none;} .dog_spce_data .hlf_div.inf_main_box{width: 50%; } .rating { border: none; float: left;} .rating > input { display: none; } .rating > label:before { margin-right: 5px; font-size: 26px; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #49a523; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #74bb47; } .aboutUsFooterImage{text-align: center; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-self: center;} .bookNowFormFix .book_space_page{top: auto; bottom:100%;} .detailBookDate .calenderDiv .detailBookInput.cst_input{line-height: 35px;} .book_space_page{position: absolute; left:0px; top: 100%; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); z-index: 9;} .book_space_page #calendar{margin-top: 0px; padding: 15px; width: 380px;} .book_space_page .arrow_slide{ top: 10px; transform: none; width:26px; height:26px; background-color: #9bc63b; border-color: #9bc63b; color: #fff; line-height: 26px; font-size: 14px; border-radius: 5px; transition: 0.2s all linear ;} .book_space_page .arrow_slide.prev_arrow { right: 43px; left: auto;} .arrow_slide.next_arrow{right: 15px;} .book_space_page #calendar .fc{width: 100%;;} .book_space_page #calendar .fc .fc-toolbar-title{ text-align: left; font-size: 16px; font-weight: 700; text-transform: uppercase;} .book_space_page #calendar .fc .fc-toolbar.fc-header-toolbar { padding-bottom: 10px;} .book_space_page:before{ position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; top: -10px; left: 10px; border-bottom: 10px solid #ffffff;} .bookNowFormFix .book_space_page:before{ bottom: -10px; top: auto; left: 10px; transform: rotate(180deg); font-weight: 100;} .dog_list_checkout{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; margin: 30px 0px; flex-wrap: wrap;} .dog_list_checkout li{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; justify-content: center; align-items: center;} .dog_list_checkout li .fileUploadImg img{object-fit: cover; width: 100%; height: 100%;} .dog_list_checkout li .fileUploadImg {margin:0px; border:0px; width: 85px; height: 85px; min-width: 85px; } .name_dog_chck_out{width: 100%; font-size: 16px; font-weight: 700; color: #000; padding:5px 0px;} .dog_list_checkout li{margin:0px 50px; margin-bottom: 50px;} .dog_list_checkout li:nth-child(3n + 1 ){margin-left:0px;} .dog_list_checkout .checkboxDiv .checkbox label.error{ width: 135px;} .payment_box_checkout{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .pay_title{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; font-size: 20px; color:#000; font-weight:700; padding-bottom: 10px; line-height: 1.2;} .pay_logos{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom: 30px;} .pay_logos img{max-width: 100%;} .pay_drop{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .custom_drop{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; position: relative;} .title_show{width: 100%; position: relative; cursor: pointer; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items:center; border: 1px solid #cccccc; border-radius: 10px; padding: 15px 30px 15px 40px; font-size: 20px; font-weight: 400; color: #000;} .title_show img{margin-right: 40px} .title_show:after{width: 17px; height:10px; transition: all 0.2s linear; content: ""; background: url('../images/arrow_down_black.png');margin-left:auto; align-self: center; background-repeat: no-repeat; background-size: contain; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .title_show.active:after{transform: rotate(180deg);} .custom_drop ul{width: 100%; opacity: 0; visibility: hidden; top:50%; transition: all 0.2s linear; margin-top: 5px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: absolute; left: 0; border:1px solid #cccccc; border-radius: 10px; flex-direction: column; z-index: 5; overflow: hidden;} .custom_drop ul.active{opacity: 1; visibility: visible; top:100%;} .custom_drop ul li{width: 100%; position: relative; cursor: pointer; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items:center;border: 1px solid transparent; border-top: 1px solid #cccccc; border-radius:0px; background:#fff; padding: 15px 30px 15px 40px; font-size: 20px; font-weight: 400; color: #000;} .custom_drop ul li:first-child{border-top:0px;} .custom_drop ul li img{margin-right: 40px; } .custom_drop ul li.active{background: #ebebeb;} .custom_drop ul li.active:after{width: 23px; height:17px; content: ""; background: url('../images/check-card.png');margin-left:auto; align-self: center; background-repeat: no-repeat; background-size: contain; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .title_show img, .custom_drop ul li img{ max-width: 54px} /* .pay_type_detail{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-top: 20px;} */ .pay_type_detail{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;position: relative;flex-direction: column; margin-top: 20px; /* padding: 15px; border: 1px solid #ccc;*/ border-radius: 10px;} .pay_type_detail input{width: 100%; padding: 20px 15px; font-size: 18px;} .cc_box{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-top: 20px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden;} .cc_number{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:column; border: 1px solid #ccc; padding: 15px; border-radius: 10px 10px 0px 0px;} .cc_date{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; border: 1px solid #ccc; border-top: 0px; border-radius: 0px 0px 10px 10px; } .cc_date input{width: 50%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .cc_date input:first-child{border-right: 1px solid #ccc;} .cc_name{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin: 20px 0px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden;} .add_date_cvv{width: 50%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:column; padding: 15px; } .add_date_cvv:first-child{border-right:1px solid #ccc; } .host_message{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; margin-top: 50px;} .host_img{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 46px; height: 46px; border-radius: 50px; overflow: hidden; margin-right:10px;} .host_img img{object-fit: cover; width: 100%; height: 100%;} .host_detail{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex: auto; width: 100%; flex-direction: column;} .host_title{font-size: 20px; font-weight: 700; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding-bottom: 5px; line-height: 1.2} .host_subtitle {font-size: 18px; font-weight: 500; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; line-height: 1.2; padding-bottom: 5px;} .host_message_box{ width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .host_message_box textarea{border: 1px solid #ccc; border-radius:10px; font-size: 18px; width: 100%; padding: 15px 15px; resize: none; height:158px;} .cancel_pollicy{width: 100%; padding-left: 35px; border-left:5px solid #64bc36; margin-top: 50px;} .cancel_pollicy p{font-size: 18px; color:#000; font-weight: 600; margin-bottom:15px;} .cancel_pollicy p.title_cancel{font-weight: 700; font-size: 20px; margin-bottom:5px;} .cancel_pollicy p a{font-weight: 700; text-decoration: underline;} .pay_btn.endButtonDiv.end_profile .btn{height: auto; vertical-align: middle;} .pay_btn.endButtonDiv.end_profile .btn img{vertical-align: bottom; margin-right: 5px;} .pay_btn{margin-top: 50px;} .space_book_detail{padding:30px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5); width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; border:1px solid #ebebeb; border-radius: 10px; overflow: hidden;} .book_box_space { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: column; width: 100%; padding-bottom:20px; margin-bottom:17px; border-bottom:1px solid #ebebeb;} .book_box_space:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0px;} .book_box_space h4{font-size: 20px; margin-bottom: 15px} .book_in_check{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-between; font-size: 16px; text-align: center;} .book_in_check li{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .book_in_check .title{font-weight: 700; line-height: 1.2;} .book_in_check .subtitle{font-weight: 600; line-height: 1.2;} .book_in_check a{font-size: 16px; font-weight: 700; text-decoration: underline; line-height: 1.2;} .list_price_check{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .list_price_check li{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: row; justify-content: space-between; padding-bottom:15px} .list_price_check li .dog_name{font-size: 18px; line-height: 1.2; color: #000; font-weight: 500;} .list_price_check li .price{font-size: 18px; line-height: 1.2; color: #000; font-weight: 500;} .diss_check{font-weight: 700; font-size: 14px; vertical-align: bottom; color:#42a220; display: flex; width: 100%;} .list_price_check li:last-child{padding-bottom:0px;} .list_price_check li.totle_price .dog_name, .list_price_check li.totle_price .price{font-weight:700; font-size: 20px} .book_box_space.t_c{font-size: 16px; color:#000;} .book_box_space.t_c .title{font-weight: 700;} .book_box_space.t_c a{text-decoration: underline; font-weight: 700;} .space_location{margin-top:30px} .space_location .title, .dogtitle{font-weight: 700;font-size: 20px; margin-bottom: 15px; line-height: 1.2} .space_location iframe{width: 100%; height:320px; border-radius: 15px; overflow: hidden;} .bannerSlide .bannerImage img.hideinport{display: none !important; opacity: 0; visibility: hidden;} .main_box_listing_page.sticky{min-height: calc(100vh - 81px); } .main_box_listing_page{min-height: calc(100vh - 115px); transition: all 0.4s linear; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .main_box_listing_page{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;flex-direction: row;} .listing_box_page{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 50%; flex-direction: column; padding: 0px 15px; position: relative;} .map_box_listing{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 50%; overflow: visible; align-content: space-around; align-items: flex-start;} .inner_map{position: sticky; top: 108px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; z-index: 1; height: calc(100vh - 108px); flex:auto; align-items: flex-start; transition: all 0.4s linear; } .main_box_listing_page.sticky .inner_map{top: 81px; height: calc(100vh - 81px);} /* .listing_box_page .cst_loader{position: absolute;} */ .filter_box_listing{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%;} .listing_mian_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-wrap: wrap;} .inner_map iframe{width: 100%; height: 100%;} .listing_mian_box .sniffSpacesImg .sniffSpacesImgLink{height: 210px;} .listing_mian_box .sniffSpacesImg .sniffSpacesImgLink img{width: 100%; height: 100%; object-fit: cover;} .listing_mian_box .featuredTag,.listing_mian_box .priceTag{font-weight: 700; font-size: 16px;} .listing_mian_box .featuredTag img,.listing_mian_box .priceTag img{width: 22px; height:22px;} .listing_mian_box .priceText { padding: 0 12px 0 8px;} .listing_mian_box .locationName a{ font-size: 20px;} .listing_mian_box .locationName.verified:after { width: 22px; height: 22px;} .listing_mian_box .sniffSpacesMainText,.listing_mian_box .favoriteBtn{bottom: 10px;} .listing_mian_box .sniffSpacesText a{font-size: 16px;} .listing_mian_box .sniffSpacesImg{border-radius: 10px;} .listing_mian_box .sniffSpacesContent{padding: 10px 0px;} .listing_mian_box .sniffSpacesText a{width: 100%} .listing_mian_box .sniff-list-desc{font-size: 14px; line-height: 1.2; min-height: 18px; padding-top: 5px;} .listing_mian_box .sniffSpacesRate .countRate{font-size: 14px; padding: 5px 10px; font-weight: 700;} .listing_mian_box .sniffSpacesRate .totalRate{ font-size: 14px; padding-left: 5px;} .listing_mian_box .sniffSpacesRate .rateStars{font-size:16px;} .listing_mian_box .sniffSpacesRate{flex: auto; width: auto;} .listing_mian_box .avelb_anc{font-size: 14px; width: auto; align-self: center;} .listing_mian_box .sniffSpacesCard{margin-bottom: 25px;} .listing_mian_box .total-results{font-size: 16px;color: #858585; margin: 10px 0px;} .filter_box_listing { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 30px 15px 0px;} .filter_box_listing .filter_top_line{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: relative; } .ui-datepicker{z-index: 9 !important} .filter_top_line { margin-right: 10px; margin-bottom: 10px;} .filter_top_line:last-child {margin-right: 0px;} .filter_top_line .cst_input{height: 46px; font-size: 16px; line-height: 46px;} .listing_box_page .more_filter_top.cst_input{display: flex; justify-content: space-between; align-items: center;} .listing_box_page .more_filter_top.cst_input svg{margin-right:10px;} .filter_top_line .cst_input-group{width: 100%;} .filter_top_line .btn.btn-green{border-radius: 10px;} .filter_top_line.postcode_box{width: 380px; margin-left: 0px;} .filter_top_line.postcode_box .cst_input-group{max-width: 100%;} .filter_top_line.postcode_box .cst_input{text-align: center;} .filter_top_line.distance_box{width: 114px; } .filter_top_line.distance_box select.cst_input{ padding-right: 30px; background-position-x: calc(100% - 10px);} /*.filter_top_line.date_box{width: 142px; }*/ .filter_top_line.date_box{width: auto;} .both_btn .btn-black.btn{ justify-content: center;} .both_btn .cst_input-group{margin-right: 10px;} .both_btn .cst_input-group:last-child{margin-right: 0px;} .date_box input{ background-image: url(../images/select_dropdown_arrow.png); background-repeat: no-repeat; background-size: 11px; background-position: calc(100% - 10px) center;} /*.filter_top_line.morfilter_box {width: 146px;}*/ .filter_top_line.morfilter_box .cst_input img{margin-left:5px;} .filter_top_line.morfilter_box .cst_input{padding: 0px 5px 0px 15px;} .filter_top_line.morfilter_box .more_filter_top.active:before{content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; z-index: 135; right: calc(50% - 9px); bottom: -15px;} .filter_box_listing {position: relative;} .more_filter_top {cursor: pointer;} .filter_more_box{ position: absolute; transition: all 0.2s linear; top: 80%; visibility: hidden; opacity: 0; z-index: 9; background: #fff; width: 100%; left: 0; border-radius:10px; box-shadow:0 0 25px 0 rgba(0,0,0,.2); padding:15px 0px 0px 0px ; max-height: 520px; overflow: auto;} .filter_more_box.active{top: calc(100% + 5px); visibility: visible; opacity: 1;} .filter_more_box .sideBarBdInner{padding-top: 0px; width: 100%;} .filter_more_box .sideBarBox {padding: 0px 15px; margin-bottom: 50px; border: 0px;} .filter_more_box .sideBarBody{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .filter_more_box .sideBarTitle:after{display: none;} .filter_more_box .sideBarTitle{font-size: 18px; pointer-events:none; color: #333; font-weight: 700; padding: 0px; margin-bottom: 10px; line-height: 1.2; cursor: default;} .filter_more_box .sideBarBdInner{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex-wrap: wrap; } .filter_more_box .checkboxDiv{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;} .filter_more_box .checkboxDiv .checkbox .checkbox-label{ color: #929292; font-size: 14px; font-weight: 800; line-height: 20px;} .filter_more_box .checkboxDiv .checkbox .checkbox-label::before{ border-color: #929292; border-radius: 5px;} .filter_more_box .checkboxDiv .checkbox + .checkbox {margin-top: 0px; margin-bottom:10px;} .filter_more_box .checkboxDiv .checkbox { margin-bottom:10px;} .filter_more_box .dropdown-list{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row;} .filter_more_box .dropdown-list .drop-box{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:row; align-items: center;} .filter_more_box .dropdown-list .drop-box .field-label{width: auto; margin: 0; margin-right:15px; font-size: 16px; color: #5a5a5a; font-weight: 800;} .filter_more_box .dropdown-list li:not(:last-child) { margin-bottom: 00px; margin-right: 30px;} .filter_more_box .checkboxDiv.contect-less .checkbox .checkbox-label{font-size: 18px; font-weight: 700; color: #6e6e6e;} .filter_more_box .grayBorderBtn,.filter_more_box .fieldSelectUl li .fieldSelecttxt{font-size: 14px; font-weight: 700; min-width: auto;} .filter_more_box .fieldSelectUl li{ padding: 5px 15px;} .filter_more_box .fieldSelectUl li .removeSelectd{font-size: 16px;} .filter_more_box .checkboxDiv .checkbox:not(:last-child) { margin-right: 20px;} .filter_more_box .dropdown-list .drop-box .cst_input{font-size: 16px; line-height: 43px; font-weight: 700; color: #5a5a5a; border: 1px solid #e1e1e1; height: 48px} .filter_more_box .filter_btns{ position: sticky; bottom: 0px; z-index:9; margin: 0; padding: 15px 15px; width: 100%; left: 0; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);} /*.filter_more_box .filter_btns{ position: sticky; bottom: 0px; z-index:9; margin: 0; padding: 0px 0px 15px; width: auto; left: 50%; transform: translateX(-50%); left: 50%; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);}*/ .filter_more_box .filter_btns .btn{height: 40px; border-radius: 5px; line-height: 40px; padding: 0; justify-content: center;} .listing_mian_box .sniffSpacesTegs,.listing_mian_box .favoriteBtn{z-index: 8;} .mobile_show{display: none;} .sniff-listing-main{max-height:100%; overflow-y: auto;width: 100%;} .filter_more_box .sideBarBox:last-child {margin-bottom: 0px;} .ui-datepicker{z-index: 9999 !important;} .removeSelectd{cursor: pointer;} .gm-ui-hover-effect{background:rgba(0, 0, 0, 0.1) none repeat scroll 0% 0% !important;} .gm-style .gm-style-iw-d{overflow: auto !important;right: 0px !important; top: 0px !important; } .gm-style .gm-style-iw-c{min-width: 100px !important; font-size: 15px; font-weight: 400; color: #000; padding: 15px !important;} .dtCustomerReviewContent{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex: auto; flex-direction: column;} .dtCustomerReviewName{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; flex: auto;} .dtCustomerReview .start_given {align-self: flex-start;margin-left: 50px;font-weight: 700;color: #191919; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center; } .dtCustomerReview .start_given img { width: auto; margin-left: 8px; height: auto; object-fit: contain;} .ui-widget.ui-widget-content { z-index: 999;} .close_chat_box{display: none;} #existingC .selectCard{ position: relative; margin:20px 0px 0px; width: 100%; } #existingC .account_info_box{width: 100%; margin-bottom: 15px;} #existingC .checkboxDiv .checkbox input[type="checkbox"]{margin:0px;} #existingC .checkboxDiv, #existingC .checkboxP{width: 100%;} #existingC .checkboxDiv .checkbox .checkbox-label{padding: 0 0 0 30px;} #existingC { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} #existingC .button_add_card { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .booking_detail_popup .popupTitle{font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom:10px; font-weight: 700;} .booking_detail_popup .popBody{max-width: 1024px;} .booking_table {font-size: 16px; min-width: 980px;} .booking_table th{font-weight:800; color:#000000; } .booking_table td{ color: #000000;} .info_below{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-top:8px; font-size: 14px; line-height: 1.3; color: #000; font-weight: 600;} .info_below a{ margin-left: 5px; color: #48a422; text-decoration: underline;} .dateTimeTxt{margin-top:8px;} .modal-dialog .ui-widget.ui-widget-content { border: 1px solid #e2e2e2; background: #e2e2e2; box-shadow: none;} .modal-dialog .ui-state-default,.modal-dialog .ui-widget-content .ui-state-default,.modal-dialog .ui-widget-header .ui-state-default, .modal-dialog .ui-button, html .modal-dialog .ui-button.ui-state-disabled:hover, html .modal-dialog .ui-button.ui-state-disabled:active { border: 1px solid #43a221; background: #43a221; font-weight: normal; border-radius: 50px; width: 20px;} .modal-dialog .ui-state-hover,.modal-dialog .ui-widget-content .ui-state-hover,.modal-dialog .ui-widget-header .ui-state-hover,.modal-dialog .modal-dialog .ui-state-focus,.modal-dialog .ui-widget-content .ui-state-focus,.modal-dialog .ui-widget-header .ui-state-focus,.myAccountInner .ui-button:hover,.myAccountInner .ui-button:focus{ border: 1px solid #7ab931; background: #7ab931; } .btn.close_btn{ width: auto; min-width: auto; color: #000; padding: 0; margin: 0; font-size: 18px; font-weight: 900; position: absolute; right: 20px; top: 12px;} .popup_accept_check{margin-bottom: 20px;} .custom_drop.disabled{pointer-events: none;} .listNotFoundImg img{width: 300px;} .listNotFoundImg.no-marg img{width: 100%;margin-bottom: 20px;} .listNotFoundImg{margin-bottom: 0px;} .login_img img{width: 100%; height: 100%; object-fit: cover;} .sen_text_div{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width:100%; position:relative; padding:0px 25px 0px 15px;} .sen_text_div .cancel_send{right: 0; top: 2px;} .listing_box_page .loading .cst_loader{ z-index: 1; position: relative; margin:25px 0px; background: #fff; padding: 0px 10px; width: auto; display: inline-block; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);} .listing_box_page .loading {width: 100%; text-align: center;} .hide_desc{display: none;} .hide_desc_btn{display: none;} .sniffspaceAppDetails.with_img{text-align:center; margin-bottom: 0;} .breadCrumbLeftCol{z-index: 1;} .account_detial_amount{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: flex-end;} .bal_boc{ font-size: 20px; font-family: 'Nunito',sans-serif; line-height: 1em; padding: 5px 20px; border-right: 2px solid #ddd; font-weight: 700;} .bal_boc small{font-size: 14px; font-weight: 600;} .bal_boc:last-child{border-right: 0px;} .no_transtion{text-align: center; margin: 30px 0px 0px;} .active_links_listing a{cursor: pointer; pointer-events: auto;} .accountListBox.disabled:before{background-color:rgb(212 212 212 / 80%);} .disabled.accountListBox{filter: grayscale(0%); background:#eeeeee;} .disabled.accountListBox .accountListIconDiv{filter: grayscale(100%);} .disabled.accountListBox .accountListContent {filter: grayscale(100%);} .disabled.accountListBox .accountExtraDetail{filter: grayscale(100%);} .disabled.accountListBox .accoutActionDiv{filter: grayscale(100%);} .active_links_listing{position: absolute;text-align: center;left: 0;top: 0;width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;justify-content: flex-end;align-content: center;height: 100%; align-items: center; font-size: 18px;} .active_links_listing a{padding: 0px 15px; text-decoration: underline; font-weight: 600; color: #44a221; /* border-left: 1px solid #000;*/ margin-left: 15px;} .suppot_box_list{align-items: center;} .suppot_box_list .accountListLinkDiv{ margin-bottom: 0px;} .banner_host{position: relative;} .banner_text{position: absolute; left: 0; top: 0;width: 100%; height: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; align-items: center;} .content_banner_host{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction:column; max-width: 600px;} .host_banner_text{font-size: 46px; line-height: 1.3; font-weight: 900; color:#ffffff; text-transform: uppercase;} .btn_host{ margin-top: 40px; background: #fff; border-radius: 5px; padding:25px 45px; font-size: 22px; color: #43a222; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width:max-content; font-weight: 800; text-transform: uppercase;} .mobile_img{display: none;} .common_pad_host{padding:60px 0px; position: relative; } .box_host_info{margin-bottom: 30px; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; width: 100%;} .common_pad_host + .common_pad_host{padding-top:0px; } .title_page_host{color:#161616; font-size: 46px; font-weight:800; line-height: 1.2; margin-bottom: 40px;} .title_page_host_sub_title{ font-size: 20px; text-align: center; padding: 0px 40px;} .main_title_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: row; position: relative;} .main_title_box .big_font{font-family:lato; font-size: 150px; position: absolute; top: -18px; font-weight:800; line-height: 1; color:#43a222; opacity:0.25; } .main_title_box p{font-size:24px; font-weight:700; color:#161616; line-height: 1.2;} .other_content_host{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; flex-direction: column; margin-top: 20px;} .other_content_host p{font-size: 20px; color: #161616; font-weight: 400; margin:0px 0px 35px 0px; } .left_side_box .other_content_host{ padding-left: 125px; } .left_side_box .main_title_box{ padding-left: 100px;} .left_side_box .main_title_box .big_font{left: 0;} .right_side_box .other_content_host{ padding-right: 125px; text-align: right;} .right_side_box .main_title_box{ padding-right: 100px; text-align: right;} .right_side_box .main_title_box .big_font{right: 0;} .other_content_host p:last-child{margin-bottom: 0px;} .list_add_btn{text-align: center; justify-content: center;} .list_add_btn .btn{border-radius: 10px; padding: 20px 55px; font-size: 22px; margin: 50px 0px 30px;} .abs_host{position: absolute; z-index: 0;} .abs_host.top{ left: 0%; top: -70px; } .abs_host.bottom{left: 0%; bottom: 150px;} .abs_host.middle{right: 0%; bottom: 50%; top: 50%; transform: translateY(-50%);} .mobile_bann_host, .image_pack{display: none;} .title_pack{font-size: 32px; font-weight: 800; line-height: 1.2; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;width: 100%;} .position_pack{font-size: 20px; font-weight: 700; line-height: 1.2; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;width: 100%; margin-bottom: 25px;} .detail_pack{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;width: 100%; flex-direction: column;} .detail_pack p{font-size: 18px; margin-bottom: 35px;} .detail_pack p:last-child{margin-bottom:0px;} .left_side_box .title_pack, .left_side_box .position_pack,.left_side_box .detail_pack p{text-align: left;} .right_side_box .title_pack, .right_side_box .position_pack, .right_side_box .detail_pack p{text-align: right; justify-content: flex-end;} .left_side_box .detail_pack{padding-right: 100px; padding-left: 0;} .right_side_box .detail_pack{padding-left: 100px; padding-right: 0;} .abs_host.top.pack {left: 0; top: -33px;} .abs_host.bottom.pack{left: 0%; bottom: 10px;} .btn_view{display: inline-block; margin-left: 15px; background: #43a221; color: #fff; padding: 3px 15px; border-radius: 10px; font-size: 14px;} .btn_view i{margin-left: 5px; font-size: 14px;} .dog_prog_crop_img .fileUploadImg img {width: 100%; height: 100%; object-fit: cover; border-radius: 100px;} .howItsProgressForGest.home_page_how{padding:30px 0px; } .howItsProgressForGest.home_page_how .howItsProgressInner{max-width:100%;} .howItsProgressForGest.home_page_how .howItsProgressInner:after{width:935px; height: 68px; background-size: 100%;} /*vision mission section start*/ /*.vision-mission-sec{position: relative;}*/ .vision-mission-sec:before, .vision-mission-sec:after{content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: contain;} .vision-mission-sec:before{bottom: 0; left: 20px; width: 202px; height: 231px; z-index: 9; background-image: url("../images/dog-fot-img4.png");} .vision-mission-sec:after{top: 0; right: 0; width: 146px; height: 447px; transform: translateY(-50%); z-index: 9; background-image: url("../images/page-grphic4.png");} .vm-box .section-title{margin-bottom: 15px;} .cmsPage p{font-size: 18px; line-height: 24px; margin-bottom: 10px;} .vm-inr .row [class*='col-']:nth-child(odd){padding-right: 65px; } .vm-inr .row [class*='col-']:nth-child(even){padding-left: 63px; border-left: 2px solid #d9d9d9;} .vm-inr .row [class*='col-']:nth-child(even) .vm-box{text-align: right;} .vm-box .section-title strong{color: #000;} .read-more-link{font-size: 18px; line-height: 24px; color: #43a221; font-weight: 700; position: relative; border-bottom: 1px solid #43a221; transition: all .4s ease-in-out;} /*.read-more-link:before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background-color: #43a221; }*/ /*vision mission section end*/ /*why we created sniffspace start*/ /*.why-we-created-sec{position: relative;}*/ .why-we-created-sec:before, .why-we-created-sec:after{content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: contain;} .why-we-created-sec:before{top: 50%; left: 0; width: 183px; height: 500px; transform: translateY(-50%); z-index: 0; background-image: url("../images/page-grphic5.png");} .why-we-created-sec:after{top: 75%; right: 0; width: 110px; height: 376px; transform: translateY(-50%); z-index: 0; background-image: url("../images/page-grphic6.png");} .section-title{margin-bottom: 20px; font-size: 42px; font-weight: 800; font-family: 'Nunito', sans-serif;} .section-title strong{font-size: inherit; font-weight: inherit; color: #5fae29; font-family: 'Nunito', sans-serif;} .section-desc{font-size: 30px; line-height: 37px;} .zig-zag-main{max-width: 1169px; margin: 0 auto;} .zig-zag-row{display: -webkit-box; display: -ms-flexbox; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; align-items: center;} .zig-zag-row:not(:last-child){margin-bottom: 30px;} .zig-zag-row .zig-img{position: relative;} .zig-zag-row .zig-img:before{content: ""; position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain;} .zig-zag-row:nth-child(odd) .zig-img{text-align: right;} .zig-zag-row:nth-child(odd) .zig-txt{text-align: left; padding-right: 4%;} .zig-zag-row:nth-child(even) .zig-img{text-align: left;} .zig-zag-row:nth-child(even) .zig-txt{text-align: right; padding-left: 4%;} .zig-zag-row:nth-child(odd) .zig-img:before{background-image: url("../images/dog-fot-img2.png"); width: 182px; height: 159px; right: 7%; top:-35%;} .zig-zag-row:nth-child(even) .zig-img:before{background-image: url("../images/dog-fot-img1.png"); width: 171px; height: 169px; right: -7%; top:-35%;} .zig-zag-row:first-child .zig-img:before{display: none;} .zig-zag-row:nth-child(2) .zig-img:before{background-image: url("../images/dog-fot-img1.png"); width: 171px; height: 169px; right: -7%; top:-35%;} .zig-zag-row:nth-child(3) .zig-img:before{background-image: url("../images/dog-fot-img2.png"); width: 182px; height: 159px; right: 7%; top:-35%;} .zig-zag-row:nth-child(4) .zig-img:before{background-image: url("../images/dog-fot-img3.png"); width: 197px; height: 160px; right: -7%; top:-10%;} .zig-zag-col{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .zig-txt-title{font-size: 30px; color: #000; font-weight: 800; margin-bottom: 20px;} .zig-txt-content p{margin-bottom: 20px; font-size: 18px; line-height: 24px;} .why_abso{position: absolute;} .why_left{left:0; top:0px;} .why_right{right:0; bottom:70px;} .abso_dog{position: absolute; bottom: 0; right: 50px;} .start_pera{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; font-size: 24px; color:#000000; margin-bottom: 40px; line-height: 1.3;} .title_main_things{font-size: 32px; font-weight:800; color: #000; margin-bottom: 50px;} .host_box_page{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; align-items: flex-start; margin-bottom:50px;} .hosting_box_img{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; min-width: 104px; justify-content: center; flex: auto;} .hosting_box_img img{max-width: 104px; height: auto;} .hosting_box_info{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .hosting_box_info p{font-size:18px;color:#161616;} .hosting_box_info h3{font-size: 24px; font-weight: 800; color: #161616; margin-bottom: 20px; margin-top: 0px;} .last_pera{width:100%; display:flex; font-size:24px; color:#000000; font-weight:700; padding:0px 7%; margin:50px 0px; line-height:1.3;} .host_box_page .hosting_box_info{ padding-right: 25px} .host_box_page .hosting_box_img{margin-right: 15px;} /*.host_box_page:nth-child(odd) .hosting_box_img{margin-left: 15px;}*/ /*.host_box_page:nth-child(odd){ flex-direction: row-reverse;}*/ /*.host_box_page:nth-child(odd) .hosting_box_info{justify-content:flex-end; align-items:flex-end; padding-left: 25px}*/ /*.host_box_page:nth-child(odd) .hosting_box_info p{text-align:right;}*/ .new_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-bottom: 25px; border: 1px solid #bebdbd; box-shadow: 0px 4px 15px 0px rgba(0,0,0,.07); border-radius: 10px; overflow: hidden;} .news_img{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: relative; overflow: hidden;} .news_img img{width: 100%; height: auto;} .news_img img.absoImg { object-fit: cover; width: auto; height: auto; max-width: 100%; max-height: 100%; } .news_detail{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; padding:20px 15px;} .news_detail h3{font-weight: 900; font-size: 18px; text-transform: uppercase; color: #000; margin-bottom: 10px;} .news_detail p{font-size:16px; font-weight: 600; font-style: italic; margin-bottom: 15px;} .news_detail .btn{width: 100%; min-width: 100%; border-radius: 10px;} .link_fin{width: auto; white-space: nowrap;} .link_fin a{ font-size: 16px;text-decoration: underline; line-height: 1.2em; color: #5ead29; white-space: nowrap} .receipt__gest img{ width: 24px; display: inline-block; margin-left: 5px;} .receipt__gest a{display: inline-block; border-radius: 50px; border: 1px solid #43a221; padding: 5px 20px; background: #f8f8f8; font-size: 16px; font-weight: 600; width: 115px; text-align: center;} .receipt__gest a:hover {background: #95c338;} .news_detail a.btn{padding: 10px 20px; font-size: 18px;} @media print { .headerPadd{margin-top: 10px;} } .recipt_pop.customPopupMain .popBody{max-width: 700px;} .recipt_pop{max-width: 700px; margin:0px auto;} .recipt_mian_title{width: 100%; text-align: center; font-size:28px; font-weight: 800; line-height: 1.2; padding:10px 0px; border-bottom: 1px solid #bfbfbf;} .detail_list{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-wrap: wrap; flex-direction: row; padding:20px 10px; border-bottom: 1px solid #bfbfbf;} .detail_list .box_pop_list{width: 50%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; padding-bottom: 20px; } .box_pop_list .pop_lable{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; font-size:20px; line-height: 1.2; padding-bottom: 2px; font-weight: 700; color: #000;} .box_pop_list .pop_disc{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; font-size:20px; line-height: 1.2; color: #4a4a4a; font-weight: 400 } .detail_list .box_pop_list:nth-child(5), .detail_list .box_pop_list:nth-child(6){padding-bottom:0px;} .pop_total{width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; padding:10px 10px; border-bottom: 1px solid #bfbfbf;} .pop_total .title_pop{width: 100%; flex:auto; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; } .pop_total .total_mix{width: 130px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: flex-end;} .title_pop, .total_mix{font-size:20px; line-height: 1.2; color: #4a4a4a; font-weight: 400;} .title_pop.hif_font, .total_mix.hif_font{ font-size:20px; line-height: 1.2; color: #000; font-weight:700} .pop_total.flex-wrap .full-width{justify-content:flex-end; width: 100%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; } .pop_total.flex-wrap .full-width .title_pop{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex: auto; width: 100%; justify-content: flex-end;} .pop_total.flex-wrap .full-width:first-child{padding-bottom:5px;} .footer_botom_pop{ padding: 10px 10px 0px; color: #919191; font-size: 16px; line-height: 1.2;} .balance_gest, .th-tdCRCD {white-space: nowrap;} .Img_yes img{width: 25px; margin-bottom: 5px; margin-left: 5px;} .warning_txt{font-weight: 800; padding: 0px 0px 5px;} .processDiv{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: center; align-items: center;} .dog_profile_info .dog_detial ul.menu_listing li a{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; font-size: 0px;} .dog_profile_info .dog_detial ul.menu_listing li a img{width:22px; margin-bottom:0px;} .mobile_menu_sidebar{display: none;} .customPopupMain.signupSuccess .loginSignupBtn.closePopup{font-size: 16px;} .hide_mobile{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .show_mobile {display: none;} .host_how{margin: 80px 0px;} .host_how .main_title_box{font-size: 42px;} .host_how .title_pack{margin-bottom:50px;} .host_how .img_div{text-align: center;} .host_how .img_div img{margin: 0 auto; height: auto; width: 100%; max-width: 80%;} .listing_number{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; counter-reset: item; margin-bottom: 90px;} .listing_number li {width: 33.33%; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding:0px 15px; padding-left:50px; position: relative; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .listing_number li:before{ text-align: center; left: 0; top: 0; color: #fff; font-size: 24px; font-weight: 800; background:rgb(64,161,32); background: linear-gradient(90deg, rgba(64,161,32,1) 0%, rgba(158,199,59,1) 100%); line-height: 38px; content: counters(item, ".") " "; counter-increment: item; position: absolute; width: 38px; height: 38px; border-radius: 100px;} .listing_number li h3{font-size: 24px; margin-bottom: 15px; margin-top: 5px;} .listing_number li p{font-size: 20px;} .listing_check{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-bottom: 90px;} .listing_check li { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom: 35px; padding:0px 15px; padding-left:50px; position: relative; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .listing_check li:before{ content: ""; text-align: center; left: 0; top: 0; color: #fff; font-weight: 800; background:url('../images/check_box.png'); position: absolute; width: 32px; height: 32px; border-radius: 100px;} .listing_check li h3{font-size: 24px; margin-bottom: 15px; margin-top: 2px;} .listing_check li p{font-size: 20px;} .margin_btn{margin: 0px 0px 90px;} .que_acco{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; margin-bottom: 20px; padding: 0px 180px;} .que_acco li { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin-bottom:20px; padding:0px 0px; padding-left:00px; position:relative; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .que_acco li .title_acco{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; cursor: pointer; width: 100%; flex-direction: column; font-size:30px; font-weight:800; padding:15px 0px;} .que_acco li .title_acco:after{content:""; width: 31px; height: 17px; background: url('../images/arrow_down.png'); top: 25px; position: absolute; transition: all 0.2s linear; right: 0; background-size: 100%;} .que_acco li .detial_acco{display: none; width: 100% !important; border-bottom: 1px solid #ccc; flex-direction: column; } .que_acco li .detial_acco p{font-size: 20px; line-height: 1.2; margin-bottom: 20px;} .que_acco li .detial_acco p strong{margin-bottom:5px; display: block;} .que_acco li .active.title_acco:after{transform: rotate(-180deg);} .detial_acco ul{ list-style: circle; padding-left: 35px; margin-bottom: 20px;} .detial_acco ul li{list-style: circle; position: relative; font-size: 20px; line-height: 1.2; margin-bottom: 10px; flex-direction: row;} .detial_acco ul li:before{content: ""; width: 8px;height: 8px; border-radius: 50px; background: #000; display: inline-block; position: absolute; left: -20px; top: 7px;} #filterlable{display: none; } .priv{color: #fff; margin-bottom: 10px; text-decoration: underline; font-weight: 600} #ui-id-2.ui-menu{padding: 1px;} .fixed{overflow: hidden;} .waiver .tab_review_detail { margin-top: 0px; padding-top: 15px; border-top: 1px solid #5dad29;} .waiver .tab_review ul li.active{border-bottom: 3px solid #5dad29;} .waiver .tab_review ul li{font-weight: 700; font-size: 22px;} .waiver .tab_review ul li.active{font-weight:800;} .customPopupMain.calAcceptPopup .closePopup{right: 10px; top: 10px;} .calAcceptPopup.customPopupMain .popBody{max-width: 580px; } .calAcceptPopup.customPopupMain .popBody .info_box.red{color: #000; background: transparent; margin: 0px; padding: 0px 10px 0px 0px;} .user_type{position: relative; right: 0; padding: 5px; border-radius: 50px; width: 26px; height: 26px; text-align: center; line-height: 18px; font-weight: 700; bottom: 2px; color: #fff; font-size: 16px; margin-left: 5px;} .user_type.guest{background: #66b02b;} .user_type.host{background: #e9af25;} .review_scusess h3 {display: none;} .review_scusess .breadCrumbSingleTitle {margin: 80px 0px; font-size: 45px;} .pay_title .walate_img{width:26px; margin-right:5px; vertical-align: sub;} .pay_title .checkboxDiv{margin-bottom: 5px;} .pay_title .checkboxDiv .checkbox .checkbox-label{padding: 0 30px 0 0px; font-size: 18px; font-weight: 600;} .pay_title .checkboxDiv .checkbox .checkbox-label::before{left: auto; right: 0; top: 4px;} .pay_title .checkboxDiv .checkbox .checkbox-label::after{left: auto; right: 5px; top: 5px;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #e1e1e1; background: #f8f8f8; font-weight: normal; color: #000;} .ui-menu .ui-menu-item-wrapper{padding: 5px 1em 5px .4em; font-size: 16px; font-family: 'Nunito',sans-serif; font-weight: 600;} h2 small {font-size: 18px; line-height: 1;} .exm_pass{ display: flex; padding: 5px 5px 0px; color: #555; font-weight: 500; font-size: 13px; height: auto; line-height: 1;} .message_user_box.open_chat.active_chat.archieved_msg { border: 1px solid #aaa; background: #eee; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 31%);} .message_user_box.unactive.archieved_msg { background: #eee;} .message_user_box.open_chat.active_chat { border: 1px solid #80bb42; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 31%);} .message_user_box.archieved_msg:hover{border: 1px solid #aaa; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 31%);} /*---------Media Query-----------*/ #cancel_edit_message{position: absolute; left: -60px; color: red; width: auto; height: 100%; font-size: 18px;} .send_btn{position:relative;} /*12-05-2021 invite dog*/ .invite_offer{margin-bottom: 5px; font-size: 15px; font-weight: 700; margin: 10px 0px; display: flex;} .dog_profile_info.invite_dogs .dog_detial ul li{min-width: 90px;} .dog_profile_info.invite_dogs .dog_detial ul li{text-align: left;} .invite_btns .btn.btn-green{border-radius: 8px; padding: 8px 20px;} .invite_btns .only_btn{color: #42a220; font-weight: 600; text-decoration: underline;} .invite_btns{display: flex; justify-content: space-between; align-content: center; align-items: center; margin-top:0px;} /*12-05-2021 invite dog */ .send_invit .breadCrumbTitle{margin:0px;} .send_invit .sub_title_invite{font-size:18px; font-weight:800; margin:3px 0px 15px 0px;} .attend .breadCrumbTitle{margin:0px;} .attend .sub_title_invite{font-size:18px; font-weight:800; margin:3px 0px 15px 0px;} .invite-form-box{display: flex; position: relative; margin-bottom: 20px; flex-direction: column;} .invite-form-box label {font-size:18px; font-weight:600; display:flex; margin-bottom:5px;} .register_user {position: absolute; right: 0; font-size: 12px; color: #419920; font-weight: 700;} .register_user img{width: 12px; height: auto;} .invite-form-box textarea.cst_input{height: 130px;} .send_invit .Title{display:flex; width:100%; font-size:28px; font-weight:800;} .send_invit{margin-bottom:50px;} .attend .Title{display:flex; width:100%; font-size:28px; font-weight:800;} .attend{margin-bottom:50px;} /*03-06-2021 : start*/ .banner_signup{display: flex; width: 380px; background: #fff; padding: 20px; border-radius: 15px; flex-direction: column;} .banner_signup .popupTitle { font-size: 16px; font-weight: 800; color: #181818; margin-bottom: 15px;} .banner_host { position: relative; display: flex; width: 100%; justify-content:center;} .banner_signup .custom-form-group{ margin-bottom: 10px;} .banner_signup .loginOptions{display: flex; width: 100%; flex-direction: row; justify-content: space-around;} .banner_signup .loginOptions .btnText { width: auto; padding-left: 5px;} .banner_signup .loginOptions .optionIcon { width:auto; font-size: 14px;} .banner_signup .googleBtn,.banner_signup .facebookBtn{width: 48%;} .banner_signup .custom_checkbox input[type='checkbox'] + label{align-items: flex-start;} .banner_signup .loginSignupForm .custom_checkbox input[type='checkbox'] + label > span{margin-top: 3px; width: 32px; height: 18px;} .banner_signup .loginSignupForm .custom_checkbox input[type='checkbox']:checked + label > span:before { top: 4px;} /*03-06-2021 : start*/ .desktop_banne_991{display: none;} .intermediat_listing .intermediat_box.list_view{width:100%; display: flex; flex-direction: row;} .intermediat_box.list_view .list_box{ display: flex; flex-direction: row;} .intermediat_box.list_view .profile_img{ margin: 0px 15px; border-radius: 100px; overflow: hidden;} .intermediat_box.list_view .profile_detial{display: flex; width: 40%; margin: 0px 15px; flex-direction: column; justify-content: space-evenly;} .intermediat_box.list_view .menu_listing{display: flex; flex-direction: row;} .intermediat_box.list_view .dog_start_abso { position: relative; margin-left:auto; margin-right: 0px ; } .intermediat_box.list_view .dog_start_abso .countRate.no_review{margin: 0px;} .intermediat_box.list_view .set_cal{display: flex; padding: 0px 10px; justify-content: center; flex-direction: column; margin: 0px 15px; width: 160px;} .intermediat_box.list_view .set_cal .draft{color: #fff; margin-bottom: 5px; background: #F44336; position: relative; margin-right: 5px; width: auto; height: auto; padding: 4px 10px; font-weight: 700; border-radius: 5px; line-height: 15px; font-size: 14px; align-self: center;} .intermediat_box.list_view .profile_name {line-height: 1.2;margin-bottom: 0px; font-size: 18px; font-weight: 800; font-family: 'Nunito', sans-serif; color: #000000;} .intermediat_box.list_view .profile_other_detial { font-size: 14px; line-height: 1.2; font-weight: 600; font-family: 'Nunito', sans-serif;} .intermediat_box.list_view .menu_listing a { color: #56ab2d; cursor:pointer; padding:0px 5px; /* padding: 5px 10px; border: 1px solid #333;*/ margin-right: 5px; border-radius: 5px; vertical-align: middle; align-items: center; justify-content: center; display: flex;} .intermediat_box.list_view .ignore_redirect img { display: none !important; width: 18px; margin-right: 5px;} .intermediat_box.list_view .dog_detial{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; width: 20%; justify-content: center;} .intermediat_box.list_view .dog_detial ul{ display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;display:flex;display: flex; flex-direction: column; } .intermediat_box.list_view .dog_detial ul li{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column; text-align: center;} .intermediat_box.list_view .dog_detial ul li .dog_title_intermediat{ margin-bottom: 5px; font-size: 15px; font-weight: 700;} .intermediat_box.list_view .dog_detial ul li .dog_detial_intermediat{ font-size: 14px; font-weight: 500; text-transform: capitalize;} .intermediat_box.list_view .dog_detial.bookin_list ul li .dog_detial_intermediat{font-size: 18px; font-weight: 800;} .mobile_show{display: none !important;} .intermediat_box.list_view .add_things .dog_profile_info{flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding: 0px 15px; } .status_book img{ width: 20px; pointer-events: none; margin: 0px 2px; } .myBkCol a.status_book.canceled{color: #e24c4b;} .myBkCol a.status_book.complated{color:#19b453;} .myBkCol a.status_book.invitation{color: #0c54fe;} .myBkCol a.status_book.invited{color:#fea90c;} .intermediat_box.list_view .dog_profile_info{display: flex; flex-direction: row; width: 100%;} .intermediat_box.list_view .dog_detial ul{flex-direction: row;} .intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul.menu_listing li{margin-right: 0px; min-width: auto; margin-bottom: 0;} /*.intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul li { min-width: auto; }*/ .intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul li a{font-size: 14px; color: #56ab2d; cursor:pointer; padding:0px 5px; /* padding: 5px 10px; border: 1px solid #333;*/ margin-right: 5px; border-radius: 5px; vertical-align: middle; align-items: center; justify-content: center; display: flex;} .intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul li:first-child a{padding-left: 0px;} .intermediat_box.list_view .menu_listing a { color: #56ab2d; cursor:pointer; padding:0px 5px; /* padding: 5px 10px; border: 1px solid #333;*/ margin-right: 5px; border-radius: 5px; vertical-align: middle; align-items: center; justify-content: center; display: flex;} .intermediat_box.list_view .ignore_redirect img { display: none !important; width: 18px; margin-right: 5px;} .intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul li a img { display: none !important; width: 18px; margin-right: 5px;} .intermediat_box.list_view .profile_detial.auto_width{width: 20%;} .intermediat_box.list_view .dog_detial ul li{ text-align: left;} .intermediat_box.list_view .dog_profile_info .footer_dog_profile_info .mic_no{ align-items: center; display: flex;} .intermediat_box.list_view .dog_detial.dog_detail_box{width: auto;} .intermediat_box.list_view .dog_profile_info .user_info{margin:0 ;} .intermediat_box.list_view .dog_profile_info.dog_b{justify-content: space-between;} .intermediat_box.list_view .add_things .add_img{margin: 0px;} .listing_box_page .sniffSpacesImg.verified_location{position: relative;} .listing_box_page .sniffSpacesImg.verified_location:before{content: ""; width: 22px; height: 22px; background-image: url(../images/verified-icon.png); background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; position: absolute; top: 20px; right: 20px; z-index: 9;} .listing_box_page .locationName.verified:after{display: none;} .listing_box_page .more_filter_top.cst_input{width: auto; min-width: fit-content; } .fincance_tab{ align-items: center;} .fincance_tab li.filterSel #filter_search{padding: 5px 20px;} .fincance_tab li.filterSel{margin-left:auto;} .listNotFoundImg.no-marg{margin-top: 0px; } .listNotFoundImg.no-marg img {width: 100%; margin-bottom: 20px;} .newmessage{display: inline-block; font-size: 12px; padding: 5px 8px; background: green; clear: both; color: #fff; line-height: 12px; border-radius: 3px; margin: 0 5px; vertical-align: middle; margin-top: -3px;} /* css only for hover effect all hover effect must write in this Media query */ /*02-02-2023 thankyou css start*/ .thankyouDiv{padding: 60px 0;position: relative;} .thankyouDiv .thank_box_signup{max-width: 802px; padding-bottom: 400px; padding-top: 100px;} /*02-02-2023 thankyou css end*/ .text_write.comment_text {padding: 5px 15px;} .text_write #txt_message {font-size: 16px; width: 100%; height: 65px; line-height: 20px;max-height: 65px;} .chat_box_bottom{padding: 0px 30px;} .brochure_box{border: 2px solid #D9D9D9; border-radius: 11px;padding: 13px 11px; display: flex; flex-wrap: wrap;margin-bottom: 29px;} .brochure_img{width:100%;position: relative;overflow: hidden;border-radius: 5px;} .brochure_img .absoImg{object-fit: cover;width: 100%;height: 100%;object-position: top;} .pdfclass .brochure_img .absoImg{object-fit:contain;} .brochure_detail{width: 100%;} .brc_name{font-family: Nunito; font-size: 18px; font-weight: 800; line-height:1.4em;padding: 15px 0 5px;text-transform: uppercase;} .brochure_info{display: flex; justify-content: space-between;align-items: flex-start;margin-bottom: 5px;} .brc_file_info{color: #808080;font-family: Nunito; font-size: 14px; font-weight: 400; line-height: 1.5em; } .btn.downloadbrochure{border-radius: 5px;width: 100%;} .brochure-modal .modal-content{position: relative;margin: auto; max-width: 750px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius:5px; outline: 0;} .brochure-modal .modalBodyCnt{padding: 37px 77px;} .brochure-modal .PageTitdiv .Pagetext-Tit{font-family: Nunito; font-size: 26px; font-weight: 600; line-height:1.4em;} .brochure-modal .modalcloseDiv .close{width: 24px;height: 24px;font-size: 26px;line-height: 24px;} .brochure-modal .input-lbl{font-size: 22px;padding-bottom: 5px;} .brochure-modal .input-field{border-width: 2px; border-color:#515151;line-height: 46px;} .brochure-modal .input-field:focus{border-color: #46A321;} .popupBtnCol{text-align: right; margin-top: 15px;padding-bottom: 0 !important;} .popupDownload{width:100%;max-width: 198px;} .brc-thank-you-modal .modal-content{max-width: 342px;margin: auto;justify-content: center;align-items: center;padding: 37px;border: none;} .brc-thank-you-modal .PageTitdiv{padding-bottom: 0;} .brc-thankyou-img{text-align: center;margin-bottom: 15px;} .brc-thank-you-modal .Pagetext-Tit{font-family: Nunito; font-size: 36px; font-weight: 600; line-height: 1.4em; text-align: center; } .brc-thank-you-modal .brc-thankyou-msg{color: #46A321;font-family: Nunito; font-size: 20px; font-weight: 600; line-height: 1.4em; text-align: center; } .selectCard .checkboxDiv {display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;} .selectCard .checkboxDiv div.checkbox+div[style*="float"] a {font-size: 15px;} .pay_drop .title_show img.strip_img, .custom_drop ul li img.strip_img {max-width: 100px; margin-left: 0; margin-right: 0;} .pay_drop .title_show .p_method_text, .custom_drop ul li .p_method_text {margin-right: 15px;} @media only screen and (min-width: 1200px) { .btn_view.dataEdit:hover{color: #fff; background:#237706 } .btn_host:hover{ background-color:rgba(158,199,59,1) ; color: #ffffff; } .custom_drop ul li:hover{background: #ddd;} .book_space_page .arrow_slide:hover {background: #44a321;} .normal_link:hover{text-decoration: none;} .welconeNote a:hover{color:#49a523;text-decoration: none;} .accountListLink:hover{color:#5aac28;} .accountListLink:hover:after{margin-left: 15px;} .accoutActionDiv a:hover{color:#49a523;text-decoration: none;} .addLink:hover{background: #5ead29; border-color: #5ead29; color: #fff;} .fincance_tab li:hover{color: #000; } .fincance_tab li.active:hover{color: #48a422} .accountCardBox:hover .delete_box{opacity: 1; visibility: visible;} .delete_box:hover{ text-shadow: 0px 0px 15px rgba(255,255,255,.9);} .addCardBox:hover{border-color:#46a422;background-color: #f7f7f7} .addCardBox:hover .cardAddIcon .hoverIcon{opacity: 1;visibility:visible;} .addCardBox:hover .cardAddIcon .defaultIcon {opacity: 0;visibility:hidden;} .arrow_slide:hover{background:#eee} .intermediat_box.list_view .menu_listing a:hover{color: #000; text-decoration: underline;} /*.more_filter_top.cst_input:hover { color: #46a321;}*/ } @media only screen and (min-width: 991px) { .message_box .right_side_message{display: flex !important;} } @media only screen and (min-width: 768px) { .zig-zag-row:nth-child(odd) { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } /* Custome responsive css start from here */ @media only screen and (max-width: 1880px){ .accountIcon .sub-menu{ right: 0%; left: auto;} .accountIcon:hover .sub-menu { visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg) translateX(0%); -ms-transform: rotateX(0deg) translateX(0%); -o-transform: rotateX(0deg) translateX(0%); transform: rotateX(0deg) translateX(0%);} .accountIcon .sub-menu:before { right: 13px; left: auto;} } @media only screen and (max-width: 1700px){ .why_left{width: 120px} .why_right{width: 100px} } @media only screen and (max-width: 1700px){ .why_left{width: 120px} .why_right{width: 100px} .desktop_banne_host{width: 1800px; max-width: initial;} .banner_host{justify-content: flex-end;} .small_host_banner .desktop_banne_host{width: 100%;} } @media only screen and (max-width: 1600px) { .banner_host {justify-content: center;} } @media only screen and (max-width: 1500px){ /*.desktop_banne_host { width: 1540px;}*/ .why_abso{display: none;} } @media only screen and (min-width: 1400px) and (max-width: 1799px) { .listing_box_page{width: 50%;} .map_box_listing{width: 50%} .listing_mian_box .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 50%; max-width: 50%;} .filter_top_line{margin-right: 20px;} .host_banner_text { line-height: 1.2; font-size: 40px; } .btn_host{padding: 20px 40px; margin-top: 25px; font-size: 20px;} .abs_host {width: 60px;} .abs_host.top { left: -15px; top: -40px;} .vision-mission-sec:after{width: 95px; height: 300px; transform: translateY(-100%);} .vision-mission-sec:before {bottom: -130px; left: 20px; width: 140px; height: 150px;} .why-we-created-sec:before{width: 93px; height: 270px;} .why-we-created-sec:after{width: 60px; height: 225px;} } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .intermediat_box.list_view .profile_img { margin: 0px 5px;} .intermediat_box .list_box{padding: 15px 10px;} .intermediat_box.list_view .dog_detial, {width: 17%;} .intermediat_box.list_view .profile_detial, .intermediat_box.list_view .set_cal{margin: 0px 10px;} .intermediat_box.list_view .profile_detial{width: 37%;} .intermediat_box.list_view .profile_detial.auto_width {width: 25%;} .listing_box_page{width: 60%;} .map_box_listing{width: 40%} .listing_mian_box .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 50%; max-width: 50%;} .filter_top_line{margin-right: 15px;} .message_box .right_side_message,.message_box .left_side_message{height:600px;} .host_banner_text { line-height: 1.2; font-size: 36px; } .content_banner_host{max-width: 550px;} .btn_host{ padding: 15px 30px; margin-top: 25px; font-size: 20px} .abs_host {width: 60px;} .abs_host.top {left:0; top:13%;} .why-we-created-sec:before, .why-we-created-sec:after, .vision-mission-sec:after{display: none;} .abso_dog { position: relative; bottom: -60px; right: 50px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: flex-end; align-content: flex-end; flex: auto; margin-left: auto;} } @media only screen and (max-width: 1400px) { .banner_host { justify-content: flex-start; } } /* common css for below screen 1199 */ @media only screen and (max-width: 1199px) { .accountCardBox .delete_box{opacity: 1; visibility: visible;} .delete_box{ text-shadow: 0px 0px 15px rgba(255,255,255,.9);} .innerPage {padding-top:2s0px; padding-bottom: 50px; } .breadCrumbSingleTitle {font-size: 35px;} .goToBackBdLink {font-size: 16px; font-weight: 700;} .innerPage .breadcrumbPadding{padding-bottom: 25px;} .welconeNote, .welconeNote p{font-size: 18px;} .accountListDiv {margin-top: 30px; } .accountListIconDiv { width: 120px; min-width: 120px; } .accountListLink {font-size: 25px;} .accountListLink:after{ width: 11px; height: 18px; margin-left: 11px; background-size: contain} .accountListLinkDiv {margin-bottom: 4px; } .accountListTxt {font-size: 18px;} .addExtra, .addLink, .accountExtraDetail .accountExtraLi,.addSpace, .accountCount{width: 38px;height: 38px; min-width: 38px;} .accountCount{font-size: 16px;} /*intermediat page*/ .intermediat_listing .intermediat_box { width: calc(100% / 2 - 5px); padding: 0px 10px 20px;} .dog_profile_info .footer_dog_profile_info .more_info{top: 10px;} .dog_profile_info .footer_dog_profile_info .more_info .three_dots{font-size: 18px;} /*intermediat page*/ /*my Profile*/ .process_box{padding:0px} .process_box .profile-step{width: 25%;} .myAccountLeftCol.myAccount .myAccountInner { padding-right:30px;} .profile-step.horizantal-line:before{width: 100%; left: -50%;} .mobile_number{width: 210px; margin-right: 10px;} .otp_enter {width: 160px; margin-right: 10px;} .account_number {max-width: 220px; padding-right: 50px; width: 100%;} .mobile_number span{ padding: 3px 12px;} .personal_info select.cst_input{line-height: 1} .personal_info .calenderDiv .cst_input {padding: 0 3px 0 8px; background-color: transparent; font-size: 16px; line-height: 1;} .personal_info .cst_input-group.calenderDiv:after { top: 12px; width: 20px; height: 20px;} /*my Profile*/ .Info_account_alert { margin-top: 0px; margin-bottom: 10px; transition: all 0.2s linear;} .header.sticky .Info_account_alert{ margin-top: 0px; margin-bottom: 5px;} /*finance*/ .cardNumber{font-size: 32px;} .accountCardBox{height: 280px} .cardLogoImg img{height: 30px;} .cardHolderName {font-size: 28px;} /*finance*/ /* calender */ #calendr .fc {width: calc(33.33% - 5px); } #calendar { padding: 0px 15px; } .arrow_slide{width: 15px; z-index: 2;} #calendr .fc-theme-standard td, #calendr .fc-theme-standard th,#calendr .fc .fc-scrollgrid-liquid{border: 2px solid #fff} #calendr .fc .fc-daygrid-day-frame{height: 54px;} #calendr .fc-scrollgrid-sync-table, .fc-scroller {width:100% !important;} /* calender */ .checkout_page .detailBookBtnDiv .btn { font-size: 14px;} .dog_list .error.chkDogErr{left: 15px;} .main_box_listing_page.sticky .inner_map { top:77px; height: calc(100vh - 77px);} .main_box_listing_page .inner_map { top:78px; height: calc(100vh - 78px);} .listing_box_page{width: 60%;} .map_box_listing{width: 40%} .filter_top_line.postcode_box{width: auto;} .filter_top_line{margin-right: 5px;} .both_btn .cst_input-group { margin-right: 5px;} .message_box .left_side_message{width: 350px;} .chat_box_text{max-width: 90%;} .message_box .right_side_message,.message_box .left_side_message{height:700px;} body.fixed { overflow: hidden;} .list_detail_box, .list_detail_box a{font-size: 14px;} .content_banner_host{ max-width: 360px;} .host_banner_text{ font-size: 26px; line-height: 1.2;} .btn_host{ margin-top: 15px; padding: 15px 25px; font-size: 18px;} .abs_host {width: 60px;} .abs_host.top {left:0; top:13%;} .main_title_box .big_font{font-size: 120px;} .left_side_box .other_content_host{ padding-left: 100px;} .left_side_box .main_title_box{ padding-left: 80px;} .right_side_box .other_content_host{ padding-right: 100px; text-align: right;} .right_side_box .main_title_box{ padding-right: 80px; text-align: right;} .common_pad_host{ padding: 30px 0px;} .title_page_host{font-size: 32px} .list_add_btn .btn{ border-radius: 10px; padding: 15px 25px; font-size: 20px; margin: 10px 0px 20px;} .abs_host.pack{display: none;} .title_page_host.text-center{font-size: 40px} .left_side_box .detail_pack { padding-right: 00px;} .right_side_box .detail_pack{ padding-left: 00px;} .detail_pack p{margin-bottom: 20px;} .position_pack{margin-bottom: 15px;} .howItsProgressForGest.home_page_how .howItsProgressInner:after{width:834px; height: 56px; background-size: 100%;} .why-we-created-sec:before, .why-we-created-sec:after, .vision-mission-sec:after{display: none;} .aboutUsPage:after, .aboutUsPage:after, .aboutUsPage:before{display: none;} .section-title { font-size: 34px;} .vm-box .section-title img { max-height: 50px; margin-bottom: 10px;} .abso_dog { position: relative; bottom: -30px; right: 50px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; justify-content: flex-end; align-content: flex-end; flex: auto; margin-left: auto;} .news_detail h3{font-size: 20px;} .start_pera{ font-size: 22px;} .title_main_things { font-size: 30px; margin-bottom: 30px;} .hosting_box_img{min-width: 90px;} .hosting_box_img img { max-width: 100%;} .host_box_page .hosting_box_info{padding-right: 15px;} /*.host_box_page:nth-child(odd) .hosting_box_info{padding-left: 25px;}*/ .last_pera{margin:20px 0px ;} .que_acco{padding: 0px 80px;} .listing_check{ margin-bottom: 00px;} .margin_btn { margin: 30px 0px 90px;} .desktop_banne_host { width: 1450px;} .desktop_banne_host .socialBtn{margin-bottom: 5px;} .small_host_banner .desktop_banne_host{width: 100%;} .intermediat_box.list_view .profile_img { margin: 0px 5px;} .intermediat_box .list_box{padding: 15px 10px;} .intermediat_box.list_view .dog_detial {width: 17%;} .intermediat_box.list_view .profile_detial, .intermediat_box.list_view .set_cal{margin: 0px 10px;} .intermediat_box.list_view .profile_detial{width: 37%;} .intermediat_box.list_view .dog_start_abso{ justify-content: space-evenly; flex-direction: column;} .intermediat_box.list_view .profile_detial.auto_width { width: 23%;} .dog_profile_info.invite_dogs .dog_detial ul li{min-width: auto; margin-right: 30px; } /*02-02-2023 thankyou css start*/ .thankyouDiv .thank_box_signup {max-width: 502px; padding-bottom: 350px; padding-top: 100px; } /*02-02-2023 thankyou css start*/ } /* common css for below screen 991 */ @media only screen and (max-width: 991px) { .banner_host { justify-content: flex-end;} .desktop_hide_991{display: none;} .desktop_banne_991{display: block;} .desktop_banne_host {width: 1720px;} .small_host_banner .desktop_banne_host{width: 100%;} .banner_host{ justify-content: center;} .dog_start_abso .countRate.no_review{ margin-right: -5px;} .filter_more_box .filter_btns{ position: sticky; bottom: 0px; z-index:9; margin: 0; padding: 0px 0px 15px; width: auto; left: 50%; transform: translateX(-50%); left: 50%; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);} .fillter_active .fieldSelectUl li { margin-bottom: 5px; margin-right: 5px;} .fillter_active .fieldSelectUl li { padding: 5px 10px; background: #ddd; white-space: nowrap; color: #000;} .fillter_active .fieldSelecttxt{color: #000} .fillter_active .fieldSelectUl li .removeSelectd{color: #000} .fillter_active .fieldSelectUl{margin: 5px 0px; overflow-x:scroll; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row;} .hide_mobile{display: none;} .show_mobile { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .mobile_menu_sidebar { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; justify-content: space-around;} .mobile_menu_sidebar .btn{margin:5px 0px; width:calc(50% - 10px); align-items: center;} .zig-txt-title { font-size: 20px;} .zig-zag-row:nth-child(even) .zig-txt{padding-left: 15px;} .zig-zag-row:nth-child(odd) .zig-txt{padding-right: 15px;} .listNotFound{background: none;} .innerPage {padding-top:20px; padding-bottom: 35px; } .accountListIcon img {max-height: 55px; } .intermediat_box .list_box{padding:15px; } /*My Profile*/ .account_number{max-width: 100%; padding-right:00px;} .mobile_number{margin-bottom: 10px} .personal_info fieldset{width:100%; margin-bottom: 10px;} .personal_info fieldset:nth-child(4), .personal_info fieldset:nth-child(5){width:50%} .personal_info .calenderDiv .cst_input { padding: 0 3px 0 15px; font-size: 17px;} /*My Profile*/ /*finance*/ .accountCardInner{padding:15px;} .cardNumber { font-size: 24px;} .cardLogoImg img { height: 24px;} .cardHolderName { font-size: 22px;} .accountCardBox { height: 230px;} .accountCardBox .checkboxDiv .checkbox .checkbox-label{font-size: 16px;} .addCardText{font-size: 20px;} .cardAddIcon{width: 105px;height: 105px;} .fincance_tab li{ margin: 0px 10px; font-size: 16px;} .accordion .accordion_box{padding:30px 15px 0px;} .account_info_box .ac_detail_box{flex-direction: column;} /*finance*/ /* calaneder */ .fc .fc-toolbar.fc-header-toolbar{margin-bottom:10px;} .fc .fc-toolbar-title{font-size:18px;} .accordion_box .accordion_title img{max-height: 40px;} /* calander */ .other_person .personal_info fieldset { width: 33.33%; } .other_person .personal_info fieldset.address_fieldset { width: 100%;} .dog_list_checkout li { margin: 0px 15px; margin-bottom: 25px;} .main_box_listing_page{flex-wrap: wrap;} .listing_box_page{width:100%;} .map_box_listing{width: 100%} .main_box_listing_page.sticky .inner_map, .main_box_listing_page .inner_map { top:0px; height: 450px;} .listing_box_page{ padding: 0px 0px;} .filter_more_box{ width: calc(100% - 20px); left: 10px;} .map_box_listing{position: fixed; width: 100%; height: 100vh; left: 0; top: -50px; transition: all 0.2s linear; z-index: 9999; opacity: 0; visibility:hidden;} .main_box_listing_page .inner_map{position: relative; height: 100vh; width: 100%;} .map_close{position: absolute; z-index: 9; right: 15px; top: 15px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); width: 40px; height: 40px;} .map_close:before, .map_close:after{content: ""; position: absolute; width: 2px; height: 30px; background-color: #000;} .map_close:before{left: 20px; top:5px; transform: rotate(45deg);} .map_close:after{left: 20px;top: 5px; transform: rotate(-45deg);} .map_box_listing.active{ opacity: 1; visibility:visible; top: 0px;} .mobile_show.mobileFilterMapBtns, .mobile_show{display: block;} .filter_box_listing .filter_top_line.hidde_mobiel{display: none;} .filter_box_listing .mobileFilterMapBtns{padding:0px; width: 100%; margin: 0px;} .filter_more_box.active{ top: 0; position: fixed; z-index: 999; max-height: 100vh; padding: 70px 0px 60px;} .filter_more_box .filter_btns{ position:fixed; background:transparent; box-shadow: none;} .filter_more_box{width: 100%; left: 0; top: -20px; position: fixed; z-index: 999; max-height: 100vh;} .filter_more_box .dropdown-list{ flex-wrap: wrap;} .filter_more_box .dropdown-list li:not(:last-child) { margin-bottom: 10px; margin-right:0px;} .filter_more_box .sideBarTitle{ margin-bottom: 5px; } .filter_more_box .sideBarBox{margin-bottom: 20px;} .filter_more_box .sideBarBox.filter_btns{margin-bottom:0px;} /*.filter_more_box .mobile_show.sideTitle {padding: 0px 15px 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }*/ .filter_more_box .mobile_show.sideTitle{position: fixed; top: 0; left: 0; width: 100%; z-index: 111; background: #fff; border-bottom: 1px solid #ddd; padding: 15px 15px;} .filter_more_box .checkboxDiv{flex-direction: column; align-items: flex-start; justify-content: flex-start;} .filter_more_box .dropdown-list .drop-box{flex-wrap: wrap;} .filter_more_box .dropdown-list .drop-box .field-label{width: 100%; margin-bottom:3px;} .filter_more_box .sideBarBdInner .sideBarTitle{font-size: 16px;} .mobileFilterMapBtns .btn img {margin-right: 9px; width: 20px; } .mobileFilterMapBtns .btn{ border-radius: 5px; font-size: 18px; font-weight: 400; min-width: unset;} .message_box .right_side_message{position: fixed; display: none; height: auto; height: 100%; width: 100%; z-index: 999; background: #fff; top: 0; left: 0; border-radius: 0px;} .message_box .left_side_message { width: 100%; height: auto; padding: 0px;} .close_chat_box{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .close_chat_box{position: absolute; z-index: 9; right: 15px; top: 20px; background-color: #fff; border-radius: 5px; width: 40px; height: 40px;} .close_chat_box:before, .close_chat_box:after{content: ""; position: absolute; width: 2px; height: 30px; background-color: #000;} .close_chat_box:before{left: 20px; top:5px; transform: rotate(45deg);} .close_chat_box:after{left: 20px;top: 5px; transform: rotate(-45deg);} #calendar .fc { width: calc(50% - 12px); } /* .accountExtraDetail.list_end_box{flex-direction: column; justify-content: center; align-items: flex-end;} .list_detail_box{margin: 5px 0px; padding:0px 0px; border:0px;} .link_in.list_detail_box{ border:0px;} */ .dataTable.table thead th { font-size: 16px; } .bal_boc{ font-size: 16px; margin-bottom: 15px;} .hiden_mob{display: none;} .mobile_img { display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; text-align: center; margin: 10px 0px; justify-content: center;} .mobile_img img, .host_how .img_div img{width: 50%; height: auto;} .left_side_box .other_content_host{ padding-left: 0px;} .left_side_box .main_title_box{ padding-left: 0px;} .right_side_box .other_content_host{ padding-right:0px; text-align: left;} .right_side_box .main_title_box{ padding-right:0px; text-align: left;} .main_title_box .big_font { font-size: 80px; position: relative; top: -8px; margin-right: 15px;} .host_banner_text { font-size: 22px; line-height: 1.2;} .btn_host { margin-top: 20px; padding: 10px 20px; font-size: 16px;} .content_banner_host { max-width: 300px;} .abs_host{display: none;} .left_side_box .other_content_host, .other_content_host{ padding-left: 50px;} .image_pack{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; margin:10px 0px; } .image_pack img{width: 50%; height: auto;} .left_side_box .image_pack {justify-content:flex-start;} .right_side_box .image_pack{justify-content:flex-end;} .right_side_box .title_pack, .right_side_box .position_pack, .right_side_box .detail_pack p { text-align: left; justify-content: flex-start;} .right_side_box .image_pack { justify-content: center;} .left_side_box .image_pack { justify-content: center;} .abso_dog{width: 150px;} .start_pera {font-size: 20px; margin-bottom: 20px} .title_main_things {font-size: 26px; margin-bottom: 25px;} .hosting_box_info h3{margin-bottom: 10px;} .hosting_box_img {min-width: 120px;} .hosting_box_img img {width: 90px;} .last_pera{padding: 0px 2%; font-size: 20px;} .accountListTxt { font-size: 16px;} .receipt__gest img{width: 24px;} .dataTable.table thead th.th-tdBookingDetail, .dataTable.table tbody td.th-tdBookingDetail { width: 400px;} .listing_number{flex-direction: column;} .que_acco { padding: 0px 15px;} .listing_number li h3{margin-bottom: 5px;} .listing_number li:before{ width: 35px; height: 35px;} .listing_number li{ width: 100%; padding: 0px 0px; padding-left: 50px; padding-bottom: 25px;} .que_acco li .title_acco:after{top: 20px; width: 28px; height: 15px;} .que_acco li .title_acco{font-size: 26px; padding: 10px 0px} .listing_number li p {font-size: 18px;} .box_host_info{flex-direction: column;} .listing_check li h3{margin-bottom: 10px;} .hidde_mob{display: none;} .host_how .img_div{order: -1;} .host_how .img_div img {width: 50%;} .host_page .title_page_host.text-center{text-align: left !important;} .host_page .title_page_host_sub_title{text-align: left; font-size: 18px; padding: 0px 0px;} .host_page .title_page_host.text-center{ margin-bottom: 20px;} .listing_check li p { font-size: 18px;} .que_acco { padding: 0px 0px;} .que_acco li .detial_acco p, .detial_acco ul li { font-size: 18px;} #filterlable{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; width: 100%; overflow-x: auto; flex-direction: row; padding:0px 15px;} #filterlable .fieldSelectUl{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; border-radius: 10px; margin: 10px 0px; word-break: keep-all; white-space: nowrap; margin-right: 15px; padding:5px 10px; background: #eee; align-items: center;} #filterlable .fieldSelectUl li{margin: 0px 5px 0px 0px; padding: 5px 10px;} #filterlable .fieldSelectUl li:last-child{margin-right:0px;} #filterlable .fieldSelectUl h4{margin-right: 5px; font-size: 16px;} #filterlable .fieldSelectUl li ~ h4{margin-left: 10px;} #filterlable .fieldSelectUl li .remove_icon{font-family: Nunito,sans-serif; color: #fff; font-size: 16px; line-height: 1.2em; display: inline-flex; align-items: center;} .hide_desc_btn{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} /*12-05-2021*/ .dog_profile_info.invite_dogs .dog_detial ul{flex-wrap: wrap;} .dog_profile_info.invite_dogs .dog_detial ul li {margin-bottom: 10px;} /*12-05-2021*/ .intermediat_box.list_view .profile_detial { width: 35%;} .intermediat_box.list_view .profile_other_detial{margin: 5px 0px;} .intermediat_box.list_view .menu_listing{ flex-direction: row; flex-wrap: wrap;} .intermediat_box.list_view .menu_listing li{margin-bottom:5px;} .intermediat_box.list_view .profile_img { margin: 0;} .intermediat_box.list_view .list_box{flex-wrap: wrap;} .intermediat_box.list_view .profile_detial, .intermediat_box.list_view .set_cal { margin: 0px 15px; padding: 00;} .intermediat_box.list_view .user_info, .intermediat_box.list_view .dog_profile_info .user_info {width:80px; margin-bottom: 15px;} .intermediat_box.list_view .profile_detial{width: calc(100% - 110px); margin-bottom: 10px; justify-content: center;} .intermediat_box.list_view .dog_detial{width: 33.33%; padding: 10px 5px;margin: 0px; border-top: 1px solid #e2e2e2; } .intermediat_box.list_view .set_cal{width: 33.33%; padding: 10px 5px;margin: 0px; border-top: 1px solid #e2e2e2; } .intermediat_box.list_view .dog_start_abso{ top: 0; padding: 10px 5px; width: 33.33%; margin: 0px; border-top: 1px solid #e2e2e2; } .intermediat_box.list_view .profile_detial .menu_listing{display: none;} .intermediat_box.list_view .mobile_show{display: flex !important; width: 100%; border-top: 1px solid #e2e2e2; padding-top: 10px;} .intermediat_box.list_view .rateStars{margin:3px 0px;} .intermediat_box.list_view .dog_profile_info.dog_b{flex-wrap: wrap; justify-content: flex-start;} .intermediat_box.list_view .dog_detial.bookin_list.list_menu {display: none;} .intermediat_box.list_view .profile_detial.auto_width { width:auto;} .intermediat_box.list_view .dog_detial.dog_detail_box { border: 0; margin-left: auto; } .intermediat_box.list_view .dog_detial.dog_detail_box .footer_dog_profile_info {display: none;} .intermediat_box.list_view .footer_dog_profile_info, .intermediat_box.list_view .dog_start_abso.inter{width: 50%; margin: 0px; margin: 0px; flex-direction: row; padding: 10px 6px; justify-content: center;} .intermediat_box.list_view .dog_b .dog_detial.bookin_list.list_menu{order: 9; padding-bottom: 0;} .intermediat_box.list_view .dog_b .dog_detial.bookin_list.list_menu .menu_listing{margin: 0;} .intermediat_box.list_view .footer_dog_profile_info .mic_no {font-size: 14px;} .dog_profile_info.invite_dogs .dog_detial ul li.mic_no {display: none;} .mobile_show.mobileFilterMapBtns, .mobile_show{display: flex !important; justify-content: space-between; width: 100%;} .m-filterBtnDiv button svg{margin-right: 0px;} .listNotFound.no-marg {padding: 0px;} .newmessage{margin: 4px 0;} /*02-02-2023 thankyou css start*/ .thankyouDiv .thank_box_signup {max-width: 100%; padding-bottom: 90px; padding-top: 90px; } /*02-02-2023 thankyou css start*/ } /*991px end*/ /* common css for below screen 767 */ @media only screen and (max-width: 767px) { /*12-05-2021*/ .send_invit{margin-bottom: 30px;} .attend{margin-bottom: 30px;} .dog_profile_info.invite_dogs .dog_detial ul{flex-wrap: nowrap;} .dog_profile_info.invite_dogs .dog_detial ul li {margin-bottom:0px;} /*12-05-2021*/ .accountExtraLi .draft{width: 15px; height: 15px; line-height: 15px; font-size: 8px;} .dog_start_abso{top: -4px;} .waiver .tab_review ul li { font-weight: 700; font-size: 20px;} #filterlable .fieldSelectUl h4{ font-size: 14px;} #filterlable .fieldSelectUl.fieldSelecttxt{ font-weight: 600;} .abso_dog{display: none;} .breadCrumbSingleTitle {font-size: 24px;} .accountListIconDiv {width: 74px; min-width: 74px; height: 100%;} .accountListIcon img {max-width: 43px; max-height: inherit;} .accountListTxt{display: none} .accountListLinkDiv{margin-bottom: 0;} .accountListLink{font-size: 20px;} .accountListLink:after{display: none;} .accountListLink:after{width:8px;height: 13px;} .accountExtraDetail{margin-right: 0; margin-top: 15px;} .addExtra{margin-right: 0;} .addExtra, .addLink, .accountExtraDetail .accountExtraLi, .addSpace, .accountCount{width: 30px;height: 30px; min-width: 30px;} .addLink{font-size: 24px;} .accountListContent{padding-left:5px; padding-right:5px;} .accountCount { font-size: 14px;} .accountListBox{align-items:center;padding:15px 20px 15px 0;} .accountListBox:not(:last-child) {margin-bottom: 16px; } .setHoursFieldRow .addHoursButton{display: block;} .m-setHoursFieldRow{display: none;} .checkboxDiv .checkbox .checkbox-label::after { width: 7px; height: 13px; } .margin_auto { margin: 20px auto 0 !important;} .margin_auto.myAccountAlertCol { margin: 0px auto 0 !important;} .myAccountAlertCol { padding-top: 10px !important; } .intermediat_listing .intermediat_box { width:100%; padding: 0px 0px 20px;} .dog_profile_info .profile_img{ margin-right: 10px; width: 90px} .info_box{font-size: 15px;} .cmsPage ol > li:before {padding-right: 5px;font-size: 20px;} .cmsPage h3 {font-size: 20px;} .cmsPage ol > li {padding: 0;font-size: 16px;} .cmsPage ol > li p {font-size: 16px;} .cmsPage ol > li ol li:before {font-size: 14px;} .cmsPage ol > li ol {margin: 0 0 0 20px;} /*my Profile*/ .profile-step .step_icon{border: 5px solid transparent; width: 40px; height:40px; font-size: 18px} .profile-step.active .step_icon{ border: 5px solid #92c237} .profile_start .indicaterTxt {margin-top: -30px;} .profile_start .breadCrumbTitleImg { width:40px;} .breadCrumbTitleImg { width:40px;} .fina.breadcrumbSection{padding: 15px 0px;} .mobiel_first { order: 1;} .discription label{margin-bottom: 5px;} .myAccountLeftCol.myAccount .myAccountInner {padding-right: 00px; } .myAccountLeftCol.myAccount {border-bottom: 1px solid #e1e1e1; margin-bottom: 30px;} .myAccountLeftCol.myAccount .form-group{border: 0px;} .personal_info fieldset{padding-left: 0; padding-right: 0px;} .myAccountLeftCol.myAccount .cst_input-group { position: relative; max-width:100%; } .personal_info .checkboxDiv{ padding: 0px; border-top: 0px solid #eee;} .personal_info fieldset:nth-child(4){padding-right: 15px;} .personal_info fieldset:nth-child(5){padding-left: 15px;} .process_box{ margin-bottom: 20px;} .verified_fild{ display: none;} .change_pass{margin-top: 15px} .myAccountLeftCol.myAccount .myAccountInner.info_div{margin-bottom:20px; font-size: 16px;} /*my profile*/ .Info_account_alert { font-size: 14px; line-height: 1.2; padding: 3px 15px;} .dogsize-box label.error{bottom: 65px;} /* review : start; */ .review_box_view{position: relative; margin-bottom:20px; padding-bottom:20px;border-bottom: 1px solid #ccc;} .name_start{align-items: center;} .review_profile_pic{display: none;} .review_profile_pic_mobile{display: block;} .profile_img_review{ width: 41px; height: 41px; margin-right:10px;} .review_detail_box .name_start .name{ margin-right:10px;} /*.review_detail_box{ padding: 10px; margin:0px 5px; border: 1px solid #ccc; border-radius: 10px;}*/ /* .slick-list.draggable{padding: 0px 20px !important;} */ .review_detail_box .name_start{font-size: 18px;} .backToAccountDiv{margin-top: 20px;} /* review : end */ /*finance*/ .accountCardBox { height: 220px;} .finance_brad_curm{flex-wrap: wrap;} .fincance_tab{ width: 100%; margin-top: 20px; margin-bottom: 0;} .accountCardBox .listingPageDiv .checkboxDiv .checkbox .checkbox-label::after,.accountCardBox .checkboxDiv .checkbox .checkbox-label::after { width: 7px; height: 13px;} .delete_box{top: 15px;font-size: 16px; right: 35px;} .account_info_box{width: 100%;} .accordion_box .accordion_title{padding: 0px 40px 0px 20px; font-size: 20px; margin-bottom: 20px;} .accordion .accordion_box { padding: 20px 15px 0px;} .accordion_detail{padding: 15px 5px} .accordion_box .accordion_title img{max-height: 30px;} /*finance*/ /* calender */ #calendar{flex-wrap:wrap; padding: 0px 0px;} #calendr .fc {width: 100%;} .arrow_slide{top:60px; transform: none; width:35px;} .arrow_slide.prev_arrow {right: 40px; left:auto;} /* calender */ .calendarPage .backToAccountDiv {margin-top: 20px;} .dog_list .checkboxDiv .checkbox label.error {right: 0; left: auto} .dog_list .checkboxDiv .checkbox label.error:after {right: 15px; left: auto;} .dog_list .dataTable.table tbody tr td{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: row; width: 100%;} .dog_list .table.dataTable tbody tr{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; position: relative; flex-direction: row; flex-wrap: wrap;} .dog_list .table.dataTable tbody tr td.select_dog:before, .dog_list .table.dataTable tbody tr td.dog_img:before{display: none;} .dog_list .dataTable.table tbody tr .select_dog{position: absolute; z-index: 2; padding:0px;display: inline-block; right: 10px; top: 10px; width: 30px;} .dog_list .checkboxDiv .checkbox .checkbox-label::before{width: 20px; height: 20px;} .dog_list .checkboxDiv .checkbox .checkbox-label::after{width: 8px; height: 13px; top: 1px; left: 6px;} .dog_list .table.dataTable tbody tr td.dog_name:before{display: none;} /*.dog_list .table.dataTable tbody tr td.dog_gender:before{display: none;}*/ .dog_list .table.dataTable tbody tr td.dog_name,.dog_list .table.dataTable tbody tr td.dog_gender{padding-left:90px;} .dog_list .dataTable.table tbody tr td.dog_img{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; padding: 0; width: auto; flex: auto;} .dog_list .fileUploadImg{margin:0px;} .dog_list .table.dataTable tbody tr td.dog_name{margin-top: -70px; font-weight: 700; font-size: 18px;} td.dog_gender{margin-top: -40px;} td.dog_size br{display: none;} .totle_div{border-top: 1px solid #e1e1e1;} /*.dog_list .dataTable.table tbody tr td.dog_size{width: 50%; padding-right:30px; flex-direction: column; border-right:1px solid #dedede; }*/ /*.dog_list .dataTable.table tbody tr td.price_dog{width: 50%; padding-left: 30px; flex-direction: column; border-right: 0px; }*/ .dog_list .table.dataTable tbody tr td:before{width: auto; margin-bottom:5px; min-width: max-content;} .dog_list .dataTable.table thead th, .dog_list .dataTable.table tbody td {padding: 5px 5px;} .dog_list .dataTable.table tbody tr td.price_dog{padding-top: 0px;} .other_person .personal_info fieldset:nth-child(5) { padding-left: 0px;} .other_person .personal_info .field-label{margin-bottom: 5px;} .other_person .personal_info fieldset{ padding-bottom: 10px;} .other_person .personal_info fieldset { width: 100%; } .other_person .personal_info fieldset.address_fieldset { width: 100%;} .other_person h3 { margin-bottom: 20px;} .checkout_page .detailBookThird{position: relative; background: transparent; flex-wrap: wrap; padding: 10px 0px 0px; z-index: 0;} .checkout_page .detailTotalCost,.checkout_page .detailBookBtnDiv{width: 100%;} .checkout_page .detailTotalCost{border-bottom:1px solid #b7b7b7; text-align: center; padding-bottom: 10px; justify-content: center;} .checkout_page .detailTotalCost .detailBookFull{justify-content: center;} .checkout_page .detailBookBtnDiv{ padding: 0px 0px 0px; } .checkout_page .detailBookBtnDiv .btn{width: 100% ; border-radius: 0px 0px 10px 10px;} .checkout_page .detailTotalCost .detailBookInner{text-align: center;} .pay_box .accordion_box .accordion_title{font-size:18px;} .pay_box .checkboxDiv .checkbox .checkbox-label::after { width: 7px; height: 12px;} .withdraw_amount .amount_add a{ min-width: 180px;} .space_book_detail{padding: 20px;} .space_location{display: none;} .dogtitle{margin:25px 0px 0px;} .dog_list_checkout{margin: 10px 0px 30px;} .title_show, .custom_drop ul li{padding: 10px 20px 10px 20px} .title_show img, .custom_drop ul li img{margin-right: 30px; max-width: 54px} .cancel_pollicy{padding-left: 0; border: 0px;} .cancel_pollicy p{font-size: 16px; line-height: 1.2;} .cancel_pollicy p.title_cancel{font-size: 18px;} .mobileFilterMapBtns .btn img{width: auto;} .mobileFilterMapBtns .btn{font-size:14px;} .dtCustomerReview .start_given{ margin-left: auto; margin-right: 0; flex: auto; width: 70px; justify-content: end;} .dtCustomerReviewDate{font-size: 16px;} .dtCustomerReviewName{font-size: 18px;flex-wrap: wrap;} .dtCustomerReviewImg{width:70px; height: 70px;} .chat_right{padding-right: 30px;} .chat_left{padding-left: 30px;} .chat_box_text {max-width: 100%;} .chat_box_top{padding: 10px 15px;} .chat_box_bottom{padding: 10px 15px} .message_type_box .imge_upload{margin-right: 15px;} .send_btn{margin-left: 15px;} .chat_box_middle_fix{ height: calc(100% - 145px);} .chat_box_middle{padding:15px 15px 15px 15px;} .footer .subscribeNewsletter {display: none;} .footer{ border-top: 20px solid #ececec;} .last_discription {padding-top: 0px;} .field-label{margin-bottom: 5px;} .img-container, .cropper-view-box {width:340px !important; height: 340px !important;} .file-upload .modal-dialog .firebase-modal-body{max-width: 380px;} .endButtonDiv {margin-top:30px ; margin-bottom: 0px;} .endButtonDiv .backToAccountDiv{margin-top: 20px;} .myAccountInner {margin-bottom: 0px;} .breadcrumbMainDiv{ flex-direction: row; align-items:baseline; z-index: 1; position: relative;} .breadcrumbMainDiv.intermediat, .breadcrumbMainDiv.colomn { flex-direction: column; } .accountListContent.finnace_ac .accountListLink{width: 100% !important;} .accountListContent.finnace_ac .accountListLink:after{margin-left: auto;} .nextBtn .fa{ margin-left: 5px;} .previousBtn .fa{ margin-right: 5px;} .nextBtn {margin-right: 0px;} .acctapensDiv{width: 100%; text-align: center;} .acctapensDiv storng{text-transform: uppercase; display: block; text-align: center;} .intermediat .breadCrumbSingleTitle {font-size: 30px;} #calendar .fc {width: calc(50% - 12px); } .accountExtraDetail.list_end_box{flex-direction: column; justify-content: center; align-items: flex-end;} .list_detail_box{margin: 5px 0px; padding:0px 0px; border:0px;} .link_in.list_detail_box{ border:0px;} .list_detail_box, .list_detail_box a { text-align: right; line-height: 1.3; } .indicaterTxt {margin-top: 15px;} .bal_boc{ padding: 5px 10px;} .active_links_listing{font-size: 14px;} .main_title_box p { font-size: 20px;} .main_title_box .big_font{font-size: 50px;} .other_content_host p { font-size: 18px; margin: 0px 0px 20px 0px;} .list_add_btn .btn {border-radius: 10px; padding: 10px 25px; font-size: 16px; margin: 0px 0px 10px;} .title_page_host{ margin-bottom: 20px;} .title_page_host.text-center { font-size: 36px;} .title_pack {font-size: 26px;} .position_pack {font-size: 18px;} .detail_pack p {font-size: 16px;} .right_side_box .title_pack, .right_side_box .position_pack, .right_side_box .detail_pack p{text-align: left; justify-content: flex-start;} .right_side_box .image_pack, .left_side_box .image_pack {justify-content: center;} .vm-box{margin-bottom: 25px; text-align: center;} .cmsPage p{font-size: 16px; line-height: 1.3;} .vision-mission-sec:before{left: -10%; display: none;} .zig-zag-row:nth-child(2) .zig-img:before{width: 100px; height: 110px; top: -5%;} .zig-zag-row:nth-child(3) .zig-img:before{width: 90px; height: 80px; right: -7%; top: 0;} .vm-inr .row [class*='col-']:nth-child(odd){padding-right: 15px;} .vm-inr .row [class*='col-']:nth-child(even){padding-left: 15px;} .vm-inr .row [class*='col-']:nth-child(even) .vm-box{text-align: center;} .zig-zag-col{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .zig-zag-row .zig-img{margin-bottom: 25px;} .zig-zag-row:nth-child(odd) .zig-img, .zig-zag-row:nth-child(odd) .zig-txt, .zig-zag-row:nth-child(even) .zig-img, .zig-zag-row:nth-child(even) .zig-txt{text-align: center;} .section-title { font-size: 30px;} .zig-img img{width: 50%;} .zig-txt-title{margin-bottom: 10px;} .zig-zag-row .zig-img:before{display: none;} .news_detail h3 { font-size: 18px; margin-bottom: 5px;} .news_detail{padding: 15px 15px;} .news_detail p{font-size: 14px;margin-bottom: 10px;} .start_pera {font-size: 18px; margin-bottom: 15px;} .title_main_things { font-size: 22px; margin-bottom: 20px;} .hosting_box_info h3{font-size: 20px; margin-bottom: 5px; line-height: 1.2;} .hosting_box_img{min-width: 90px;} .hosting_box_img img { width: 80px;} .host_box_page{margin-bottom: 30px;} .last_pera {padding: 0px 0%; font-size: 18px; margin: 10px 0px;} .host_box_page .hosting_box_info {padding-right:0px;} /*.host_box_page:nth-child(odd) .hosting_box_info {padding-left: 0;}*/ .transitionDetailTable .table.dataTable tbody tr td.balance_gest{ width: 49% !important;} .transitionDetailTable .table.dataTable tbody tr td.receipt__gest{ width: 49% !important; text-align: right !important;} .table.dataTable tbody tr td.receipt__gest:before{display: none;} .recipt_mian_title{ font-size: 22px;} .box_pop_list .pop_disc, .box_pop_list .pop_lable{font-size: 18px;} .title_pop, .total_mix, .title_pop.hif_font, .total_mix.hif_font { font-size: 18px} .footer_botom_pop { font-size: 14px;} .detail_list .box_pop_list{ padding-bottom: 15px;} .customPopupMain .popupTitle img{width: 130px;} .review_box_view:last-child { margin-bottom: 10px;} .listing_check li p { font-size: 16px;} .listing_number li h3, .listing_check li h3{ font-size: 20px; margin-top: 3px;} .listing_number li, .listing_check li{ padding: 0px 0px; padding-left: 40px; margin-bottom: 15px;} .listing_number{margin-bottom: 50px;} .host_how{margin: 50px 0px;} .que_acco li .title_acco { font-size: 22px; padding: 5px 0px; padding-right: 25px;} .listing_number li p,.que_acco li .detial_acco p, .detial_acco ul li { font-size: 16px;} .que_acco li .title_acco:after {top: 13px; width: 20px; height: 11px;} .title_page_host.text-center { font-size: 32px;} .title_page_host_sub_title {font-size: 18px; padding: 0px 00px;} .listing_number li:before { width: 28px; height: 28px; font-size: 16px; line-height: 28px;} .host_page .title_page_host_sub_title{font-size: 18px;} .title_page_host.text-center { margin-bottom: 10px;} .listing_check li:before{background-size: 100%; width: 28px; height: 28px;} .detial_acco ul li:before{ top: 6px; width: 7px; height: 7px;} .detial_acco ul{ padding-left: 30px;} .priv{margin-bottom: 0px; margin-right: 5px;} .review_scusess .breadCrumbSingleTitle{font-size: 35px; margin:50px 0px;} .bal_boc small {font-size: 12px;} .chat_box_middle_fix{height: calc(100% - 141px); top: 76px; } .content_banner_host { max-width: initial; align-items: center;} .banner_signup{margin: 0 auto;} .banner_signup .socialBtn {height: 35px;} .space_add.add_things .add_img img {width: 64px;} .dog_profile_info.invite_dogs .dog_detial.dog_detail_box ul li{ margin-left: 5px; } .intermediat_box.list_view .footer_dog_profile_info, .intermediat_box.list_view .dog_start_abso.inter{justify-content: start;} .dog_profile_info.invite_dogs .dog_detial.dog_detail_box ul li{justify-content: space-around;} .dtSecMain.dtLocationMain.detail_contact .personal_info fieldset, .dtSecMain.dtLocationMain.detail_contact .personal_info .personal_info fieldset:nth-child(5){padding-left: 0;} .filter_more_box .sideBarBox.filter_btns {display: flex; align-items: center; justify-content: space-around; width: 100%; padding: 0 10px;} .filter_more_box .sideBarBox.filter_btns button.btn {margin: 0px 5px 10px !important; width: 50%;} .booking_page_only .myBookingInfoUl li:nth-child(1){width: auto;} .booking_page_only .myBookingInfoUl li:nth-child(2){width: auto;} .booking_page_only .myBookingInfoUl li:nth-child(3){width: auto;} .booking_page_only .fincance_tab li.filterSel #filter_search { padding: 5px 10px;} .booking_page_only .fincance_tab{flex-wrap: wrap;} .table.dataTable tbody tr.tbl_acco_title.new_tbl_row{padding-top: 25px;} .newmessage {margin: 0; position: absolute; top: -25px; left: -10px; border-radius: 5px 0 0 0; padding: 5px 12px;} /*02-02-2023 thankyou css start*/ .thankyouDiv .thank_box_signup {padding-bottom: 60px; padding-top: 60px; } /*02-02-2023 thankyou css start*/ } /*767px css end*/ @media only screen and (max-width:666px) { .btn_host {margin-top: 10px; padding: 5px 15px; font-size: 14px;} .host_banner_text {font-size: 20px; line-height: 1.2;} .que_acco li .title_acco { font-size: 20px;} .review_scusess .breadCrumbSingleTitle { margin: 30px 0px; font-size: 32px;} .intermediat_box.list_view .dog_detial.dog_detail_box{width: 100%; border-top: 1px solid #e2e2e2;} } @media only screen and (max-width: 576px) { .indicaterTxt {margin-top:-27px;} .mobile_media{ padding: 0px 15%;} } @media only screen and (max-width: 567px) { #calendar .fc { width: 100%; } .intermediat_box.list_view .set_cal .draft{padding: 4px 7px; margin-right: 0; font-size: 13px;} .intermediat_box.list_view .dog_detial ul li .dog_title_intermediat{ font-size: 14px;} .intermediat_box.list_view .dog_detial.bookin_list ul li .dog_detial_intermediat{font-size: 16px} } @media only screen and (max-width: 566px) { .weekDaysName{font-size: 16px; width: 112px;} .openCloseText {font-size: 16px; margin-top: 0;} .addHoursTextMainDiv{width: 100%; margin-top: 8px;} .addHoursText input { width: 100%; font-size: 14px;} .profile-step .step_name{ font-size: 14px;} /*finance*/ .fincance_tab li { margin: 0px 15px; font-size: 14px;} /*finance*/ .totle_div{width: 100%;} .total_confirm{flex-wrap:wrap;} .total_confirm .btn_conf{width: 100%;} .totle_div{width: 100%;} .total_confirm .btn_conf{padding: 10px 0px 15px;} .confirm .detailBookFirst { flex-wrap: wrap; border-bottom:0px;} .confirm .detailBookFirst .detailBook{width: 100%; border-bottom: 1px solid #ccc;} .confirm .detailBookFirst .detailBook:last-child{border-bottom:0px;} .confirm .detailBookFirst .detailBookInner {padding: 0px 5px;} .other_person h3 .normal_link{margin:0px;} .pay_by{padding: 10px 15px; flex-wrap: wrap; text-align: left;} .dog_spce_data .hlf_div.inf_main_box{width: 100%; } .dog_spce_data .info_address br{display: inline-block;} #calendar .fc {width: 100%;} .arrow_slide.prev_arrow {right: auto; left: 0;} .arrow_slide.next_arrow {right: 0;} .arrow_slide{ top: 86px;} .fc-toolbar-title{text-align: center;} #calendar .fc .fc-toolbar-title{font-size: 20px;} .formGroup.daysAndTimeDiv{ margin-bottom: 0;} .personal_info .fullRadioDiv.d-flex .radioMainDiv{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex; flex-direction: column;} .title_page_host.text-center { font-size: 28px;} .host_page .title_page_host.text-center {margin-bottom: 10px;} .account_detial_amount{flex-direction: column; margin-bottom: 10px;} .bal_boc{border-right:0px; border-bottom:2px solid #ddd;} .bal_boc:last-child{border-bottom:0px;} .bal_boc {padding: 5px 0px 10px; margin-bottom: 5px;} } /* common css for below screen 479 */ @media only screen and (max-width: 479px) { .pay_drop .title_show .p_method_text, .custom_drop ul li .p_method_text {margin-right: 10px; font-size: 18px;} .title_show img, .custom_drop ul li img{margin-right: 20px; max-width: 50px;} .pay_drop .title_show img.strip_img, .custom_drop ul li img.strip_img{margin-right: 5px;} #cancel_edit_message{left: -45px;} .dog_start_abso .countRate.no_review { margin-right: -8px;} .waiver .tab_review ul li { font-weight: 700; font-size: 18px;} .breadCrumbSingleTitle {font-size: 22px;} .innerPage .breadcrumbPadding {padding-bottom: 14px; } .welconeNote, .welconeNote p {font-size: 14px;} .addExtra, .addLink, .accountExtraDetail .accountExtraLi, .addSpace, .accountCount{width: 26px;height: 26px; min-width: 26px;} .accountExtraDetail .accountExtraLi {margin: 3px; } .addExtra{margin: 3px 0 3px 3px;} .accountCount {font-size: 12px;} .accountExtraDetail{ min-width: auto; width: auto; margin-right: 0; margin-left: auto; margin-top: 20px;} .accoutActionDiv{top:5px;} .accoutActionDiv a {font-size: 14px; } .accountListBox{padding:10px 20px 10px 0;} .accountListContent{width: auto !important;} .setHoursFieldRow { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #eee;} .dog_profile_info .profile_img { margin-right: 10px; width:90px;} .dog_profile_info .user_info{margin-bottom: 10px; margin-top: 10px;} .dog_profile_info .profile_detial .profile_name{ font-size: 16px;} .dog_profile_info .dog_detial ul li .dog_title_intermediat { font-size: 14px;} .profile-step.horizantal-line:before{top:17px; left: -60%;} .dog_start_abso { top: -16px;} /*my profile*/ .myAccountLeftCol.myAccount .file-upload_title{margin-bottom:5px;} .myAccountLeftCol.myAccount .myAccountInner { margin-bottom: 0px;} .myAccountLeftCol.myAccount .personal_info .form-group{ margin-bottom: 0px;} .profile-step .step_name{font-size: 12px; text-align: center; line-height: 1.2; font-weight: 600;} /*.account_info_only{margin: 0px;}*/ /*my profile*/ .file-upload label.error{top: -60px;} .file-upload .vaction_upload label.error{top: -20px; width: 180px;} .file-upload .vaction_upload.dog_prog_crop_img label.error{top: -20px; width: 140px;} /*review : page*/ .review_detail .review_detail_empty{padding: 15px;} .review_detail .review_title_empty{padding: 15px 15px;} .tab_review ul li{margin-right: 30px; font-size: 17px; } .tab_review_detail{margin-top: 25px;} .review_detail .review_title_empty h4 {font-size: 17px;} .review_detail .review_detail_empty p{margin-bottom: 20px; font-size: 15px;} .review_time_given{flex-wrap: wrap;} .review_time_given span{margin-bottom:5px; margin-left: 10px;} .filter_review_recived li{ padding: 0px 10px; cursor: pointer;} .review_time_given, .review_given_detial p{font-size: 15px;} /*review : page*/ /*finance*/ .fincance_tab li { margin: 0px 5px; font-size: 16px; text-align: center; line-height: 1.2;} .accountCardBox .cardValidDate{font-size: 15px} .amount_add{flex-wrap: wrap; } .withdraw_amount .amount_add .cst_input-group{width: 100%; margin : 0px;} .amount_add a{width: 100%; margin-top:10px;} .accordion_title .acc_arrow { width: 15px;} .accordion_box .accordion_title img{ max-height: 25px;} .accordion_box .accordion_title{padding: 0px 40px 0px 10px;} /*finance*/ .pay_box .accordion_box .accordion_title{padding: 0px 30px 0px 00px;} .pay_box .checkboxDiv { right: -10px;} .pay_box .accordion .accordion_box { padding: 15px 15px 0px;} .pay_box .accordion_box .accordion_title{margin-bottom: 15px;} .book_space_page #calendar{ width: 100%;} .book_in_check, .book_in_check a{ font-size: 14px;} .list_price_check li .dog_name,.list_price_check li .price{font-size: 16px} .list_price_check li.totle_price .dog_name, .list_price_check li.totle_price .price{font-size: 18px;} .pay_logos{margin-bottom: 15px;} .pay_type_detail input{padding:15px;} .dog_list_checkout{ justify-content: space-between;} .hide_mobile{display: none;} .hide_desc{display: block;} .tab_review ul li{font-size: 16px;} /*.accountListContent.finnace_ac{width: 100% !important;}*/ .mobile_number .cst_input, .mobile_number span {font-size: 16px;} .bal_boc{ padding: 5px 0px; } .list_detail_box { margin: 2px 0px;} .mobile_wrap {flex-wrap: wrap;} .mobile_wrap .accountListContent{width: auto !important;} .mobile_wrap .accountExtraDetail.list_end_box{ flex-direction: row; width: calc(100% + 20px); justify-content: center; padding-top: 10px; margin-right: -20px;} .mobile_wrap .list_detail_box {padding: 0px 10px; width: 50%; justify-content: center; border-right: 1px solid #ccc;} .mobile_wrap .list_detail_box:last-child { border-right:0px solid #eee;} .mobile_bann_host{ display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;display: flex;} .desktop_banne_host{display: none;} .banner_host .mobile_bann_host{width: 100%;} .host_banner_text { font-size: 20px; line-height: 1.5;} .btn_host { margin-top: 20px; padding: 5px 15px; font-size: 12px;} .banner_host .mobile_bann_host { width: auto; max-width: initial; height:540px;} .title_page_host { font-size: 22px;} .main_title_box .big_font {top: -5px; font-size: 42px;} .mobile_img img, .host_how .img_div img { width: 70%;} .other_content_host p{font-size: 16px; line-height: 1.4;} .left_side_box .other_content_host, .other_content_host { padding-left: 40px;} .main_title_box p {font-size: 18px;} .list_add_btn .btn{padding: 10px 25px; font-size: 14px;} .image_pack img { width: 80%;} .position_pack {font-size: 16px;} .title_pack { font-size: 22px; margin-bottom: 5px;} .title_page_host.text-center { font-size: 28px;} .box_host_info.our_pack{border-bottom: 1px solid #eee; padding-bottom: 30px;} .vm-box .section-title img { max-height: 40px;} .section-title { font-size: 24px;} .aboutUsPage .cmsPage p{ margin-bottom: 10px;} .zig-txt-content p{ font-size: 16px; line-height: 1.3;} .zig-txt-title { font-size: 20px; margin-bottom: 5px;} .zig-img img { width: 60%;} .mobile_media{ padding: 0px 0px;} .hosting_box_img {margin-bottom: 10px;} .host_box_page .hosting_box_img {margin-right: 0px;} /*.host_box_page:nth-child(odd) .hosting_box_img {margin-left: 0px;}*/ /*.host_box_page, .host_box_page:nth-child(odd) {flex-direction: column;}*/ .host_box_page {flex-direction: column;} .hosting_box_img img {width: 50px;} .hosting_box_img{min-width: 60px;} /*.host_box_page:nth-child(odd) .hosting_box_info{ justify-content: flex-start; align-items: flex-start;}*/ /*.host_box_page:nth-child(odd) .hosting_box_info p { text-align:left;}*/ .title_main_things { font-size: 20px;} .start_pera, .hosting_box_info p {font-size: 16px; line-height: 1.3;} .link_fin a { font-size: 14px;} .recipt_mian_title{padding: 5px 0px;} .detail_list{padding:10px 10px;} .detail_list .box_pop_list{width: 100%; } .detail_list .box_pop_list, .detail_list .box_pop_list:nth-child(5), .detail_list .box_pop_list:nth-child(6){padding-bottom: 15px;} .box_pop_list .pop_disc, .box_pop_list .pop_lable {font-size: 16px;} .title_pop, .total_mix, .title_pop.hif_font, .total_mix.hif_font {font-size: 16px;} .customPopupMain .popupTitle img { width: 100px;} .customPopupMain.recipt_pop .popupTitle{margin-bottom: 0px;} .customPopupMain.recipt_pop .popBody { padding: 15px 20px;} .detail_list, .pop_total { padding: 10px 00px;} /* .list_menu.bookin_list{flex-direction: column !important;} .list_menu.bookin_list .menu_listing{margin-left: 0; margin-top: 10px} .list_menu.bookin_list .draft{ align-self: auto;} */ .dog_profile_info .dog_detial ul li:last-child{margin-right: 0px;} .title_page_host.text-center { font-size: 24px;} .host_page .title_page_host_sub_title { font-size: 16px; line-height: 1.3;} .title_page_host_sub_title{ font-size: 16px; padding: 0px 00px;} .title_page_host_sub_title br{ display: none; } .margin_btn { margin: 30px 0px 50px;} .host_how .title_pack { margin-bottom: 20px;} .host_how { margin: 20px 0px;} .review_scusess .breadCrumbSingleTitle { margin: 40px 0px; font-size: 30px;} .shadow_box h2{font-size: 26px;} /*12-05-2021*/ .dog_profile_info.invite_dogs .dog_detial ul{flex-wrap: wrap;} .dog_profile_info.invite_dogs .dog_detial ul li {margin-bottom: 10px;} .send_invit .Title{font-size: 22px;} .attend .Title{font-size: 22px;} /*12-05-2021*/ .banner_signup .loginOptions .optionIcon { width: auto; font-size: 12px;} .banner_signup .loginOptions .btnText{font-size: 13px;} .full.login_btn.btn{width: 100%;} .intermediat_box.list_view .dog_detial { width: 50%; padding: 10px 0px;} .intermediat_box.list_view .dog_detial ul{flex-direction: revert; justify-content: space-around;} .intermediat_box.list_view .dog_start_abso{width: 50%;} .space_add.add_things .dog_profile_info{padding: 0px 0px;} .intermediat_box.list_view .user_info{order: 1} .intermediat_box.list_view .profile_detial{order:2 } .intermediat_box.list_view .dog_detial{order:3 } .intermediat_box.list_view .dog_start_abso{order:4 } .intermediat_box.list_view .set_cal{order:5; width: 100%; flex-direction: row; justify-content: center; } .intermediat_box.list_view .set_cal .draft{ margin:0px 5px;} .intermediat_box.list_view .mobile_show{order: 6} .intermediat_box.list_view .dog_start_abso.inter{order:6;} .intermediat_box.list_view .dog_b .dog_detial.bookin_list.list_menu{width: 100%;} .dog_profile_info.invite_dogs .dog_detial.dog_detail_box ul li{text-align: center;} .intermediat_box.list_view .dog_b .dog_detial.bookin_list.list_menu .menu_listing{justify-content: flex-start;} .intermediat_box.list_view .dog_profile_info.invite_dogs .dog_detial ul li a{ margin-right: 10px;} .dog_profile_info.invite_dogs .dog_detial.dog_detail_box ul li{width: 50%; margin:5px 0px;} .intermediat_box.list_view .dog_detial ul li .dog_title_intermediat{margin-bottom: 2px;} .listing_box_page .sniffSpacesImg.verified_location:before{width: 20px; height: 20px;} .fincance_tab li.filterSel {margin-left: 0; margin-top: 10px;} .booking_page_only .myBookingInfoUl li:nth-child(2){margin-left: 10px;} } @media only screen and (max-width: 400px) { /*my profile*/ .personal_info .calenderDiv .cst_input { padding: 0 3px 0 10px; font-size: 16px} .process_box .profile-step { width: auto; padding:0px 5px;} .cardHolderName { font-size: 20px;} .cardNumber { font-size: 22px;} .commen_finnace.customPopupMain .closePopup { right: 10px; } /*my profile*/ .pay_box .accordion_box .accordion_title { font-size: 16px;} .customPopupMain .popupTitle h3 { font-size: 20px;} .addbankpop.customPopupMain .popBody{ padding: 26px 15px;} .commen_finnace.customPopupMain .popupTitle { justify-content: left;} .img-container, .cropper-container , .cropper-view-box {width:310px !important; height: 310px !important;} .file-upload .modal-dialog .firebase-modal-body{max-width: 350px;} .img-container{ margin: 0px auto 20px !important;} .user_type { padding: 5px; width: 20px; height: 20px; line-height: 13px; bottom: -2px; font-size: 13px; margin-left: 5px;} .name_pro{font-size: 18px;} .message_profile_detial .booking_id{ font-size: 15px;} .mess_date { top: 0px; font-size: 12px;} .banner_signup{width:100%; padding: 15px;} .intermediat_box.list_view .dog_start_abso.inter { flex-direction: column;} } /* common css for below screen 374 */ @media only screen and (max-width: 374px) { .list_menu.bookin_list{flex-direction: column !important;} .list_menu.bookin_list .menu_listing{ margin-top: 10px} .list_menu.bookin_list .draft{ align-self: auto;} .addHoursDash { width: 42px;} .accountListIconDiv {width: 60px; min-width: 60px; height: 100%;} .setHoursFieldRow { margin-bottom: 10px; } .accountListContent{width: 150px !important;} .accountListLink { font-size: 18px;} /*my profile */ .profile_start .indicaterTxt { margin-top: 10px; text-align: left;} .otp_enter{margin-bottom: 10px;} .personal_info fieldset:nth-child(4), .personal_info fieldset:nth-child(5) { width: 100%; padding-left: 0; padding-right: 0;} .end_profile.endButtonDiv .btn{height: auto; font-size: 15px; padding: 5px 10px;} /*my profile */ /* review*/ .filter_review_recived li { padding: 0px 5px; font-size: 14px;} .filter_review_recived li img{ width: 16px; margin-left:5px;} /* review */ /*finance*/ .fincance_tab li { margin: 0px 5px; font-size: 14px; text-align: center; line-height: 1.2;} .cardValidDate{margin-bottom: 20px} .accountCardBox .select_primery{ order: 2; width: 100%; margin-top: 5px;} .accountCardBox .cardLogoImg{flex-wrap: wrap; justify-content: flex-start;} .addCardPop.customPopupMain .half-card { width:100%; padding-right: 0px;} .addCardPop.customPopupMain .half-card:nth-child(even){padding-left: 0px;} /*finance*/ .space_book_detail { padding: 20px 10px;} .dog_list_checkout li {margin: 0px 5px;} .listing_box_page .rateStars i { font-size: initial;} .img-container, .cropper-container, .cropper-view-box {width: 270px !important; height: 270px !important;} .modal-footer .btn, a.btn{min-width:120px;} /*.accountListContent.finnace_ac{width: 100% !important;}*/ .indicaterTxt { text-align: left; margin-top:10px; } .mobile_wrap .list_detail_box { padding: 0px 5px;} .title_page_host { font-size: 18px;} .main_title_box .big_font { font-size: 38px;} .main_title_box p{ font-size: 16px;} .other_content_host p{font-size: 14px;} .image_pack img{width: 90%;} .hosting_box_info h3 {font-size: 18px;} .title_main_things {font-size: 18px;} .list_detail_box { font-size: 13px;} .mobile_wrap-xs {flex-wrap: wrap;} .mobile_wrap-xs .accountListContent{width: auto !important;} .mobile_wrap-xs .accountExtraDetail.list_end_box{ flex-direction: row; width: calc(100% + 20px); justify-content: center; padding-top: 10px; margin-right: -20px;} .mobile_wrap-xs .list_detail_box {padding: 0px 10px; width: 50%; justify-content: center; border-right: 1px solid #ccc;} .mobile_wrap-xs .list_detail_box:last-child { border-right:0px solid #eee;} .recipt_mian_title { font-size: 20px;} .que_acco li .title_acco {font-size: 18px;} .dog_start_abso .rateStars i{font-size:12px;} .review_scusess .breadCrumbSingleTitle { margin: 30px 0px; font-size: 26px;} .transitionDetailTable .dataTable.table tbody td .tdConent { height: auto;} .img_sended { position: relative; min-width: 210px; min-height: 160px;} .register_user{position: relative;} .banner_signup .socialBtn {height: 30px; margin-bottom: 7px;} .banner_signup .googleBtn, .banner_signup .facebookBtn {width: 100%;} .banner_signup .loginOptions{ flex-direction: column;} .banner_signup .popupTitle{ margin-bottom: 10px;} } .pop_overlayer.bookingpoint{ pointer-events: none; }