.calendar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px;
}

.calendar__inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.calendar__header div {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    width: 14.28%;
    float: left;
    text-align: right;
}

.calendar__viewport {
    position: absolute;
    border-top: 1px solid #777;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    clear: both;
    overflow: auto;
}

.calendar__viewport::-webkit-scrollbar {
    width: 0;
}

.calendar__table {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    top: -1px;
}

.calendar__table td {
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: auto;
    vertical-align: top;
    width: 14.29%;
}

.calendar__table .day {
    text-align: right;
    padding: 10px;
}

.holiday {
    background-color: #eee;
}

.today .day {
    color: red;
}