/* Styles definition here */
/* Change all the labels: 
#fbuilder, #fbuilder label, 
#fbuilder span { color: #00f; } */

/* Change all the input, textarea and select fields: 
#fbuilder input[type=text], 
#fbuilder textarea, 
#fbuilder select { 
border: 2px solid #00f; */
}
/* Change the submit button: 
#fbuilder .pbSubmit { color: #00f; font-weight: bold; }*/

/* Change the "Section Break" field: */
#fbuilder .section_breaks .section_break { border:0px; }
#fbuilder .section_breaks label { font-size:18px; }
#fbuilder .section_breaks span { font-size:14px; }

/* Change the "Instructions Text" field: */
#fbuilder .comment_area label { font-size:18px; }
#fbuilder .comment_area span { font-size:14px; }

/* Change the "next" and "previous" buttons: */
#fbuilder .pbNext,#fbuilder .pbPrevious {color: #00f;font-weight: bold;}

/* Change the "form title" and "header description": */
#fbuilder .fform h1 {font-size:32px;}
#fbuilder .fform span {font-size:16px;}

/* Change the "asterisk" in required fields: */
#fbuilder label .r {color:#f00;}
Hide the ### ### #### in the phone field:
.uh_phone .l {display:none;}

/* Hide the Date Format label in the date field: */
#fbuilder .dformat {display:none;}

/* Add the following style into the CSS customization area:*/

#fbuilder .ui-datepicker-header { background:#6cc72b ;color:#444; text-shadow:none}
/* Center SUBMIT button */
#fbuilder .pbSubmit{margin:5px auto;float:none;display:inline-block;}







/* Change SLOT design  */
/* #fbuilder .slots{background:#f6e7bd;box-shadow:none} */
#fbuilder .slots div{border:5px}
#fbuilder .slots div a{background:#0693E3;color:#ffffff}

/* Change SLOT design - For the slots already booked in previous bookings  */
#fbuilder .slots .htmlUsed a{text-decoration: line-through;background:#ddd;color:#ccc}

/* Change SLOT design - For the slots selected by the user in the current booking */
#fbuilder .slots .currentSelection a{background:#CC00CC;color:#000}


/* Change SLOT design - Selected Slots */
#fbuilder .ahb_list{margin:10px 0px}
#fbuilder .ahb_list .ahb_list_time{border:0px;background:#0792E34A;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list .ahb_list_service{border:0px;background:#0792E34A;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list a{border:0px;background:#0792E34A;padding:10px;color:#000000;display:inline-block}

/* Change Submit Button */
.pbSubmit{
background-image:url(https://apphourbooking.dwbooster.com/images/logo.png);
width: 212px;
height: 64px;
color:transparent;
}

/*Hide the service drop-down*/
.ahbfield_service { display: none }

/*Make the calendar 100% width / responsive*/
#fbuilder .ui-datepicker-inline { max-width:none !important; }