/* Styles definition here */
.ahbfield_service { display: none }

/* Poista raamit kalenterista */
#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}

/* Valittavissa olevat ajat */
#fbuilder .slots{background:#6aa84f;box-shadow:none}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#6aa84f;color:#ffffff}

/* Varatut ajat */
#fbuilder .slots div.htmlUsed a{text-decoration: line-through;background:#ff0000;color:#000}

/* Valittu vuoro */
#fbuilder .slots .currentSelection a{background:#00ff00;color:#000}

/* Vapaita aikoja olemassa päivämäärän värit */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#dfeffe;color:#38761d;font-weight: bold;}

/* Valittu päivämäärä kalenterissa */
#fbuilder .ui-datepicker-calendar .ui-state-active {background: #6aa84f; color: #fff;}

/* Menneet päivät */
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#f4f4f4;color:#ddd;}

/* Ei valittava päivä */
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}

/* Kaikki ajat varattu */
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {background:#f00}

/* Headerin eli otsikon väri */
#fbuilder .ui-datepicker-header { background:#6cc72b ; color:#444; text-shadow:none; }