/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,custom-menu,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.8.4.1558950245
Updated: 2019-05-27 09:44:05

*/
html{
  margin-top:0 ;
}
.form1, .form2, .form3, .form4, .form5, .form6, .form7
{width: 75%;margin: auto; text-align:center;}
.woocommerce-additional-fields {
    display: none;
}
.edit-form span {
    width: 80px;
    /* background: rebeccapurple; */
    float: left;
}
.reservation span.pet-price{
  	text-align:left
}
.reservation span.pet-weight, .reservation span.pet-price {
    width: 100%;
    float: unset;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}
.reservation span.pet-price input{
    border: none;
    background: transparent;
    width: 35%;
    padding: 0;
    color: #464a4c;
    font-size: 17px;
  	text-align:right;
}
.reservation.pepe_active span.pet-price input {
    color: #Fff;
}
.reservation span.pet-price input:focus-visible {
    outline: none;
}
.reservation span.pet-weight p, .reservation span.pet-price p {
    font-size: 17px;
    float: unset;
}
.reservation.pepe_active span.pet-weight {
    color: #fff;
}

.reservation.pepe_active span.pet-price {
    color: #fff;
}
.form1.reservation .form-control {
    margin: auto !important;
    justify-content: center;
}
form#form {
    width: 90%;
    margin: auto;
}
.edit-form  select {
    width: 50% !important;
	outline:none;
	padding:7px;
	background:#eaeaea;
	border:1px solid #dfdfdf ;
}
.edit-form input#phone {
    width: 47%;
    float: left;
}
select#phone_type {margin-left: 10px;}
div#repeater .items  {margin: 50px 0;
  border: 1px solid #cccccc75;
    padding: 20px;
    border-radius: 10px;
  box-shadow: 0 10px 10px #30b38112;
}
.repeater-add-btn{display:block !important;

}
.edit-form  .form-control {
    display: flex;
    align-items: center;
	margin:10px 0;
    border:0;
    padding:0 15px;
    flex-wrap: wrap;
}
.edit-form  .form-group{
    padding: 0;
    margin: 0;
}
.form-control label {
    /*width: 16%;*/
	text-align:left;
	/*margin-right:40px;*/

}
input[type=text], input[type=number], input[type=date], textarea {
   outline: none;
    border: 1px solid #dfdfdf;
    box-shadow: none;
}
select.full_width {
    width: 100% !important;
    margin: 0 !important;
    /* max-width: 25%; */
    margin: 0 0auto !important;
}
select option {
    background: #ddd;
}
.form-control {
    width: 86%;
    margin: 0;
}
.form-lable {
        width: 14%;
    text-align: left;
    margin-right: 85px;
}
/* .form-control {
    width: 95% !important;
} */
.form-group {
    display: flex;
    align-items: center;
    width: 100%;
}
.form-group .form-control {
    margin: 0;
}
.form1-title h1 {
    font-size: 35px;
    margin-bottom: 80px;
    color: deepskyblue;
    font-weight: 400;
}
.form1-title {
    margin: 0 5%;
}
#form button {
    background: deepskyblue;
    float: right;
    margin-right: 14%;
    border: 0;
    width: 12%;
    height: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
}
ul#progressbar {
    display: flex;
    justify-content: center;
}

 #edit_prodile fieldset:not(:first-of-type), #msform fieldset:not(:first-of-type) {
	display: none;
} 
 #progressbar {
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
} 
#progressbar li {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	width: 18.33%;
	float: left;
	position: relative;
	text-align:center;
}
#progressbar li:before {
	content: '';
	counter-increment: step;
	width: 10px;
	line-height: 10px;
	height:10px;
	display: block;
	text-align:center;
	font-size:12px;
	color: #333;
	margin-top:16px !important;
	background: #c6c5c5;
	border-radius: 50px;
	margin: 0 auto 5px auto;
  box-shadow:0 0 0 4px white, 0 0 0 5px #c6c5c5;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #c6c5c5;
	position: absolute;
	left: -50%;
	top: 21px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	color: white;
}
#progressbar li.active:before {background: #30b381;}
#progressbar li.active:before{
	box-shadow: 0 0 0 4px white, 0 0 0 5px #c6c5c5;
}
#edit_prodile .action-button:hover, #edit_prodile .action-button:focus, #msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #30b381;
}
#edit_prodile .action-button, #msform .action-button {
	line-height: 1;
	background: #30b381;
	font-weight: bold;
	color: white;
	border: 0 none;
	outline:none;
	border-radius: 1px;
	float:left;
	cursor: pointer;
	text-transform:uppercase;
	padding: 15px 30px;
	margin: 10px 5px;
}


#edit_prodile fieldset, #msform fieldset {
    border: 0;
}
.edit-form h1 {
    margin: 60px 0;
    display: block;
    text-transform: uppercase;
    color: #30b381;
}
header#site-header {
    display: none;
}
footer#site-footer {display: none;}
form#edit_prodile, form#msform {
    margin: 80px 0;
}
.top_bar_content {
    padding: 10px 30px;
	box-shadow: 3px 0px 10px #d8d8d8;
	background:#fff;
}
.top_bar_content input[type="button"] {
    background: #30b381;
    color: #fff;
    border: 0;
    padding: 6px 30px;
    border-radius: 50px;
	outline:none;
}
.row {
    align-items: center;
}
.top_bar_content i.fa.fa-envelope-o {
    font-size: 22px;
    color: #ddd;
}
.top_bar_content  a.notification:before {
    content: '1';
    position: absolute;
    bottom: 12px;
    left: 13px;
    background: red;
    width: 20px;
    text-align: center;
    border-radius: 50px;
    height: 20px;
    line-height: 2;
    font-size: 10px;
    color: #fff;
}
.top_bar_content ul {
    display: flex;
    gap: 20px;
    align-items: center;
  margin:auto;
    justify-content: end;
}
.top_bar_content ul li {
    list-style: none;
}
a.notification {
    position: relative;
}
a.logout {
    color: #444;
    font-size: 16px;
  padding:6px 30px;
    border: 1px solid #30b381;
    display: block;
    text-align: center;
    border-radius: 50px;
}
.top_bar_content h2 {
    color: #30b381;
    font-weight: 400;
}
.dashboard {
    background: #d5e1f545;
}
.dash_content {
    padding: 30px;
}
.left_side {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: -2px 2px 10px #d8d8d8;
	text-align:center;
}
.right_side {
    background: #fff;
    padding: 15px 20px;
    border-radius: 4px;
  display:block;
	box-shadow: -2px 2px 10px #d8d8d8;
}
.left_side label{
	padding-top:20px;
    display: block;
    color: #1e90ff;
    cursor:pointer;
     }
.left_side input[type="file"] {
    display: none;
}
.left_content img {
    width: 200px;
  height:200px;
    border-radius: 50%;
  max-width:100%;
  margin:auto;
	box-shadow: 0px 0px 0 4px white, 0 0 0 6px #efefef;
}
.dash-profile a#profile-image {
    background: transparent;
    border: none;
    color: #0a76b7;
    font-weight: 500;
}
.dash-profile a#profile-image:focus {
    box-shadow: none;
}
.left_content input[type="button"] {
    background: #30b381;
    color: #fff;
    border: 0;
    padding: 6px 30px;
    border-radius: 50px;
    outline: none;
  margin-bottom: 20px;
}
.left_content li {
    list-style: none;
    border-bottom: 1px solid #efefef;
    padding: 15px 0;
}
.left_content li a {
    display: flex;
    justify-content: start;
    gap: 20px;
    color: #aba7a7;
    text-decoration: none;
    align-items: center;
	margin-left:20px;
	font-size:16px;
	font-family:'cabin';
}
.left_side ul {
    padding-left: 0;
  margin-left:0;
}
.left_content li a:hover {
    color: #000;
}
.left_content li:last-child{
    border:0
}
.row.dash_row {
    align-items: flex-start;
}
.t_message {
    background: #0080001f;
    padding: 20px;
    border-radius: 4px;
	box-shadow:0px 3px 6px 0px #0080004d;
}
.t_message i.fa.fa-check {
    color: green;
    width: 20px;
}
.right_side h2 {
    color: #999;
    font-weight: 400;
}
.t_message p {
    margin: 0;
}
.right_side h3 {
    color: #30b381;
    font-size: 36px;
    font-weight: 400;
    margin-top: 25px;
}
.right_side li {
    list-style: none;
    margin: 20px 0;
}
.right_side li a {
    background: darkred;
    display: flex;
   max-width: 32%;
    height: 45px;
    line-height: 45px;
	text-decoration:none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    border-radius: 8px;
}
.right_side li a i.fa.fa-angle-right {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    margin-left: 30px;
}
.right_side  ul {
    padding: 0;
  margin:0;
}
.right_side li a.bording {
    background: #30b381;
}
.right_side li a.daycare {
    background: deepskyblue;
}
.right_side li a.other {
    background: deepskyblue;
}
.tab-content>.active {
    opacity: 1;
}
.nav-tabs {
    display: block !important;
}
ul.drop_menu, ul.drop_menu_acc  {
    display: none;
}
.left_content li a i {
    font-size: 22px;
    color: #30b381;
}
.left_content li a  i.fa.fa-chevron-right {
    color: #aba7a7;
}
ul.drop_menu, ul.drop_menu_acc {
    margin-top: 20px;
    margin-left: 30px;
}
.reservation img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    box-shadow: 0 0 0 4px white, 0 0 0 5px #999;
}
.reservation {gap: 20px; width:85% !important;}
.reservation p {
    text-align: left;
    font-size: 22px;
}
.reservation h2 {
    font-size: 22px;
	width:110px;
}
.reservation input[name="ariving_date"], .reservation input[name="departing_date"] {
    width: 28% !important;
  padding: 7px 8px !important;
}
.reservation  select {
    margin-left: 0 !important;
	background:transparent;
	width:28% !important;
}
.reservation p.at {
    width: auto;
    margin-top: 10px;
}
.reservation select option {
    background: transparent;
}
select.s_time {
    background:url(https://blpetcare.com/wp-content/uploads/2022/03/clock.png);
    background-repeat:no-repeat;
    background-size: 21px;
    background-position: 90%;
}
.reservation input.next.action-button {
    float: left;
}
.reservation p.s_brading {
    width: auto;
	font-size:18px;
}
h1.b_rates {
    margin-top: 30px;
    margin-bottom: 30px;
	font-size:25px;
}
p.s_brading {
    text-align: center;
}
/*------------------------------------------------popup----------------------------------------------------------------------*/
.popup {
    position: fixed;
	align-items:center;
	justify-content:center;
    left: 0;
    padding: 30px;
    right: 0;
    margin: auto;
    transition: all 1s ease;
    display: none;
    top: 0;
	height:100vh;
    z-index: 2;
    background: #000000b5;
    overflow-y: scroll;
    box-shadow: 0 10px 10px #ccc4c4;
}
body.open-popup {
    overflow: hidden;
}
span.js-popup-toggle.popup-close {
    color: #fff;
    position: absolute;
    z-index: 999;
    cursor: pointer;
	background: #30b381;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
	right:20px;
  top:3%;
}
.popup-container {
    position: relative;
 background: #fff;
    width: 80%;
    margin: auto;
	border-radius:5px;
	z-index:-1;
}
  .s_rate {
    display: flex;
    align-items: baseline;
    gap: 20px;
}
.s_rate p {
    width: auto;
    font-size: 18px;
}
.s_rate button.demo {
    background: #30b381;
    border: 0;
    color: #fff;
    width: 10%;
    border-radius: 50px;
    height: 40px;
	float: left;
} 
.demo_rates {
    padding-top: 9px;
    padding-left: 5px;
    width: 90%;
    float: left;
    display: inline-block;
}
.pepe {
    float: left;
    display: flex;
    align-items: center;
    background: #dff0e0;
    padding: 10px;
	margin-top:0;
    border-radius: 6px;
    border: 2px solid #a8d8a8;
	display:none;
}
.pepe img {
    width: 60px;
    height: 60px;
}
.pepe h2 {
    font-size: 16px;
    font-weight: 400;
  margin-left:10px;
  margin-bottom:0;
    text-transform: uppercase;
}
.pepe i {
    color: green;
    padding-right: 7px;
}
.pepe p {
  margin-bottom:5px;
    margin-left: 10px;
}
.demo_radio {
    display: flex;
    flex-direction: column;
}
.s_btn input.select {
    display: none;
}

span.s_btn {
    background: #30b381;
    border: 0;
    color: #fff;
    width: 10%;
    border-radius: 50px;
    height: 40px;
    float: left;
    line-height: 40px;
  cursor:pointer;
}
span.btn_txt {
    width: auto;
    padding-top: 11px;
    font-size: 16px;
	text-align:left;
	margin-left:25px;
}
.demo_radio label {
    margin-bottom: 20px;
    width: 35%;
}
.demo_radio label.add_active {
    background: #a8d8a8;
    padding: 20px 10px;
    border-radius: 5px;
}
thead.t_head tr th, .book-pet .tabel-one tr th{
    text-align: center;
    font-weight: 400;
}
.reservation_tabel table{
    margin-top: 30px;
}
.book-pet .tabel-one{
    margin-top: 30px;
    margin-bottom: 0;
}
.book-pet .tabel-two {
    border: 0;
}

.book-pet .tabel-two tr {
    display: flex;
    justify-content: end;
    align-items: center;
    border: 1px solid #efefef;
    border-collapse: collapse;
}

.book-pet .tabel-two tr td {
    border: 1px solid #efefef;
    height: 56px;
    line-height: 41px;
    text-align: center !important;
    border-collapse: collapse;
    border-bottom: 0;
    border-top: 0 !important;
    width: 12%;
}
.book-pet .tabel-two tr td:first-child{width:15%}
.book-pet .tabel-two tr td:last-child{width:9%}
.book-pet .tabel-two tr td p {
    font-size: 16px;
    margin: auto;
    text-align: center;
}
table.r_total {
    margin-top: -27px;
  border:0;
}
table.r_total td {
   border: 1px solid #efefef;
    height: 56px;
    line-height: 41px;
    text-align: center !important;
    border-collapse: collapse;
  border-bottom:0;
}
table.r_total  p {
  font-size: 15px;
  margin:auto;
}
.pet-form {

}
.reservation .form2 {
	margin-top:4%;
}
.form2 label {
    text-align: left;
    float: left;
}

.form2 input[type="text"] {
    margin-bottom: 30px;
  background:#fff;
  height:45px;
}
.thank-form h2.thank {
    width: auto;
}
.thank-form p {
    width: auto;
    font-size: 15px;
    text-align: center;
}
.thank-form p i {
    color: #30b381;
    font-size: 30px;
    padding-right: 20px;
}
.reservation_tabel h2 {
    width: auto;
    margin-top: 40px;
}
a.another-booking, a.return-home {
    display: block;
    text-align: left;
    margin: 10px 0;
    color: #30b381;
}
.payment h2 {
    width: auto;
}
.add-pet {
    text-align: initial;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    word-break: break-word;
    min-width: 12vw;
    width: 100%;
    justify-content: center;
    max-width: 100%;
}
.p_add_pet{
  display:none;
}

.p_add_pet .pet-profile {
    align-items: center;
    display: flex;
    align-items: flex-start;
    margin: 0 8px 15px 8px;
    box-sizing: border-box;
    width: calc(16% - 0px) !important;
    padding: 0;
    cursor: pointer;
    background: #ededed;
    flex-direction: column;

}
.p_add_pet .input-group, .p_add_pet .profile-desc{
    width:100%;
}
.profile-desc {
    padding: 10px 20px;
}
.p_add_pet .profile-desc span{
    width: 100%;
    float: none;
    display: flex;
    justify-content: space-between;
}
.pet-profile label {
	margin-top: 20px;
    color: #30b381;
    font-weight: 600;
}
.pet-profile img {
    height: 150px;
    border-radius: 0;
    box-shadow: unset;
    width: 100%;
    object-fit: cover;
}
.pet-profile input[type="file"] {
    display: none;
}
.profile-desc h2.p_name {
    color: #30b381;
    margin: auto;
    padding-bottom: 10px;
}
.profile-desc p {
    float: none;
    margin: 0;
}
.reservation_tabel table td, .book-pet .tabel-one tr td {
    text-align: center;
}

.page-template-edit-profile .elementor.elementor-123.elementor-location-footer {
    display: none;
}
body.page-template-edit-profile {
    background: white;
}
.form1 input[type=text], input[type=number], input[type=date], textarea, select {
    width: 100%;
    height: 45px;
    background: #fff;
  padding: 10px;
}
.nav-btn {
    display: inline-block;
}
.another-pet {
    float: left;
margin: 20px 0;
}
.another-pet a{
    background: #eaeaea;
    padding: 10px 30px;
    color:#000; 
}
.cf7_select select {
    width: 100% !important;
    margin: 0 !important;
}

p.success {text-align: center;background: #30b381;color: #ffff;padding: 20px;}
.register label {font-size: 17px !important;color: #666666;font-family: Cabin;margin: 0;}
.vaccine-info {text-align: left;}
.register .um-field-text {padding-bottom: 8px;}

.um input[type=submit].um-button:hover, .um a.um-button:hover {}

.register .um input[type=submit] {background: #30b381 !important;}
.register .um-field-area input {border-radius: 6px !important;}

.p_add {float: right;}

.p_add a {background: #0275d8;color: #fff;padding: 10px 30px;}
.input-group {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}.input-group {}

.pet-profile span.upload-btn {
    float: none;
    width: 10%;
}

.pet-profile .btn-block {
    width: auto;
      background: #30b381;
    border: 0;
}
.register  ul.um-misc-ul {
    display: none;
}
.right-side2 {
    display: none;
}
.service-table {
    display: flex;
    gap: 2px;
}
.service-table p{
    font-size:16px;
    margin:0;
}
span.s_btn:hover, span.s_btn:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #30b381;}
.reservation_tabel input {border: 0 !important;box-shadow: none;text-align: center; color:#444;}
.pet-profile .btn-block:hover, .pet-profile .btn-block:focus {background: #30b381;border-color: #30b381 !important;}
.table-duration {width: 44%;}
.tabel-service {width: 20%;}
.tabel-price {width: 15%;}
.tabel-rate {width: 12%;}
.table-pet-name{width: 12%;}

span.add_btn{
  background: #30b381;
    border: 0;
    color: #fff;
    width: 35%;
    border-radius: 50px;
    height: 40px;
    float: left;
    line-height: 40px;
    cursor: pointer;
}
.add_btn input.select {display: none;}
td.add-table-pet-name {width: 12%;}

tr.ad-tabel-rate {width: 12%;}

tr.ad-tabel-price {width: 12%;}

td.ad-table-duration {width: 44%;}

td.ad-tabel-service {width: 20%;}
/*tr.boarding_row{display:none;}*/
tr.additional_row{display:none;}
p.add-service-price {display: flex;}

p.service-price {display: flex;}

.service-price span {width: auto;}
.boarding_row input[type="text"] {pointer-events: none;}
.invalid + span.btn_txt {color:red;}
.invalid {border: 1px solid red !important;}
.r_total tr {display: flex;
    justify-content: end;
    align-items: center;
    border: 1px solid #efefef;
  border-collapse: collapse;
}

.r_total td:first-child {border-top:0 !important; width: 15%;}
.r_total td:last-child {width: 9%;}
.add-form-pet.repeater {padding: 30px;border: 1px solid #efefef;border-radius: 5px; margin-top:40px;}
button.repeater-close {float: right;background: #4444445e;
  margin-bottom: 10px;
  cursor:pointer;
  display:none;
  padding:15px;
  width: 50px;
    height: 50px;
  border:0;

}
.p_add a:hover {text-decoration: none;color: #30b381;}
.repeater h1 {margin-top: 0;}
.agreement_form label {
    float: left;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.agreement_form {margin: 20px 100px;}
.vaccine-info  p {margin: 0;font-size: 13px;color: #a8a4a4; pointer-events: none; }

.vaccine-info label {margin: 0;}

.agreement{display:none;}
.agreement_form input[type="checkbox"]:checked {accent-color: cadetblue;}

.agreement_form input[type="checkbox"] 
{
    height: 20px;
    width: 20px;
    outline: none;
    content: none;
    margin-right: 5px;
}
.repeater-remove-btn {position: absolute;top: 0px;right: 0;}
.items {position: relative;}
.agreement_form p {height: 300px;overflow-y: scroll;overflow-x: hidden;scroll-behavior: smooth; font-size: 20px; padding:20px 0; text-align:justify;}
.agreement_form p::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.agreement_form p::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.agreement_form p::-webkit-scrollbar-thumb {
  background: #30b381; 
    border-radius: 10px;
}

/* Handle on hover */
.agreement_form p::-webkit-scrollbar-thumb:hover {
  background: #555; }
.left_content h2 {margin-bottom: 20px;}
.pepe i.cross {margin-top: -40px;color: red;  cursor: pointer;}

/*Reservation Form*/
.reservation .pet-profile 
{
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    word-break: break-word;
    min-width: 12vw;
    width: 100%;
    justify-content: center;
    max-width: 100%;
}
.reservation .pet-profile .form-control.reservation 
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 8px 10px 8px !important;
    box-sizing: border-box;width: calc(13% - 0px) !important;
    padding: 0;
    cursor: pointer;
    background: #ededed;
    border-radius: 5px;
    position: relative;
}
.reservation span.pepe_close {
    width: 100%;
    height: 100%;
    position: absolute;
}
.reservation span.pepe_close i{
    position: absolute;
    right: 12px;
    top: 8px;
    color: #000;
}
.reservation .pet-profile .form-control.reservation .select_pet{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

.reservation .pet-profile .form-control.reservation.pepe_active .select_pet{background: #30b381;}
.pet-profile .reservation img{
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 0;
    box-shadow: unset;
}
.pet-profile .reservation p{
    margin: 0;
}
.reservation .pet-profile .form-control.reservation.pepe_active .select_pet p.pet-name {
    color: #fff;
}
.invalid + .select_pet{
    background: red;
}
.invalid + .select_pet p{
    color: #fff;
}
/*.pepe_active .pepe span {width: auto;}
.pepe_active .pepe span i.pepe_close {color: red;margin-bottom: 40px;background: #a8d8a8;
  text-align: center;font-size: 13px;padding: 8px 10px;border-radius: 50px; cursor: pointer;}
*/
/*Edit profile*/

.pet_image_info {float: left;text-align: left;}
.form1 input[type=file]{
    padding: 10px 0;
    width: 100%;
    height: 45px;
    background: #fff
}
.toggle_btn {display: none;}
.woocommerce-checkout button#place_order {
    background: #30b381;
  margin-bottom:20px;
}
.woocommerce-checkout-payment p {
    line-height: 2;
    font-family: 'Cabin';
}
.woocommerce-message, .woocommerce-info {
    border-color: #30b381;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: #30b381;
}
.woocommerce-checkout-payment .form-row {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-checkout-payment .wc-stripe-elements-field, .wc-stripe-iban-element-field {
    padding: 10px;
    border: 0;
}

#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand, .woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand {
    filter: invert(60%) sepia(19%) saturate(1369%) hue-rotate(105deg) brightness(95%) contrast(85%);
}
.df-loader {
    position: absolute;
    background: rgba(255,255,255,0.9);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    z-index: 999;
}

/*style for carosuel*/
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }

    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .edit-form input#phone {width: 46%;}
    .p_add_pet .pet-profile {width: calc(32% - 10px) !important;}
    .p_add_pet .pet-profile {width: calc(32% - 10px) !important;}

.form-control label {font-size: 15px;}

.edit-form h1 {margin: 40px 0;font-size: 35px;}
.toggle_btn{display: block; float: right;}
.toggle_btn i {font-size: 23px;color: #fff;background: #30b381;padding: 8px 16px;cursor: pointer; }
.right_side li a {max-width: 80%;}
.right_side li a {max-width: 80%;}

.dash_content {padding: 20px;}

.booking_tab {max-width: 35%;}

.left_content img {width: 150px;height: 150px;}

.left_content h2 {font-size: 25px;}

.left_content input[type="button"] {padding: 6px 22px;}

.left_content li a {gap: 10px;}
.booking_tab {max-width: 35%; display: none;}

.left_side {padding: 10px;}
.show-sidebar .booking_tab {display: block;}
.show-sidebar .col-lg-9.col-md-7.booking_info {max-width: 65%;flex: 55%;}

.col-lg-9.col-md-7.booking_info {max-width: 100%;flex: 100%;}
.reservation .pet-profile .form-control.reservation {width: calc(30% - 0px) !important;}

.reservation h1 {font-size: 25px;}

.reservation input[name="ariving_date"], .reservation input[name="departing_date"] {width: 100% !important;}

.reservation select {width: 89% !important;}

select.s_time {background-position: 80%;}
span.s_btn {width: 20%;}

span.add_btn {width: 20%;}
.form-control.reservation {flex-wrap: wrap;}

.reservation p.at {margin: 0 auto;}
.agreement_form {margin: auto;}

.agreement_form p {padding: 20px;}
.form-profile {width: 100%;margin-bottom: 30px;}

.reservation .form2 {float: none;width: 100%;clear: both;}
}
.tabel-one .boarding_row input, .tabel-two input {
    border: none;
    text-align: center;
}
.shop_table tbody tr.check-reserve {
    display: inline-grid;
    gap: 10px;
}
.shop_table.order-recive tbody tr.check-reserve{
    width: 25%;
}

.shop_table tbody tr.check-reserve td {
    border-right: 1px solid #ebebeb !important;
    padding: 5px !important;
    font-size: 15px;
}
.shop_table tr.additional td {
    font-size: 15px;
    padding: 5px !important;
    width: 50%;
}
.shop_table.woocommerce-checkout-review-order-table thead, .shop_table.woocommerce-checkout-review-order-table tbody, .shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
    display: none;
}
.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    text-align: right;
}
.woocommerce-checkout .col-1 {
    max-width: 100%;
}
.woocommerce-checkout header.entry-header {
    display: none;
}
/*---------------------------------------------------------------------mobile-responsive-----------------------------------------------------------------------------------------*/
@media screen and (min-width:320px) and (max-width:767px){
  .right_side li a {
    max-width: 100%;
}
  .dash_content {
    padding: 10px;
}
  .booking_tab {
    width: 40% !important;
    display:none;
}

.booking_info {
    width: 100%;
}

.left_side {
    padding: 10px;
}

.left_content img {
    width: 80px;
    height: 80px;
}
.dash-profile a#profile-image {
    font-size: small;
    display: contents;
}
p.text-muted.text-center.profile-gape {
    display: none;
}
.left_content h2 {
    font-size: small;
    margin-bottom: 10px;
}
.left_content input[type="button"] {padding: revert;font-size: small;}
.left_content li a {
    font-size: 0;
  justify-content:center;
}
  .toggle_btn {
    display: block;
        float: right;
       margin-top: -35px;
    background: #30b381;
    color: #fff;
    padding: 6px 10px;
}
  .top_bar_content h2 {
    font-size: 22px;
    margin-top:10px;
}
  .show-sidebar .booking_tab {
    display: block;
       position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    padding-left: 0;

}

.show-sidebar .booking_tab .left_side {
    height: 100vh;
}
ul#progressbar {
    padding: 0;
    margin: 0;
    flex-direction: column;
}
#progressbar li {
    width: 44%;
    margin: auto;
}
#progressbar li:after {
    display: none;
}
  #progressbar li:before {
    width: 100%;
    margin: 10px 0 !important;
}
 .edit-form h1 {
    margin: 30px 0;
    font-size: 20px;
    line-height: 1.3;
}

.form1.reservation .form-control {margin: 20px !important;}

.reservation input[name="ariving_date"], .reservation input[name="departing_date"] {
    width: 100% !important;
}
.reservation select {
    width: 100% !important;
}

.reservation .pet-profile .form-control.reservation {
    width: 100% !important;
}
.reservation span.pet-price input {text-align: end;}

span.add_btn {
    width: 100%;
}
.popup {
    padding: 10px;
}
.popup-container {
    width: 100%;
}
span.js-popup-toggle.popup-close {
    top: 20px;
}

.pet-profile .reservation img {
    width: 100%;
    height: 100px;
  text-align: center;
    object-fit: cover;
}
.reservation p.at {
    display: none;
} 
.demo_radio label {
    width: 90%;
}  
 tabel#pet_table th {
    width: 100% !important;
}
.form1.reservation {
    overflow: scroll;
}
  tbody.reserv td {
    width: 100% !important;
}

.form1 input[type=text], input[type=number], input[type=date], textarea, select {}

.reservation_tabel table input {
    width: auto !important;
}

table.r_total {
    width: 100%;
}
.r_total tr {
    width: 100% !important;
    justify-content: space-between;
}
  .r_total td {
    width: 50%;
}
 .t_message p {
    font-size: 14px;
}
.agreement_form {
    margin: 10px;
}

.agreement_form p {
    font-size: 16px;
}

.agreement_form label {
    align-items: baseline;
    font-size: 16px;
    gap: 0;
}
.agreement_form input[type="checkbox"] {
    margin-right: auto;
}
  .book-pet .tabel-one td {
    width: 100% !important;
}
.book-pet .tabel-one input {
    width: auto;
}
.book-pet .tabel-two tr {
    justify-content: flex-start;
    width: 100%;
}
.book-pet .tabel-two tr td {
    width: 75%;
}
.book-pet .tabel-two tbody {
    width: 100%;
}
.book-pet .tabel-two {
    width: 100%;
}
.shop_table tbody tr.check-reserve {
    display: block;
    padding: 10px;
}

#before-order-table {
    overflow: scroll;
}
.shop_table tbody tr.check-reserve td {
    width: 100% !important;
}
.form-row.form-row-first, .form-row.form-row-last {
    width: 100% !important;
    float: unset !important;
}  
.select2.select2-container .select2-selection {
    line-height: 40px !important;
}  
.woocommerce-order li {
    margin: 10px 0;
}
table.order-recive td {
    height: 70px;
}
  
  
}