body{
	background-color:#feffe5;
	margin:0;
	padding:0;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
p{
	display:inline-block;
	margin:0px 0px;
	word-wrap: break-all;
	overflow-wrap: break-word;
}
#main{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height:100vh;
	width:100vw;
}
#lmenu {
	background-color:#eeefd7;
	overflow-y: auto;
	min-width:160px;
	width:20vw;
}
#chat-box{
	overflow-wrap: break-word;
	overflow-y: auto;
	padding:12px;
	border-right:1px solid #adadad;
	border-left:1px solid #adadad;
	width:100vw;
}
#rmenu{
	background-color:#eeefd7;
	overflow-y: auto;
	min-width:160px;
	width:20vw;
}
.group-name{
	padding:0px 8px;
	margin-top:6px;
}
.user-img{
	width:35px;
}
.user-img-outer{
	display:inline-block;
}
.user-info{
	display:inline-block;
}
.user-name{

}
.user-status{
	margin-bottom:8px;
}
.user-ind{
	margin:10px 8px;
	border-bottom: 1px solid #adadad;
}
.user-comment{
	margin:12px 4px;
	border-bottom:1px solid #adadad;
	display:block;
}
.user-comment-name{
	font-weight: bold;
	display:inline-block;
}
.user-comment-msg{
	margin:0px 12px;
	display:inline-block;
}
.user-comment-time{
	float:right;
}
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #adadad; 
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #828282; 
}