/*
	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 */
}
body {
    background: #5f163a!important;
}
#main #main-content #sb_content #sb-timeline #steps #sb_booking_content #sb_dateview_container .section-pd {
    border: 1px solid #ad9300!important;
    border-radius: 2px!important;
}
.section {
    background: #ffffff17!important;
   border: 1px solid #ad9300 !important;
   padding: 20px !important;
}
.classes-plugin-group>div {
       background: #ffffff17;
    border: 1px solid #ad9300 !important;
}
#sb_google_translate .goog-te-combo, .form-control {
    border: 1px solid #ad9300!important;
    border-radius: 2px!important;
}
.invoice-buttons-container {
    display: none; 
}
.invoice-table  tr td:last-child, .invoice-table thead tr th:last-child {
   display: none !important;
}

 #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 */
}
.btn.sb_cancel_btn {
    display: none !important;
}
#main .custom-checkbox .custom-label, #sb_main .custom-checkbox .custom-label {
    border-color: #0d0d0d;
}
.package-service  .count {
display: none;
}
.selected-package-list {
   display:none!important; }

.grid-weekly-serice {
display: none!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn {
    font-weight: 600 !important;
    background: #710454 !important;
    color: #ffffff !important;
    box-shadow: 3px 3px 5px #0000004d;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .parts-of-day .btn, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week .btn {
    background: #ffffff17!important;
    color: #ffffff!important;
    border: 1px solid;
    border-radius: 2px !important;
    border-color: #ad9300 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-off, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {
    color: #ffffff!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background: rgb(0 0 0 / 21%)!important;
}
.grid-weekly-item .data-trigger {
    color: #551434!important;
}
#sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item {
    background-color: rgb(0 0 0 / 11%) !important;
    color: #ffffff !important;
}
.grid-weekly-header {
        border: #ad9300 solid !important;
    border-width: 0px 0px 2px 0px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row:nth-child(odd) .grid-weekly-item {
    background: #ffffff8c!important;
   color: #551434!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row:nth-child(2n) .grid-weekly-item {
    background: #ffffffa6!important;
   color: #551434!important;
}
.slot--available-slot {
    font-weight: 600;
}
@media (max-width: 767px) {
     #sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item {
    color: #fff !important;
}  
#sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item .grid-weekly-serice {
    display: none !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row {
    flex-direction: unset !important;
   border: 0px !important;
    margin: 0px !important;
width: 100% !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots {
    width: 50px !important;
    min-width: 26px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn {
    width: unset !important;
}
 .grid-weekly-header-item.grid-weekly-serice, .grid-weekly-header-item.grid-weekly-available-slots, .grid-weekly-header-item.grid-weekly-provider {
    display:  none !important;
}
 .grid-weekly-body-item.grid-weekly-date-time {
    width: unset !important;
    min-width: unset !important;
}

.grid-weekly-item.grid-weekly-button {
    width: 50% !important;
    min-width: unset !important;.
}
}