/*!don't remove this!
 * jquery dcalendar and dcalendar picker plugin styles
 * 
 * author: dionlee uy
 * email: dionleeuy@gmail.com
 *
 * date: mon mar 2 2013
 */
.calendar {
	position: relative;
	font-family: 'century gothic','segoe ui', calibri, arial;
	font-size: 12px;
	border-collapse: collapse;
	margin: 0; padding: 0;
	z-index: 4;
	border:1px solid rgba(0,0,0,0.08);
	width: 250px;
	color: #000;
	text-align: center;
	background-color: #fff;
}
.calendar th,
.calendar td {
	text-align: center;
	-webki-ttransition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.calendar th:first-child,
.calendar td:first-child {
	margin-left: 5px;
}
.calendar span {
	padding: 6px 4px; 
	display: block;
}
.calendar .month {
	padding: 15px;
}

.calendar .pmdate, .calendar .nmdate { color: #aaa; }
.calendar .date, .calendar .pmdate, .calendar .nmdate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pmdate.disabled, .calendar .nmdate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pmdate:not(.disabled):hover, .calendar .nmdate:not(.disabled):hover, .calendar .month:hover { background-color: #e2e2e2; }
.calendar .date:not(.disabled):active, .calendar .pmdate:not(.disabled):active, .calendar .nmdate:not(.disabled):active, .calendar .month:active { background-color: #22a7f0; color: #fff; }
.calendar .selected {
	background-color: #22a7f0 !important;
	color: #fff !important;
}

.calendar tr:first-child th {
	background-color: #fff;
	padding: 4px;
	padding-top: 8px;
	font-size: 14px;
}
.calendar tr:first-child th { cursor: pointer; color:#000; }
.calendar tr:first-child th:hover { color:#22a7f0; }
.calendar tr:first-child th:active { color: #22a7f0; }
.calendar thead tr:nth-child(2) th { color: #555; padding: 8px 3px; }
.calendar #prev, .calendar #next {
	font-family: 'times new roman';
	font-size: 20px;
	padding: 0;
}
.calendar #today {
	text-align: center; cursor: pointer;
	color: #22a7f0; padding: 10px 6px;
}
.calendar #today:hover { color: #80a7dd; }
.calendar #today:active { color: #000; }
.calendar #currday { color:#22a7f0; }
.datepicker {
	background:  transparent right no-repeat;
	background-size: contain;
}