/* style for Results tables */
.ResultsTbl { border: 3px solid #ddd; font-size:small;}
.ResultsTbl th{border:medium ;background-color:#808080;color:#ffffff;}
.ResultsTbl tr:nth-of-type(even){background-color:#f3f3f3;}/* stripes */
.ResultsTbl tr:nth-of-type(odd){background-color:#d0d0d0;}
.ResultsTbl td {
        border: 1px solid black;
        text-align: center;
        padding: 10px;
    }

.SelectTbl { border-collapse: collapse; font-size:18px;}
.SelectTbl th {border: none;background-color: #000000;color: #ffffff;}
.SelectTbl tr:nth-of-type(even) { background-color: #f3f3f3;}
    /* stripes */
.SelectTbl tr:nth-of-type(odd) {background-color: #d0d0d0;}


.SimpleTbl  {border-collapse:collapse;font-size:x-large;}
.SimpleTbl th{border: none ;background-color:#000000;color:#ffffff;}

/* style for Exams tables */
.ExamsTbl  {border-collapse:collapse;font-size:small;}
.ExamsTbl th{border: none ;}
.ExamsTbl tr:nth-of-type(even){background-color:#ffffff;}/* stripes */
.ExamsTbl tr:nth-of-type(odd){background-color:#d0d0d0;}

/* Apply different styles for the timetables*/
.TimetableTable {border-collapse:collapse;font-size:small;}
.TimetableTable td:first-child{background-color:#d0d0d0;} 
.TimetableTable th{background-color:#d0d0d0;color:#000000;} 
.TimetableTable th{border: solid ;}
.TimetableTable td{border: solid ;}
.TimetableTable td{background-color:#f3f3f3;}

.TimetableTable.TimetableSplitPeriod {background-color:Aqua;}
.TimetableSplitPeriod {background-color:Aqua;}
.TimetableBookedPeriod {background-color: Green;}
.TimetableTable .TimetableBookedPeriod {background-color:Lime;}
#id2 {background-color:Aqua;}

.split {
    background-color: Aqua;
}

.EventsTable {border-collapse:collapse;font-size:small;}
.EventsTable th{border: none ;background-color:#084c8d;color:#ffffff;}
.EventsTable tr:nth-of-type(even){background-color:#eeeeef;}/* stripes */
.EventsTable tr:nth-of-type(odd){background-color:#dddddd;}
.EventsTable td,th {text-align: center;} 
.EventsTable tr > td:first-child {text-align:left; }

.CalendarHead {color:#084c8d;}
.tableHighlight1 {background-color:#00ff00;}
.tableHighlight2 {background-color:#00aa00;}
.tableHighlight3 {}
.tableHighlight4 {background-color:#aa0000;}
.tableHighlight5 {background-color:#ff0000;}
.tableAdditionalText {font-size:small; font-family:Arial; color:Gray;}

.RadioButton1 {float: right;}

.DataTableInput {width:30px;  }


.DataTable td:first-child{background-color:#ddd;} 
.DataTable th{background-color:#ccc;color:#000;} 
.DataTable th{border: solid ; }
.DataTable td{border: solid; border-color:#888  ;}
.DataTable td{background-color:#f3f3f3;}
td.cellgreen{background-color: Lime;color: black;}
td.celllightgreen{ background-color:lightgreen;color:black;}
td.celllightred{background-color:lightcoral ; color:white; }
td.cellred {background-color:red;color: white;}

.DataTableInvalid {background-color: Lime;}

.button1style {background-color:#f3f3f3;color:#000; outline-color:#888; outline-style:ridge; }

.FilterTable {
    background-color: #ddd;
    color: #000;
    border: solid;
    font-size:larger;
    font-family: Arial;
}
    .FilterTable td {
        font-size: larger;
        font-family: Arial;
    }

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}