.jx-hovercard-container{position:absolute}.phui-hovercard-wrapper{width:400px}.device-phone .phui-hovercard-wrapper{width:300px}.phui-hovercard-container{width:100%;box-shadow:0 2px 12px rgba(0,0,0,.20);border:1px solid #BFCFDA;border-radius:3px;background-color:#fff}.phui-hovercard-head .phui-header-shell{padding:6px 8px 6px 12px;background-color:#ECEEF4;border-top-left-radius:3px;border-top-right-radius:3px}.phui-hovercard-head .phui-header-header{font-size:14px}.phui-hovercard-head .phui-tag-type-state{color:#464C5C;text-shadow:none;font-weight:normal}.phui-hovercard-tags{float:right;white-space:normal}.phui-hovercard-body{padding:12px;color:#4B4D51;border-bottom-right-radius:3px;border-bottom-left-radius:3px;position:relative}.phui-hovercard-body-item{margin:4px 0 0 0;overflow:hidden;text-overflow:ellipsis}.phui-hovercard-body-header{font-size:14px;padding-bottom:4px;color:#4B4D51;line-height:18px}.phui-hovercard-body .phui-hovercard-body-image{width:58px}.phui-hovercard-body .phui-hovercard-body-details{margin-left:58px}.phui-hovercard-body .profile-header-picture-frame{float:left;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-size:100%}.hovercard-badges{margin:6px 0 0 0;padding:4px;background:#f3f5f7;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.hovercard-badges .phui-badge-flex-item{float:left}.phui-hovercard-tail{width:396px;float:left;padding:2px;border-top:1px solid #DDE8EF;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.phui-hovercard-tail button,.phui-hovercard-tail a.button{margin:3px}.phui-hovercard-wrapper .hovercard-task-view{box-shadow:0px 4px 16px rgba(0,0,0,.2)}.hovercard-task-view .phui-oi-disabled.phui-workcard{background-color:#fff}