h1, h4, h6 {
    color: yellow;
    text-align: center;
}

.index h1, h2, a, p {
    text-align: left;
}

.hf_txt_color {
    color: yellow!important;
}

body {
    height : 100%;
    background-color: LemonChiffon;
    padding: 0;
    margin: 0;
}

div {
    padding: 0; 
    margin: 0;
    border: 0;
}

tr.red {
    background-color: red;
}

tr.green {
    background-color: lightgreen;
}

td.new {
    background-color: lightgreen;
}

td.recent {
    background-color: lightblue;
}

td.c, th.c {
  text-align : center;
}

td.r, th.r {
  text-align : right;
}

td.l, th.l {
  text-align : left;
}

td.green {
  color: green;
}

td.red {
  color: red;
}

.league-table {
    border: 2px solid grey;
    border-collapse: collapse;
}

.league-table td {
    border: 2px solid grey;
    text-align: center;
    padding: 4px;
}

.league-table th {
    border: 2px solid grey;
    text-align: center;
    padding: 4px;
    background-color: lightblue;
}

.league-table a {
    text-decoration: none ;
}

.results-page {
    margin-left: 200px;
    margin-right: auto
}

.results-page h1, h2, h3, p {
    text-align: left;
    color: blue;
}

.results-table {
    border: 2px solid grey;
    border-collapse: collapse;
}

.results-table td {
    border: 2px solid grey;
    text-align: center;
    padding: 4px
}

.results-table th {
    border: 2px solid lightblue;
    padding: 4px
}

.notes-table td {
    padding: 4px
}

/* The sidebar menu */
.sidebar-nav {
  height: 100%;
  width: 200px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 2px;
  list-style: none;
}

/* The navigation menu links */
.sidebar-nav a {
  padding: 2px 2px 2px 2px;
  text-decoration: none;
/*  font-size: 15px; */
  color: #818181;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidebar-nav a:hover {
  color: #f1f1f1;
}

.sidebar-nav h4 {
  color: lightblue;
  font-size: 15px;
  padding: 0;
}

.sidebar-nav div.user {
    color: yellow;
}

/* Style page content */
.main {
  margin-left: 200px; /* Same as the width of the sidebar */
  margin-top: 0;
  background-color: LemonChiffon;
  padding: 0;
}

.header {
    color: blue;
    font-size: 40px;
}

.header a {
    color: blue;
    font-size: 20px;
}

.deductions {
    color: red;
}

.alert {
    color: red;
    background-color: lightblue;
    #width: 300;
    max-width: 300;
    display: inline-block;
    font-size: 15px;
    margin: auto;
    border: 3px solid #73AD21;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav_stats {padding-top: 15px;}
  .sidenav_stats a {font-size: 18px;}
}

/* autocomplete */
* {
  box-sizing: border-box;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.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; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}