.calendar {width:100%;max-width:100px;float:left;border-radius:10px;}
		#yellowcalendar {background:#F58A1F;border:1px solid #ffd74f;}
		#greenycalendar {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;}