/* Styles definition here */

/* Change the submit button */
#fbuilder .pbSubmit { color: #00f; font-weight: bold; }

/* Change the "asterisk" in required fields */
#fbuilder label .r {color:#f00;}

/* Change the input, textarea or select of the field */
.specialclass input[type=text],
.specialclass textarea,
.specialclass select {border: 2px solid #00f;}

/* Responsive Calendar */
#fbuilder .ui-datepicker-inline{max-width:none !important}

/* center the submit button */
#fbuilder .pbSubmit{margin:5px auto;float:none;display:inline-block;}

/* Calendar dates */
.ahb_m2 #fbuilder .ui-state-default:hover{
	background:#c7cfd1 !important;
}
.ahb_m2 #fbuilder .ui-state-default{
	color:#290431 !important;
}
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#dfeffe;color:#1a4a78;text-decoration:none;}

/*For non-available dates:*/
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}

/*For past dates:*/
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#f4f4f4;color:#ddd;}

/*For active date:*/
#fbuilder .ui-datepicker-calendar .ui-state-active {background: #e9d99b; color: white !important;}

/*For fully-booked dates:*/
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {background:#f00}

/*For invalid dates like holiday, etc:*/
#fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default {color:#b4b3b3}



/* Submit btn */
#fbuilder .pbSubmit { 
 border: 2px solid #007188;
  background-color: white;
  color: #007188;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
	
}

#fbuilder .pbSubmit:hover{
	background: #007188;
  	color: white;
}

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

/* Calendar header */
#fbuilder .ui-datepicker-header { 
	background:#007188 !important;
	color: white !important; 
	text-shadow:none !important;
}


.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {
    color: #FFF;
    background: #007188;
}

/* Available Slots */
#fbuilder .slots div{border:0px !important;}
.ahb_m2 #fbuilder .slots div a {
    width: 100%;
    background: #f8f8f8;
    color: #000;
    border: 1px solid #007188;
    text-decoration: none;  
	padding: 1px 6px;
	border-radius: 0px;
}

.ahb_m2 #fbuilder .slots div.currentSelection a {
    color: #fff;
    background: #007188 !important;
}
.ahb_m2 #fbuilder .slots div a:hover {
    color: #fff;
    background: #c7cfd1 !important;
}

/* Cancel btn */
.ahb_m2 #fbuilder a.cancel:before { background: #f00 !important; font-size: 16px; }

#fbuilder .slots span{
	color:#007188 !important;
}

/* Error messages 4 fields */
#fbuilder div.cpefb_error {
  /*width:80% !important;*/
  background-color: #ffffff;
  padding:20px;
  border:1px solid #eee;
  border-left-width:5px;
  border-radius: 3px;
  margin:10px auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
	border-left-color: #d9534f; /* Left side border color */
  background-color: rgba(217, 83, 79, 0.1); 
}
#fbuilder div.cpefb_error:after{display:none;} 

/* Cancellation Page */
#ahb_cancel_form #cancelbtn{ 
	border: 2px solid #f00;
  	background-color: white;
  	color: #f00;
  	padding: 14px 28px;
  	font-size: 16px;
  	cursor: pointer;
}  

#ahb_cancel_form #cancelbtn:hover {
 	background: #f00;
 	color: white;
}

#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {
    background: #f1ebeb !important; 
}

.hideOption{
	display:none !important;
}