/* Styles definition here */

.ahb_m2 #fbuilder .ui-datepicker table {
    background-color: #ffffff;
}
#fbuilder .ui-datepicker{ z-index:10 !important;}
.slotsCalendar .slots span::after{content: " で予約可能な時間を表示しています。";}
.slotsCalendar .slots span{font-size:110%;border-bottom:solid 1px #b90504;}
.ahb_m2 #fbuilder .ui-datepicker-header{background-color:#0d47a1;color:#ffffff;font-weight:700;padding:4px;margin-bottom:3px;}
.ahb_m2 #fbuilder .ui-datepicker-next, .ahb_m2 #fbuilder .ui-datepicker-prev { 
    border-top: 3px solid #b90504;
    border-right:3px solid #b90504;
	width: 12px;
	height: 12px;
}

/* レスポンシブ */
#fbuilder .ui-datepicker-inline{max-width:none !important}
/* ヘッダーカラー */
#fbuilder .ui-datepicker-header { background:#202f55 ;color:#ffffff; text-shadow:none}
/* ヘッダー幅 */
.content div, .content p
{
margin-top: 0.5rem;
}

/* ヘッダー下カラー */
#fbuilder .ui-datepicker th{background:#f0f8ff;color: #000000;}
/* 日付カラー */
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#87cefa;color:#202f55;}
/* 日時候補 */
#fbuilder .slots{background:#f0f8ff;box-shadow:none}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#ffffff;color:#202f55}
/* 選択済みカラー */
#fbuilder .ahb_list{margin:10px 0px}
#fbuilder .ahb_list .ahb_list_time{border:0px;background:#87cefa;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list .ahb_list_service{border:0px;background:#87cefa;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list a{border:0px;background:#87cefa;padding:10px;color:#fff;display:inline-block}

#fbuilder label .r {color:#f00;}
#fbuilder .pbSubmit {background:#202f55 ;color:#ffffff; font-weight: bold; }