.chatdate{
	text-align:center;
	margin: 25px 0;
	padding-top:5px ;
}
.ownchat{
	text-align: left;
/*     padding-left: 20%; */
	margin-bottom: 10px;
}
.otherchat{
text-align: left;
/* padding-right: 20%; */
margin-bottom: 10px;

}
.ownchat img{
	display: inline-block !important;
    margin-right: 2%;
	border-radius: 50%;
	vertical-align: top;
	width:40px !important;

}
.ownchat b{
	color: red;
}
.otherchat img{
	display: inline-block !important;
    margin-right: 2%;
	border-radius: 50%;
	vertical-align: top;
	width:40px !important;
}
.otherchat b{
	color: red;
}
.ownchat p {
	display: inline-block !important;
	text-align: left;
	width: 85%;
	font-size: 20px;
}
.otherchat p {
	display: inline-block !important;
	width: 85%;
	font-size: 20px;
}
.ownchat span {
    float: right;
	opacity: 0.5;
}
.otherchat span{
	float:right ;
	opacity: 0.5;
}
.chat123{
	height: 100%;
	float:right;
	position:fixed;
}


#dinottub{
	background-image: url(https://i.cloudup.com/gBzAn-oW_S-2000x2000.png);
    padding-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	width: 8.5%;
	padding: 0.68rem  !important;
	clear: both;
}

input#chatname{
	width: 91%  !important;
	padding: 0.8rem  !important;
	border-width: 0.1rem  !important;
	float: left !important;
}
#__lpform_chatname{
	display: none;
}


div.message_box {
    width: 25%;
    float: right;
    height: 100vh;
	overflow-y:auto;
	display: flex;
	flex-direction: column-reverse;
    position: fixed;
    top:300;
    right:0;
    bottom: 0;
	border: 1px solid gray;
	background-color: black;
	color: white;
}

.message_box form{
	height: 45px;
}
@media(max-width:768px){
form.chat_form{
	    position: fixed;
    bottom: 0;
    width: 100%;
}
	.reverse_class{
		    margin-bottom: 50px;
	}
}