/**
 * Support
 * =========================================== */
.content-support {
	width: auto;
	font-size: 13px;
}
.entry-support:before,
.entry-support:after {
	content: '';
	display: table;
	clear: both;
}
.support-left {
	width: 316px;
	float: left;
	border-right: 1px solid #e3e4e8;
}
.support-right {
	float: left;
	width: 653px;
	border-left: 1px solid #e3e4e8;
	margin-left: -1px;
}
.support-search-user,
.support-search-dialog {
	position: relative;
}
.support-search-user:before,
.support-search-dialog:before {
	content: '\e800';
	font-family: "UTP Fonts";
	font-style: normal;
	font-weight: normal;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 15px;
	font-size: 14px;
	color: #82878c;
}
.support-search-user__input,
.support-search-dialog__input {
	border-left-width: 15px;
	padding: 15px 10px 15px 41px;
	height: 48px;
	width: 100%;
	background-color: transparent;
	border: 0;
}
.support-search-user__input:focus,
.support-search-dialog__input:focus {
	outline: none;
}
.support-users {
	border-top: 1px solid #e3e4e8;
}
.support-user__item {
	height: 64px;
	cursor: pointer;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin-bottom: -1px;
}
.support-user__item:first-child {
	border-top: 0;
}
.support-user__item:hover {
	border-color: #e7e8ec;
	background-color: #f5f5f5;
}
.support-user__item:before,
.support-user__item:after {
	content: '';
	display: table;
	clear: both;
}
.support-user__item.active {
	background-color: #0073aa;
	color: #fff;
	border: 0;
	margin-bottom: 0;
}
.support-user__figure {
	margin: 9px 0 0 15px;
	float: left;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border-radius: 50%;
}
.support-user__figure > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.support-user__info {
	padding-left: 75px;
}
.support-user__info-inner {
	padding: 9px 15px 9px 0;
	height: 64px;
}
.support-user__item + .support-user__item .support-user__info-inner {
	border-top: solid 1px #e7e8ec;
	margin-top: -1px;
}
.support-user__item.active .support-user__info-inner {
	border: 0;
	margin-bottom: 0;
}
.support-user__name {
	display: block;
	padding: 4px 0 5px;
	font-size: 12.5px;
	font-weight: 500;
	max-width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.support-user__text {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12.5px;
	color: #656565;
}
.support-user__item.active .support-user__text {
	color: #fff;
}
.support-user__date {
	float: right;
	color: #777e8c;
	font-size: 12.5px;
	padding-top: 4px;
}
.support-user__item.active .support-user__date {
	color: #8c9cad;
}
.support-dialogs {
	border-top: 1px solid #e3e4e8;
	padding-bottom: 15px;
}
.support-dialog__date {
	text-align: center;
	padding: 15px;
	font-size: 13px;
	font-weight: normal;
	color: #828282;
}
.support-dialog__message {
	padding: 5px 30px;
}
.support-dialog__message:before,
.support-dialog__message:after {
	content: '';
	display: table;
	clear: both;
}
.support-dialog__figure {
	float: left;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 50%;
}
.support-dialog__figure > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.support-dialog__content {
	padding-left: 50px;
}
.support-dialog__name {
	font-weight: 500;
	margin-right: 5px;
}
.support-dialog__time {
	color: #aaa;
}
.support-dialog__form {
	padding: 15px 30px;
	border-top: 1px solid #e3e4e8;
}