.xaxis {
 position: absolute;
 top: 0;
 height: 1em;
 left: 2em;
 right: 2em;
 background-color: white;
 text-align: center;
}

.container {
 position: absolute;
 top: 1em;
 left: 1em;
 right: 1em;
}

.y_cal_container {
 overflow: scroll;
 position: absolute;
 top: 0;
 left: 0em;
 height: 100%;
 right: 0;
}

.yaxis {
 position: absolute;
 top: 1em;
 left: 0em;
 right: 0em;
 height: 23em;
}

.page {
 position: absolute;
 top: 1em;
 left: 2em;
 right: 1em;
 height: 24em;
}

.event_container {
 position: absolute;
 bottom: 0;
 right: 0;
 min-height: 1em;
 border: 1px solid black;
}

.selected {
 border: 2px solid black;
}

.tick {
 position: absolute;
 top: 0;
 left: 0;
 right: 1em;
}

.ytick {
 position: absolute;
 left: 0;
 right: 1em;
 height: 1em;
}

.ytick:nth-child(even) {
 background-color: white;
}
.ytick:nth-child(odd) {
 background-color: #F8F8F8;
}

.event_bottom {
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 5px;
 background-color: black;
 cursor: row-resize;
}