/* ==========================================================
   ASICON CHAT LAUNCHER
========================================================== */

#asicon-chat-launcher{

    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;

    position:fixed !important;

    width:65px;
    height:65px;
    min-width:65px;
    max-width:65px;

    right:10px;
    bottom:10px;

    padding:0;
    margin:0;

    border:2px solid #ffffff;
    border-radius:50% !important;

    background:#ffffff url('../../resources/images/bot/andy-hover.png') center center / cover no-repeat !important;

    overflow:visible;
    box-shadow:none;

    z-index:2147483000;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

    outline:none;
}

/* ==========================================================
   HOVER / ACTIVE / FOCUS
========================================================== */

#asicon-chat-launcher:hover,
#asicon-chat-launcher:active,
#asicon-chat-launcher:focus,
#asicon-chat-launcher:focus-visible{

    border:2px solid #ffffff !important;

    transform: translateY(-3px) scale(1.06) !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,.50),
        0 4px 12px rgba(0,0,0,.20) !important;

    outline: none !important;
}
/* ==========================================================
   ELIMINA EL ICONO NATIVO DEL CHAT
========================================================== */

#asicon-chat-launcher > *,
#asicon-chat-launcher svg,
#asicon-chat-launcher img,
#asicon-chat-launcher span,
#asicon-chat-launcher div{
    opacity:0 !important;
    visibility:hidden !important;
}

#asicon-chat-launcher::before,
#asicon-chat-launcher::after{
    content:none !important;
    display:none !important;
}

/* ==========================================================
   RESPONSIVE - 1200 px
========================================================== */

@media (max-width:1200px){

    #asicon-chat-launcher{

        width:65px;
        height:65px;
        min-width:65px;
        max-width:65px;

        right:10px;
        bottom:10px;

    }

}

/* ==========================================================
   RESPONSIVE - 900 px
========================================================== */

@media (max-width:900px){

    #asicon-chat-launcher{

        width:58px;
        height:58px;
        min-width:58px;
        max-width:58px;

        right:12px;
        bottom:12px;

    }

}

/* ==========================================================
   RESPONSIVE - 600 px
========================================================== */

@media (max-width:600px){

    #asicon-chat-launcher{

        width:48px;
        height:48px;
        min-width:48px;
        max-width:48px;

        right:10px;
        bottom:10px;

    }

}