.timetableTable td {
    border: 1px solid black;
}

.timetableTable th {
    border: 2px solid black;
}

.timetableTable thead .violet {
    background: linear-gradient(0deg, rgba(84,13,85,1) 0%, rgba(255,255,255,1) 100%);
    color: white;
}

.timetableTable thead .gold {
    background: linear-gradient(0deg, rgba(84,84,13,1) 0%, rgba(255,255,255,1) 100%);
    color: white;
}

.timetableTable thead .red {
    background: linear-gradient(0deg, rgba(84,13,13,1) 0%, rgba(255,255,255,1) 100%);
    color: white;
}

.timetableTable thead .lightBlue {
    background: linear-gradient(0deg, rgba(13,205,204,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
}

.timetableTable thead .green {
    background: linear-gradient(0deg, rgba(13,84,13,1) 0%, rgba(255,255,255,1) 100%);
    color: white;
}

.timetableTable thead .white {
    background: linear-gradient(0deg, rgba(192,186,176,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
}

.timetableTable thead .yellow {
    background: linear-gradient(0deg, rgba(205,204,13,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
}

.timetableTable thead .gray {
    background: linear-gradient(0deg, rgba(192,186,176,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
}

.timetableTable thead .blue {
    background: linear-gradient(0deg, rgba(20,135,255,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
}

.timetableTable thead .darkBlue {
    background: linear-gradient(0deg, rgba(13,13,84,1) 0%, rgba(255,255,255,1) 100%);
    color: white;
}



.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .defaultColor {
    background-color: rgba(255,255,225,255);
}


.timetableTable tr .lightGray {
    background-color: rgba(192,192,192,255);
}
.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .gray {
    background-color: rgba(215,228,242,255);
}
.timetableTable tr .darkGray {
    background-color: rgba(128,128,128,255);
}


.timetableTable tr .lightGreen {
    background-color: rgba(192,220,192,255);
}

.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .green {
    background-color: rgba(192,220,192,255);
}

.timetableTable tr .darkGreen {
    background-color: rgba(0,128,0,255);
}

.timetableTable tr .skin {
    background-color: rgba(255,243,232,255);
}

.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .emptySkin {
    background-color: rgba(241,239,226,255);
}

.timetableTable tr .lightOrange {
    background-color: rgba(255,210,168,255);
}

.timetableTable tr .orange {
    background-color: rgba(228,120,50,255);
}

.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .alpineWhite {
    background-color: rgba(240,251,255,255);
}


.timetableTable tr:not(.selectedRow):not(.selectedRowByTime) .nightBlue {
    background-color: rgba(166,202,240,255);
}


.timetableTable tr .darkRed {
    background-color: rgba(128,0,0,255);
    color: white;
}
.timetableTable tr .red {
    background-color: rgba(255,92,92,255);
}
.timetableTable tr .lightRed {
    background-color: rgba(255,204,204,255);
}

.timetableTable tr .yellow {
    background-color: rgba(255,255,0,255);
}

.timetableTable tr .purple {
    background-color: rgba(255,0,255,255);  
}
.timetableTable tr .violet {
    background-color: rgba(240,251,255,255); 
}


.timetableTable tr .fontBold {
    font-weight: bold;
}

.timetableTable tr:is(.selectedRow) .fontBoldSelected,
.timetableTable tr:is(.selectedRowByTime) .fontBoldSelected {
    font-weight: bold;
}


.timetableTable tr:is(.selectedRow) .fontRed,
.timetableTable tr:is(.selectedRowByTime) .fontRed {
    color: red !important;
}

.selectedRow .fontRed,
.selectedRowByTime .fontRed {
    color: red;
}

.selectedRow .fontBoldSelected,
.selectedRowByTime .fontBoldSelected {
    font-weight: bold;
}

.timetableTable tr:is(.selectedRow) .fontBlack,
.timetableTable tr:is(.selectedRowByTime) .fontBlack {
    color: black;
}

.selectedRow .fontBlack,
.selectedRowByTime .fontBlack{
    color: black;
}


.timetableTable{
    table-layout:fixed;
}

.timetableTableHolder {
    max-height: 1000px;
    overflow-x: scroll;
}
.timetableTable th, .timetableTable td {
    padding: 5px;
    border: .5px solid black;
    text-align: center;
}

.timetableTable td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.timetableTable .selectedRow {
    background-color: dodgerblue !important;
    color: white !important;
}

.timetableTable .selectedRowByTime{
    background-color: purple !important;
    color: white !important;
}

.timetableTable .selectedRowDeparturing {
    background-color: lightgreen !important;
    color: black !important;
}

.timetableTable .selectedRowDrivingThrough {
    background-color: cyan !important;
    color: black !important;
}