* {
	font-family: Arial, Verdana, Helvetica, Geneva, Tahoma, Open Sans, Liberation Sans, Impact
  }
/*
  table-layout:fixed;
  width: 100%;
*/

table class="left" {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-spacing: 0;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
/*
  width: 15% ;
	background-color: #32a852;
*/
table th {
    padding: 3px 10px;
    background-color: white;
    border-top: 1px solid black ;
    border-left: 1px solid black ;
    border-right: 1px solid black ;
    border-bottom: 1px solid black ;
}

table td:first-child {
    padding: 3px 10px;
    border-top: none;
    border-left: 1px solid black ;
    border-bottom: 1px solid black ;
    border-right: 1px solid black ;
}

table td:last-child {
    padding: 3px 10px;
    border-top: none;
    border-left: 1px solid black ;
    border-bottom: 1px solid black ;
    border-right: 1px solid black ;
}

table:is(td, th) {
  border: 1px solid black;
  padding: 0.3em;
}

tr:nth-child(odd) {
  background-color: Gainsboro; /* https://www.w3schools.com/colors/colors_shades.asp */
}

tr:nth-child(even) {
  background-color: white;
}

div.scroll {
/*  background-color: #fed9ff; */
  width: 100% ;
  height: 1000px ;
/*
  overflow-x: hidden;
  overflow-y: auto;
*/
  overflow: auto;
  text-align: left ;
  padding: 20px;
}

/* Add border for the last row of the table.           */
/*      (Might be of use for table footnotes, later).  */
/* tr:last-child td { border-top: 2px solid black; }   */