﻿.message-input {
	height: 90px !important
}

.chat-avatar {
	white: 36px;
	height: 36px;
	float: left;
	margin-right: 10px
}

.chat-user-name {
	padding: 10px
}

.chat-user {
	padding: 8px 10px;
	border-bottom: 1px solid #e7eaec
}

.chat-user a {
	color: inherit
}

.chat-view {
	z-index: 20012
}

.chat-users,
.chat-statistic {
	margin-left: -30px
}

@media (max-width:992px) {
	.chat-users,
	.chat-statistic {
		margin-left: 0
	}
}

.chat-view .ibox-content {
	padding: 0
}

.chat-message {
	padding: 5px 0;
	overflow: hidden;
	font-size: 14px;
	position: relative
}

.chat-message.left {
	padding-left: 30px
}

.chat-message.right {
	padding-right: 30px
}

.message-avatar {
	height: 24px;
	width: 24px;
	border-radius: 4px;
	margin-top: 1px
}

.chat-discussion .chat-message.left .message-avatar {
	margin-right: 10px;
	position: absolute;
	top: 4px;
	left: 0
}

.chat-discussion .chat-message.right .message-avatar {
	float: right;
	margin-left: 10px;
	position: absolute;
	right: 0;
	top: 4px
}

.message {
	background-color: #fff;
	display: inline-block;
	padding: 7px 10px;
	line-height: 16px;
	position: relative;
	border-radius: 4px
}

.chat-discussion .chat-message.left .message-date {
	float: right
}

.chat-discussion .chat-message.right .message-date {
	float: left
}

.chat-discussion .chat-message.left .message {
	text-align: left;
	margin-right: 10px
}

.chat-discussion .chat-message.right .message {
	margin-left: 10px;
	background: #8ee747;
	float: right
}

.message-date {
	font-size: 10px;
	color: #888888
}

.chat-discussion {
	padding: 5px;
	/*height: 345px;*/
	overflow-y: scroll;
	overflow-x: hidden
}

.chat-users {
	overflow-y: auto;
	height: 400px
}

.chat-message-form .form-group {
	margin-bottom: 0
}


/*# sourcemappingurl=chat_view.css.map */