.bakerloo{
    color: #ffffff;
    background-color: #ae6118;
}

.central{
    color: #ffffff;
    background-color: #e41f1f;
}

.circle{
    color: #113892;
    background-color: #f8d42d;
}

.district{
    color: #ffffff;
    background-color: #007229;
}

.dlr{
    color: #ffffff;
    background-color: #00bbb4;
}

.hammersmith-city{
    color: #113892;
    background-color: #E899A8;
}

.jubilee{
    color: #FFFFFF;
    background-color: #686E72;
}

.london-overground{
    color: #FFFFFF;
    background-color: #F86;
}

.metropolitan{
    color: #FFFFFF;
    background-color: #893267;
}

.northern{
    color: #FFFFFF;
    background-color: #000000;
}

.piccadilly{
    color: #FFFFFF;
    background-color: #0450A1;
}

.victoria{
    color: #FFFFFF;
    background-color: #009FE0;
}

.waterloo-city{
    color: #113892;
    background-color: #70C3CE;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    /* top: 100%; */
    /* left: 0; */
    /* right: 0; */
  }
  .autocomplete-items div {
    /* padding: 10px; */
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }