[data-chatb="0"] {
	width: 70%;
	height: 70%;
	margin-top: 15%;
	margin-left: 15%;
	text-align: center;
	line-height: 16px;
	color: rgba(35,35,35,0.95);
	font-size: 13px;
	font-weight: 500;
}

[data-balao="0"]{
	position: absolute;
	top: -55px;
	left: -25px;
	width: 75px;
	height: 75px;
	background: url(../../../../icones/balao-chat-e-s);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 3;
}

[data-balao="1"]{
	position: absolute;
	top: -55px;
	right: -25px;
	width: 75px;
	height: 75px;
	background: url(../../../../icones/balao-chat-d-s);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	float: right;
	z-index: 3;
}

[data-balao-p] {
	display: none;
}


[data-emoji="0"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-imprecionado);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="1"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-louco);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	
}

[data-emoji="2"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-ancioso);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="3"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-sadico);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="4"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-pensativo);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="5"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-neutro);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="6"]{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../../../../icones/emoji-raiva);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-emoji="10"]{
	background: url(../../../../icones/emoji-neutro);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

[data-icone-chat="0"]{
	background: url(../../../../icones/icone-enviar);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

._rodape{
	position: fixed;
	bottom: 0px;
	width: 100%;
	float: left;
	z-index: 8;
}

.contem_chat_entrada {
	position: relative;
	width: 100%;
	height: 50px;
	display: flex;
    justify-content: center;
	align-items: center;
	background: rgba(255,255,255,1);
}

.contem_chat_entrada figure {
	width: 36px;
	height: 36px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.contem_chat_entrada .entrada {
	width: 200px;
	height: 32px;
	text-align: center;
	border: 1px solid;
	border-color: rgba(105,105,105,0.15);
	color: rgba(30,30,30,0.95);
	font-size: 16px;
	font-weight: 500;
}

._rodape .contem_chat {
	position: relative;
	width: 85%;
	height: 60px;
	max-height: 60px;
	float: left;
	overflow-x: hidden;
	background: rgba(255,255,255,0.25);
}

._rodape .contem_chat #recebe_chat {
	position: relative;
	width: 85%;
	max-width: 85%;
	min-height: 50px;
	max-height: 50px;
	float: left;
}

#recebe_chat p {
	width: 96%;
	margin-left: 2%;
	line-height: 17px;
	color: rgba(105,105,105,1);
	font-size: 14px;
	font-weight: 500;
	text-transform: lowercase;
}

#recebe_chat p span {
	min-width: 29%;
	float: left;
	text-align: right;
	color: rgba(188,0,0,1);
	font-size: 13px;
}
#recebe_chat p span ~ span{
	min-width: 70%;
	max-width: 70%;
	float: left;
	text-align: left;
	color: rgba(105,105,105,1);
	font-size: 13px;
}
#recebe_chat span[data-modo="1"]{
	color: rgba(0,0,0,1);
}
#recebe_chat span[data-modo="2"]{
	color: rgba(245,245,245,1);
}

._rodape .contem_emojis {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 60px;
	float: left;
	background: rgba(0,0,0,0.75);
    justify-content: center;
	align-items: center;
	display: none;
}

._rodape .contem_emojis p {
	position: relative;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
	margin-left: 10px;
	float: left;
}

._rodape .contem_palavras {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 60px;
	float: left;
	background: rgba(0,0,0,0.75);
    justify-content: center;
	align-items: center;
	display: none;
}

._rodape .contem_palavras p {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin-left: 10px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	padding-right: 7px;
	background: rgba(251,251,251,1);
	border-radius: 5px;
	color: rgba(105,105,105,1);
	font-size: 14px;
	font-weight: 500;
}

.chat_emojis {
	position: absolute;
	top: -25px;
	left: 5px;
	width: 35px;
	height: 35px;
	display: none;
}

