/*does the title on each page.*/
.title {
    color:#00F56C;
    background-color: #11102b ;
    width: fit-content;
    padding:20px;
    margin:auto;
    margin-top:5px;
    margin-bottom: 10px;
    
}
/*table scrolls*/
.scrollTable{
  overflow-x: auto;
  margin:20px;
}

/*background for all the paragraphs and other bits of text*/
.back{
    background-color: #11102b;
    width: 70%;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    color:#aaf0c9;
}

/*UPPERCASE background for all the paragraphs and other bits of text*/
.backU{
    text-transform: uppercase;
    background-color: #11102b;
    width: 70%;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    color:#aaf0c9;
}
  
/*return home button*/
.homeButton {
    display: block;
    width: fit-content;
    background-color: #11102b;
    color: mediumspringgreen;
    padding: 10px 20px;
    margin: 20px auto;
    font-size: 150%;
    text-align: center;
    border-radius:25px;
}



/*for inline external links such as to the MyTrip app page*/
.exButton {
    color: mediumspringgreen;
}



/*the buttons for each bus service on the home page*/
.button {
    display: block;
    width: 70%;
    background-color: #11102b;
    color: mediumspringgreen;
    padding: 10px 0;
    margin: 20px auto;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    border-radius:25px;
    
}

/*the hover colour for the buttons*/
.button:hover {background-color: #1E102B;}
.exbutton:hover {background-color: #1E102B;}
.homeButton:hover{background-color: #1E102B;}


/*body of each page*/
body{max-width:1000px;
  margin:auto;
  background-color:#0a001c;
  color:white;
}

/*spaces tables appart from other elements*/
table {
    margin: 20px auto;
    border-collapse: collapse;
    text-align: center;
}

/*top level of table css*/
.tg  {border-collapse:collapse;border-spacing:0;
background-color:#11102b;border-color:#ffffff;color:#ffffff;}

/*css for the table heading data boxes*/
.tg th{border-color:white;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
  
/*css for the table data boxes*/
.tg td{border-color:white;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}

/*makes text in a table bold*/
.tg .Tbold{background-color:#11102b;border-color:#ffffff;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle}

/*text on stay on screen when you scroll the table*/
.tg .Tstay{
  background-color:#1A102B;border-color:#ffffff;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle; position:sticky; left:0; }

/*hides table columns by making them the same colour as the background (used in the Lanark page to allign different timetables)*/
.tg .INVIS{background-color:#0a001c;border-color:#0a001c;color:#0a001c;font-style:italic;text-align:center;vertical-align:middle;}

/*list without bullet points*/
.noBulletList{list-style-type: none;
 margin: 0px; padding: 0px; 
}