.calendar .calendar-day {
    font-family: sans-serif;
    width: 14.285714285714286%;
    border: 1px solid rgb(235, 235, 235);
    border-right-width: 0px;
    border-top-width: 0px;
    min-height: 130px;  /* monthly view */
    text-align: center;
}

.calendar > .year .calendar-day {
    min-height: 30px;
    padding: 0px;
}

.calendar .month {
    overflow: hidden;
}

.calendar .calendar-week,
.calendar .calendar-weekdays {
    display: flex;
    font-size: 90%;
}

.calendar .calendar-weekdays > .calendar-day {
    padding: 5px;
    min-height: 0px;
    text-align: center;
    font-weight: bold;
}
.calendar > .row > .calendar-day.calendar-no-current-month {
    color: rgb(200, 200, 200);
}

.calendar .calendar-day:first-child {
    border-left-width: 0px;
}

.calendar-day > time {
    display: block;
    padding-top: 4px;
    height: 100%;
    border-radius: 10px;
}
.calendar-day > .events {
    cursor: pointer;
}
.calendar-day > .events > .event h4 {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}
.calendar-day > .events > .event > .desc,
.calendar-day > .events > .event > .location,
.calendar-day > .events > .event > .datetime,
.calendar-day > .events > .event > .duration,
.calendar-day > .events > .event > .attending {
    display: none;
}
.calendar-day > .events > .event > .progress {
    height: 10px;
}

.calendar-day .today {
    font-weight: bold;
    cursor: help;
}

.calendar-day .has-event {
    background: #5cb85c;
    color: #fff;
    cursor: pointer;
}

.calendar .month-head {
}

.calendar > .year .calendar-day .events {
    display: none;
}

.calendar-day .disabled {
    color: #ccc;
}

.year .card {
    height: 100%;
}