.send-msgbox{background-color:#fff;height:100vh}.message-topbar{padding:10px 0 10px 45px;width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;box-shadow:0 0 5px #b7b7b7;align-items:center;margin-bottom:20px}.message-topbar .backbtn svg{fill:#000}.ms-front{display:flex;flex-direction:row;align-items:center}.ms-front img{width:50px;height:50px;border-radius:50%}.ms-front p{padding:0 10px}.more-action{padding:0 15px}.message-edit-bar{position:fixed;bottom:0;left:0;width:100%;padding:10px}.message-edit-bar input{background-color:#dfdfdf;border-radius:4px;height:40px;border:0;outline:none;width:calc(100% - 20px);padding:0 10px;box-sizing:border-box}.message-list{width:100%}.message-list ul{margin:0;padding:0;list-style:none}.message-list ul li{display:flex;flex-direction:row;width:100%;padding:0 10px;box-sizing:border-box;margin:10px 0}.message-list .recip{justify-content:flex-start}.message-list .send{justify-content:flex-end}.message-list .msg-detail{padding:10px;background-color:#f2f2f2;color:#777;border-radius:5px}