Mini Shell

.clndr {
    width: 100%;
    background-color: #F3F3F3;
    -webkit-box-shadow: 0 4px 0 #272727;
    box-shadow: 0 4px 0 #272727
}

.clndr .clndr-controls {
    padding: 14px;
    background-color: #303549;
    color: #fff;
    text-align: center
}

.clndr .clndr-controls .clndr-previous-button {
    float: left;
    text-align: left
}

.clndr .clndr-controls .clndr-next-button {
    float: right;
    text-align: right
}

.clndr .clndr-controls .clndr-next-button,
.clndr .clndr-controls .clndr-previous-button {
    width: 30px;
    cursor: pointer
}

.clndr .clndr-controls .clndr-next-button:hover,
.clndr .clndr-controls .clndr-previous-button:hover {
    opacity: .5
}

.clndr .clndr-grid {
    float: left;
    width: 65%;
    background-color: #FFF
}

.clndr .clndr-grid .days-of-the-week {
    width: 100%;
    background-color: #4680ff
}

.clndr .clndr-grid .days-of-the-week .header-day {
    float: left;
    width: 14.2857%;
    padding: 14px;
    text-align: center;
    color: #fff
}

.clndr .clndr-grid .days {
    width: 100%
}

.clndr .clndr-grid .days .day,
.clndr .clndr-grid .days .empty {
    float: left;
    width: 14.2857%;
    padding: 12px 0;
    text-align: center;
    color: #4f4f4f
}

.clndr .clndr-grid .days .day.event .day-number,
.clndr .clndr-grid .days .empty.event .day-number {
    border: 1px solid #4680ff;
    border-radius: 50%;
    padding: 6px 9px
}

.clndr .clndr-grid .days .day.adjacent-month .day-number,
.clndr .clndr-grid .days .day.inactive .day-number,
.clndr .clndr-grid .days .empty.adjacent-month .day-number {
    opacity: .3;
    cursor: pointer
}

.clndr .clndr-grid .days .day.selected {
    background-color: #DA4453;
    color: #fff
}

.clndr .clndr-grid .days .today {
    background-color: #303549;
    color: #fff;
    background-image: none
}

.clndr .event-listing {
    float: left;
    width: 35%
}

.clndr .event-listing .event-listing-title {
    padding: 15.5px;
    font-size: .88rem;
    background-color: #4680ff;
    text-align: center;
    color: #fff;
    letter-spacing: 1px
}

.clndr .event-listing .event-item {
    padding: 6px 14px;
    color: #fff;
    background-color: #4680ff;
}

.clndr .event-listing .event-item-location {
    font-weight: 400
}