/* Styles definition here */
#fbuilder {
    max-width: 1170px;
    margin: 0 auto;
    background: #FFF;
    padding: 5%;
    width: 90%;
}
.slots span {
    margin-left: 5px;
}
.selectcaution{
	color:#FF0000;
}

#fbuilder .slots {
    margin-top: 0px;
}

.dateCap {
    margin-top: 20px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #4f9657;
}
#fbuilder .slots {
    margin-top: 3px;
}
#fbuilder .pbreak .pbPrevious, #fbuilder .pbreak .pbNext, #fbuilder .pbSubmit {
    background: #ffb40c;
    color: #fff;
    display: block;
    cursor: pointer;
    margin: 0 auto !important;
    /* margin-top: 30px; */
    padding: 10px 70px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #CCC;
}

.ahb_booked0{
	position:relative;
}
#fbuilder div.cpefb_error {
    background: #fff3b4;
    border: 1px solid #ffc088;
    opacity: 0.9;
    margin-top: 7px;
    position: relative;
    padding: 0px 5px;
    z-index: 1000;
    display: inline-block;
    padding: 5px;
}

#fbuilder .medium {
    padding: 10px;
}
#fbuilder .large {
    padding: 10px;
}
#fbuilder .slots div.availableslot.currentSelection a {
    color: #FFF;
}
#fbuilder .left_aligned .fields label
{
	font-weight:bold;
}
div#formheader_1 {
    text-align: center;
    color: #4f9657;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#fbuilder .slots div a {
    background: none;
    box-shadow: none;
    display: inline-block;
    padding: 4px;
	width:100%;
}

#fbuilder .slots .currentSelection {
    border: 2px solid #ff8c00;
    padding: 0px;
    background: #ffa639;
    font-weight: bold;
    color: #FFF;
}
.ahb_list {
    font-size: 18px;
    font-weight: bold;
}



.ui-datepicker-calendar .ui-state-active {
    background: #ffa657;
	color:#FFF;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #fff;
		color: #ececec;
	}
#fbuilder .ui-datepicker-inline {
    max-width:initial;
}
#fbuilder .slots div {
    width: 90px;
    text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a {
    height: 35px;
    line-height: 35px;
	color:#353535;
}

.ui-datepicker-header {
   color: #5f5a3c;
	text-shadow: 0px 0px 0px;
}

.ui-datepicker-calendar .ui-state-default {
    font-size: 18px;
    height: 50px;
	line-height: 45px;
}
.ui-datepicker-title {

    font-size: 15px;
	  height: 40px;
    line-height: 40px;
}
.ui-datepicker-prev, .ui-datepicker-next {
    margin-top: 5px;
}

#fbuilder .slots {
    border: 1px solid #EEEEEE;
    border-radius: 20px;
    width: 100%;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 20px;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow:  initial;
}

.required {
    font-size: .8em;
    padding: 7px;
    background: #FFF;
    color: #323232;
    border-radius: 10px;
    margin-right: 5px;
    border-color: initial;
    border-image: initial;
}

.ui-datepicker-title {
    text-align: center;
    background: #FFF;
    border-bottom: 1px solid #666;
}

.ahbfield_service{
	display:none;
}


@media screen and (max-width:640px){
#fbuilder .left_aligned .fields label {
    float: none;
	}
#fbuilder .left_aligned .fields .dfield {
    float: none;
    width: 100%;
}