.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip:before,
.tooltip:after{
    display:none;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: white;
    border-radius: 6px;
    padding: 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 2;
    transform: translate(200px, -70px);
}

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

.title-avaliable{
    color: rgb(147, 196, 125);
}

.icon-info {
    background: url('https://www.freeiconspng.com/uploads/info-icon-32.png'),no-repeat!important;
    width: 16px;
    height: 16px;
}

@media only screen and (max-width: 600px) {
    /* .tooltip .tooltiptext{
        visibility: visible;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)!important;
        transition: 0s;
        padding: 0;
        position: relative;
    } */
    .tooltip .tooltiptext{
        position: absolute;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        padding: 10px;
        transform: translate(38px, -15px);
        display: none;
        background-color: white;
    }
    .tooltip{
        margin-bottom: 25px;
    }
}