.calendar-wrapper {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    overflow:auto;
    border:1px solid #eeeeee;
    white-space: nowrap;
    padding-top:25px;
    padding-left:25px;
    padding-right:25px;
    background: #fafafa;
}

.calendar-box-wrapper {
    display: inline-block;
    margin:2px;
    vertical-align:top;
}

.calendar{
    background: #f4f2b3;
    color: #880000;
    table-layout:fixed;
    padding:0px;
    margin:0px;
}


.calendar-title th {
    font-size: medium;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    line-height:8px;
}

.calendar-header th {
    padding: 0px;
    text-align: center;
    line-height:8px;
    font-size:small;
}

.calendar tbody tr td{
    text-align: center;
    vertical-align: top;
}

.calendar tbody tr td.pad{
    background: rgba(255, 255, 255, 0.5);
    padding:0px;
    line-height:8px;
    font-size:small;
    padding:6px;
}

.calendar tbody tr td.day {
    padding:0px;
    line-height:8px;
    font-size:small;
    padding:6px;
    background:#eeeeee;
}

.calendar tbody tr td.today {
    border:1px solid red;
}

.calendar-special {
    font-weight:bold;
    text-decoration: underline;
}

.timetable-header {
    padding-left:1em;
    font-size:large;
    font-weight:bold;
    text-transform: uppercase;
}

.next-trains {
    width:100%;
    text-transform:capitalize;
    border:1px solid #555555;
    padding:4px;
    font-weight:bold;
}

.next-trains-cell {
    vertical-align:top;
    padding:2px !important;
}

.timetable-wrapper {
    overflow: auto;
}

.timetable-time-cell {
    text-align:center;
}

#railtimetable-modal {
    background:#ffffff;
    display:none;
}

.calendar-wrapper::-webkit-scrollbar {
    height: 8px;
}
 
.calendar-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 8px;
}
 
.calendar-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.timetabletabs li {
    list-style:none;
    display:inline;
}

.timetabletabs a {
    padding:5px 5px;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    text-transform: capitalize;
    font-weight:bold;
    margin:0px;
    border-radius: 8px 8px 0px 0px;
}

.timetabletabs li.active {

}

.timetabletabs-div {
    border-radius:0px 0px 8px 8px;
    padding-top:6px;
    padding-left:6px;
    padding-right:6px;
    margin-top:0px;
    border-style:solid;
    border-width:5px;
    background-color:#fafafa;
}

.timetable-wrapper::-webkit-scrollbar {
    height: 8px;
}
 
.timetable-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 8px;
}
 
.timetable-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.timetable-special-front {
    font-weight:bold;  
}

.timetable-special-front-head {
    font-weight:bold;
    font-size:large;
}

.timetable-smallnotes {
    margin-top:0px;
    padding-top:0px;
    font-size:small;
}

.timetable-smallheading {
    text-align:center;
    margin-bottom:10px;
}

.timetable-buytickets {
    font-weight:bold;
}

.timetable-buytickets-wrapper {
    margin-top:0px;
    margin-bottom:4px;
    text-align:center;
}

.timetable-buytickets-list {
    
}

.timetable-buytickets-list-span {
    padding-left: 1em;
    padding-right: 1em;
    border: 1px dotted black;
    white-space: nowrap;
}

.timetable-popupevent {
   margin-top:1em;
   margin-bottom:1em;
   text-align:center;
}

.timetable-header-notes {
    font-weight:bold;
    font-size:small;
    text-align:center;
}

.timetable-station-closed {
    color:gray;
    font-weight:lighter;
    text-decoration: line-through;
}

.timetable-station-closedtext {
    display: inline-block;
    text-decoration: none;
    font-size:small;
    color:red;
    font-weight:normal;
}