.timetable-component .timetable {
    border-spacing: 0;
    border-collapse: collapse;
}

.timetable-component .timetable tr.spacer {
    height: 6px;
}

.timetable-component .timetable td {
    text-align: center;
    padding: 4px 6px;
    cursor: pointer;
}

.timetable-component .timetable tr:not(.spacer) td:not(.spacer):hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.timetable-component .timetable td.mark-first {
    font-weight: bold;
}

.timetable-component .timetable td.selected {
    background-color: #d0d8e2;
}

.timetable-component .timetable td.selected:hover {
    background-color: #c0ccd8 !important;
}

.timetable-component .timetable td.spacer {
    width: 6px;
}

.timetable-component .times {
    position: relative;
    margin-top: 10px;
    height: 28px;
    border: 1px solid #dee2e6;
    padding: 4px;
    padding-right: 20px;
}

.timetable-component .times i {
    position: absolute;
    right: 6px;
    top: 7px;
    cursor: pointer;
}