@CHARSET "UTF-8";
table.calendarTable {
	background-color: #EFEFEF;
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 8px;
	width: 28%;
}
td.calendarMonth{
	padding: 5px;
}
td.calendarMonth, td.calendarWeekDay, td.calendar, td.calendarPast, td.calendarReserved, 
td.calendarReservedLeft, td.calendarReservedRight, td.calendarToday {
	text-align: center;
	vertical-align: middle;
}
td.calendarWeekDay, td.calendar, td.calendarPast, td.calendarReserved
td.calendarReservedLeft, td.calendarReservedRight, td.calendarToday {
	width: 32px;
	height: 26px;
}
td.calendarMonth{
	font-weight: bold; 
	color: #000;
}
td.calendarWeekDay{
	background-color: #e9e9e9;
	font-weight: bold; 
	color: #000;
}
td.calendarToday { 
	background-color: #D6D6D6; 
}
td.calendarReserved{
	background-color: #006C9E;
	color: #fff;
}
td.calendarReservedLeft{	
	background: linear-gradient(to right, #ffffff, #006C9E);
	background-position: center center;
	color: #fff;
}
td.calendarReservedRight{
	background: linear-gradient(to right, #006C9E, #ffffff);
	background-position: center center;
	color: #fff;
}
td.calendarPast{
	background-color: #E3E3E3;
	color: #666;
}
td.calendar { 
	background-color: #fff;
}

.calendarTooltip {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    margin: 1px 0 0 10px;
    padding: 5px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    white-space: nowrap;
    z-index: 1000;
}

@media (max-width: 480px){
	table.calendarTable {
		background-color: #EFEFEF;
		float: left;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.sub-banner .text h1, .sub-banner .text h2 {
		margin-top: 16px;
		margin-bottom: 0;
		color: #fff;
		font-size: 18px;
		font-family: 'Montserrat';
		text-transform: uppercase;
		font-weight: normal;
	}

	.room-detail_img .room_img-item h6 {
		font-size: 12px;
		padding: 5px 20px;
		display: none!important;
	}

	.room-detail_amenities h5, .room-detail_overview h5 {
		margin-bottom: 20px;
	}

	.tab-content>.tab-pane {
		display: block!important;
		visibility: visible!important;
		opacity: 1!important;
	}
	.room-detail_tab-content {
		padding-top: 0!important;
	}

}