.pt-20 {
  padding-top: 20px;
}

.pt-15 {
  padding-top: 15px;
}

.plr-60 {
  padding-left: 70px;
  padding-right: 70px;
}

.plr-65 {
  padding-left: 65px;
  padding-right: 65px;
}


.plr-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.mr-10 {
  margin-right:10px;
}

.profile-avatar--w-photo {
  background-size: cover;
}
.modal-groomit-v4 a{
  color:#0071E3;
}

.container-v4-floating {
  margin-top: 65px;
  margin-bottom: 65px;
}
.cont-groomit-user-w-header{
  background:#f5f5f5;
}
.cont-float-top-photo{
  margin-top:90px;
  padding-top:0;
}
.cont-float-top-photo .cont-photo-block{
  margin-top:-90px;
}
.form-check.form-check-groomit label{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  color: #000;
}
.form-check.form-check-groomit label a{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration:underline;
}

.opt-divider{
  display:inline-block;
  width:2px;
  height:30px;
}
.opt-divider img{
  vertical-align:bottom;
}
.btn-group-groomit.btn-group-groomit-v4 {
  display: flex;
  background-color: #eaeaea;
  border-radius: 14px !important;
  box-shadow: none;
}

.btn-group-groomit.btn-group-groomit-v4 .btn-st-opt{
  padding: 0 10px;
  border: solid 1px #eaeaea;
  line-height: 30px;
  font-size: 14px;
  background-color:#eaeaea;
  border-radius: 10px !important;
  height: 30px;
  margin:0;
}

.w-50{
  width:50%;
}

.btn-group-groomit .btn.btn-st-opt:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  background-color: #fff;
  border-radius: 14px !important;
  border: solid 1px #e1e1e1;
}

.btn-group-groomit .btn.btn-st-opt.active{
  background-color: #fff;
  border-radius: 14px !important;
  border: solid 1px #e1e1e1;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.btn-group-groomit .btn.btn-st-opt.active-tab{
  background-color: #fff;
  border-radius: 14px !important;
  border: solid 1px #e1e1e1;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.btn-group-groomit .btn-st-opt input[type="radio"] {
  display: none;
}
.input-group.input-group-groomit.input-group-groomit-v4 select.form-control {
background-image: url(../../v4/images/select-down-black.svg);
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 30px;
}
.input-group.input-group-groomit.input-group-groomit-v4 input[type="text"].form-control,
.input-group.input-group-groomit.input-group-groomit-v4 input[type="date"].form-control, 
.input-group.input-group-groomit.input-group-groomit-v4 input[type="number"].form-control, 
.input-group.input-group-groomit.input-group-groomit-v4 input[type="email"].form-control, 
.input-group.input-group-groomit.input-group-groomit-v4 input[type="password"].form-control, 
.input-group.input-group-groomit.input-group-groomit-v4 select.form-control, 
.input-group.input-group-groomit.input-group-groomit-v4 textarea.form-control{
  height:35px;
  line-height:30px;
  border-radius:10px;
  font-size:12px;
  outline:none;
  box-shadow:none;
  color:#000;
  padding-left:8px;
  margin-bottom: 15px;
}

.input-group.input-group-groomit.input-group-groomit-v4 textarea.form-control{
  height:70px;
  resize: none;
}

.input-group.input-group-groomit.input-group-groomit-v4  input::placeholder {
  font-style:italic;
  height:35px;
  line-height:30px;
  color:#C8C8C8;
}

.input-group.input-group-groomit.input-group-groomit-v4 label{
  font-size:12px;
  color: #7B7575;
  padding-left:8px;
  margin-bottom:3px;
}
.input-group.input-group-groomit.input-group-groomit-v4 .con-groomit-avatar-in label{
  padding-left:0;
}
.container-bottom-button{
  background:#fff;
  padding-top:20px;
  padding-bottom:20px;
}
.con-groomit-v4-form.p-section.cont-float-top-photo{
  margin-bottom:35px;
}
.btn-groomit.btn-groomit-v4{
  height:35px;
  line-height:35px;
  margin-bottom:0;
  font-size:15px;
  font-family: "Filson Soft Regular" ;
  min-width:76px;
  background:#D91C18;
  color:#fff;
  border: 1px solid;
  border-color:#D91C18;
  padding-left:5px;
  padding-right:5px;
}
h2.h2-v4{
  color: #000;
  font-size:18px;
}
.con-groomit-avatar.con-groomit-avatar-v4 {
  width: 125px;
  height: 125px;
  padding: 11px;
}

.con-groomit-avatar-modal-v4 {
  width: 105px;
  height: 105px;
  padding: 0px;
  margin-bottom: 10px;
  border-radius: 20px !important;
}

.con-groomit-avatar-modal-v4 .con-groomit-avatar-in {
  border-radius: 20px !important;
}

.input-group.input-group-groomit.input-group-groomit-v4 .con-groomit-avatar_add-icon {
  width:32px;
  height:32px;
  line-height:30px;
  position: absolute;
  bottom: -10px;
  left: 47.5px;
 
}

.con-groomit-avatar-v4 .con-groomit-avatar-in.no-photo-added{
  background-color: #EAEAEA;
  background-image: url(../../v4/images/no-photo-profile.svg);
  background-position: center 38% ;
  background-repeat: no-repeat;
}
.con-groomit-avatar-v4 .con-groomit-avatar-in.no-photo-added.no-photo-added-cat{
  background: linear-gradient(rgba(221,221,221,.5), rgba(221,221,221,.5)), url(../../v4/images/schedule/cat_active.svg) no-repeat center;
  background-size: 45%;
  background-position: center 30%;
}
.con-groomit-avatar-v4 .con-groomit-avatar-in.no-photo-added.no-photo-added-dog{
  background-size: 70%;
  background-position: center 30%;
  background: linear-gradient(rgba(221,221,221,.5), rgba(221,221,221,.5)), url(../../v4/images/schedule/dog_active.svg) no-repeat center;
}

.upload-certificate {
  background: rgba(235, 87, 87, 0.35);
  border-radius: 0px 0px 10px 10px;
  color: #EB5757;
  position: absolute;
  width: 45%;
  height: 34px; 
  left: 29%;
  font-size: 12px;
  padding-top: 7px;
}

.uploaded-certificate {
  background: rgba(111, 207, 151, 0.4);
  border-radius: 10px;
  color: #27AE60;
  width: 100%; 
  height: 30px; 
  line-height:30px;

  font-size: 12px;
  padding-top: 0;
}

.red-link-v4{
  color:#A50E27;
  font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
}
.red-link-v4:hover{
  color:#A50E27;
  text-decoration:underline;
}
p.success-message{
  color:#27AE60;
  font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
}

.con-groomit-avatar.con-groomit-avatar-v4.con-groomit-avatar-v4-profile {
  border: none;
  background: transparent;
}
.con-groomit-avatar.con-groomit-avatar-v4.con-groomit-avatar-v4-profile .con-groomit-avatar-in{
  background-color: linear-gradient(rgba(221,221,221,1));
  background-image: url(../../v4/images/no-photo-profile.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:60%;
}
.read-only-form #referral-info h3.groomit-info-sub-title{
  color:#000000;
  font-size: 13px;
  font-family: "Filson Soft Bold" ;
  margin-bottom:0;
}
.read-only-form #referral-info p{
  color:#7B7575;
  font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom:0;
}
.read-only-form #referral-info p span{
  color:#2E2E2E;
  margin-right:4px;
}

.read-only-form  .input-group.input-group-groomit.input-group-groomit-v4 input[type="text"].form-control{
  border-radius:0;
  border:none !important;
  /* border-top: 1px solid #e6e6e6 !important; */
}

.space-input-border {
  border-top: 1px solid #e6e6e6 !important;
  padding-top: 7px !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

a.click-icon{
  width:32px;
  height:32px;
  line-height:34px;
  padding:0;
  border: 1px solid #F2F2F2;
  background: #F9F9F9;
  border-radius:50%;
  text-align:center;
}

a.click-icon img{
  vertical-align: text-top;
}


.cont-booking-process a.click-icon{
display: inline-block;
line-height: 29px;
}
.cont-booking-process a.click-icon img{
  vertical-align: middle;
}

.groomit-card.groomit-card-v4{
  min-height:70px;
}
.groomit-card.groomit-card-v4 h3{
  color:#000000;
  font-size: 12px;
  line-height:13px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:600;
}
.groomit-card.groomit-card-v4 h3 strong{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
}

.groomit-card.groomit-card-v4 {
  box-shadow: none;
}

.btn-groomit.btn-groomit-v4.btn-groomit-v4-transparent{
  border: 1px solid #DBA1A5;
  background-color:transparent;
  color: #2E2E2E;
}
.groomit-card.groomit-card-v4 .btn-groomit.btn-groomit-v4{
  font-size:12px;
}
.groomit-card-tall-avatar.groomit-card-tall-avatar-v4{
  box-shadow: none;
}
.groomit-card-tall-avatar.groomit-card-tall-avatar-v4 a.info-link {
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: auto;
  margin-right: 0;
}
.groomit-card-v4.groomit-card h2, h3.groomit-card-title{
  font-family: "Filson Soft Bold" ;
  font-size: 13px;
  font-weight:bold;
  line-height:14px;
}
p.no-results-message, p.no-results-message a{
  font-size:12px;
  font-family: "Filson Soft Regular" ;
  line-height:12px;
}
p.no-results-message a{
  color:#000;
}
.click-icon-favorite{
  margin:auto;
  margin-right:0;
}

#main-nav-user{
  background: #2B2B2B;
}

#main-nav-user .main-nav__link{
  color:#fff !important;
  font-size:14px;
}

#main-nav-user .main-nav__link:hover{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
  text-decoration: none;
}
/*
.nav-user-profile .nav-link.dropdown-toggle, .dropdown-mobile .nav-link.dropdown-toggle{
  color:#fff;
  background: #9E1C28;
  border-radius:50%;
  text-align:center;
  font-size:13px;
  line-height:29px;
  font-family: 'SF Pro Display-regular' ;
  width:29px;
  height:29px;
  border:1px solid #9E1C28;
  padding:0;
}
*/
li.gr-dropdown {
  width:max-content;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Filson Soft Regular";
  line-height: 14px;
}
li.nav-item_divider {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 27px;
  font-family: "Filson Soft Regular";
  line-height: unset;
}
li.gr-dropdown .nav-link.dropdown-toggle{
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: "Filson Soft Regular";
  line-height: 14px;
  padding:0;
}

li.gr-dropdown .nav-link.dropdown-toggle i{
  padding-left:2px;
}
.dropdown-mobile{
  padding-left:0;
}
.list-under-nav p{
  color:#fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:12px;
  margin:auto;
  line-height: 14px;
}

.list-under-nav p img{
  vertical-align:sub;
  width: 20px;
  height: 28px;
}

.list-under-nav p img.delete-top{
  height: 18px;
  width: 18px;
}

.list-under-nav .list-inline-item{
  vertical-align: top;
}

.list-under-nav .list-inline-item a{
  color:#FFF;
  font-size:22px;
  line-height: inherit;
}

.list-under-nav li:last-child{
  width: max-content;
}
.sub-nav-divider{
  width:1px;
  height:100%;
  background:#fff;
  margin-left:10px !important;
  margin-right:10px !important;
}
svg.svg-inline--fa.fa-bars.fa-w-14.groomit-menu-icon{
  color:#fff !important;        
}
.list-under-nav p strong{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
}
#main-nav__menu .dropdown-menu{
  padding: 15px;
    background-color: #2b2b2b;
    border: solid 1px #4e4d4d;
}
#main-nav__menu .dropdown-menu a{
  color: #fff !important;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  transition: .3s;
  text-decoration: none;
  background: none;
}
#main-nav__menu .dropdown-menu a:hover{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
  text-decoration: none;
}
.dropdown-divider{
  border-color:#4e4d4d;
}
.mobile-details-link{
  width:100%;
  color:#fff;
  border-top:1px solid #fff;
  padding: 5px 15px;
  margin-top:10px;
}
.mobile-details-link a{
  color:#fff;
  margin:0;
}
.mobile-details-link .fa-chevron-up{
  display:none;
}
.mobile-details-link .collapsed .fa-chevron-down{
  display:none;
}
.mobile-details-link .collapsed .fa-chevron-up{
  display:inline-block;
}
#collapseBookDetails{
  margin-top:10px;
  border-top:1px solid #fff;
}
@media only screen and (min-width: 1200px) {
.navbar-brand-mobile{
  display:none;
}
.navbar-brand-desktop{
  display:block;
}
.dropdown-mobile{
  display:none !important;
}
.dropdown-desktop{
  display:flex !important;
}
.cont-list-under-nav-mobile{
  display: none !important;
}
}

@media only screen and (max-width: 1199px) {
  .navbar-brand-mobile{
    display:block;
  }
  .navbar-brand-desktop{
    display:none;
  }
  .dropdown-mobile{
    display:block !important;
  }
  .dropdown-desktop{
    display:none !important;
  }
  .cont-list-under-nav-desktop, .list-under-nav-desktop{
    display: none !important;
  }
  .sub-nav-divider{
    height:30px;
    vertical-align:middle;
  }
}


.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 0 4px;
  font-size: 1.6em;
  font-family: FontAwesome;
  display: inline-block; 
}
.starrating.risingstar label.labelRating:last-child::before {
  margin-left: 0 !important;
}
.starrating.risingstar label.labelRating:first-child::before {
  margin-right: 0 !important;
}
.starrating > label
{
  color: #ccc; /* Start color when not clicked */
}

.starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */

.starrating > input:hover ~ label
{ color: #ffca08 ;  } /* Set yellow color when star hover */



    .cont-float-top{
        margin-bottom: 45px;
    }
    .boxed-top-title{
        border-radius: 6px;
        border: 1px solid #e6e6e6;
        background: #fff;
        color:#2E2E2E;
        position: relative;
        margin: 5px auto 20px auto;
        line-height:26px;
        font-size:14px;
        width:120px;
        max-width:100%;
        -webkit-box-shadow: -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        box-shadow:         -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        font-family: "Filson Soft Bold";
    }
    .cont-float-top .float-top-title{
        border-radius: 6px;
        border: 1px solid #e6e6e6;
        background: #fff;
        color:#2E2E2E;
        position: relative;
        margin: 0 auto;
        line-height:26px;
        margin-top: 0;
        font-size:14px;
        width:120px;
        max-width:100%;
        -webkit-box-shadow: -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        box-shadow:         -1px 2px 2px 0px rgba(50, 50, 50, 0.3);
        font-family: "Filson Soft Bold";
    }
    .cont-square-icon{
        height:30px;
        width:30px;
        border-radius:6px;
        line-height:30px;
        text-align:center;
        background: #EAEAEA;
    }
    ul.cont-info li p{
        font-size:12px;
        font-family: 'Source Sans Pro', sans-serif;
        color:#000;
        line-height:17px;
        margin:0;
    }
    .divider-f-w{
        height:1px;
        background:#F2F2F2;
    }
    .gold,
    .Gold{
        color:#D6AF5B;
    }
    .silver,
    .Silver {
      color: #AEAEAE;
    }
    .eco,
    .Eco,
    .ECO {
      color: #3064A3;
    }
    .cont-info h3{
        font-size:14px;
        margin:0;
        font-family: "Filson Soft Bold";
        line-height:14px;
    }
    .con-groomit-v4-form .groomit-card.groomit-card-v4{
        background:#F5F5F5;
    }
    .cont-input-tip input[type="text"]#tip,
    .cont-input-tip input[type="text"]#promo_code
    {
        border-radius:0;
        border: 1px solid #C8C8C8 !important;
        border-right:none !important;
        border-left:none !important;
        width: calc(52% - 16px) !important;
        line-height:24px;
        height:24px;
        margin:0 !important;
        padding: 0 0 0 2px;
    }
    .cont-input-tip button{
        border-radius:0 5px 5px 0;
        border: 1px solid #D91C18;
        background:#D91C18;
        border-left:none;
        width: calc(48% - 1px) !important;
        line-height:24px !important;
        color: #fff !important;
        font-size:12px;
        height:24px !important;
        font-family: "Filson Soft Regular";
        margin:0 !important;
        min-width: 50px !important;
    }
    .cont-input-tip_promo-code .btn-groomit.btn-groomit-v4{
      font-size: 13px !important;
      font-family: "Filson Soft Regular";
      background:#2B2B2B;
      border-color: #2B2B2B;
    }
    .cont-input-tip input[type="text"]#promo_code{
      border-left:1px solid #C8C8C8 !important;
      border-radius:5px 0 0 5px;
      padding-left:4px;
    }
    
    .groomit-card.groomit-card-v4, .groomit-card.groomit-card-v4 .row{
        min-height: 70px;
    }
    .con-groomit-v4-form p,
    .con-groomit-v4-form .groomit-v4-form p,
    .con-groomit-v4-table p{
        font-size:12px;
        line-height:17px;
        font-family: "Filson Soft Regular";
    }
    
    .con-groomit-v4-form .field-height-sm {
      margin: 5px auto 0 auto !important;
    } 
    .modal-groomit-v4 .modal-content{
      border-radius:20px;
      border:none;
  }
  .no-fav-icon,
  .yes-fav-icon{
    width:19px;
    height:19px;
  }
  .no-fav .no-fav-icon{
      display:inline-block;
  }
  .no-fav .yes-fav-icon{
      display:none;
  }
  
  .yes-fav .no-fav-icon{
      display:none;
  }
  .yes-fav .yes-fav-icon{
      display:inline-block;
  }

  
  .modal-groomit-v4.modal-groomit-v4-book-summary .modal-dialog{
    width:480px !important;
}
.modal-groomit-v4.modal-groomit-v4-book-summary .modal-body{
    padding-left:40px;
    padding-right:40px;
}

.modal-groomit-v4.modal-groomit-v4-book-summary .modal-body .row-summary-book p{
    height:24px;
    line-height:24px;
    margin-bottom:0;
    font-size: 12px;
    font-family: "Filson Soft Regular";
}

.modal-groomit-v4.modal-groomit-v4-book-summary .modal-body .row-summary-book .col-6{
    margin-bottom:6px;
    margin-top:6px;
}
  @media (max-width: 450px) {
    .resp-top-45 {
      margin-top: 45px !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .resp-top-45 {
      margin-top: 45px !important;
    }
    .btn-group-groomit.btn-group-groomit-v4 .btn-st-opt{
      padding:0 6px;
    }
  }
  @media (min-width: 768px) {
      .row-same-height {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
        }
        .row-same-height.float-top{
          margin-bottom:46px;
        }
        .row-same-height .cont-float-top{
          margin-bottom:-26px !important;
        }
        .row-same-height .con-groomit-v4-form,
        .row-same-height .col-same-height{
          min-height:100%;
          margin-bottom:0;
        }
  }

@media (max-width: 768px) {
  .btn-groomit.btn-groomit-v4 {
    font-size:13px;
  }
}
  .modal-groomit-v4 .modal-title {
    font-family: "Filson Soft Bold";
    font-size:18px;
    line-height:20px;
    color: #2E2E2E !important;
    font-weight:normal;
    margin-top: 10px;
}
.modal-groomit-v4 .modal-header{
    border:none;
    padding-top:8px;
    padding-bottom:3px;
}
.modal-groomit-v4 .modal-footer{
    border: none;
}
.modal-groomit-v4 .modal-dialog{
    max-width:90%;
    width:320px;
    margin-left: auto;
    margin-right: auto;
}
.modal-groomit-v4 button.close {
    padding: 0 !important;
    margin: 5px 0 0 auto !important;
    height: 12px;
    width: 12px;
    outline: none !important;
    border: none !important;
    display: flex;
    opacity:1;
}


.modal-groomit-v4 p {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height:22px;
    color: #000;
    font-weight:400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-groomit-v4 p strong{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:700;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn-groomit-v4.btn-groomit-v4-white{
    background-color:#fff;
    color:#2E2E2E;
    border-color:#2E2E2E;
}

.groomit-card.groomit-card-tall-avatar-v4,
.groomit-card-tall-avatar-v4{
  padding-top:0;
  padding-bottom:0;
}


.new-item-link {
  background: #BE182A;
  border-radius: 20px;
  color: #FFF !important;
  padding: 2px 10px;
  margin: 0;
  margin-top: 0;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
}

.col-same-height-sticky-buttons .con-groomit-v4-form{
  padding-bottom: 55px;
  position:relative;
}

.col-same-height-sticky-buttons .cont-sticky-buttons{
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .w-100.cont-input-tip.pb-3{
      width:170px !important;
  }
}
.tipsymbol{
  font-size: 12px;
  color: #000;
  border-radius: 5px 0 0 5px;
  width: 15px !important;
  line-height: 22px;
  height: 24px;
  margin: 0 !important;
  padding: 0 0 0 5px;
  font-family: 'Source Sans Pro', sans-serif;
  text-align:right;
  border: 1px solid #C8C8C8;
  border-right:none;
  background:#fff;
}


.custom-control label {
  font-size: 12px;
  text-align:left;
  padding-top: 3px;
}

/* Edit My Account */
.ctn-password {display:none;}



@media (max-width: 450px) {
    .con-form-ajustable-v4 {
        padding: 30px !important;
    }
}

.disabled {
  opacity: 0.6;
}

.bold-800 {
  font-weight: 800;
}



/* Calendar */
.container-fluid.cont-groomit-underline-menu,
.cont-groomit-underline-menu{
    background:#fff;
}
.cont-groomit-underline-menu ul li a{
    font-family: "Filson Soft Regular" ;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color:#000;
    padding:10px;
    display:block;
    border-bottom:2px solid #fff;
    opacity:.5;
    text-decoration:none;
}

.cont-groomit-underline-menu ul li a.completed{
    border-bottom:2px solid #2E2E2E;
    opacity:1;
}

.cont-groomit-underline-menu ul li a.active,
.cont-groomit-underline-menu ul li a:hover{
  font-family: "Filson Soft Bold" ;
  font-weight: bold;
    border-bottom:2px solid #D91C18;
    opacity:1;
}
.dis-mask{
  display: none;
}
.cont-groomit-calendar.disabled{
  position:relative;
  overflow: hidden;
}
.col-same-height .cont-groomit-calendar.disabled {
  opacity: .6;
}
.cont-groomit-calendar.disabled .dis-mask{
  display: block;
  background: #e5e5e5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  opacity:0.1 !important;
  left: 0;
  cursor: no-drop !important;
}
@media only screen and (max-width: 768px) {
  .cont-groomit-underline-menu ul{
    display:block !important;
  }
  .cont-groomit-underline-menu ul li{
      width:100%;
      text-align:center;
  }
  .modal-groomit-v4.modal-groomit-v4-book-summary .modal-body{
    padding-left:5px;
    padding-right:5px;
}

}

.groomit-white-curved{
    background:#fff;
    border: 1px solid #E7E7E7;
    border-radius: 11px;
    padding: 30px 15px;
    margin:35px 0;
}

.groomit-white-curved p{
    font-size:16px;
    line-height:18px;
    color:#2E2E2E;
}

.demo-non-form {
    color: initial;
    width: 100%;
    padding: 10px;
    margin: 6px 0 12px 0;
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.external-container button.external-button {
    font-weight: 400;
    padding: 10px;
    margin: 6px 0 13px 0;
    width: 100%;
}


.col-same-height .cont-groomit-calendar{
    height: fit-content;
    min-height: 100%;
}

.cont-groomit-calendar{
    border-radius:10px;
    padding:15px;
    background:#fff;
}
.cont-groomit-calendar h3{
    font-family: "Filson Soft Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    margin-bottom:3px;
    color: #2E2E2E;
}

.cont-groomit-calendar .mbsc-cal-day-date.mbsc-cal-cell-txt {
    border-radius: 14px;
}

.cont-groomit-calendar .time-range-cont{
    display:inline-block;
    margin:10px 0 0 0;
    width:20%;
}
.cont-groomit-calendar .time-range-cont button{
    border-radius:10px;
    border:none;
    padding:0;
    background:#fff;
    text-align:center;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 30px;
    display:block;
    color: #2E2E2E;
    outline:none !important;
    box-shadow:none !important;
    width:96%;
    margin:0 2%
}
.cont-groomit-calendar .time-range-cont button.active,
.cont-groomit-calendar .time-range-cont button:hover{
    color:#fff;
    background-color:#2E2E2E !important;
    outline:none !important;
    box-shadow:none !important;
}
.cont-groomit-calendar .time-range-cont button:disabled,
.cont-groomit-calendar .time-range-cont button[disabled],
.cont-groomit-calendar .time-range-cont .btn.not-available{
  opacity:.5;
}
.cont-groomit-calendar .time-range-cont button:disabled:hover,
.cont-groomit-calendar .time-range-cont button[disabled]:hover,
.cont-groomit-calendar .time-range-cont .btn.not-available:hover{
  cursor: no-drop !important;
  background:#fff !important;
  color: #2E2E2E !important;
}
.cont-groomit-calendar .calendar-time{
    padding:5px;
    border:none;
    width:100%;
    display:table;
}
/* .cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-cal-cell-txt:before {
    content:"\2022";
    font-family: 'SF Pro Display-regular', sans-serif;
    font-size:13px;
    position:absolute;
    bottom:15px;
    left:0;
    color:#27AE60;
    text-align:center;
    width:100%;
} */

.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt:before {
    color:#fff;
}
.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-cell.mbsc-disabled  .mbsc-cal-cell-txt:before {
    color:#EB5757;
}
.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-cal-cell-txt {
    background: none;
    color: #2E2E2E;
    line-height: 27px;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    margin: auto;
    z-index:1;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    font-size:12px;
}
.cont-groomit-calendar .mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt{
    opacity:1;
}
.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
    background: #2E2E2E;
    color: #fff;
    
    border-radius: 5px;
    margin: auto;
    z-index:1;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:700;
    font-size:12px;
}
.cont-groomit-calendar .mbsc-cal-day .mbsc-cal-txt.mbsc-cal-txt-only{
    background:#E5E5E5 ;
    display:inline-block;
    margin: -3px auto 0 auto;
    color: #2E2E2E !important;
    border-radius:20px;
    width: 35px;
    z-index:1999;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:10px;
}
.cont-groomit-calendar .mbsc-cal-day .mbsc-cal-day-markup{
    display: contents;
}
.cont-groomit-calendar .mbsc-cal-month{
    font-family: "Filson Soft Regular" ;
    font-size: 14px;
    line-height: 14px;
    color: #2E2E2E;
    text-align:left;
}
.cont-groomit-calendar.no-bg{
    background: transparent !important;
}

.cont-groomit-calendar ul{
    border:none;
    padding:0;
    margin:0;
    margin-top: 25px;
    margin-left:15px;
    text-align:left;
}
.cont-groomit-calendar ul li{
    border:none;
    padding:0;
    margin:0;
    text-align:left;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    font-size:12px;
    line-height:12px;
    color: #2E2E2E;
    margin-right:11px;
}
.available-dot{
    color:#27AE60;
    font-size:5px;
    line-height:12px;
    vertical-align: middle;
    margin-right:2px;
}
.not-available-dot{
    color:#EB5757;
    font-size:5px;
    line-height:12px;
    vertical-align: middle;
    margin-right:1px;
}

.cont-groomit-calendar .mbsc-ic-arrow-right6::before{
    /**
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f054";
    **/
    color: #DBA1A5;
}
.cont-groomit-calendar .mbsc-ic-arrow-left6::before{
    /**
    font-family: "Font Awesome 5 Free" !important; 
    font-weight: 900; 
    content: "\f053" !important;
    **/
    color: #DBA1A5;
}
.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-days>div{
    border-bottom:none;
    margin-bottom:5px;
    margin-top:5px;
}

.cont-groomit-calendar .not-available,
.cont-groomit-calendar .not-available:hover{
    opacity:.6;
    cursor: no-drop;
}
/*
.not-available + .tooltip > .tooltip-inner, .red-tooltip + .tooltip > .tooltip-arrow {background-color: #DBA1A5 !important; }


.not-available + .tooltip > .tooltip-inner {background-color: #DBA1A5;}
.not-available + .tooltip > .tooltip-arrow { border-bottom-color:#DBA1A5; }
 */
@media only screen and (max-width: 768px) {
    .cont-groomit-calendar .time-range-cont{
        width:50%;
    }
}

@media only screen and (min-width: 768px) {
    .cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-cal-cell-txt:hover{
        background: #2E2E2E;
        color: #fff;
    }
}

.groomit-loader {
  background: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999999999999999999;
  transition:.3s;
  opacity: 0.6;
}

.spinner-border{
  position:absolute;
  top: calc(50% - 22px);  
  left: calc(50% - 22px);  
  color:#9E1C28;
}

.groomit-card.groomit-card-v4.address.selected,
    .groomit-card.groomit-card-v4.address:hover{
        border:2px solid #2E2E2E;
    }
    .groomit-card.groomit-card-v4.address{
        background: #FFFFFF;
        border: 2px solid #e5e5e5;
        overflow:hidden;
        border-radius: 10px;
        cursor:pointer;
    }
    .groomit-card.groomit-card-v4.address, .groomit-card.groomit-card-v4.address .row{
        min-height:46px;
        line-height:46px;
        padding-top:0;
        padding-bottom:0;
        
    }
    .groomit-card.groomit-card-v4.address p{
        line-height:12px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        color: #000;
        margin:0;
    }
    .groomit-card.groomit-card-v4.address .arrow-cont {
        background:#d5d5d5;
        height:100%;
        width:39px;
        text-align:center;
        display:inline-block;
    }   
    
    .groomit-card.groomit-card-v4.address .arrow-cont img{
        display:inline-block;
        margin:auto;
    }   
    .line-divider-grey{
        width:100%;
        height:1px;
        background:#E5E5E5;
    }
    
    .container-bottom-options {
        height: 130px !important;
    }
    span.green {
      color: #619546;
    }

@media  only screen and (max-width: 768px) {
    .groomer {
        width: 20% !important;
    }
    .btn-group.btn-group-justified.btn-group-groomit.btn-group-groomit-v4.btn-group-groomit-v4-groomer{
      display:block;
    }
    .cont-booking-process .btn-group.btn-group-justified.btn-group-groomit.btn-group-groomit-v4.btn-group-groomit-v4-groomer{
      display: flex;
    }
    .btn-group-groomit-v4-groomer .btn.btn-st-opt.w-50.flex-fill{
      width:100% !important;
    }
    .btn-group-groomit-v4-groomer .opt-divider{
      display: none !important;
    }
}


.btn-groomit-v4-auto-w,
.container-bottom-button .btn-groomit-v4.btn-groomit-v4-auto-w{
    width:auto;
    padding-left:8px;
    padding-right:8px;
}

.cont-checks .custom-control{
  display:block;
}

.cont-checks{
  display:inline-block;
  margin:5px auto;
}

.container-bottom-button.container-bottom-button-date-time{
  line-height:normal !important;
}
.container-bottom-button-date-time .custom-control.custom-checkbox{
  margin:auto;
  display:block;
}
a.eco-modal-book{
  color: #D91C18;
  font-size:12px;
  line-height:12px;
  width:15px;
  height:15px;
  border: 1px solid #D91C18;
  border-radius:22px;
  display:inline-block;
  margin-left:3px;
  text-decoration: none !important;
  text-align: center;
}

#tr_available_credit label p.ac{
  height: auto;
  line-height: unset;
 }
 #tr_available_credit .custom-checkbox{
  cursor:default;
 }
 .font-12{
  font-size:12px;
}

.other-tip,
.other-tip.input-group:not(.input-group-van){
  margin-top:5px !important;
}

.scissors-icon{
  width: 30px !important;
  height: 30px !important;
  margin-top:20px;
}
.modal-groomit-v4 p
#error-modal-body{
  font-size: 16px;
  line-height:18px;
  font-family: 'Source Sans Pro', sans-serif;
}

.fav-added,
.fav-removed {
    display:none;
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 5px;
    transition:.5s;
    z-index:3;
    transition-timing-function: linear;
    padding:5px 1px;
    padding-top:5px;
}

p.dislaimer{
  font-size:12px;
  line-height:13px;
  color:#757575;
}


.groomit-card.groomit-card-v4 h3.choose-groomer-name,
.groomit-card-v4-groomer p.rating{
  font-size:14px;
}

.cont-booking-process .gr-circle-photo {
  width:105px;
  height:105px;
}

.groomer-type-icon{
  width:20px;
  height:20px;
  padding:5px;
  background-color: #F3E3E5;
  border-radius:6px;
  margin-right:4px;
}
.cont-groomer-info p{
  margin:7px 0;
  line-height:18px;
}
.groomit-card-v4-profile{
  padding:35px !important;
  overflow:hidden;
  position: relative;
  border-radius:20px;
}
.circle-bg{
  border-radius:50%;
  position:absolute;
  background-color:#F3E3E5;
}
.circle-bg.circle-bg-1{
  width:130px;
  height:130px;
  top: -20px;
  left:-20px;
}
.circle-bg.circle-bg-2{
  bottom:30px;
  right:-25px;
  width: 60px;
  height:60px;
}
.cont-rating-info{
  background:#fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8.5px;
  line-height:16px;
  margin-left:5px;
  padding:0 4px;
}
.cont-rating-info span{
  line-height:16px;
  margin:0 3px;
}
.cont-rating-info span img{
  vertical-align:baseline;
  width: 11px;
}

.cont-groomer-info p.groomer-name-title{
  line-height:24px;
}
@media (max-width: 1439px) {
  .groomit-card-v4-profile{
      padding:30px !important;
  }

  .cont-booking-process .gr-circle-photo {
      width: 88px;
      height: 88px;
  }

  .cont-groomer-info p {
      margin: 5px 0;
      line-height: 17px;
  }
}

@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) { 
  .groomit-card-v4-profile{
      padding:20px 5px !important;
  }
  .cont-booking-process .gr-circle-photo {
      width: 82px;
      height: 82px;
  }
  .circle-bg.circle-bg-1 {
      width: 90px;
      height: 90px;
  }
  .circle-bg.circle-bg-2{
      width: 50px;
      height: 50px;
  }

}

@media (max-width: 768px) {
  .cont-rating-info span{
    margin:0 1px;
    font-size:14px;
  }
  .groomit-card-v4-profile {
    padding: 30px 0 !important;
  }
}



.appt-top-message{
  width:100%;
  padding:18px 20px;
}
.appt-top-message__p{
  line-height: 14px !important;
  font-size:14px !important;
  font-family: "Filson Soft Regular" !important;
  font-weight:normal;
  margin:0 !important;
  width: calc(100% + -30px + -0.75rem);
}
b{
  
}
.appt-top-message span,
.appt-bottom-message span{
  width:34px;
  margin-right:0.75rem;
  height:30px;
  text-align:center;
  display:flex;
}
.appt-top-message span img,
.appt-bottom-message span img{
  width: 20px;
  height: 20px;
  margin: auto;
}
.appt-top-message--yellow{
  background-color:#f7d651;
}
.appt-top-message--red{
  background-color:#eb5757;
}
.appt-top-message--red p{
  color:#fff;
}
.appt-top-message--transparent{
  padding:36px 20px 0 20px;
}
.appt-top-message--transparent .appt-top-message__p{
  width:100%;
}
.with-appt-top-message{
  padding:0;
  overflow:hidden;
}

.with-appt-top-message-in{
  padding:20px;
  padding-bottom: 0;
}

.appt-bottom-message{
  width:100%;
  padding:15px;
  border-radius: 10px;
  margin-bottom:20px
}
.appt-bottom-message--yellow{
  background-color:#fff1ba;
}
.appt-bottom-message--red{
  background-color:#f3e3e4;
}
.appt-bottom-message__p{
  line-height: 14px !important;
  font-size:14px !important;
  font-family: "Filson Soft Regular" !important;
  font-weight:normal;
  margin:0 !important;
  width: calc(100% + -30px + -0.75rem);
}
.appt-bottom-message__p b{
  font-family: "Filson Soft Bold" !important;
}