#chat-container-user *,
#chat-container-user *:after,
#chat-container-user *:before {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#chat-container-user input[type='text'] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#chat-container-user {
  position: relative;
  z-index: 2;
  border-left: 1px solid #CDCECF;
  top: 0px;
  background: #fff;
}
#chat-container-user:hover {
  border-color: #A7A7A7;
}
#chat-container-user {
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #f2f4f8;
}
#chat-container-user #chat-users {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
#chat-container-user #chat-users li {
	margin: 0;
	height:0px;
	overflow-y: hidden;
}
#chat-container-user #chat-users li.online {
	margin-bottom: 3px;
	margin-left: 5px;
	height: auto;
}
#chat-container-user #chat-users li a {
  display: block;
  font-size: 13px;
  color: #3d3d3d;
  text-decoration: none !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3px 8px 3px 3px;
  line-height: 33px;
  vertical-align: middle;
}
#chat-container-user #chat-users li a:hover {
  background: #e0e4ee;
}
#chat-container-user #chat-users li a img {
  width: 33px;
  height: auto;
  margin-right: 10px;
}
#chat-container-user #chat-users li a i {
  color: #ACACAC;
  font-size: 8px;
  line-height: 34px;
  font-style: normal;
}
#chat-container-user #chat-users li a i.last-online {
  font-size: 12px;
  letter-spacing: -1px;
}
#chat-container-user .chat-list-footer {
  overflow: hidden;
  border-top: 1px solid #CCC;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#chat-container-user .chat-list-footer input[type="text"] {
  border: 1px solid #bababa !important;
}
#chat-container-user .control-group {
  padding: 0px;
}
#chat-container-user form label {
	display: block;
	max-width: 100%;
}

#chat-container-user form input {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 5px 10px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	background: #fff;
	font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/* SAMPLE CHAT CONTAINER USER
<div id="chat-container-user">
	<ul id="chat-users">
		<li>
			<a href="javascript:void(0);">
				<img src="img/avatars/5.png" alt="">Sadi Orlaf
				<span class="badge badge-pill badge-secondary">23</span>
				<span class="state">
					<i class="fa fa-circle txt-color-green pull-right"></i>
				</span>
			</a>
		</li>
		<li>
			<a href="javascript:void(0);">
				<img src="img/avatars/male.png" alt="">Mark Zeukartech
				<span class="state">
					<i class="last-online pull-right">2hrs</i>
				</span>
			</a>
		</li>
	</ul>
</div>
*/