.iconeWhatsApp{position: fixed; bottom: 25px ; right: 30px; cursor: pointer;}
.iconeWhatsApp svg{width: 70px; height: 70px; background-color: #1FA016; padding: 15px; border-radius: 50px; box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.3);}

.fChat{display: none; position: fixed; bottom: 100px; right: 20px; border-radius: 10px; width: 420px; z-index: 9999; background-color: var(--ChatCorTema); border-radius: var(--BorderArrEx); box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.3);}
.fChatTitulo{background-color: var(--ChatCorTema);display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 10px 18px; border-radius: var(--BorderArrIn);}
.fChatTituloText {flex-grow:5;}
.fChatTituloBtn{flex-grow:1;}
.fChatTituloBtn svg{height: 40px; padding:10px; border-radius: var(--BorderArrEx); flex-grow:1; background-color: var(--ChatCorTema2); cursor: pointer; transition: all 500ms;}
.fChatTituloBtn svg:hover{background-color: var(--ChatCorTema2);}
.fChatLogo{flex-grow:1;}
.fChatLogo img{height: 30px; object-fit: contain;}
.fChatLogo .status{position: absolute; left: 35px; top: 35px; height: 10px; width: 10px; background-color: #63ec23; border-radius: 50px; margin-left: 5px; z-index: 555; border: 1px solid #085820;}
.fChatConteudo{height: 600px; background-size: contain; border-radius: 15px; padding-top: 2px; overflow-y: scroll;}
.fChatInput{z-index: 66; position: absolute; bottom: 10px; display: flex; padding: 5px 5px; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; margin: 0 10px; box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.1);}
.fChatInput svg{height: 40px; padding:10px; border-radius: var(--BorderArrEx);}
.fChatInput input{width: 350px; border:0; background: none; outline: none; color: #555555; font-size: 1.2em; padding: 0 10px;}

.linhaRecebida, .linhaEnviada{width: 100%;}
.fChatMsgRecebida{width: 70%; float:left;  margin: 10px 0; background-color: #fff; padding: 10px; border-radius:10px; position: relative; text-align: left; margin: 10px 20px; color: #272727; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);}
.fChatMsgEnviada{width: 70%;  float:right; margin: 0px 0; background-color: #e3ffc8be; padding: 10px; border-radius:10px; position: relative; text-align: left; margin: 5px 20px; color: #272727; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);}
.fChatMsgEnviada a, .fChatMsgRecebida a{color: #337ab7;font-weight: bold;text-decoration: underline;}
/* Medias Queries */

@media only screen and (max-height: 800px) {
    .fChatConteudo{height: 400px;}
}
@media (max-width: 300px) {
    .fChat{width: 250px;}
    .fChatConteudo{height: 200px;}
    .fChatInput input{width: 180px;}
    .iconeWhatsApp{position: fixed; bottom: 25px ; right: 30px; cursor: pointer;}
    .iconeWhatsApp svg{width: 50px; height: 50px; background-color: #1FA016; padding: 15px; border-radius: 50px; box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.3);}
}
@media (max-width: 380px){
    .fChat{width: 250px;}
    .fChatConteudo{height: 400px;}
    .fChatInput input{width: 180px;}
}
@media (min-width: 381px) and (max-width: 480px){

    .fChat{width: 350px;}
    .fChatConteudo{height: 500px;}
    .fChatInput input{width: 280px;}
}
@media (min-width: 481px) and (max-width:767px) {
    .fChat{width: 400px;}
    .fChatConteudo{height: 500px;}
    .fChatInput input{width: 330px;}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 1600px){

}