@charset "utf-8";

/* =====================================
        botchat_typed.css
======================================== */

#BotChatGoesHere {

    /* Size */
    width : calc(30% + 200px);
    height: 90%;
    max-width : 100%;
    max-height: calc(97% - 50px);

    /* Position */
    position: fixed;
    top: 10px;
    right: 1em;
    bottom: calc(3% + 50px);

    visibility: hidden;
    opacity: 0;
    z-index: 9999
    }


/* -------------------------------
    Mobile
---------------------------------- */
@media (max-width: 1080px) {
    #BotChatGoesHere {
    width : 70% !important
    }
}

@media (max-width: 767px) {
    #BotChatGoesHere {
    width : 100% !important;
    height: 93%;
    max-height: calc(97% + 20px);

    top: 0;
    right: 0;
    bottom: calc(2% + 10px)
    }
}