/* Styles definition here */

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

/* Form */

#fbuilder span, 
#fbuilder label { 
	font-family: Allerta;
	font-size: 18px;
	color: #00507f; 
}

.captcha { 
	font-family: Allerta;
	font-size: 18px;
	color: #00507f; 
}

#fbuilder input[type=text], 
#fbuilder textarea, 
#fbuilder select { 
	border: 2px solid #00a9e5; 
	border-radius: 5px;
	font-family:Roboto;
	font-size: 16px;
	color: #000000;	
}

#captchaimg_1 .skip-lazy { 
	border: 2px solid #00a9e5; 
	border-radius: 5px;
	font-family:Roboto;
	font-size: 16px;
	color: #000000;	
}

/* Calendar Header */
#fbuilder .ui-datepicker-header { 
	background:#00507f;
	font-family:Allerta;
	font-size:24px;
	color:#00a9e5; 
	padding:10px;
	text-shadow:none
}

#fbuilder .pbSubmit { 
	background:#00507f;
	border: 2px solid #00a9e5;
	border-radius: 5px;
	font-family:Allerta;
	font-size: 14px;
	color: #ffffff; 	
}

/* Calendar Names */
#fbuilder .ui-datepicker th{
	background:#00507f;
	font-family:Allerta;
	color:#00a9e5; 
	text-shadow:none	
}

/* Calendar Days */

/* Available Days */ 
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{
	background:#00507f;
	font-family:Roboto;	
	color:#00a9e5;
	text-shadow:none
}

/* Nonavailable Days */
#fbuilder .ui-datepicker-unselectable .ui-state-default{
	background:#f0f2f5;
	font-family:Roboto;	
	color:#00a9e5;
}

/* Fully Booked Days */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {
	background:#f0f2f5;
	font-family:Roboto;	
	color:#00a9e5;
}

/* Holidays */ 
#fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default {
	background:#f0f2f5;
	font-family:Roboto;	
	color:#00a9e5;
}

/* Available Appointment Times */

#fbuilder .slots div a {
	background:#00507f;
	border: 2px solid #00a9e5;
	border-radius: 5px;
	font-family:allerta;
	font-size: 14px;
	color: #ffffff; 
}

#fbuilder .slots div a:hover {
	background:#00507f;
	border: 2px solid #00a9e5;
	border-radius: 5px;
	font-family:Allerta;
	font-size: 14px;
	color: #ffffff; 
}

.cancel a:hover {
	font-family:Allerta;
	font-size: 14px;
	color: #ffffff; 	
}