/* micro panel */
.userxC .mpanel															{ border-radius: 2px; background: /*compBackground*/rgba(255,255,255,1)/*end*/; height: 100%; width: 100%; display: flex; flex-direction: column; border: 8px solid /*compBackground*/rgba(255,255,255,1)/*end*/; box-sizing: border-box; box-shadow: 0 0 3px rgba(0,0,0,.2); position: relative; }
.userxC .mpanel > div.header											{ flex: 0 0 22px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; position: relative; }
.userxC .mpanel > div.header:before										{ content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: /*compPrimary*/rgba(190,190,194,1)/*end*/; }
.userxC .mpanel > div.header:after										{ content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 2em; background-color: /*compHighlight*/rgba(0,163,217,1)/*end*/; }
.userxC .mpanel > div.content											{ flex: 1 1 auto; overflow-y: auto; }
.userxC .mpanel > div.content.list										{ display: flex; flex-direction: column; align-items: center; }
.userxC .mpanel > div.content.list > button								{ margin: 4px; }
.userxC .mpanel > div.footer											{ flex: 0 0 2px; border-bottom: 2px solid /*compPrimary*/rgba(190,190,194,1)/*end*/; background-color: /*compBackground*/rgba(255,255,255,1)/*end*/; }
.userxC .mpanel > div.footer.buttons									{ flex: 0 0 34px; display: flex; border-top: 1px solid /*compPrimary*/rgba(190,190,194,1)/*end*/; border-bottom: 2px solid /*compPrimary*/rgba(190,190,194,1)/*end*/; background-color: /*compBackground*/rgba(255,255,255,1)/*end*/; }
.userxC .mpanel > div.footer > buttonsGroup								{ width: 100%; margin: 0; padding: 3px 0; flex: .5 .5 auto; }

.userxC .mpanel > div.content.list > div.section 						{ padding-left: 1em; margin-top: 10px; align-self: stretch; }
.userxC .mpanel > div.content.list > div.section:last-of-type			{ margin-bottom: 10px; }
.userxC .mpanel > div.content.list > div.section > div.title			{ align-self: stretch; border-bottom: 1px solid #BEBEBE; margin-bottom: 4px; }

.userxC .mpanel > div.loadingPanel										{ opacity: 0; z-index: -1; position: absolute; top: -8px; bottom: -8px; left: -8px; right: -8px; background: rgba(0,0,0,.4); transition: opacity .2s; }
.userxC .mpanel.loading > div.loadingPanel								{ opacity: 1; z-index: 10; }