#ChannelList{max-height:80vh;overflow:scroll}#ChannelList .card .card-body{padding:1rem}#ChannelList .card .card-body .btn{min-height:2.25rem;margin:0}#ChannelList .card .card-body .btn.is-active{background-color:#fff}.message{margin:0;overflow:auto;width:100%}.message .card{background-color:#fff;border-radius:1rem;border-color:#eee}.message .card .avatar{vertical-align:middle;width:64px;height:64px;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message-divider{color:#aaa;height:2.5rem;font-weight:700}.message-divider .divider{background-color:#aaa;height:1px}#MessageList{overflow:hidden}#MessageList .message-list-spinner{background:#fff;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}#MessageList .message-list-header{color:#000;border-bottom:1px solid #333}#MessageList .message-list-content{overflow-y:scroll}#MessageInput textarea{color:#000;font-size:small;border:1px solid #669bff;padding:1rem}#MessageInput .file-box{max-width:10rem!important;max-height:1.25rem!important;text-overflow:ellipsis;overflow:hidden}#Chat .container-fluid{margin:1rem 0;height:80vh}#Chat .container-fluid .messages{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:80vh;padding-top:1rem}#Chat .container-fluid .messages #MessageList{-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5;overflow:scroll}#Chat .container-fluid .messages #MessageInput{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-top:1rem}