body {
  margin: 2%;
  font-family: sans-serif;
  color-adjust:exact;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.fa {
  padding-right: 20px;
}

.timetable {
    border: 2px black solid;
    margin: 20px;
}

.timetable tbody {
}

.timetable th {
   color:red;
   width: 100px;
   height: 50px;
   padding: 10px;
   border: 1px black solid;
}

.timetable td {
   color: blue;
   width: 100px;
   height: 50px;
   padding: 10px;
   font-weight: bold;
   border: 1px black solid;
}

.timetable2 th {
   color:red;
   width: 100px;
   height: 50px;
   border: 1px black solid;
}

.timetable2 td {
   color: blue;
   width: 100px;
   height: 50px;
   font-weight: bold;
   border: 1px black solid;
}

.timetable2 td:hover {
   border: 5px black solid !important;
   cursor: crosshair;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}