.profile-approval-mapping{padding:10px;display:block;background:#f4f4f4}.profile-approval-mapping .userlist__item{margin:5px 0;background:#fff;border-radius:4px;border:1px solid #eee}.profile-approval-mapping .userlist__approvers{border-top:1px solid #eee;-ms-flex-wrap:wrap;flex-wrap:wrap}.profile-approval-mapping .userlist__approvers,.profile-approval-mapping .userlist__userinfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.profile-approval-mapping .userlist__userinfo{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:10px}.profile-approval-mapping .userlist__icon{width:48px;margin-right:10px}.profile-approval-mapping .userlist__userinfoct{line-height:1.35;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.profile-approval-mapping .userlist .username{color:#333;font-size:16px;font-weight:700}.profile-approval-mapping .userlist .designation{color:#666;font-size:12px}.profile-approval-mapping .approver{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-right:1px solid #eee;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;min-width:140px;width:180px;overflow:hidden}.profile-approval-mapping .approver__icon{min-width:24px;width:24px;margin-right:5px}.profile-approval-mapping .approver__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-approval-mapping .approver__info{line-height:1.35;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.profile-approval-mapping .approver__role{color:#666;font-size:12px;white-space:nowrap}