#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 0px solid #ddd;
  font-size: 18px;
  background-color: white;
  border-spacing: 0px;
  color:black;
}

#myTable th{
  text-align: center;
  padding: 0px; margin: 0px;
  border: 0px solid grey;
  background-color: #E0E0E0;
  color:black;
  font-size: 12px;
  border-spacing: 0px;
}

#myTable td {
  text-align: center;
  padding: 0px;
  border: 1px solid #ddd;
  background-color: transparent;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr:hover {
  //color: 
  //border: 2px solid blue;
  background-color: #E8E8E8;
}
tr:focus{
  color: #f1f1f1;
  border: 2px solid red;
  background-color: orange !important;
}
#myTable thead { position: sticky; top: 0; z-index: 1; background-color:grey !important;
  border-spacing: 0px;
}

.active_row {color: green; height: 300px;}

/* 
tr:hover {
    -webkit-box-shadow: 0px 2px 4px #e06547;
    -moz-box-shadow: 0px 2px 4px #e06547;
    box-shadow: 0px 2px 4px #e06547;
    background-color: #d4d5d6;
}
#myTable tr:active {
  background-color: red;
   border: 2px solid green;
}
 */