#chatHeaderColor {
	 
	z-index: 3;
	background-color: #466072; 
	color: #fff;
	padding: 11px; 
	font-size:14px; 
	font-weight: bold;
	border-radius: 8px 8px 0px 0px;
}
#chatHeader {
	 
	z-index: 3;
	background-color: #5bbe74 !important;
	color: #fff;
	padding: 6px;
	font-size:14px; 
	padding-right: 13px;
} 
#chat-area { 
	overflow: auto;
	/* border: 1px solid #666; */
	padding: 17px;
    background: #F6F8FC; 
	height: 322px;
    width: 323px;
}     
      
#showchat{
	width: 323px;
    height: 321px;
}      
    
/* ::-webkit-scrollbar {
    display: none;
}  */      
#chat-area span {
	color: white;
	background: #333;
	padding: 4px 8px;
	font-size:12px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 8px;
	margin: 0 5px 0 0;
}

.chatNameTimeRec{
	display: flex;
    justify-content: end;
    color: gray;
}
.chatNameTimeSen{
	display: flex;
    justify-content: start;
    color: gray;
}

   
.chat-popup.chat-popup-proctor {
    position: fixed;
    bottom: 97px;
    right: 68px;
}
.fw-bold{
	font-size: 14px;
}
.chatbox .chat:nth-child(even) {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}
.msg1{
	background: linear-gradient(102deg, #ffffff 0%, #fffdfd 100%);
    color: black;
}
.msgREC{
	display: flex;
    justify-content: flex-end;
    /* overflow-wrap: break-word; */
    word-wrap: break-word;
    word-break: break-word;

}
.msg-box-body{
	padding:1px !important;
}
.fw-bold1 {
    font-weight: 200 !important;
    font-size: small;
}
::-webkit-scrollbar-thumb {
    background: #20776E;
    border-radius: 50px;
    opacity: 1;
    width: 5px;
}  
.chatimg{
	cursor: pointer;
}