.tooltip_modal svg {
    display: none;
    color: #c3126f;
    font-size: 19px;
}


.tooltip_modal {
    position: relative;
    /* clear: both; */
    display: inline-block;
    width: auto;
    position: relative;
}
.modal-body .check .titolo .tooltip_modal {
    clear: both;
    display: block;
}
    .modal-body .check .titolo .tooltip_modal .tooltip-right {
        left: 14%;
    }

    .tooltip_modal a, .tooltip_modal p, .tooltip_modal li {
    color: white !important;
    font-size: 13px !important;
    text-align: left;
    padding: 0px !important;
}


    .tooltip_modal .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 200px;
        /* max-width: 100%; */
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        text-align: center;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        /*integrare*/
        padding: 15px;
        /* margin-left: 5px; */
        color: #FFF !important;
        font-size: 13px;
        -moz-border-radius: 10px;
        font-weight: normal;
        border-radius: 10px;
    }
        .tooltip_modal .tooltiptext p span {
            background-color: transparent !important;
            color: #fff !important;
            font-family: 'Roboto', sans-serif !important;
            font-weight: 400 !important;
            font-size: 14px !important;
        }

    .tooltip_modal:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .tooltip_modal .tooltiptext2 {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 1;
    }

    .tooltip_modal:hover .tooltiptext2 {
        visibility: visible;
    }

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-right2 {
    top: -5px;
    left: 105%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom2 {
    top: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
    bottom: 30px;
    left: 0%;
    margin-left: -91px;
}

.tooltip-top2 {
    bottom: 115%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.tooltip-left2 {
    top: -5px;
    bottom: auto;
    right: 105%;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.tooltip_modal .tooltiptext-bottomarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -60px;
}

    .tooltip_modal .tooltiptext-bottomarrow::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

.tooltip_modal:hover .tooltiptext-bottomarrow {
    visibility: visible;
}

.tooltip_modal .tooltiptext-toparrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

    .tooltip_modal .tooltiptext-toparrow::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

.tooltip_modal:hover .tooltiptext-toparrow {
    visibility: visible;
}

.tooltip_modal .tooltiptext-leftarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

    .tooltip_modal .tooltiptext-leftarrow::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

.tooltip_modal:hover .tooltiptext-leftarrow {
    visibility: visible;
}

.tooltip_modal .tooltiptext-rightarrow {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

    .tooltip_modal .tooltiptext-rightarrow::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent black;
    }

.tooltip_modal:hover .tooltiptext-rightarrow {
    visibility: visible;
}



@media (max-width:875px) {

    .tooltip_modal svg {
        display: inherit;
        margin-top: 4px;
    }
}
