.message-modal__app{width:100%}.message-modal{width:100%;height:calc(100vh - 90px)}.message-modal__empty{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message-modal__empty img{width:162px;margin-bottom:20px}.message_container{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;margin:-20px -15px 0;padding:20px 20px 0}.message__parent{overflow:scroll;height:calc(100vh - 150px);min-width:300px}.message-holder__header{font-weight:700;padding:4px}.message-holder__body{cursor:pointer;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15);margin:12px 4px;padding:8px;border-radius:8px}.message-holder__body.unread{background:#ffe0e0}.message-holder__body.selected{background:#0a7cff;color:#fff;border-radius:8px}.message__footer{position:fixed;bottom:0;font-style:italic;font-size:13px;width:300px;padding:12px;left:0}.mess_header{font-size:19px}.mess_body{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mess_footer{font-size:13px}@media only screen and (max-width:600px){.message_container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}