/*Booking*/

#availabilityCalendarBlock{margin-bottom:2rem;}

.booking-grid {
	border-spacing: 0;
	/*border: 1px solid #333;*/
	width: 100%;
	table-layout: fixed;
}

.booking-grid td, .booking-grid th {
	font-size: 9pt;
	text-align: center;
	background-color: white;
	color: black;
	padding: 0;
	position:relative;
  border-bottom:1px solid #d0cfcf;
  border-right:1px solid #d0cfcf;
}

.booking-grid td:first-child{
    border-left:1px solid #d0cfcf;
}

.booking-grid th {
	color: #000;
	/*font-style: italic;*/
	overflow: hidden;
}

.booking-grid th{
    padding:0.5rem 0;
    border: 1px solid #d0cfcf;
    background: #dfdfdf;
}

.month-grid td {
	width: 13%;
	vertical-align: top;
}

.booking-grid.end-picker-grid td {
	background-color: #eef1f6;
	color: #888;
	padding:5px;
}
.booking-grid.month-grid td {
	background: #eef1f6;
	color: #777;
	padding:5px;
}

.booking-grid td.available,
.booking-grid.month-grid td.available,
.booking-grid.end-picker-grid td.available {
	/*background-color: #EEE;*/
	color: black;
	background-color: white;
}

.booking-grid td.available a:hover {
	background-color: #33bb33;
}

.booking-grid td.booking-duration-restriction,
.booking-grid td.available.booking-duration-restriction,
.booking-grid.month-grid td.booking-duration-restriction {
	background-color:  #F8F8F8;
	color: #888;
  font-style:italic;
	cursor:not-allowed;
}

.booking-grid td.unavailable {
  background: #eef1f6;
  color: #777;
  font-style:italic;
  cursor:not-allowed;
}

.booking-grid td.summary {
	background-color: #EEE;
}

.booking-grid td.booking-start {
	background-color: #33bb33;
	color: #000;
}

.booking-grid td.empty {
	background-color: #EEE;
}

.booking-grid td.empty.off-duty {
	background-color: #CCC;
}

.booking-grid td.editable-booking  {
	background-color: #AAA;
	background-color: #b6e5b6;
}

.booking-grid td.unavailable,
.booking-grid.month-grid td{
  background: #eef1f6;
	font-style:italic;
	cursor:not-allowed;
	color: #888;
  padding:5px;
}



.booking-grid a {
	display: block;
	color: black;
	text-decoration: none;
	font-size: 9pt;
}

/*new*/
.booking-grid td a, .booking-grid th a{
    display: block;
    padding: 5px;
    box-sizing: border-box;
}


/*
.booking-grid th a {
	color: #333;
	font-weight: 700;
}*/

.booking-grid span.month-grid-date {
	display: block;
	padding: 5px;
}

.booking-grid a.month-grid-link {
	text-align: left;
	padding-left: 10px;
}

.booking-grid div.month-grid-text {
	text-align: left;
	padding-left: 10px;
}

.booking-grid a.summary-cell-link {
	font-weight: 700;
}

.booking-grid a.edit-booking-link {
	color: #333;
	font-weight: bold;
}

.booking-box {
	background-color: #AAA;
}

.booking-box.booking-box-draggable {
	background-color: #777;
}


@media(max-width:560px){

/*----------------------------
	Booking Controls Tidy
-----------------------------*/

.calendarBlockControls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.calendarBlockControls input,.calendarBlockControls select{flex-grow:1;margin-left:0.25rem;}
.calendarBlockControls input#filterFromDate{margin-right:1rem;}
.calendarBlockButtons{order:2;width:100%;text-align:center;margin-top:1rem;}

}

@media(max-width:480px){
	.row table td {
    padding: 12px 2px;
	}
.calendarBlockControls{flex-direction:column;flex-wrap:no-wrap;align-items:flex-start;}
.calendarBlockControls input,.calendarBlockControls select{margin:0;justify-content:flex-start;width:100%;}
}