@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

p,
span,
label,
a,
button,
input,
textarea,
select,
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, sans-serif;
}

#client-login button.btn {
  font-family: 'Open Sans';
}
.cap.short {
  font-family: "Open Sans", Arial, sans-serif;
}

#sb-timeline #steps-nav li:first-child .content .title-small,
#sb-timeline #steps-nav li.passed + li:not(.passed) .content .title-small {
  text-transform: capitalize;
}


.pwa_install__banner-ios .pwa_install__content-ios {
  display: none;
}
#pwa_install_banner {
  display: none !important;
}


#cs_register_or_login_tabs .cs_nav_item a {
  padding: 10px 26px;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  font-family: "Open Sans", Arial, sans-serif; /* text only */
  font-weight: 500;
  text-decoration: none;
  color: #2b212b; /* inactive text */
}

#cs_register_or_login_tabs .cs_nav_item.active a {
  background: linear-gradient(to right, #d4b563, #f5a67a, #f5a67a);
  color: #2b212b; /* same text color as your buttons */
  border-color: transparent;
}

@media (max-width: 767px) {

  #client-login .section_top 
  #cs_register_or_login_tabs ul li.cs_nav_item a {
    padding: 18px 24px;
  }

  #client-login .section_top 
  #cs_register_or_login_tabs ul li.cs_nav_item {
    margin: 18px 0;
  }
}

.filter {
display:none;
}
#client-login input.iti__tel-input::placeholder {
  opacity: 0 !important;
}

#client-login input.iti__tel-input::-webkit-input-placeholder {
  opacity: 0 !important;
}

#header .nav-wrapper #sb_menu .nav li a {
  text-transform: capitalize;
}
/* Google */
.company-location--caption {
    display: none;
}
#sb_address_container {
 display: none;
}
.booking-info--item_invoice {
  display: none;
}

.invoice-notification {
  display: none;
}

.invoice-pay-page-grid_item.right-block .right-block--header .invoice-info {
  display: none;
}


/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}