/* Styles definition here */

/* Servicename wird versteckt */
.ahbfield_service { display: none }
.ahb_slot_availability{display: block !important;}

/* Änderung Darstellung belegter Termine im Kalender bei ausgewähltem Slot */
/* #fbuilder .slots .htmlUsed a{text-decoration: line-through;background:#ff3333;color:#ff3333}*/

/* Änderung Darstellung von Zeitslots, die der User gerade in der aktuell belegten Buchung ausgewählt hat */
#fbuilder .slots .currentSelection a{background:#6cc72b;color:#00f}

/* Das hier lässt den Kalender automatisch von der Größe auf die ganze Seite skalieren */ 
#fbuilder .ui-datepicker-inline{max-width:none !important}

/* Änderung Darstellung unselectable dates, weil, dort keine Termine verfügbar sind - macht nur keinen Sinn, da das Datum überhaupt nicht mehr angezeigt wird, wenn es keine freien Termine mehr gibt */
/* #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#dfeffe;color:#1a4a78;}*/

/* Änderung Darstellung Fully booked dates - macht nur keinen Sinn, da das Datum überhaupt nicht mehr angezeigt wird, wenn es keine freien Termine mehr gibt */
/*#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#f4f4f4;color:#ddd;}*/

/* Markiert das gewählte Datum im Kalender deutlicher */ 
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#dfeffe;color:#000000;}

/* Hiermit wird eine CSS Class definiert, im die Darstellung im Formular zu ändern, da dort nur Klassen angegeben werden können, Farbe ist ein kräftiges blau*/
.specialclass label {color: #00f;}
.specialclass input[type=text],
.specialclass textarea {color: #00f;}


/*Ändert die Farbe der Kopfzeile der Kalender*/
#fbuilder .ui-datepicker-header { background:#6cc72b ; color:#444; text-shadow:none; }


/* Hiermit wird eine CSS Class definiert, im die Darstellung im Formular zu ändern, da dort nur Klassen angegeben werden können, Farbe ist ein kräftiges rot*/
.specialclassred label {color: #b22222;}
.specialclassred input[type=text],
.specialclassred textarea {color: #b22222;}

/*Voll belegtes Datum wird rotem Hintergrund  eingefärbt, hat aber Doppelkonturen*/
/*.notavailslot a,.notavailslot span{background:#e6194b !important;color:#fff !important}*/

/*Voll belegtes Datum nur die Ziffer wird rot gefärbt, sieht besser aus */
.notavailslot a,.notavailslot span{background:#e6194b;color:#e6194b !important}

/*Das hier entfernt die Schatten, die bei farbigen Unterlegungen der Termine zu merkwürdigen Doppelonturen führen*/
.ui-datepicker td span, .ui-datepicker td a{text-shadow:none}

/*Das hier zeigt alle Tage der Vergangenheit in Rot an, sinnlos */
/*#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#e6194b;color:#e6194b;}*/

/*Das hier zeigt alle Tage, die nicht buchbar sind in Rot an, sinnlos */
/*#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#e6194b;color:#e6194b;}*/

/*Hierdurch werden vergangene Tage weiter farblich markiert gehalten, wenn es dort Slots gab*/
.specialDates a, .specialDates span {color: #9933ff !important;}