.timetable-wrapper {
    position: relative;
    flex: 1;
    min-width: 1024px !important;
    min-height: 1400px !important;

}

#hours {
    position: absolute;
    left: 0%;
    top: 3%;
    width: 100%;
    height: 97%;
    color: #333;
}

.aligned-on-period {
    position: absolute;
    left: 4.5%;
    top: 3%;
    width: 95.5%;
    height: 97%;
}

.hour-solid {
    position: absolute;
    border-bottom: solid 1px #999;
    width: 95.5%;
    left: 4.50%;
}

.hour-dashed {
    position: absolute;
    border-bottom: dashed 1px #aaa;
    width: 95.5%;
    left: 4.50%;
}

.hour-dotted {
    position: absolute;
    border-bottom: dotted 1px #999;
    width: 95.5%;
    left: 4.50%;
}
/* position of entries */
.entry-absolute-box {
    position: absolute;
    /* pixel perfect box positioning on bottom */
    padding-top: 1px;
    /* margin from edge of "day" */
    padding-bottom: 3px;
    /* = top + 1, because we have 1px border at the bottom */
    padding-left: 3px;
    /* spacing between periods */
    padding-right: 0px;
    /* right = 0, because only left + right sum matters  */
}

.entry-absolute-box.leftmost {
    padding-left: 2px;
    /* postavi levi rob od dneva na top + 1 = right + 1, ker imamo 1px borderja */
}

.entry-absolute-box.rightmost {
    padding-right: 2px;
    /* postavi desni rob od dneva na top */
}