.content-fragment.group-description{padding:0px;font-size:11.9px;margin:10px 0}.group-panel.groupDesc{background-color:#f8f8f8;border:1px solid #ccc;border-radius:9px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 3px 0 rgba(0,0,0,0.2);color:#fff;margin-bottom:20px;width:100%}.panelTitle{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.panelTitle:hover{cursor:pointer}.panelTitle h3{color:#171717;font-size:16px;font-weight:600;margin:0;text-transform:inherit}.panelTitle svg{fill:#171717;max-width:25px}.panelTitle .showPanel{display:none}.join-groups{background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:100% auto;cursor:pointer;border-radius:12px;color:#fff;padding:15px;margin:20px 0;text-align:center}.join-groups h3{margin:0px;padding:10px 0;color:#fff;text-shadow:0px 0px 5px #171717}.join-groups h4{margin:0px;color:#fff;font-weight:600;text-shadow:0px 0px 5px #171717}.groupDesc .panelContent{padding:20px;border-top:solid 1px #ccc;display:block}.groupDesc .panelContent p{color:#171717;font-size:14px;margin:0}.groupDesc .panelContent,.groupDesc .panelContent>p{margin:10px 0}.groupDesc .panelContent p.panelContentTitle{color:#171717;font-size:16px;margin:0}.groupDesc .panelContent .topic,.groupDesc .panelContent .type{display:inline-block;width:48%}.groupDesc .Online .avatar:after{content:'';height:16px;width:16px;border:2px solid #f8f8f8;background-color:#7a126b;position:absolute;border-radius:50%;bottom:-2px;right:-2px}.always,.noflex{display:block}.always,noflex{display:block}.online-user{display:inline-block;position:relative;margin:10px 10px 0 0}.online-user div{position:relative;width:40px;height:40px;border-radius:50%}span.online{width:14px;height:14px;background:#6ac346;border:solid 2px #f8f8f8;position:absolute;z-index:1;bottom:0;right:0;border-radius:50%}