/* Styles definition here */
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active {
    box-shadow: none;
    text-shadow: none;
    color: #D51720;
    border: 0px solid;
}

/** Date: Active **/
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {
    background: #D51720;
}

/** Date: Hover **/
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {
    background: #FFFFFF;
	color: #000000;
	border: 1px solid #D51720;
}

/** Timeslot: available **/
/*
.ahb_m3 #fbuilder .slots div a:hover {
    width: 100%;
    border-radius: 100px;
    background: yellow /** #f8f8f8 **/;
    color: #000;
    border: 1px solid #D51720;
    text-decoration: none;
    padding: 8px 12px;
}
*/
.ahb_m3 #fbuilder .slots div a {
    width: 100%;
    border-radius: 100px;
    background: #ffffff;
    color: #000;
    border: 1px solid #D51720; /*#66CCFF;*/
    text-decoration: none;
    padding: 8px 12px;
}
/** Timeslot: Selected **/
.ahb_m3 #fbuilder .slots div.currentSelection.htmlUsed a {
    color: #fff;
    background: #D51720 !important;
}

#fbuilder .slots .currentSelection a{background:#b6befc;color:#000}