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

    .pablotooltip .pablotooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: darkgray;
        color: #fff;
        text-align: center; 
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -125px;
        /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
        opacity: 0;
        transition: opacity 1s;
    }

        .pablotooltip .pablotooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: darkgray transparent transparent transparent;
            transition: opacity 1s;
        }   


    .pablotooltip:hover .pablotooltiptext {
        visibility: visible;
        opacity: 1;
    }