/* TOOLTIP CLASSES */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #c9ecfe;
    color: #005e8d;
    text-align: left;
    border: 1px solid #019cd2;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    width: max-content;
    max-width: 220px;
}

.tooltip.tooltip-danger .tooltiptext {
    border-color: #F00;
    background: #f3abab !important;
    color: #000 !important;
}

.tooltiptext-top, .tooltiptext-bottom {
    /*left: 50%;*/
}

.tooltiptext-top {
    bottom: 110%;
}

.tooltiptext-bottom {
    top: 110%;
}

.tooltiptext-left, .tooltiptext-right {
    top: -5px;
}

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

.tooltip:hover .tooltiptext:empty, .tooltip:hover .tooltiptext-preview:empty {
    visibility: hidden;
}

/* END TOOLTIP CLASSES */