/* Styles definition here */

/* Responsive Calendar */
#fbuilder .ui-datepicker-inline{
	max-width:none !important;
	border: solid 2px #b050d5;
	font-family: "Open-Sans";
	box-shadow:none;
}

/* Header */
#fbuilder .ui-datepicker-header { 
	background-color:#d4e9e2;
	color:#000000; 
	font-weight: bold;
	font-size: 18px;
	text-shadow:none
}

/* Past Dates */

#fbuilder .ui-datepicker-unselectable .ui-state-default{
	background:#ffffff;
	color:#000000;
}

/* Available Dates */
#fbuilder .ui-datepicker-calendar .ui-state-default {
	background:#d4e9e2;
	color:#b050d5;
}

/* Current Date */
#fbuilder .ui-datepicker-calendar .ui-state-active {
	background: #b050d5; 
	color: #ffffff;
}

/* Holidays / Non-Working Days */
#fbuilder .invalidDate .ui-state-default{
	background:#ffffff;
	color:#000000;
}
 
/* Booked Dates */
#fbuilder .notavailslot .ui-state-default{
	background:#ffffff;
	color:#000000;
}

/* Available Times */
#fbuilder .slots{
	background:#ffffff;
	border: solid 2px #b050d5;
	box-shadow:none;
}

#fbuilder .slots div{
	border:0px
}

#fbuilder .slots div a{
	background:#d4e9e2;
	color:#b050d5;
	border: solid 2px #b050d5;
}

#fbuilder .slots div a:hover{
	background:#b050d5;
	color:#ffffff;
	border: solid 2px #b050d5;
}

/* Labels */
#fbuilder, #fbuilder label, 
#fbuilder span { 
	/* font-family: 'open-sans'; */
	color: #b050d5; 
}

/* Input Fields */
#fbuilder input[type=text], 
#fbuilder textarea, 
#fbuilder select { 
	color: #000000;
	background-color: #d4e9e2;
	border: 2px solid #b050d5;
	padding-left: 5px;
}

/* Button */
#fbuilder .pbSubmit { 
	color: #b050d5; 
	font-weight: bold;
	background-color: #d4e9e2;
	border: 2px solid #b050d5;	
}

#fbuilder .pbSubmit:hover { 
	color: #ffffff; 
	font-weight: bold;
	background-color: #b050d5;
	border: 2px solid #b050d5;	
}