/* Styles definition here */

/* Change all the labels */
#fbuilder, #fbuilder label, 
#fbuilder span { color: #fff; }

/* TextShadowRemover  */
#fbuilder { text-shadow:none; }

/* Remove all Borders */
#fbuilder .ui-datepicker table, #fbuilder .ui-datepicker thead, #fbuilder .ui-datepicker tr, #fbuilder .ui-datepicker th, #fbuilder .ui-datepicker td {border: 0px;}
#fbuilder .ui-datepicker{box-shadow:none}

/* Calender */ 
/* calendar day names  */
#fbuilder .ui-datepicker th{ text-shadow:none; background:#222; color: #fff;}


/* For active date */
#fbuilder .ui-datepicker-calendar .ui-state-active {text-shadow:none; background:#3c3c3b; color: #000;}

/* For available dates */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{text-shadow:none; background:#ffd700; color: #fff;}

/* For non-available dates */
#fbuilder .ui-datepicker-unselectable .ui-state-default{text-shadow:none; background:#3c3c3b; color: #fff;}

/* For past dates */
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {text-shadow:none; background:#000; color: #fff;}

/* For fully-booked dates */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {text-shadow:none; background:#222; color: #fff;}

/* For invalid dates like holiday, etc */
#fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default {text-shadow:none; background:#000; color: #fff;}