body{
    font-family: Arial, Helvetica, sans-serif;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border:2px solid #3385ff;
    min-width: 450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
   z-index: 50;
    cursor: pointer;
}
.dropdown:hover .dropdown-content {
    display: block;
}
#description li{
  padding: 2px;
}

img[id^="info_"] {
/*background-color: #e4e5e9;
//background: none;*/
border: none;
padding: 5px;
float: right;
cursor: pointer;
width: 30px;
height: 30px;

}

.tooltip .tooltiptext {
visibility: hidden;
width: 80px;
background-color: #f9f9f9;/*#ffff80;#555;*/
border:2px solid #3385ff;  
color: #555; /*#fff;*/
text-align: center;
// padding: 5px 0;
// border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 1;
top: 60%;
left: 90%;
margin-left: 20px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;
}

table, th {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 8px;
}
td{
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 8px;
  height: 50px;
}
th {
  padding: 15px;
  text-align: left;
}

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