#receipt-calendars h3, #select-calendar h3{  }

#receipt-calendars, #select-calendar { padding-left: 0; }

#receipt-calendars .calendar, #select-calendar .calendar { float:left; width: 167px; margin:0; text-align:center; height: 200px; }

#receipt-calendars .calendar:nth-child(odd), #receipt-calendars #hiddenCalendars .calendar:nth-child(even) { }


#select-calendar .calendar:nth-child(even), #select-calendar #hiddenCalendars .calendar:nth-child(odd),
#receipt-calendars .calendar:nth-child(even), #receipt-calendars #hiddenCalendars .calendar:nth-child(odd) {
    padding: 0 10px 0 10px; }
 #receipt-calendars .calendar, #receipt-calendars #hiddenCalendars .calendar,
 #select-calendar .calendar, #receipt-calendars #hiddenCalendars .calendar{
     padding: 10px 7px 10px 7px!important; margin: 0 4px 5px 0; border-radius: 3px; background: #fff; border: 1px solid #eee;}

 #select-calendar .calendar, #select-calendar #hiddenCalendars .calendar,
 #receipt-calendars .calendar, #receipt-calendars #hiddenCalendars .calendar {
    border-right: 1px solid #DDD;
    border-bottom: 2px solid #CCC;
}
 
 .month-title { border-bottom: 1px solid #ddd; padding-bottom: 8px }

#receipt-calendars .calendar h4, #select-calendar .calendar h4{
    font-size: 12px; font-weight:bold; }
#receipt-calendars .calendar h4 span, #select-calendar .calendar h4 span{ font-weight:normal; font-size: 12px;  }
#receipt-calendars .calendar table, #select-calendar .calendar table{ border-top: 1px solid #fff; }

#select-calendar .calendar table th,#select-calendar .calendar table td,
#receipt-calendars .calendar table th,#receipt-calendars .calendar table td{
    font-size: 11px; text-align:center; width: 23px; vertical-align: top; cursor: default; font-weight: normal; padding-top: 5px;  padding-bottom: 5px; line-height: 14px;} /* vertical align top and paddings is to make it the same in all browsers! also IE! */
#select-calendar .calendar table th,
#receipt-calendars .calendar table th {
    font-weight: bold; padding-bottom: 8px;}
#select-calendar .calendar table td,
#receipt-calendars .calendar table td {
    border-right: 1px solid transparent;
    color: #DADADA;
} /* extra 1 px for width also to make it the same for all browser, do not change */
#select-calendar .calendar table td.select-date-hover,
#receipt-calendars .calendar table td.select-date-hover {
    color: #444 !important;
}


#receipt-calendars p.legend{ position: absolute; top: -23px; right:20px; }
#receipt-calendars p.legend span { background: url("../img/calendar-info-small.c7164cf58853.png") no-repeat;}
#receipt-calendars p.legend span.available { padding: 0 0 0 12px; background-position: 0 4px; }
#receipt-calendars p.legend span.unavailable { padding: 0 0px 2px 32px; background-position: 10px -26px; }

#receipt-calendars .calendar table td.unavailable, #receipt-calendars .calendar table td.available { font-weight: normal;color: #ffffff; cursor: pointer; background: url("../img/availability1.1d48dd0d2382.png") no-repeat; margin: 0;}
#receipt-calendars .calendar table td.available{ background-position: -23px -23px; } 
#receipt-calendars .calendar table td.unavailable{ background-position: 0 0; cursor: default; }
#receipt-calendars .calendar table td.available.current-day { background-position: -46px -46px; }

#receipt-calendars *, #select-calendar *{ color: #444; font-family:'Open Sans',sans-serif; }

#hiddenCalendars { display: none;  }
#show_hiddenCalendarsTrigger:hover {color: #0d0d0d;}
#show_hiddenCalendarsTrigger { width: 100%; text-align:center; display:block; color: #6f6f6f; font-size: 12px; text-decoration: none; padding-bottom:20px; margin-bottom: 10px; background: url("../img/arrow-more-down.a9aa1b7b43fa.png") no-repeat center bottom; clear:both; }
#show_hiddenCalendarsTrigger span { display: block; color:inherit;  font-size: 18px; text-decoration: underline; line-height:18px; }

.calendarMobileButton { display: none; border-radius: 3px; background-color: #ddd; opacity: 0.7; position: absolute; top:70px; width: 30px; height: 60px;font-size:20px;font-weight:bold;line-height:60px;text-align:center;text-decoration: none;color:#000;}
#calendarsNext { right: -10px; }
#calendarsPrev { left: -10px; }

.accordion_date_later_next { color: #09a4e4; text-decoration: underline; font-size: 13px; font-weight: 600; cursor: pointer; }