.chatWrap {
	xposition:relative;
	border:2px solid black;
	max-width:500px;
}
.chatCanvas {
	       
}  
 
.chatTitle {
	display:block;
	font-size:1.3em;
	padding:3px;
	text-align: center; 
	border:1px solid red;
	height:40px;
}
 
.chat-wrap { 
	border: 1px solid black;
	margin:10px;
	padding:10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.30);
}


.chat-wrap.chat-them {
	border-radius:0px 10px 10px 10px;
	margin-right:20%;
}

.chat-wrap.chat-me {
	border-radius:10px 0px 10px 10px;
	margin-left:20%;
	background-color:#DCF8C6;
}

.chatInputArea { 
	border:1px solid black; 
	white-space: nowrap;
	font-size:1.3em;
}

.chatInput {
	display:inline-block;
	min-height:40px;
	width:calc(100% - 80px);
	border-radius: 10px;
	padding:5px 10px;
	vertical-align: top;
	margin:3px 5px;
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #888888;
}

.chatButt {
	border:0px;
	width:40px;
	border:1px solid black;
	height:40px;
	border-radius:25px;
	vertical-align: bottom;
	background: green url('../../../scsreg/img/send2-b.png') center center no-repeat;
	background-size: contain;
	cursor:pointer;
	margin:5px;
}