/*wraper*/
.wraper{
	height: 100%;
    background: whitesmoke;
}
.wraper > .content{
	height: 480px;
padding:0;margin: 0;
	margin-top: 20px;
	padding-top: 20px;
    overflow-y:auto;
	overflow-x:hidden;
}
.wraper > .content > .row{
	margin-bottom: 15px;
	padding-left: 30px;
	
}
.left-chat{

    height: auto;
    background: white;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}
.right-chat{
    height: auto;
    background: lightgreen;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}
.footer-chat{
	background: whitesmoke;
    bottom: 0;
    height: 70px;
    padding: 10px 0px 0px 10px;
    box-shadow: 2px 2px 10px #aaaaaa
}
.footer-chat > input[type="text"]{
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 10px;
    height: 40px;
    outline: none;
    border-radius: 20px;
    border: none;
    padding: 0px 15px 0px 15px;
    font-size: 14px;
    color: #343a40;
}
.footer-chat > i{
	font-size: 28px;
	color: #10a0d5;
	cursor: pointer;
	transition: 0.5s;
}
.footer-chat>i:hover{
	color: #314659;
}
.justify-content-md-end{margin-right:20px}
#CHATEDIT{margin:0;margin-top:5px;}
#SENTBUTTON{margin: 0;padding-left:5px;padding-right:5px;margin-left:5px;}
.footer-chat{text-align:center}