.chat {
	width: auto;
	height: 200px;
	overflow-y: scroll;
}
.chat-settings {
	margin-right: 10px;
}

.chat-sender {
	color: blue;
}

.chat-recipient {
	color: green;
}

.user-selected {
	/* background-color: #428bca;
	color: white; */
}

.user-unselected {
	/* background-color: white;
	color: black; */
}
/* 
@media only screen and (max-width : 540px) {
	.chat-container {
		display: none !important;
	}
} */

.chat-container {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 20px;
	height: 340px;
	background-color: #f0f0f0;
	width: 300px;
	z-index: 999999;
}

.chat-container .chat-container-head {
	font-weight: bold;
	font-size: 16px;
	clear: both;
	height: 50px; 
}

.chat-image {
	max-height: 30px;
	width: auto;
}

.chat-container .chat-container-head .chat-container-head-left {
	float: left;
}

.chat-container .chat-container-head .chat-container-head-right {
	float: right;
	/* opacity: 0.5; */
}

.chat-container .chat-container-head .chat-container-head-right a {
	text-decoration: none;
	/* color: inherit; */
}

.chat-container .chat-panel {
	height: 100%;
}