.default-layout__container{height:100%}.default-layout__header{height:70px;padding:0;background:#fff;line-height:normal}.default-layout__header-starter{width:60px;height:100%;background:#1d4184;display:block;float:left}.default-layout__header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:none;height:70px;padding-left:40px;padding-right:22px}.default-layout__sider-layout{height:calc(100% - 70px)}.default-layout__sider{background:#193b73}.default-layout__menu{background:none;color:#9caac1;width:60px}.default-layout__menu-item{width:60px;height:60px;padding:8px}.default-layout__menu-item a{height:44px;width:44px;border-radius:5px;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;color:#9caac1;font-size:22px}.default-layout__menu-item_active a{background:#1d4184;color:#fff}.default-layout__user-icon{height:40px;width:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.default-layout__user-icon-placeholder{font-size:40px}.default-layout__content{background:#f9faff;overflow:hidden}.room[data-v-02c1fb21]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;height:100px;border-bottom:1px solid #deebff}.room_selected[data-v-02c1fb21]{background-color:#e8ebf8}.room__content[data-v-02c1fb21],.room__image[data-v-02c1fb21]{display:inline-block}.room__content[data-v-02c1fb21]{margin-left:15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;display:-webkit-box;display:-ms-flexbox;display:flex}.room__image[data-v-02c1fb21]{height:52px;width:52px;background:transparent;border-radius:50%;-webkit-box-flex:0;-ms-flex:0 0 52px;flex:0 0 52px}.room__title[data-v-02c1fb21]{color:#2d62b6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px}.room__title-date[data-v-02c1fb21]{color:#999;font-size:12px}.room__last-message[data-v-02c1fb21]{font-size:16px}.message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-top:25px;margin-bottom:25px}.message.message_myself{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message__avatar img{width:40px;height:40px;border-radius:50%;margin-right:15px}.message__content,.message__content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message__content{background-color:#fff;border-top-right-radius:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:12px}.message_myself .message__content{border-top-left-radius:15px;border-top-right-radius:unset;background-color:#2a4570;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.message__header{display:-webkit-box;display:-ms-flexbox;display:flex;color:#666;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message_myself .message__header{color:#fff;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message__title{margin-right:25px;font-size:14px}.message__date{text-align:right;font-size:12px}.message__message{font-size:16px}.message__message,.message__message-attachments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message__content-thumbnail{width:100%}.message__attachment-thumbnail{width:100%;display:block}.messages{padding:0 25px}.new-message{background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.new-message,.new-message__controls{display:-webkit-box;display:-ms-flexbox;display:flex}.new-message__controls{margin-top:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new-message__attachments{margin:25px}.new-message__attachments-remove{cursor:pointer}.new-message__attach-btn-wrap,.new-message__send-btn-wrap{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px}.new-message__attach-btn,.new-message__attach-btn-wrap,.new-message__send-btn,.new-message__send-btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.new-message__attach-btn,.new-message__send-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%}.new-message__attach-btn:hover,.new-message__send-btn:hover{background:#f7f7f7}.new-message__attach-btn:focus,.new-message__send-btn:focus{outline:none}.new-message__text-input .ivu-input{height:54px;border-radius:unset;border-left:none;border-right:none;border-top:none;border-bottom:1px solid #b9dcff}.new-message__text-input .ivu-input:focus{-webkit-box-shadow:unset;box-shadow:unset;border-bottom:1px solid #2e68c5}.chat-page{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.chat-page__chat-list{-webkit-box-flex:0;-ms-flex:0 0 360px;flex:0 0 360px;background:#fff}.chat-page__messages-wrap{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.chat-page__new-message{-webkit-box-flex:1;-ms-flex:1 0 100px;flex:1 0 100px;border-top:1px solid #e8ebf8}.chat-page__messages{overflow-x:hidden;overflow-y:auto}