/* css for calendar */
.hcalendar--body {
margin-bottom: 15px;
}
.hcalendar {
	font: 14px/1.2 Arial, sans-serif;
	background: #FAFAFA;
}
.hcalendar--many {
	padding: 11px;
	width: 207px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}
.hcalendar--one {
	padding: 37px;

	width: 300px;
	font-size: 22px;


	display: inline-block;
	vertical-align: top;
	margin-right: 15px !important;
	margin-bottom: 15px !important;
}
.hcalendar__title {
	text-align: center;
	margin: 0 0 7px;
}
.hcalendar__month {
	font-size: 1.2em !important;
	margin-bottom: 5px !important;
	color: #1F2020 !important;
}
.hcalendar__year {
	font-weight: bold;
	color: #333;
}
.hcalendar__tb {
	width: 100%;
}
.hcalendar__np {
	padding: 5px;
}
.hcalendar--many .hcalendar__day {
	font: 14px/1.2 Arial, sans-serif;
	padding: 2px 2px;
	text-align: center;
}
.hcalendar--one .hcalendar__day {
	font: 20px/1.2 Arial, sans-serif;
	padding: 5px 5px;
	text-align: center;
}
.hcalendar__holiday {
	color: #ebeded;
	background-color: #FF6699 !important;
}
.hcalendar__short {
	color: #494949;
	background-color: #ADFFE4 !important;
}
.hcalendar__weekend {
	color: #ebeded;
	background-color: #FF6699 !important;
}
.hcalendar--many .hcalendar__head {
	font: bold 14px/1.2 Arial, sans-serif;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	color: #ebeded;
	background-color: #2e4fab !important;
}
.hcalendar--one .hcalendar__head {
	font: bold 16px/1.2 Arial, sans-serif;
	padding: 10px;
	text-align: center;
	border-bottom: 3px solid #c0c0c0;
	color: #ebeded;
	background-color: #2e4fab !important;
}

@media all and (max-width: 500px) {
    .hcalendar--one .hcalendar__day {
        font-size: 18px;
    }
    .hcalendar--one .hcalendar__head {
        font-size: 20px;
        padding: 7px;
    }
    .hcalendar--one {
        padding: 11px;
        width: 300px;
        font-size: 20px;
    }
}