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

/* 121 Mods */

/* Sidebar Description Area - This allows full description not to be cut off */
.timeline-sidebar .tab .txt.short {
    height: auto;
    max-height: 100%;
}


/* The following are for greater cell block descriptions and styling */
.cell.sb-cell.busy:before {
    display: block;
    height: 30px;
    content: 'Unavailable at this price for';
    line-height: 15px;
    padding-top: 12px;
}

a.cell.sb-cell.free {
    line-height: 20px;
}

a[href*="7:00:00"]:before{
    display: inline-flex;
    content: 'Morning Flex';
}

a[href*="11:00:00"]:before{
    display: inline-flex;
    content: 'Midday Flex';
}

a[href*="14:00:00"]:before{
    display: inline-flex;
    content: 'Afternoon Flex';
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell {
    min-height: 70px;
}



a[href*="7:00:00"]:after {
    display: inline-flex;
    height: 0px;
    line-height: 20px;
    content: '- 10:00 PM';
}

a[href*="11:00:00"]:after {
    display: inline-flex;
    height: 0px;
    line-height: 20px;
    content: '- 2:00 PM';
}

a[href*="14:00:00"]:after {
    display: inline-flex;
    height: 0px;
    line-height: 20px;
    content: '- 5:00 PM';
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell {
    display: inline-block;
    padding: 20px 0;
}



li.step_info_item:last-child a[href*="14:00:00"]:before, li.step_info_item:last-child a[href*="14:00:00"]:after,
li.step_info_item:last-child a[href*="11:00:00"]:before,
li.step_info_item:last-child a[href*="11:00:00"]:after,
li.step_info_item:last-child a[href*="7:00:00"]:before,
li.step_info_item:last-child a[href*="7:00:00"]:after {
     display:none;
}

.cell.sb-cell.busy {
    display: none !important;
}


#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot {
    max-height: 100px;
}

/* To Make Default Booking Engine More Like Widget - Personal Data Link and Copyright - Booking Widget information not saved on admin site */
#footer, #header, .tab.tab-col .full-info-trigger, #main-buttons, div#sb_booking_company_time,  #sb-timeline #steps #time-settings #sb_booking_company_time.service-step, .recurring-block, .provider-item.item {display: none;}

#sb-timeline #steps-nav {
    min-height: 88px;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    margin-bottom: 0;
}

#steps-nav .container-fluid.column {
    display: none;
}

/* Product Name Label and Text Description in Booking Window increased to allow additional rows of text */
.tab.tab-col .cap.short {
    height: 25px;
}

.tab.tab-col .txt.short {
    height: 185px;
    margin-bottom: 0;
}

/* Styling and colors of Booking Window */
body .sb-cell.free, body .time-legend .available .circle {
    background: #33bb5d;
    font-weight: 400;
    color: #fff;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell, .time-legend .available .circle, .time-legend .unavailable .circle {
     border-radius: 0px;
}

.time-slot .sb-cell.breaktime, .time-slot .sb-cell.reserved, .time-slot .sb-cell.busy_time, .time-slot .sb-cell.busy, .time-legend .unavailable .circle {
    background: #EFEFEF;
}

.btn-link, .is-holiday {
    color: #33bb5f !important;
}

body .sb-cell.free.hovered, body .sb-cell.free:hover {
    background-color: #2ea954;
}

.custom-checkbox .custom-label {
    border: 1px solid #b1a8a8;
}

/* Service Provider Select Button Colors */
body #sb_booking_content .tab .btn.select, body #sb_time_classes_service_container .btn.select {
    background: #e48b20;
    border-radius: 0;
}

.plugin-group-booking {
    border: 1px solid #dcdcdc;
    border-radius: 0;
}

#sb_booking_content .tab .btn.select a, #sb_time_classes_service_container .btn.select a {
    background-color: #e48b20;
    letter-spacing: 1px;
}

#sb_booking_content .tab .btn.select a[href*="service/13/provider"], #sb_booking_content .tab .btn.select a[href*="service/14/provider"], #sb_booking_content .tab .btn.select a[href*="service/15/provider"],
.btn.select.custom a[href*="category/1"] {
    background-color: #ffb024;
}

.full-info-trigger[data-target="#service13"] ~ .content .badge,
.full-info-trigger[data-target="#service14"] ~ .content .badge,
.full-info-trigger[data-target="#service15"] ~ .content .badge {
    color: #ffb024;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .badge {
    font-size: 24px;
    font-weight: 700;
}

body #sb-timeline #steps-nav #menu-active-bg, body #sb-timeline #steps-nav li:first-child, body #sb-timeline #steps-nav li.passed, body #sb-timeline #steps-nav li.passed + li:not(.passed) {
    background: transparent;
    color: #fff;
}

body #sb-timeline #steps-nav li:first-child:after, body #sb-timeline #steps-nav li.passed + li:not(.passed):after {
    border-left-color: #00ff391a;
}

body #sb-timeline #steps-nav li:not(.passed) .title-small {
    color: #9c9c9c ;
}

body #sb-timeline #steps-nav li.active .title-small {
    color: #494949;
}

#sb-timeline #steps-nav li .content .title-small {
    font-weight: 400;
}

.section-pd {
    padding: 15px;
}

.section {
    min-height: 407px;
}

#sb-timeline #steps #sb_back_button .fa {
    font-size: 26px;
}

#sb-timeline #steps #sb_back_button {
    top: -40px;
    border-color: #d4d4d4;
    background: #e3f1dd;
}

#sb-timeline #steps #sb_back_button span {
    padding: 5px;
    margin-right: 0;
}

#sb-timeline #steps #sb_back_button a {
    color: #226534;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .fa {
    font-size: 24px;
}

#sb-timeline #steps-nav {
    min-height: 50px;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col {
    padding: 0 10px;
}

/* specials flat icons */
.excerpt-info .full-info-trigger, .excerpt-info .full-info-trigger i {
    background: #ffb024;
}

.flaticon-expand-button:before {
    content: "\f115";
}

.full-info .preloader.img-full {
    display: block;
}

.tab.tab-col .full-info-trigger[data-target="#service13"],
.tab.tab-col .full-info-trigger[data-target="#service14"],
.tab.tab-col .full-info-trigger[data-target="#service15"]{
    display: block;
}

#collapseInvoice_details p b:before {
    content: 'FlexTime - ';
}

/* Extras Label */
label.product-label {
    color: green;
}

p {
    word-break: keep-all;
}

/* Booking Detail Review Area - Add Window Open information */
div.cap.mg:after {
    content: "Arrive anytime within 3 hours of your start time!";
    display: block;
    width: 100%;
    font-size: 13px;
    letter-spacing: .5px;
}

@media (max-width: 767px) {
.tab.tab-col .txt.short {
    height: auto;
    max-height: 165px;
}
.cell.sb-cell.busy:before {
    height: 45px;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell {
    padding: 20px 5px;
}
}