/* 0.1  chamada */
:root{

	--topo: #5E4128;
	--corbtn: #27c04c;

}

.chamadaini-avatar {
    width: 7rem;
}
.chamadaini img {
	border-radius: 50%;
	object-fit: contain;
}

.texto-chamadaini {
margin-left: 15px;
font-size: px;
background-color: #fff;
box-shadow: 0px -1px 23px 0px #000000;
}

.texto-chamadaini::before{
content: "";
position: absolute;
left: -20px;
top: 50%;
bottom: 50%;
border: 10px solid transparent;
border-right-color: #fff;
}

.chamadaini{
width: 350px;
position: fixed;
right: 4%;
bottom: -300px;
transition-duration: 0.6s;

cursor: pointer;
}

.chamadaini-avatar::after{
content: "";
width: 8px;
height: 8px;
background-color: #3cff08;
position: absolute;
bottom: 8px;
right: 15px;
border-radius: 40px;
}






/* -0.2 Chat */




	.chat {

		position: fixed;
		right: 4%;
		bottom: 0;
		min-width: 350px;
		width: 25vw;

		box-shadow: -6px 3px 46px -15px black;
		border-top-right-radius: 19px;
  		border-top-left-radius: 19px;
	}


	.topochat{
		background-color: var(--topo) !important;
		cursor: pointer;
	}


	button.btn.btn-danger.text-uppercase.mt-3.bg-rosa.hel{
		background: var(--corbtn) !important;
		color: #000000;
		border-radius: 26px;
		font-size: 12px;
	}


	.avatar{

		width: 50px;
		height: 50px;
		border-radius: 25px;

	}

	/* .avatarmensagem{

		background: url('avatar.png'); 
		background-size: cover;
		width: 50px;
		height: 50px;
		border-radius: 25px;

	} */



	.topochat {
    border-top-right-radius: 19px;
    border-top-left-radius: 19px;
}



#fechar {
    position: absolute;
    right: -4%;
    font-size: 25px !important;
}
.conversagente{
	background-color: #007bff !important;
}
.conversarobo, .conversagente {
    background: #e2e0e0;
    padding: 10px;
    border-radius: 13px;
    font-size: 16px;
	margin: 0;
}

#formulariorobo{
display: none;
}

/* .avatarmensagem{
	background: url('avatarusuario.png'); background-size: cover;
}

.robo{
	background: url('avatar.png'); 
	background-size: cover;


} */

button#send {
    background: #007bff !important ;
    border: none !important ;
    border-radius: 0px !important  ;
}

input#textoChat:focus {
    border: none;
    border-top: 1px solid #aaa;
}
	
.digitando {
		display: none;
		position: absolute;
		bottom: 0;
	}

.aguarde{
	position: absolute;
	bottom: 0;
}	



/* ==================================================================================== */

#fnome, #femail, #ftelefone{
	display: none;
}


 
input#textoChat-nome::placeholder , input#textoChat-email::placeholder ,input#textoChat-telefone::placeholder{

	letter-spacing: unset !important;
	


}


button.btn.btn-warning.btnform.px-5.envia-remodal.text-uppercase{
    background-color: #27c04c;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 26px;
}

a.btn-verde.hel.bg-rosa.btn.text-white.text-uppercase.my-1.small {
    background: yellow;
    font-size: 12px;
    color: #000 !important;
}

input#textoChat-email::placeholder {
    letter-spacing: unset !important;
}

#femail , #ftelefone, #fnome {
    border-top: 1px solid #5e4128;
}