* {
    outline:none;
    font-family:Arial;
}
.wrapper {
    width:50%;
    margin:auto;
}
.inbox_container {
    background-color:silver;
    height:400px;
    overflow-y: auto;
    padding:10px;
}

.im_msg {
    
    border-radius:15px;
    width:50%;
    display:inline-block;
    clear:both;
    margin:5px;
    padding:10px;
}

.im_msg_left {
    background-color: #dddddd;
    float:left;
}
.im_msg_right {
    background-color: #fafafa;
    float:right;
}

hr {
    margin: 30px 0;
}
form {
    width:300px;
    margin:auto;
}
.msgBox {
    width:300px;
    height:100px;
    resize:none;
    border: solid 1px #aaaaaa;
}
.msgBox:focus {
    border-color: lightblue;
}
#char_msg {
    font-style:italic;
    font-size:14px;
    text-align:right;
    margin:10px;
    margin:3px;
}
.send_btn {
    background-color:lightblue;
    border: solid 1px black;
    width:150px;
    height:30px;
    display:block;
    margin-top:20px;
    margin-left:150px;
}
.send_btn:hover {
    background-color:lightsteelblue;
}