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;
}

.today{
    background: red !important;
}

.calendar .day.has-event:after{
    width: 10px !important;
    height: 10px !important;
    background: red !important;
}

.calendar .day:hover{
    border: 2px solid #ffbd3c !important;
}

.calendar td {
    padding: 0 !important;
}

.calendar .event-container .event{
    background: #50a72c !important;
}