.clearfloat{
	clear:both;
}
var{
	display: none;
}
.vtchat-outer{
	width:100%;
	min-height:600px;
	border:1px solid #23316f;
	margin:20px 0;
}
.vtchat-outer .vt-chat-row1{
	height:80%;
	border-bottom:1px solid #23316f;
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col1{
	width:80%;
	border-right:1px solid #23316f;
	float:left;
	height:100%;
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col2{
	width:20%;
	float:right;
	height:100%;
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col2 h3{
	width:100%;
	background: #23316f;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:5px 0;
	margin:0;
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col2 ul li{
	padding: 5px;    
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid #999;
    cursor: pointer;
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col2 ul li.inactive{
	background: #eee;	
}
.vtchat-outer .vt-chat-row1 .vt-chat-row1-col2 ul li.active{
	background: #dfd;
}
.vtchat-outer .vt-chat-row2{
	height:20%	
}
.vtchat-outer .vt-chat-row2 .emoji-picker-container{
	height: 80%;
}
.vtchat-outer .vt-chat-row2 #message{
	width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid #23316f;
}
.vtchat-outer .vt-chat-row2 #message:focus{
	outline: none;
}
.vtchat-outer .vt-chat-row2 .emoji-picker-container .emoji-picker-trigger{
	top: unset;
	bottom: 0;
}
.vtchat-outer .vt-chat-row2 #send-chat{
	height: 20%;
    font-size: 16px;
    line-height: 16px;
    float: right;
    cursor: pointer;
    background: #23316f;
    color: #fff;
    width: 100px;
    float: right;
}
.vtchat-outer .vt-chat-row2 .post-message-box{
	width: calc(100% - 100px);
    float: left;
    padding: 0 5px;
    color: #777;
}
#interaction{
	overflow: scroll;
	max-height: 600px;
}
#interaction .chat-message{
	width: 90%;
	border: 1px solid #999;
	margin: 10px 5px;
	padding: 5px;
}

#interaction .chat-message .time{
	text-align: right;
	font-size:12px;
}
#interaction .from-self{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	background: #ccffdd;
	float: right;
}
#interaction .from-other{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}