/* Styles definition here */

/* Ändra kalenderns färg på sidhuvudet */
#fbuilder .ui-datepicker-header { background:#F4124B ; color:#fff; text-shadow:none; }

/* Fullbredd på kalendern */
#fbuilder .ui-datepicker-inline { max-width:none !important; }

/* Bokningsknapp */
#fbuilder .pbSubmit { border-radius: 3px; border: 1px; text-align: center; background: #F4124B; color: white; padding-left: 45px; padding-right: 45px; padding-top: 10px; padding-bottom: 10px; }
#fbuilder .pbSubmit:hover { background: #36171F; color: white; }

/* Ej tillgängliga datum i kalendern */
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#fff;color:#ddd;}

/* Tillgängliga datum i kalendern */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {background:#FFE8EE; color:#1a4a78;}

/* Vald dag i kalendern */
#fbuilder .ui-datepicker-calendar .ui-state-active {background: #F4124B !important; color: white !important;}

/* Tillgängliga tider */
#fbuilder .slots{background:#fff; box-shadow:none; border:0px;}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#EDDEE2; color:#222}

/* Input Text-rader - ändra border*/
#fbuilder select { 
border: 2px solid #36171F; 
}