table.table-borderless > tr > td,
table.table-borderless > tr > th,
table.table > tbody > tr > td,
table.table > tbody > tr > th,
table.table-borderless > tfoot > tr > td,
table.table-borderless > tfoot > tr > th,
table.table-borderless > thead > tr > td,
table.table-borderless > thead > tr > th {
    border-top: none;
}
.table > tbody > tr > td,
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 4px;
}
.infolink:before
{
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 1.8ex;
    /*height: 1.8ex;*/
    font-size: 1.4ex;
    line-height: 1.8ex;
    border-radius: 1.2ex;
    margin-right: 4px;
    padding: 1px;
    color: white;
    background: blue;
    border: 1px solid grey;
    text-decoration: none;
}

.infolink:hover:before
{
    color: white;
    background: gray;
    border-color: white;
    text-decoration: none;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; 
}


.infolink .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: left;
  position: absolute;
    padding-right: 5px;
    padding-top: 5px;
}


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