.AttachmentViewer{border:1px solid #ddd;border-radius:2px;display:inline-flex;flex-direction:column}.AttachmentViewer .filename{padding:4px 6px;padding-left:2px;font-size:12px;font-weight:500;width:100%;cursor:pointer;transition:all .25s;display:flex;align-items:center}.AttachmentViewer .filename .size{font-size:11px;opacity:.7;padding:0 6px}.AttachmentViewer .filename .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;max-width:123px}.AttachmentViewer .filename:hover{opacity:.8}.AttachmentViewer .filename svg{height:16px}.TopicViewer .topicMain{width:100%;max-width:800px;margin:auto}.TopicViewer .centered{display:flex;justify-content:center;margin:20px 0}.TopicViewer .messagesList{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.TopicViewer .messagesList .message{border-bottom:1px solid #ccc;padding:20px}.TopicViewer .messagesList .message .enc{display:flex;justify-content:space-between;align-items:center;color:#828282;font-size:14px}.TopicViewer .messagesList .message .enc .author{font-weight:500}.TopicViewer .messagesList .message .enc .date{font-size:12px;display:flex}@media (max-width:450px){.TopicViewer .messagesList .message .enc{flex-direction:column;align-items:flex-start}}.TopicViewer .el-button--danger{color:#fff!important;background-color:#f56c6c!important;border-color:#f56c6c!important;margin-left:20px}.TopicViewer .ForumMessageEditor{margin-top:20px}.TopicViewer .attachments{margin-top:30px}.TopicViewer .attachments .label{font-weight:500;font-size:10px;margin-bottom:5px;color:#888;text-transform:uppercase}.TopicViewer .attachments .attachList{display:flex;flex-wrap:wrap}.TopicViewer .attachments .attachList .el-tag{cursor:pointer;transition:all .25s}.TopicViewer .attachments .attachList .el-tag:hover{opacity:.8}.TopicViewer .notifCont .Button{box-shadow:none}.TopicViewer .notifCont .material-design-icon svg{height:16px}.TopicViewer .grey{filter:grayscale(1)}.TopicViewer .avatarCont{display:flex;align-items:center}.TopicViewer .avatarCont .el-tag{text-transform:uppercase;margin-left:15px}.TopicViewer .avatar{border-radius:32px;width:32px;height:32px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.75);background-size:cover;background-position:50%;margin-right:10px}.TopicViewer .topicHeader{display:grid;grid-template-areas:"title notif back"}.TopicViewer .topicHeader .sectionTitle{grid-area:title;align-self:start}.TopicViewer .topicHeader .notifCont{grid-area:notif}.TopicViewer .topicHeader .butBack{grid-area:back}.TopicViewer .topicHeader .captionShort{display:none}@media (max-width:1000px){.TopicViewer .topicHeader{grid-template-areas:"title back" "title notif"}}@media (max-width:600px){.TopicViewer .topicHeader{grid-template-areas:"title title" "notif back"}.TopicViewer .topicHeader .captionShort{display:block}.TopicViewer .topicHeader .captionLong{display:none}}.TopicViewer .editMsg{margin-left:10px;cursor:pointer;transition:all .25s}.TopicViewer .editMsg:hover{opacity:.8}.TopicViewer .editMsg .material-design-icon__svg{height:16px}.TopicViewer .deletedMessage{opacity:.7}.TopicViewer .deletedMessage .editMsg{display:none}.TopicViewer .deletedMessage .contents{text-align:center;font-size:11px;font-weight:500;opacity:.7}.TopicViewer .editedInfo{margin-top:20px;color:#888;font-size:11px}.TopicViewer .quotedContent{padding:5px 10px;margin-bottom:10px;border-radius:7px;border:1px solid #eee;background-color:#f0f0f0;font-size:13px}.TopicViewer .quoteAuthor{display:flex;align-items:center;font-weight:500;position:relative;left:-4px}