/* CSS for fixed stop names column*/
.table-responsive.fixed-column, .table-horizontal.fixed-column {
    position: absolute;
    width: auto;
}

.timetable .stop-name-container {
    min-width: 300px;
    max-width: 300px;
}

/* Hide on mobile */
@media only screen and (max-width: 768px) {
 
     .timetable  .stop-name-container {
         max-width: 90px ; 
         min-width: 85px ; 
    
       }
       .timetable  .stop-name {
         max-width: 55px ; 
        }
   }

.table-responsive.fixed-column, .table-horizontal.fixed-column {
     display: none; 
}

tr>th:first-child,tr>td:first-child {
     position: sticky ; 
     left: 0 ; 

}
tr.city-row th{
    padding-left: 10px ;
    margin-left: 10px  
} 

.timetable .stop-row th{
     background: #d6d6d6 ; 
} 


 
/* width */
::-webkit-scrollbar {
     width: 10px;
   }
   
   /* Track */
   ::-webkit-scrollbar-track {
     background: #f1f1f1;
   }
   
   /* Handle */
   ::-webkit-scrollbar-thumb {
     background: #888;
   }
   
   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
     background: #555;
   }