section.calendar {
    display:flex;
    transition:all .2s;
}
section.calendar.fullscreen {
    position:absolute;
    left:0;
    right:0;
}
section.calendar div.times, section.calendar div.day {
    position:relative;
}
section.calendar div.day {
    border-left:1px solid black;
    min-width:0;
}
section.calendar div.times {
    color:#9e9e9e;
    color:rgba(0,0,0,0.38);
}
section.calendar div.times div.time, 
section.calendar div.times div.pad, 
section.calendar div.day div.time,
section.calendar div.day div.header,
section.calendar div.day div.time, 
section.calendar div.day div.event{
    border-top:1px solid black;
    height:48px;
    padding:0 8px;
}
section.calendar div.times div.pad, section.calendar div.day div.header {
    border-top:0;
    height:32px;
}
section.calendar div.day {
    flex:1;
    transition:all .2s;
}
section.calendar div.time-bar {
    position: absolute;
    width: 100%;
    border-top: 1px solid red;
}
section.calendar div.day div.header {
    font-weight:bold;
    border-bottom:1px solid black
}
section.calendar div.day div.multiple {
    display:flex;
}
section.calendar div.day div.event {
    position:absolute;
    border:1px solid black;
    background:#90caf9;
    right:-1px;
    left:-1px;
    overflow:hidden;
}
section.calendar div.day.max {
    flex:4;
}
section.calendar div.day div.event:hover {
    z-index:1;
    box-shadow:0 0 8px black;
    transition:all .1s;
}
/* Prevent more than one line of text */
section.calendar div.day header, section.calendar div.day div.location, section.calendar div.day div.header {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
section.calendar div.day div.location {
    color:black;
    color:rgba(0,0,0,0.54);
}
section.calendar div.day div.event.a8 {
    top:32px;
}
section.calendar div.day div.event.a9 {
    top:81px;
}
section.calendar div.day div.event.a10 {
    top:130px;
}
section.calendar div.day div.event.a11 {
    top:179px;
}
section.calendar div.day div.event.p12 {
    top:228px;
}
section.calendar div.day div.event.p1 {
    top:277px;
}
section.calendar div.day div.event.p2 {
    top:326px;
}
section.calendar div.day div.event.p3 {
    top:375px;
}
section.calendar div.day div.event.p4 {
    top:424px;
}
section.calendar div.day div.event.p5 {
    top:473px;
}
section.calendar div.day div.event.o15 {
    margin-top:12px;
}
section.calendar div.day div.event.o30 {
    margin-top:24px;
}
section.calendar div.day div.event.m15 {
    height:12px;
}
section.calendar div.day div.event.m30 {
    height:23px;
}
section.calendar div.day div.event.m45 {
    height:36px;
}
section.calendar div.day div.event.m90 {
    height:73px;
}
section.calendar div.day div.event.m120 {
    height:97px;
}
section.calendar div.day div.event.m180 {
    height:145px;
}
section.calendar div.day div.event.m240 {
    height:195px;
}
section.calendar div.day div.event.m480 {
    height:391px;
}