.atwho-view{position:absolute;top:0;left:0;display:none;margin-top:18px;color:#00bcf5;background:rgba(204,204,204,0.8);border:1px solid #ccc;border-radius:2px;box-shadow:0px 0px 5px rgba(204,204,204,0.25),0px 0px 1px white;z-index:20010;font-family:"Open Sans",sans-serif}.atwho-view ul{list-style:none;padding:0;margin:auto;background:#fff}.atwho-view ul li{display:block;box-sizing:content-box;padding:5px 10px;margin:0;border-bottom:1px solid #efefef;cursor:pointer;line-height:20px;font-size:14px;height:20px;vertical-align:center;overflow:hidden}.atwho-view ul li.afk small:after{content:'\1f334';height:20px;width:20px;padding-left:5px;font-size:14px}.atwho-view img{border-radius:2px;width:20px;height:20px;float:right}.atwho-view strong{font:bold;background:#efefef}.atwho-view .username strong{color:#0095c2}.atwho-view small{font-size:smaller;font-weight:normal;float:right;color:#aaa;margin:0 10px 0 40px}.atwho-view .cur{background:rgba(239,239,239,0.5)}.rtl .atwho-view li{direction:ltr}.rtl .atwho-view small{margin:0 10px 0 40px}.rtl .atwho-view .username{float:left}.rtl .atwho-view.right img{float:left}.rtl .atwho-view.right .username{float:right}.rtl .atwho-view.right small{float:left;margin:0 40px 0 10px}@media (max-width: 840px){.atwho-view img{float:left;margin:0 10px 0 0}.rtl .atwho-view img{float:right;margin:0 0 0 10px}.rtl .atwho-view.right img{float:left;margin:0 10px 0 0}}@media (max-width: 400px){.atwho-view{width:100%;height:100%;left:0!important;border-radius:0}.atwho-view ul li{padding:13px;line-height:23px;font-size:16px}.atwho-view ul li img{margin-top:-5px;width:30px;height:30px}.atwho-view ul li .username{display:inline-block;padding:10px 0;margin:-10px 0 0 0}.atwho-view ul li small{margin-left:20px;display:inline-block}.rtl .atwho-view img{margin:-5px 0 0 10px}.rtl .atwho-view.right img{margin:-5px 10px 0 0}}