/* Styles definition here */

/* 1. 予約枠のある日の色 */
#fbuilder .ui-datepicker-calendar td a {
    background: #e1f5fe !important;
    color: #03a9f4 !important;
}

/* 2. 予約枠が無い日の色 */
#fbuilder .notavailslot a, 
#fbuilder .notavailslot span, 
#fbuilder .nonworkingweekday a, 
#fbuilder .invalidDate a {
    background: #f5f5f5 !important;
    color: #cccccc !important;
}

/* 3. ユーザーが選択している日の色 */
#fbuilder .ui-datepicker-calendar .ui-state-active,
#fbuilder .ui-datepicker-calendar .ui-state-highlight {
    background: #ff5722 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}