.tooltip-div {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}
.tooltip-div i {
    cursor:pointer;
}

.tooltip-div .tooltiptext, .tooltip-div .tooltiptext2 {
    visibility: hidden;
    /*width: 120px!important;*/
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 14px;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: opacity 0.3s;
	font-size:12px;
	line-height: 20px;
}

.tooltip-div .tooltiptext2 {
    -webkit-transition: 2s all;
    -webkit-transition-delay: 2s;
    -moz-transition: 2s all;
    -moz-transition-delay: 2s;
    -ms-transition: 2s all;
    -ms-transition-delay: 2s;
    -o-transition: 2s all;
    -o-transition-delay: 2s;
    transition: 2s all;
    transition-delay: 2s;
}


.tooltip-div .tooltiptext_tmp::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip-div table td{
	padding: 2px 14px 2px 14px!important;
}

.tooltip-div i:hover + .tooltiptext, .tooltip-div i:hover + .tooltiptext2 {
    visibility: visible;
    opacity: 1;
    transition-delay:1s;
}

.tooltip-div img:hover + .tooltiptext, .tooltip-div img:hover + .tooltiptext2 {
    visibility: visible;
    opacity: 1;
    transition-delay:1s;
}