.voiceToText{
	width: 350px;
	height: 100%;
	position: fixed;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	bottom: 0;
	right: 0;
	z-index: 1111;
}
#clickElementVoice{
	border: 1px solid #CCCCCC;
	
	background: #048aad;
	color: #FFFFFF;
	width: 30px;
	text-align: center;
	font-size: 16px;
	position: fixed;
	top: 70%;
	right: 0px;
	line-height: 30px;
	margin-top: -30px;
	border-radius: 6px 0px 0px 6px;
	z-index: 1112;
	padding: 7px;
	
}
.voiceToTextTitle{
	width: 100%;
	position: absolute;
	top: 0;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	font-size: 18px;
}
.voiceToTextContext{
	margin-top: 80px;
	scrollbar-width: none;
	overflow-y:scroll;
	/*flex-direction: column-reverse;*/
	height:  calc(100% - 80px);
}
.voiceToTextContext::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.clientChat{
	width: 100%;
	margin-top: 8px;
	overflow: hidden;
}
.clientChat img{
	width:12%;
	border-radius: 20px;
	float: left;
}
.clientChat .clientChatText{
	float: left;
	max-width: 80%;
	display: inline-block;
	margin-left: 2%;
	background: #bde0ff;
	border-radius: 0px 5px 5px 5px ;
	padding: 8px;
	
}
.serviceChat{
	width: 100%;
	margin-top: 8px;
	overflow: hidden;
}
.serviceChat img{
	width: 12%;
	border-radius: 20px;
	float: right;
}
.serviceChat .serviceChatText{
	float: right;
	max-width: 80%;
	margin-right: 2%;
	display: inline-block;
	border: 1px solid #CCCCCC;
	border-radius: 5px 0px 5px 5px ;
	padding: 8px;
}




