.block_timetable .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.block_timetable .tooltip .tooltiptext {
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.slider {
   width: 100%;
   height: 100%;
   display: flex;
   overflow-x: hidden;
   scroll-snap-type: x mandatory;
}

@supports (scroll-snap-type) {
  .slider > a {
/*      display: none;*/
  }
}

.slide {
   width: 100%;
   height: 100%;
   flex-shrink: 0;
   scroll-snap-align: start;
}

.slides {
  display: flex;
	    
  overflow-x: auto;
  scroll-snap-type: x mandatory;
	        
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
		    
  /*
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
  */
}
.slides::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.slides::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 10px;
      display: none;
}
.slides::-webkit-scrollbar-track {
  background: transparent;
}


.slides > div {
	  /* CURRENT way. */
  scroll-snap-align: start;
  scroll-behavior: smooth;
  display: flex;
}

.timetable_view_subject {
      display: table;
}
.timetable_view_room {
      display: none;
}
.timetable_view_teacher {
      display: none;
}
.timetable_view_class {
      display: none;
}

.timetable_legend {
	width:100%;
	text-align: center;
}