.page--realtime_log{display:flex;flex-direction:column}.page--realtime_log .disconnected-wrap{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:1;background:#999;opacity:.5;display:flex;align-items:center;justify-content:center}.page--realtime_log .cp-wrapper,.page--realtime_log .type-wrapper{display:flex;align-items:center;height:35px;margin-bottom:5px}.page--realtime_log .cp-wrapper .cp,.page--realtime_log .cp-wrapper .type,.page--realtime_log .type-wrapper .cp,.page--realtime_log .type-wrapper .type{background:#e9e9e9;display:flex;justify-content:center;align-items:center;align-self:flex-start;margin-left:5px;padding:2px 5px;border-radius:5px;cursor:pointer}.page--realtime_log .cp-wrapper .cp.selected,.page--realtime_log .cp-wrapper .type.selected,.page--realtime_log .type-wrapper .cp.selected,.page--realtime_log .type-wrapper .type.selected{background:#aaa}.page--realtime_log .chat-content{flex-grow:1;overflow-y:auto}.page--realtime_log .chat-content .row{margin-bottom:10px;display:flex;border-bottom:1px solid #ddd}.page--realtime_log .chat-content .row .meta{margin-right:10px;display:flex}.page--realtime_log .chat-content .row .meta .to{font-size:14px;width:100px}.page--realtime_log .chat-content .row .meta .type-wrap{width:120px;display:flex}.page--realtime_log .chat-content .row .meta .type-wrap .type{font-size:x-small;color:#fff;background:#333;padding:2px 7px;border-radius:5px;display:inline-block;align-self:flex-start;text-align:center}.page--realtime_log .chat-content .row .inner-wrap{flex-grow:1;width:100%;display:flex}.page--realtime_log .chat-content .row .inner-wrap .quick-summary{width:100px;display:flex}.page--realtime_log .chat-content .row .inner-wrap .quick-summary .item{display:flex;font-size:small;background:#e1e1e1;color:#fff;padding:2px 7px;border-radius:5px;align-self:flex-start}.page--realtime_log .chat-content .row .inner-wrap .quick-summary .item .label{margin-right:5px}.page--realtime_log .chat-content .row .inner-wrap .quick-summary .item .label,.page--realtime_log .chat-content .row .inner-wrap .quick-summary .item .value{display:inline-block}.page--realtime_log .chat-content .row .inner-wrap .message-wrap{width:70%;flex-grow:1;word-break:break-all;font-size:small}.page--realtime_log .chat-content .row .inner-wrap .message{background:#e1e1e1;padding:5px 10px;border-radius:5px}.page--realtime_log .chat-content .row .inner-wrap .timestamp{text-align:right;color:#999}