.chat {
	overflow: scroll;
	margin : 10px;
	flex: 1;
	
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, .4);

}

.chat-bubbleholder {	
	

	overflow: scroll;
	padding: 10px;
	background-color: hsla(120, 20%, 70%, .5);
	flex: 1;
}


.chat-header {
	padding: 10px;
	background-color: hsla(120, 20%, 90%, .5);
	box-shadow: 0px 3px 7px rgba(0, 0, 0, .4);
}


.chat-bar {
	display: flex;
	flex-direction: row;
	padding: 10px;
	background-color: hsla(120, 20%, 90%, .5);
	box-shadow: 0px 3px 7px rgba(0, 0, 0, .4);
}

.chat-controlstext {
	flex: 1;
		background-color: hsla(220, 90%, 90%, .5);
}

.chat-controls {
	width: 50px;
		background-color: hsla(10, 90%, 90%, .5);
}
.chat-bubblerow {
	width: 100%;
	position: relative;
}
.chat-bubble {

	max-width: 85%;
	display: inline-block;
	position: relative;

	padding: 4px 8px;
	margin: 10px;
	border-radius: 15px;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, .4);
	background-color: hsla(10, 90%, 100%, 1);
}

.chat-channel0  {
	text-align: right;

}

.chat-channel0 .chat-bubble  {
	text-align: right;
	border-radius:  15px 0px 15px 15px;
}

.chat-channel1 .chat-bubble  {
	text-align: right;
	border-radius:  15px 15px 15px 0px;
}