.timetable-container {

	float: left;
	margin: 16px 0;
	font-size: 1rem;

}

.timetable-row {
	display: block; 
	width: 100%; 
	float:left; 
	margin:0; 
	padding:0;
}

.timetable-day-cell {

	float:left; 
	width:2.5%; 
	height:23px; 
	border:1px solid #ddd; 
	padding:2px; 
	list-style-type: none; 
	text-align:center;

	cursor: pointer;

}

.timetable-month-label-cell:hover,
.timetable-weekday-label-cell:hover,
.timetable-day-cell:hover {
    background: #eeeeee;
}

.timetable-day-cell-selected {
    background: #a90329 !important;
	color: #fff;    
}

.timetable-day-cell-selected:hover {
    background: #840320;
}

.timetable-month-label-cell,
.timetable-weekday-label-cell,
.timetable-intersection-cell {

	width:56px; 
	border:none; 
	border-bottom:1px solid #ddd; 
	border-top:1px solid #ddd; 

	float:left; 

	height:23px; 
	padding:2px; 
	list-style-type: none; 
	text-align:center;
	cursor: pointer;

	font-weight: bold;

}

.timetable-intersection-cell {
	border: none;
	cursor: auto;
}

.timetable-weekday-label-cell {
	width:2.5%;
	border:1px solid #ddd; 	
	border-bottom:none; 	
}




.timetable-month-label-cell-selected,
.timetable-weekday-label-cell-selected {
	background: #C2DCE6;
}



.timetable-weekend-cell {
	background: #57889c;
	color: #fff;
}

.timetable-day-cell-highlighted {
    background: #c79121;
	color: #fff;    
}
.timetable-day-cell-highlighted:hover {
	background-color: #456b7b;
}

.timetable-weekend-cell.timetable-unselectable-cell,
.timetable-weekend-cell.timetable-unselectable-cell:hover  {
	background: #9DA8AD;
}

.timetable-weekend-cell:hover {
	background-color: #456b7b;
}

.timetable-unselectable-cell,
.timetable-unselectable-cell:hover {
	color:#ddd;
	cursor: not-allowed;
	background: #fff;	
}


.timetable-unavailable-cell,
.timetable-unavailable-cell:hover {
	background: #eee;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-color: #FAFCFD;
    background-size: 6px 6px;	
}