#calendar  {
	width: 100%;
	height: auto;
}

#calendar th  {padding: 8px 0 16px 0;}

#calendarnav  {
	width: 340px;
	height: auto;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
}

#calendarnav select  {
	width: 100%;
	min-width: 76px;
	height: auto;
	border: 0;
	padding: 0;
	background-color: transparent;
	background-image: url('./../images/drop_arrow_calendar.svg');
	color: #435F80;
	font-size: 16px;
	background-size: 12px auto;
	cursor: pointer;
	padding-top: 3px;
	background-position: top 10px right 10px;
}

.calendar_date_drop  {
	width: 50%;
	height: auto;
	float: left;
	/*padding: 0 10px;*/
	padding: 0px;
}

.calendar_date_drop:nth-child(1)  {border-right: 1px solid #435F80;}

.calendar_date_item  {height: auto;}

.calendar_date_item:nth-child(1)  {width: 20px; height: auto; float: left;}
.calendar_date_item:nth-child(2)  {width: 300px; height: auto; float: left; padding: 0 20px;}
.calendar_date_item:nth-child(3)  {width: 20px; height: auto; float: right;}

#calendar tr:nth-child(2)  {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#calendar tr:nth-child(2) td  {
	height: 40px;
	padding: 12px;
	background-color: #e7f2f8;
	color: #435F80;
	text-align: center;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 300;
}

#calendar tr:nth-child(2) td  {}

.calendar_date_item  {
	width: auto;
	height: auto;
	float: left;
}

.btn-calendar {
	width: 18px;
	height: 18px;
	border: none;
	font-size: 0px;
	cursor: pointer;
	background: url('../images/date_arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.calendar_date_item:nth-child(3) .btn-calendar  {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#calendar td  {
	width: 14.28% !important;
	height: 140px;
	font-weight: 700;
	font-size: 22px;
	cursor: pointer;
	color: #323232;
	background-image: none;
	padding: 5px;
}