.calendar {width:100%;max-width:100px;float:left;border-radius:10px;}
		.yellowcalendar {background:#F58A1F;border:1px solid #ffd74f;}
		.greencalendar {background:#249ab5;border:1px solid #249ab5;}
		.orangecalendar {background:#f58a1f;border:1px solid #f58a1f}
		.pinkcalendar {background:#A5228D;border:1px solid #a5228d;}
		.bluecalendar {background:#249AB5;border:1px solid #005d84;}
		.greencalendar {background:#BCCB2A;border:1px solid #bccb2a;}
		
		.tbp {width:100%;text-align:center;color:#fff;padding:5px;margin:0;font-size:13px;}
		.yellowcalendar .tbp {color:#000}
		.greencalendar .tbp {color:#000}
		.orangecalendar .tbp {color:#000}
		.date {width:100%;background:#fff;padding:5px;font-size:25px;text-align:center;font-weight:bold;margin:0}
		.to {float:left; width:calc(100% - 200px);padding-top:40px;font-size:15px;font-weight:bold;}
		.bottomcal {width:100%;max-width:300px;margin:0 auto;display:block;padding:15px 10px;}