/*
	Please make sure your CSS rules are 
	Custom CSS
	more particular / have higher priority
	then other page styles
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

@import url('http://fonts.cdnfonts.com/css/helvetica-neue-9');


#main-buttons .wrapper .inner .bar .btn  {
    background-color: #344259;
    color: #ffffff;
    border-radius: 25px;
}


#main-buttons .wrapper .inner .company-name{
	font-style: 0px;
	text-indent: -9999px;
	overflow: hidden;
	height: 130px;
	background: url("https://i.postimg.cc/zDMMxmxF/TXT-BANNER-Mesa-de-trabajo-1-copia-31.png") no-repeat center;
	background-size: 800px;
}

@media screen and (max-width: 510px) {
  #main-buttons{
    background-position: center left !important;
  }
  #main-buttons .wrapper .inner .company-name {
    height: 70px;
    background-size: 370px;
  }
}
@media screen and (max-width: 359px) {
  #main-buttons .wrapper .inner .company-name {
    height: 70px;
    background-size: 320px;
  }
}

#sb_time_slots_container .sb-cell.free {
visibility: hidden;
}

#sb_time_slots_container .sb-cell.free:hover:after {
background-color: #d3e0f1;
color: #494949;
}

#sb_time_slots_container .sb-cell.free:after {
display: inline-block !important;
margin-right: 10px;
vertical-align: top;
width: 100%;
max-width: 111px;
border-radius: 3px;
line-height: 40px;
text-align: center;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
background-color: #e7715c;
content: 'Continuar' !important;
visibility: visible !important;
}


#content-view #about-us .title-main, #content-view #contacts .title-main, #content-view #schedule .title-main {
    text-align: left;
    font-weight: 900;
    font-family: helvetica;
    font-size: 24px;
}



#content-view #about-us .txt * {
    text-align: justify;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption,
.slots-view #sb_time_slots_container{
  text-align: center;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot{
  max-width: 130px;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a span.end-time{
  display: inline-block;
  width: auto;
}


#sb-page-title{
  display: block;
  flex: 1;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}


 #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 */
}