.user-info-popup{padding:8px 0;position:absolute;top:100%;left:0;z-index:9999}.user-info-popup .user-popup-container{min-width:370px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.35);background:#fff}.user-info-popup .info-action-box{border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin:0;padding:6px 7px 6px 8px;background-color:#f2f2f2;border-top:1px solid #ccc}.user-info-popup .user-info-container{position:relative;padding:8px}.user-info-popup .user-info-container:before{display:block;content:"";border-left:1px solid rgba(0, 0, 0, 0.25);border-top:1px solid rgba(0, 0, 0, 0.25);display:block;height:11.31px;overflow:hidden;position:absolute;top:2px;width:11.31px;transform:translate(5px, -9px) rotate(45deg)}.user-info-popup .user-info-container:after{display:block;content:"";height:11.31px;overflow:hidden;position:absolute;top:3px;width:11.31px;background:#fff;transform:translate(5px, -9px) rotate(45deg)}.user-info-popup .user-info-container .info-avatar{float:left;margin-right:8px;width:108px;height:108px;overflow:hidden}.user-info-popup .user-info-container .info-avatar img{width:100% !important}.user-info-popup .user-info-container .info-content h3{font-size:14px;margin:0 0 10px}.user-info-popup .user-info-container .info-content .user-statistic{font-weight:normal}.user-info-popup .user-info-container .info-content .user-statistic span{font-weight:bold}.autocompletepopover-popup{position:fixed;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.15);border-radius:2px;box-sizing:border-box;overflow-y:auto;border:1px solid #ccc}.autocompletepopover-popup .loading{padding:20px;text-align:center}.autocompletepopover-popup .loading svg{height:28px;vertical-align:middle;margin-right:10px}.autocompletepopover-popup .item-list{background:transparent;position:relative}.autocompletepopover-popup .item-list .item{padding:10px;cursor:pointer}.autocompletepopover-popup .item-list .item:not(:first-child){border-top:1px solid #ddd}.autocompletepopover-popup .item-list .item:not(:first-child):hover:not(:first-child),.autocompletepopover-popup .item-list .item:not(:first-child).selected:not(:first-child),.autocompletepopover-popup .item-list .item:not(:first-child):hover + .item,.autocompletepopover-popup .item-list .item:not(:first-child).selected + .item{border-top:1px solid #4365ca}.autocompletepopover-popup .item-list .item:hover,.autocompletepopover-popup .item-list .item.selected{background:#4365ca;color:#fff}.autocompletepopover-popup .item-list .item.item-add span{font-weight:bold;margin-right:5px}.autocompletepopover-popup .item-list .item.item-add svg{margin-right:5px;vertical-align:middle;height:14px;padding:3px;box-sizing:border-box;background:#fff;color:#333;border-radius:50%}.item-browser-popup{position:fixed;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.15);border-radius:2px;box-sizing:border-box;border:1px solid #ccc}.item-browser-popup .loading{padding:20px;text-align:center}.item-browser-popup .loading svg{height:28px;vertical-align:middle;margin-right:10px}.item-browser-popup .no-item{text-align:center;padding:30px}.item-browser-popup .item-list{background:transparent;position:relative;overflow-y:auto}.item-browser-popup .item-list .item{display:flex;flex-wrap:nowrap;align-items:center;padding:10px;position:relative;cursor:pointer;text-decoration:none}.item-browser-popup .item-list .item:not(:first-child){border-top:1px solid #ddd}.item-browser-popup .item-list .item:hover,.item-browser-popup .item-list .item.selected,.item-browser-popup .item-list .item.current,.item-browser-popup .item-list .item:focus{background:#f5f5f5}.item-browser-popup .item-list .item + .item{border-top:1px solid #eaeaea}.item-browser-popup .item-list .item > * + *{margin-left:15px}.item-browser-popup .item-list .item .image{flex:0 0 40px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.35)}.item-browser-popup .item-list .item .image:before{content:'';display:block;padding-bottom:100%}.item-browser-popup .item-list .item .icon{flex:0 0 40px;text-align:center}.item-browser-popup .item-list .item .icon svg{width:18px;height:18px;vertical-align:middle}.item-browser-popup .item-list .item .title{flex:0 1 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.item-browser-popup.small .item{padding:7px 10px}.item-browser-popup.small .item .image{flex:0 0 20px}.item-browser-popup.small .item .icon{flex:0 0 20px}.item-browser-popup.small .item .icon svg{width:16px;height:16px}.item-browser-popup.small .item > * + *{margin-left:10px}.item-browser{position:relative;height:36px;width:100%;box-sizing:border-box;background:#fff;border-radius:2px;z-index:1;display:inline-flex;flex-wrap:nowrap}.item-browser input{box-sizing:border-box;width:100%;border-radius:2px;border:1px solid #bfbfbf;background:transparent;padding:0 10px;position:relative;z-index:2}.item-browser input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.item-browser input:focus{box-shadow:0 0 0 1px rgba(20, 150, 245, 0.5);border-color:#1496f5}.item-browser ins{position:absolute;color:#c5c5c5;height:100%;top:0;left:0;width:40px}.item-browser ins svg{position:absolute;top:0;left:0;width:100%;height:100%;padding:8px;box-sizing:border-box}.item-browser ins + input{padding-left:40px}.item-browser div{line-height:34px;padding:0 15px;background:linear-gradient(to top, #f3f3f3, #fff);border:1px solid #bfbfbf;border-left:0;box-sizing:border-box;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;position:relative;z-index:1}.item-browser div:hover{background:linear-gradient(to top, #ececec, #fbfbfb)}.item-browser div.small:after,.item-browser div.small:before{content:'';width:0;height:0;border:4px solid transparent;border-top-color:#9c9c9c;position:absolute;top:calc(50% - 4px);right:calc(50% - 4px);margin-top:6px}.item-browser div.small:after{border-bottom-color:#9c9c9c;border-top-color:transparent;margin-top:-6px}