#extraBox{
	background-color: #FABA2F;
	min-height: 660px;
	background-image: url("/img/chatbg2.png"); 
	background-position: top left;       
	background-size: cover;
}


#btnTabChat{

}


.ppTab{
    min-width: 75px;
    margin-bottom: 8px;
}

#chatBox{
	overflow-y: scroll;
	max-height: 365px;
	background-color: #fff;
}

.chatMessage{
    display: flex;
    margin-bottom: 10px;
    align-items: flex-start;
}

.emoji, .emojiPanel{
	font-family: "Noto Color Emoji", sans-serif; 
	font-size: 3em;
}

.emojiPanel{
	font-size: 2em;
}

.emojiPanel span{
	
	padding: 0 8px;	
    cursor: pointer;	
}


.msgDetails {
    display: flex;
    flex-direction: column;
}

.chatUser{
	color: #E75F24;
	font-weight: 600;
}

.chatText{
    word-wrap: break-word;	
}

#sendMessageContainer{
	background-color: #fff;
}


#chatTextarea{
	height: 70px;
	width: 99%;
	font-family: "Noto Color Emoji", sans-serif;	
}



#chatSendBtnContainer{
	min-height: 75px;
}

#btnSendChat{
	margin-top: 16px;
	background-color: #fff;
	color: #EC221F;
	font-size: 24px;
}


#btnSendChat:hover{
	background-color: #EC221F;
    color: white;	
}


#playerContainer{
	padding: 0;
	margin: 0;
    position: relative;
}


#crawlerTextBoxContainer{
	/*height: 390px;*/
}


#crawlerTextarea{
	width: 100%;
	height: 475px;
}