.mostrarfrase {
    display: none !important;
}

.fab input.main {
    background-size: 103px !important;
    width: 138px !important;
    height: 119px!important;
    background-repeat: no-repeat;
}

.tntpluiseduardomagalhaesba{
    background-image: url(https://milla-files.s3.us-south.cloud-object-storage.appdomain.cloud/milla/avatar_animado_milla.gif)!important;
}

.fab.show input.main:checked {
    background-image: none !important;
}

.tela {
    margin: 0px 27px 0px 0px!important;
    bottom: -37px!important;
    right: 90px!important;
    z-index: 30!important;
}

.chat {
    width: 30vw!important;
    height: 80vh!important;
}

.navegacao {
    margin-right: 6px!important;
    margin-top: 5px!important;
}

.botaochat {
    font-size: 19px!important;
    margin-right: 5px!important;
    color: #dddddd!important;
    display: inline-block!important;
    border: none!important;
background-color: white !important;
padding: 0px !important;
}

#instanciaIframe {
    height: 80vh!important;
    overflow: hidden!important;
    background-color: #e9e9e9!important;
}

.logotipos {
    margin-top: 5px!important;
    margin-left: 10px!important;
    margin-right: 35px!important;
    margin-bottom: 5px!important;
}

@media (max-width: 2000px) {
    iframe {
        height: 73vh!important;
    }
}

@media (max-width: 1370px) {
    iframe {
        height: 73vh!important;
    }
}

@media (max-height: 500px) {
    .chat {
        width: 93vw!important;
        height: 76vh!important;
    }
    #instanciaIframe {
        height: 90vh!important;
    }
    .tela {
        margin: 0px !important;
        bottom: 124px!important;
    }
    iframe {
        height: 67vh!important;
    }
}

@media (max-width: 500px) {
    .tela {
        position: fixed;
        bottom: 77px!important;
        right: 0;
        margin: 0px!important;
        padding: 0px !important;
        z-index: 99999999999 !important;
    }
    .chat {
        width: 93vw !important;
        height: 80vh !important;
        z-index: 9999999 !important;
    }
    .agent-face {
        width: 86vw;
        margin-left: 5.5vw!important;
    }
}

@media (max-width: 320px) {
    .tela {
        position: fixed;
        bottom: 91px!important;
        right: 0;
        margin: 0px!important;
        padding: 0px !important;
        z-index: 99999999999 !important;
        width: 93vw!important;
        height: 83vh!important;
    }
    .chat {
        width: 92vw !important;
        height: 81vh !important;
        z-index: 9999999 !important;
    }
    div.half {
        width: 70px!important;
        height: 42px!important;
    }
    .circle {
        width: 90px!important;
        height: 64px!important;
    }
}