body {
    background: #F9F9F9 none repeat scroll 0% 0%;
    color: #0E171C;
    font: 300 100%/1.5em "Lato",sans-serif;
    margin: 0px;
}

.title{
    text-align: center;
}

.calendar-container{
    position: relative;
    margin: 50px auto;
    max-width: 500px;
}

.calendar td {
   padding: .1em;
}

.calendar div.day {
  height: 3.8em;
  border-radius: 3px;
  line-height: 1em;
}

.calendar div.day.today {
	background-color: transparent;
	border-color: #6691CC;
	color: inherit;
}
.calendar .day.today.has-event:after {
  background: #6691CC; 
}

.calendar .day.has-event:after {
	width:24px;
	height: 24px;
	border-radius: 1px;
	top: 1.5em;
	left: calc(50% - 13px);
}