var R = {
    id: {
        stylesheet: "customsheet",
        chanList: "chanList",
        context: "chatCtx",
        contextButton: "chatCtxButton",
        chatList: "chatList",
        roomInfoPopin: "ctxRoomInfo",
        mainSection: "chatSystemContainer",
        currentRoom: {
            header: "chatsystemHeader",
            title: "currentRoomTitle",
            starButton: "currentRoomStar",
            content: "chatWindow"
        },
        typing: "whoistyping",
        chanFilter: "chanSearch",
        message: {
            form: "msgForm",
            submitButton: "msgFormSubmit",
            slashComplete: "slashList",
            input: "msgInput",
            replyTo: "replyToContainer",
            file: {
                bt: "attachFile",
                formContainer: "fileUploadContainer",
                fileInput: "fileUploadInput",
                form: "fileUploadForm",
                error: "fileUploadError",
                cancel: "fileUploadCancel"
            },
            emoji: "emojiButton"
        },
        settings: {
            logout: "ctxMenuLogout",
            menuButton: "ctxMenuSettings",
            closeButton: "settingDiscardClose",
            wrapper: "settings",
            commitBt: "settingCommit",
            menu: {
                list: "settingMenuItems"
            },
            services: {
                addButton: "settings-serviceAddButton",
                addSection: "settings-serviceAddSection",

                serviceList: "settings-serviceList",
                serviceListEmpty: "settings-serviceListEmpty",
                serviceProviderList: "settings-serviceAddServiceList",
                serviceAddConfirm: "settings-serviceAddConfirm"
            },
            display: {
                emojiProvider: "settings-displayEmojiProvider",
                displayAvatar: "settings-displayDisplayAvatar",
                colorfulNames: "settings-displayColorfulNames",
                scrollAvatars: "settings-displayScrollAvatars",
                displayAttachments: "settings-displayAttachmentContent"
            }
        },
        favicon: "linkFavicon"
    },
    klass: {
        selected: "selected",
        opened: "opened",
        hidden: "hidden",
        button: "button",
        buttonContainer: "button-container",
        noRoomSelected: "no-room-selected",
        noNetwork: "no-network",
        presenceIndicator: "presence-indicator",
        starred: "starred",
        unread: "unread",
        unreadHi: "unreadHi",
        replyingTo: "replyingTo",
        presenceAway: "presence-away",
        native: "native",
        typing: {
            container: "typing-container",
            dot1: "typing-dot1",
            dot2: "typing-dot2",
            dot3: "typing-dot3"
        },
        emoji: {
            emoji: "emoji",
            small: "emoji-small",
            medium: "emoji-medium",
            custom: "emoji-custom"
        },
        commands: {
            item: "chat-command-item",
            header: "chat-command-header",
            name: "chat-command-name",
            usage: "chat-command-usage",
            desc: "chat-command-desc",
            userIcon: "chat-command-userIcon"
        },
        emojibar: {
            container: "emojibar",
            emojis: "emojibar-emojis",
            close: "emojibar-close",
            header: "emojibar-header",
            list: "emojibar-list",
            item: "emojibar-list-item",
            search: "emojibar-search",
            overlay: "emojibar-overlay",
            detail: {
                container: "emojibar-detail",
                img: "emojibar-detail-img",
                name: "emojibar-detail-name"
            }
        },
        chatList: {
            entry: "chat-context-room",
            typeChannel: "chat-channel",
            typePrivate: "chat-group",
            typeDirect: "chat-ims",
            typing: "chat-context-typing",

            roomInfo: {
                container: "chat-context-roominfo",
                title: "roominfo-title",
                presence: "roominfo-presence",
                topic: "roominfo-topic",
                topicCreator: "roominfo-topic-creator",
                purpose: "roominfo-purpose",
                purposeCreator: "roominfo-purpose-creator",
                userCount: "roominfo-usercount",
                userList: "roominfo-userlist",
                pinCount: "roominfo-pincount",
                pinList: "roominfo-pinlist",
                pinItem: "roominfo-pinlist-item",
                unpin: "roominfo-unpin",
                author: "roominfo-author",
                phone: "roominfo-phone",
                type: {
                    channel: "roominfo-channel",
                    user: "roominfo-user"
                }
            }
        },
        msg: {
            item: "chatmsg-item",
            pending: "chatmsg-pending",
            notice: "chatmsg-notice",
            firstUnread: "chatmsg-first-unread",
            firstOfDay: "chatmsg-first-daily",
            unread: "chatmsg-unread",
            content: "chatmsg-content",
            meMessage: "chatmsg-me_message",
            ts: "chatmsg-ts",
            author: "chatmsg-author",
            authorname: "chatmsg-author-name",
            authorAvatar: "chatmsg-author-img",
            authorAvatarWrapper: "chatmsg-author-img-wrapper",
            authorMessages: "chatmsg-author-messages",
            msg: "chatmsg-msg",
            editedStatus: "edited",
            edited: "chatmsg-edited",

            authorGroup: "chatmsg-authorGroup",
            sameTs: "chatmsg-same-ts",
            hover: {
                container: "chatmsg-hover",
                reply: "chatmsg-hover-reply",
                reaction: "chatmsg-hover-reaction",
                edit: "chatmsg-hover-edit",
                star: "chatmsg-hover-star",
                pin: "chatmsg-hover-pin",
                remove: "chatmsg-hover-remove"
            },

            replyTo: {
                close: "replyto-close"
            },

            link: "chatmsg-link",
            linkuser: "chatmsg-link-user",
            linkchan: "chatmsg-link-chan",

            attachment: {
                container: "chatmsg-attachment",
                list: "chatmsg-attachments",

                hasThumb: "has-thumb",
                pretext: "chatmsg-attachment-pretext",
                block: "chatmsg-attachment-block",
                title: "chatmsg-attachment-title",
                content: "chatmsg-attachment-content",
                text: "chatmsg-attachment-text",
                thumbImg: "chatmsg-attachment-thumb",
                img: "chatmsg-attachment-img",
                actions: "chatmsg-attachment-actions",
                actionItem: "chatmsg-attachment-actions-item",
                field: {
                    container: "chatmsg-attachment-fields",
                    item: "field",
                    title: "field-title",
                    text: "field-text",
                    longField: "field-long"
                },
                footer: "chatmsg-attachment-footer",
                footerText: "chatmsg-attachment-footer-text",
                footerIcon: "chatmsg-attachment-footer-icon"
            },

            reactions: {
                container: "chatmsg-reactions",
                item: "chatmsg-reaction-item"
            },

            style: {
                bold: "chatmsg-style-bold",
                code: "chatmsg-style-code",
                longCode: "chatmsg-style-longcode",
                italic: "chatmsg-style-italic",
                strike: "chatmsg-style-strike",
                quote: "chatmsg-style-quote"
            }
        },
        settings: {
            services: {
                item: "settings-service-list-item",
                provider: "settings-service-list-item-provider",
                service: "settings-service-list-item-service"
            }
        },
        dialog: {
            container: "dialog",
            overlay: "dialog-overlay",
            title: "dialog-title",
            titleLabel: "dialog-title-label",
            closeButton: "dialog-title-close",
            body: "dialog-body",
            buttonBar: "dialog-footer"
        },
        map: {
            container: "OSM-wrapper",
            canvas: "OSM-canvas",
            buttonContainer: "OSM-controls",
            buttonM: "OSM-controls-zoomMin",
            buttonP: "OSM-controls-zoomPlus"
        }
    }
};