#fbuilder { margin:25px; background: #ebebeb; color: #000000;}

/*Eingabefelder in Reihe, Abstand zum Rand 10px*/
#fbuilder .fields, #fbuilder .fform { padding: 5px 10px; display: inline-block;}
/*Eingabefelder in Reihe, width auf 100% angepasst*/
#fbuilder .medium {width: 100% ; padding-left: 25px; padding-right: 0;}
/* div captcha eingerückt*/
#fbuilder .captcha {padding-left: 25px}


/*Tabelle soll beim Scrollen hinter dem Header verschwinden verschwinden z=1; nicht verschwinden z=9999*/
#fbuilder .ui-datepicker {z-index: 1!important;}

#fbuilder input[type=text], 
#fbuilder textarea, 
#fbuilder select 
{ background: #ffffff; color: #000000;border-radius: 10px}


/*Default day*/
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-default {background: none; box-shadow: none; padding:0px}



/*Active day*/
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active {box-shadow: none; text-shadow: none; color: grey ;border: 2px solid; background: lightgreen; padding: 0px;}


/* Kontur um Einzeltag (Radius=0 gleich Rechteck; Radius=100% gleich Kreis:*/
#fbuilder .costcf7caloc_slider_div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding: 5px; border-radius: 5px;height: 30px;width: 30px;}

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

/* Day name */
#fbuilder .ui-datepicker th {background:#c2c2c2;color: #f00; font-size: 20px}


/* Calendar tBody:*/
#fbuilder .ui-datepicker-calendar tbody {background:#ffffff;color: #f00; font-size: 18px}


/* Submit Button:*/
#fbuilder .pbSubmit{margin:5px 25px 25px 25px ;float:none;display:inline-block;color: #ffffff; font-size: 16px;font-weight: 700;background: #64f466; border: none;border-radius: 5px;width: auto;text-transform: uppercase;}

/* Einzeltag (Inhalt zentriert in Zelle der Tabelle)*/
#fbuilder .ui-datepicker td {margin: 0 auto; text-align: center}

/* For available dates:*/
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#dfeffe;color:#1a4a78;}

/* For not available dates:*/
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#ddd;}

/* For fully booked dates:*/
#fbuilder .notavailslot.ui-datepicker-unselectable .ui-state-default {background:#f00}

/*holydays:*/
#fbuilder .invalidDate.ui-datepicker-unselectable .ui-state-default {color:#b4b3b3}

/* For past booked dates:*/
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#f4f4f4;color:#ccc;}

/* Ressource_Produkt:*/
#fbuilder .fieldname1_1 label {color: #f00; font-size: 30px; font-weight: bold;}


#fbuilder .fform h1 {font-size:32px;}
#fbuilder .fform span {font-size:16px;}


#fbuilder .ui-datepicker-next {width: 16px !important; height: 16px !important;}
#fbuilder .ui-datepicker-prev {width: 16px !important; height: 16px !important;}
#fbuilder .ui-icon {width: 0px !important}

#fbuilder .slots span:nth-child(1) {width: 20px !important; height: 20px !important;font-size:20px;font-weight: bold;color: #f00;}

#fbuilder {margin: 5px !important;}

#fbuilder .slotsCalendar  {background: white;border-radius: 4px; margin: 5px;}

#fbuilder .availableslot {border-radius: 4px; border: 1px solid #d3d3d3;}