/* universal styles */

.calendar{position:relative;}
.calendar div { box-sizing:border-box; vertical-align: top;}
.calendar_month_head div {display:inline-block;}
.calendar_cell {width:calc(100% / 7); display:inline-block; position:relative; } 
.previous_month {position:absolute;}
.next_month {position:absolute;}
.day {display:grid; align-items:center;}




/*admin Dates calendar */

.admin_dates_calendar {width:100%}
.admin_dates_calendar {min-height:200px;}
.admin_dates_calendar .calendar_month {display:inline-block; width:calc(25% - 4px); padding:5px 0 5px 0; margin:2px; box-sizing:border-box;}

.admin_dates_calendar .previous_month {top:5px; left:10px; font-size:12pt; font-weight:bold; color:blue}
.admin_dates_calendar .next_month {top:5px; right:10px; font-size:12pt; font-weight:bold; color:blue}

.admin_dates_calendar .calendar_month_head{font-size:1.4rem; font-weight:bold;  text-align:center; background-color:#eee; padding:5px;}
.admin_dates_calendar .calendar_day_head {padding:1px 2px 0px 2px; border:1px solid white; text-align:center;  font-weight:bold; font-size:8pt;}
.admin_dates_calendar .calendar_cell  {padding:2px 2px 0 2px;}

.admin_dates_calendar .calendar_day {height:24px; text-align:center; font-size:10pt; color:blue;}
.admin_dates_calendar .calendar_day  div {height:100%;} 
.admin_dates_calendar .no_day {}

.admin_dates_calendar .day {border:1px solid grey; padding-top:2px;}

.admin_dates_calendar .has_session {background-color:#00cc66; color:#fff;}
.admin_dates_calendar .not_default {background-color:#ffea75; color:#000;}
.admin_dates_calendar .no_session {background-color:#fff; color:#000;}

.admin_dates_calendar .hasBooking {background-color:#00994d !important;color: #000 !important;font-weight: bold;}
.admin_dates_calendar .school_holiday {border:2px solid #cf231b;}
.admin_dates_calendar .bank_holiday { border:3px solid #e5f95f; }


/*Hires calendar */

.hires_booking_calendar {width:100%; max-width:300px; display:inline-block; border:1px solid #f1f0eb;}
.hires_booking_calendar {min-height:200px;}

.hires_booking_calendar .calendar_month_head{font-size:2rem; font-weight:bold;  text-align:center; padding:5px;}
.hires_booking_calendar .calendar_month {display:inline-block; width:100%; padding:5px 0 5px 0; box-sizing:border-box;}
.hires_booking_calendar .previous_month {top:5px; left:10px; font-size:19pt; font-weight:bold; color:blue}
.hires_booking_calendar .next_month {top:5px; right:10px; font-size:19pt; font-weight:bold; color:blue}


.hires_booking_calendar .calendar_day_headings{background-color:#d2cfbe; height:20px; margin-bottom:2px;} 
.hires_booking_calendar .calendar_day_head {padding:1px 2px 0px 2px; height:20px; text-align:center;  font-weight:bold; font-size:10pt;}
.hires_booking_calendar .calendar_cell  {padding:1px;}

.hires_booking_calendar .calendar_day {height:24px; text-align:center; font-size:10pt;}
.hires_booking_calendar .calendar_day  div {height:100%;} 


.hires_booking_calendar .no_day {}
.hires_booking_calendar .day {border:0; background-color:#000; background-color:#d0d0d0;padding-top:2px; border-radius:3px;}
.hires_booking_calendar .past {border:0; background-color:#f0f0f0; color:#d0d0d0;}

.hires_booking_calendar .has_session {background-color:#00cc66; color:#fff;}
.hires_booking_calendar .selected_date {border:2px solid #510ff2!important;}
.hires_booking_calendar .in_basket {border:2px solid #000!important; color:#fff;}

.hires_booking_calendar .tag {display:inline-block; margin:2px; border-radius:5px; padding:3px; font-size:1.1rem;}

/* admin Venue Bookings */

.venue_calendar {width:100%;}
.venue_calendar {min-height:200px;}
.venue_calendar .calendar_month {width:100%; padding:5px 0 5px 0;}
.venue_calendar .previous_month {top:5px; left:10px; font-size:12pt; font-weight:bold; color:blue}
.venue_calendar .next_month {top:5px; right:10px; font-size:12pt; font-weight:bold; color:blue}
.venue_calendar .calendar_month_head{font-size:1.4rem; font-weight:bold;  text-align:center; background-color:#eee; padding:5px;}
.venue_calendar .calendar_day_head {padding:1px 2px 0px 2px; border:1px solid white; height:12px; text-align:center;  font-weight:bold; font-size:8pt;}
.venue_calendar .calendar_cell  {padding:2px 2px 0 2px;}
.venue_calendar .calendar_day {height:24px; text-align:center; font-size:10pt;}
.venue_calendar .calendar_day  div {height:100%;} 


.venue_calendar .day {border:1px solid grey; line-height:normal; border-radius:2px;}
.venue_calendar .selected_date {background-color:yellow; font-weight:bold; border:2px solid #CC9900;}
.venue_calendar .has_booking {font-weight: bold;}
.venue_calendar .has_session {--rgb:0,0,0; color:#ac8119;}
.venue_calendar .school_holiday {border:2px solid #cf231b;}
.venue_calendar .bank_holiday { border:3px solid #e5f95f; }
.venue_calendar .today {border:2px solid blue;}
.venue_calendar .past { }
.venue_calendar .future {}



/* admin Diary calendar */

.diary_calendar {width:100%;}
.diary_calendar {min-height:200px;}
.diary_calendar .calendar_month {width:100%; padding:5px 0 5px 0;}
.diary_calendar .previous_month {top:5px; left:10px; font-size:12pt; font-weight:bold; color:blue}
.diary_calendar .next_month {top:5px; right:10px; font-size:12pt; font-weight:bold; color:blue}
.diary_calendar .calendar_month_head{font-size:1.4rem; font-weight:bold;  text-align:center; background-color:#eee; padding:5px;}
.diary_calendar .calendar_day_head {padding:1px 2px 0px 2px; border:1px solid white; height:12px; text-align:center;  font-weight:bold; font-size:8pt;}
.diary_calendar .calendar_cell  {padding:2px 2px 0 2px;}
.diary_calendar .calendar_day {height:24px; text-align:center; font-size:10pt;}
.diary_calendar .calendar_day  div {height:100%;} 


.diary_calendar .day {border:1px solid grey; line-height:normal; border-radius:2px;}
.diary_calendar .selected_date {border:2px solid #000000!important;  font-weight:bold;;}
.diary_calendar .has_booking {font-weight: bold;}
.diary_calendar .has_session {--rgb:0,0,0; color:#000;}
.diary_calendar .school_holiday {border:2px solid #cf231b;}
.diary_calendar .bank_holiday { border:3px solid #e5f95f; }
.diary_calendar .today {border:2px solid blue;}
.diary_calendar .past {color:#dfdfdf; }
.diary_calendar .future {}