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

<link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,600&subset=latin-ext" rel="stylesheet”>

/* ---------------------------- Global Styles ------------------------- */

body {
  color:#333333;
  font-weight:300;
  font-family: 'Nunito', sans-serif;
}

#sb-main-container #main-content {
  font-family: 'Nunito', sans-serif;
  font-weight:300;
  font-color:#333333;
}

/* ---------------------------- Hide Items ------------------------- */

#sb_content #sb-timeline #steps #time-settings {
   display: none;
}

div #sb-main-container #footer .copyright {
    display: none;
}

#sb_cookies_block {
display: none;
}

#sb-main-container #footer {
    display: none;
}

/* ---------------------------- Invoices ------------------------- */

#sb_invoice_container head tr {
   font-weight: 300;
}

#sb_content .invoice-pay-page .info {
    text-align: right;
}

/* ---------------------------- Titles ------------------------- */

#sb_content .title-main, #sb_content .title,  #sb_content .title.custom-title {
    font-size: 24px;
    font-weight: 300;
    color:#333333;
}

#sb_content .invoice-pay-page .title.custom-title {
}


/* ---------------------------- Nav ------------------------- */

main #main-content #sb_content #sb-timeline #steps-nav {
    margin-bottom: 30px!important;
}

#sb_content #sb-timeline #steps-nav ul .step_info_item .content {
    flex-direction: column!important;
}

/* Menu items */

#sb-timeline #steps-nav li {
    font-weight: 300;
}

#main #main-content #sb_content #sb-timeline #steps-nav ul .step_info_item .title-small {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
}

#sb-timeline #steps-nav li .content .title-sub {
    font-size: 16px;
    font-weight: 400;
    height: 20px;
}


/* ---------------------------- Calendar ------------------------- */

#sb_content #sb_booking_content .header .txt {
    font-weight: 400!important;
    font-size: 18px;
}



#sb_booking_content .datetime-step .header span {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
}



#sb_timeview_container .day {
    font-size: 18px;
    font-weight: 300;
}

.is-holiday {
    color: #3A90E6!important;
}

#sb_content .day-container {
     display: flex;
    flex-direction: column-reverse;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .day-container .border {
   margin: 0px auto;
}

#sb_invoice_payment_data_container div.text-center {
text-align:right;
}


/* ---------------------------- Confirmation pages ------------------------- */


#sb_content full-price-with-tax {
   font-weight: 600!important;
   font-size: 24px!important;
}
#sb_content .full-price {
   font-weight: 600!important;
   font-size: 24px!important;
}

#sb-timeline .buttons-container {
    display: flex;
    justify-content: flex-end!important;
    flex-wrap: wrap;
}

#details .section-pd {
    padding-top: 0px;
}

.current-booking-info .label {
    text-align: left;
}

.current-booking-info .info {
    font-weight: 400;
    text-align: right;
}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .detail-step-wrap .detail-step .right-side .current-booking-info .booking-price .full-price-with-tax {
    font-weight: 400;
}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .detail-step-wrap .detail-step .right-side .current-booking-info .booking-price .full-price {
    border-top: none;
}

.current-booking-info .cap {
    font-weight: 400;
    font-size: 20px;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .login-bar .cap {
    font-weight: 400;
    font-size: 20px;
}


/* ---------------------------- Footer ------------------------- */

#sb-main-container #footer {
    display: none;
}


/* - - - - - - - - - - - - - - - -  default handlers  - - - - - - - - - - - - - -  */



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