.chat-main{
	position: fixed;
	width: 615px;
	bottom: 0;
	right: 50px;
	z-index:999999;
	bottom: -27px;
}
.chat-content {
	background-color: white;
}
.chat-header{
	background: #38a677;
	color: #ffd18a;
	padding-top: 1px;
	padding-bottom: 1px;
}
.username i{
	font-size: 9px;
}
.username h6{
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
}
.options i{
	font-size: 14px;
    font-weight: normal;
    opacity: 0.7;
}
.options .live-video{
	font-size: 6px;
}
.chats{
	height: 560px;
	overflow-x: hidden;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.chats ul li{
	list-style: none;
	clear: both;
	font-size: 13px;
}
.chats .send-msg{
	float: right;
}
.receive-msg img{
	border-radius: 100%;
	height: 30px;
	width: 12%;
}
.receive-msg-img{
	display: inline;
}
.receive-msg .receive-msg-desc{
	display: inline-block;
}
.receive-msg .receive-msg-desc p{
	background: #c1c1c1;
}
.message-box input{
	border: none;
	font-size: 13px;
	opacity: 0.7;
}
.message-box input:focus{
	outline: none;
}
.tools i{
	color: #a1a1a1;
	cursor: pointer;
	font-size: 20px;
	margin-right: 6px;
}
.hide-chat-box {
	cursor:pointer;
}


@media screen and (min-width: 400px) and (max-width: 840px) {
	.chat-main{
		display:none !important;
	}
}