/*   BUSVIEW STYLE SHEET

This style sheet should be used for all BusView pages, although obviously some (like login pages) will look different to others (like menu pages)

Styles that can be used are:

headertext         div only        This is the "BusView by Busdata Ltd" text under the logo on the left hand menu.
Col-1 thru Col-12                  These columns split the screen into 12 columns for larger screens
sidebar                            The menu sidebar


Colours used are:
0,0,0        Black (text)
255,255,255  White (background)
255,64,64    Light Red (Hover)
192,0,0      Red (Errors, Borders and where colour is needed)

*/

body {
  height: 100%; 
  background-color: rgb(255,255,255);
  font-family: "Lucida Console", Courier, monospace;
}

.logo {
  text-align: center;
  color: rgb(0,0,0);
  font-size: 1.5em;
  
  img {
    max-width: 256px;
    height: auto;
    margin:  1em auto 2em;
  }
}

.message {
  color: rgb(255,64,64);
  font-size: 1em;
  text-align: center;
}
    
.form1 {
  background-color: rgb(255,255,255);
  text-align: center;
  padding: 2em 1em;
}

.button2 {
  width: 400px;
  margin: 2em 0 0;    /* was 3% as middle number */
  border: none;
  background-color: rgb(255,64,64);
  padding: 1em 0;
  font-size: 1.25em;
  clear: both;
  color: rgb(0,0,0);
}

.button2:focus,.button2:hover {
  color: rgb(255,255,255);
  background-color: rgb(192,0,0);
}