.profile-avatar{position:relative;display:block;font-size:.7em;color:#ffffff;background:white;border-radius:50%;width:12em;height:12em;margin:2em auto;cursor:pointer;text-align:center;overflow:hidden;border:2px solid white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.profile-avatar>i,.profile-avatar>img{font-size:14.2em;position:absolute;display:block;top:0;left:50%;background:white;color:#711033;max-width:none;transform:translateX(-50%)}.profile-avatar .changePic{width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,0.5);opacity:0;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.3);transition:all .3s cubic-bezier(0.680, -0.550, 0.265, 1.550)}.profile-avatar .changePic>span{transition:all .3s}.profile-avatar .changePic>span.ng-hide{opacity:0}.profile-avatar .changePic i{font-size:5.7em}.profile-avatar:hover .changePic,.profile-avatar.active .changePic{opacity:1;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(1)}@media only screen and (max-width: 599px){.profile-avatar{margin:0 auto;width:10em;height:10em}.profile-avatar>i{font-size:11.8em}}.profile-name{text-align:center;font-size:1.2em;color:#ed6c44;margin:0}.docBioLimitView{background:white;border-radius:0.6em;padding:0.5em;position:relative;display:block}.docBioLimitView:after{content:'';position:absolute;display:none;width:100%;height:100%;top:0;left:0;border-radius:0.6em;background-image:linear-gradient(to top, #eeeeee 0%,rgba(255,255,255,0.001) 50%)}.docBioLimitView.limit{max-height:200px;overflow:hidden}.docBioLimitView.limit:after{display:block}.docBioLimitView.limit .showMoreBtn{margin-top:-1em}.userList{padding:2em;text-align:center}.userList>div{position:relative;display:inline-table;margin:0.5em}.userList .box{background:rgba(255,255,255,0.75);cursor:pointer;white-space:nowrap;border-radius:10em;padding:1em;min-height:50px;transition:all .5s}.userList .box>*{position:relative;display:inline-block;white-space:nowrap;vertical-align:top}.userList .box .icon{color:#ffc107;background:white;border-radius:50%;width:5em;height:5em;text-align:center;overflow:hidden;border:2px solid white;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2)}.userList .box .icon i{font-size:6em;position:absolute;display:block;top:0;left:50%;transform:translateX(-50%)}.userList .box>p{margin:0;margin-top:0.3em;line-height:1.3;text-align:center;padding:0 1em}.userList .box>p .username{font-family:sans-serif;direction:ltr}.userList .box>p .name{font-weight:bold}.userList .box>p .tools{display:block;margin-top:.6em;font-size:0.8em}.userList .box>p .tools a{color:#8e837a;opacity:.6;cursor:pointer;transition:all .3s}.userList .box>p .tools a:hover{opacity:1}.userList .box>p .tools a:not(:first-child){margin-right:1em}.userList .box:hover{background:white}.profileShortcuts a,.profileShortcuts button{height:110px;vertical-align:middle;min-width:140px;border:1px solid white;background:#7d899b !important;border-radius:1.5em !important;letter-spacing:-1px;margin:0.4em !important}.profileShortcuts a i,.profileShortcuts button i{font-size:4em;display:block;margin-bottom:-0.1em}.profileShortcuts a.col-1,.profileShortcuts button.col-1{background:#8a7d9b !important}.profileShortcuts a.col-2,.profileShortcuts button.col-2{background:#7d9b9a !important}
