/**/
/*TOOLTIP*/
.btnToolp_ {
    position: relative;
    z-index: 20
}

    .btnToolp_ .tip_chart {
        /*white-space: nowrap;*/
        pointer-events: none;
        opacity: 0;
        left: 50%;
        position: absolute;
        z-index: 19;
        padding: 15px;
        cursor: pointer;
        min-width: 80px;
        background: #fff;
        font-size: 14px;
        line-height: 16px;
        color: #353535;
        font-weight: 400;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
        border-radius: 5px;
        -webkit-transform: translate(-50%, 40px);
        transform: translate(-50%, 40px);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .btnToolp_ .tip_chart:before {
            opacity: 0;
            position: absolute;
            z-index: 1;
            content: '';
            right: 0;
            left: 0px;
            margin: 0 auto;
            width: 10px;
            top: -11px;
            border-style: solid;
            border-width: 6px;
            border-color: transparent transparent var(--blanco) transparent;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }

    .hover_ > .tip_chart:before,
    .btnToolp_:hover > .tip_chart:before {
        opacity: 1;
    }

    .hover_ > .tip_chart,
    .btnToolp_:hover > .tip_chart {
        opacity: 1;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        /*animation: odsoky .5s ease-in-out infinite alternate;*/
    }

    /*TOP*/
    .btnToolp_.ttop .tip_chart {
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
    }

.hover_.ttop > .tip_chart,
.ttop.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -130%);
    top: 0%;
}

.ttop .tip_chart:before {
    top: auto;
    transform: rotate(-180deg);
    bottom: -11px;
}

/*RIGHT*/
.tright.btnToolp_ .tip_chart {
    -webkit-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
    top: 50%;
}

.tright.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
}

.tright .tip_chart:before {
    top: 13px;
    transform: rotate(-90deg);
    bottom: auto;
    left: -12px;
    right: auto;
}

/*LEFT*/
.tleft.btnToolp_ .tip_chart {
    -webkit-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%);
    top: 50%;
    left: auto;
    right: 0%;
}

.tleft.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tleft .tip_chart:before {
    border-color: #ffffff transparent transparent transparent;
    top: 13px;
    transform: rotate(-90deg);
    bottom: auto;
    right: -12px;
    left: auto;
}

@keyframes odsoky {
    0% {
        margin-top: -1px;
    }

    100% {
        margin-top: 1px;
    }
}

/**/
.icochat {
    width: 60px;
    height: 60px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    background: linear-gradient(125deg, #28a745, #0c5d3e);
    box-shadow: 0px 20px 20px -15px #0c5d3e);
    bottom: 30px;
    text-align: center;
    position: fixed;
    right: 20px;
    z-index: 1000;
}

    .icochat:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        pointer-events: none;
        opacity: 0;
        width: 52px;
        height: 52px;
        transform: scale(0);
        border-radius: 50%;
        z-index: -1;
        background: rgb(255 255 255 / 15%);
        transition: all .7s ease-in-out;
    }

    .icochat:hover:before {
        opacity: 1;
        transform: scale(1);
    }

    .icochat:hover {
        animation: wobble_vertical 1s ease-in-out;
    }

    .icochat img {
        width: 30px;
        transition: all .25s ease-in-out
    }

    .icochat.tleft.btnToolp_ .tip_chart {
        font-weight: 700;
        white-space: nowrap;
        left: 0;
        right: auto;
        width: auto;
        -webkit-transform: translate(-105%, -50%);
        transform: translate(-105%, -50%);
    }

    .icochat.tleft.btnToolp_:hover > .tip_chart {
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }