html, body {
    height: 100%;
     font-family: Arial, Helvetica, sans-serif;
     
}
.th{
    text-align: left;
}
table{
    border: 1px;
}
td{
    
    border: 1px solid #dddddd;
     font-family:arial, "lucida console", sans-serif;
}
tr:hover {
  background-color: yellow;
  
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}