.users-ql{position:fixed;left:0;bottom:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:9999999;}
.users-ql>b{position:fixed;right:0;bottom:0;width:40px;aspect-ratio:1;cursor:pointer;display:block;background:#222;color:#FFF;text-align:center;line-height:40px;font-size:20px;z-index:9999;}
.users-ql>b:after{content:'fs';font-family:icon;font-weight:normal;}
.users-ql>div{display:flex;grid-gap:5px;padding:5px;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:none;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.users-ql>div>div{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
.users-ql>div>div.all-orgs{padding-bottom:5px;border-bottom:3px solid var(--co);grid-template-columns:repeat(auto-fill,minmax(136px,1fr));font-size:11px;}
.users-ql>div>div.all-orgs>a{-webkit-border-radius:4px;border-radius:4px;text-align:center;}
.users-ql>div>div.my-own{display:flex;padding-top:5px;border-top:3px solid var(--cm);min-height:40px;}
.users-ql>div>div.my-own>div{position:absolute;right:50px;white-space:nowrap;}
.users-ql>div>div.my-own>div>label{vertical-align:middle;display:inline-block;white-space:nowrap;}
.users-ql>div>div.my-own>div>input{max-width:100%;height:32px;vertical-align:middle;display:inline-block !important;width:410px !important;}
.users-ql>div>div a{position:relative;display:block;padding:5px;background:#FFF;-webkit-border-radius:var(--br3);border-radius:var(--br3);-webkit-box-shadow:var(--sh3);box-shadow:var(--sh3);font-size:12px;padding-right:10px;}
.users-ql>div>div a>img{width:20px;margin-right:5px;display:inline-block;vertical-align:middle;}
.users-ql>div>div a>img.lvl1+i[i]{color:green;}
.users-ql>div>div a>img.lvl2+i[i]{color:var(--cm);}
.users-ql>div>div a>img.lvl3+i[i]{color:var(--cb);}
.users-ql>div>div a>img.lvl4+i[i]{color:var(--cl);}
.users-ql>div>div a>img.lvl5+i[i]{color:var(--cd);}
.users-ql>div>div a>img.lvl6+i[i]{color:orange;}
.users-ql>div>div a>b{font-weight:normal;}
.users-ql>div>div a>i[i]{font-size:8px;position:absolute;margin:0;left:0;top:-4px;border:2px solid #FFF;-webkit-border-radius:50%;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;}
.users-ql>div>div a:hover{background:var(--co);color:#FFF;}
.users-ql>div>div a.active{background:var(--co);color:#FFF;}
.users-ql>div>div.members{max-height:400px;overflow:auto;padding:10px 0;display:block;}
.users-ql>div>div.members>div.users-lists{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
.users-ql>div>div.members>div.users-lists>a{white-space:nowrap;position:relative;}
.users-ql>div>div.members>div.users-lists>a.compny{border-right:4px solid var(--co);}
.users-ql>div>div.members>div.users-lists>a>div{position:absolute;display:none;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#FFF;padding:5px 10px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);box-shadow:2px 2px 5px rgba(0,0,0,0.2);margin-top:5px;z-index:99999;}
.users-ql>div>div.members>div.users-lists>a>div>b{display:block;font-size:1.1em;color:#000;}
.users-ql>div>div.members>div.users-lists>a>div>span{font-size:0.8em;color:#888;}
.users-ql>div>div.members>div.users-lists>a>div>img{height:50px;display:block;margin:0 auto;}
.users-ql>div>div.members>div.users-lists>a>div:after{content:'';display:block;position:absolute;width:9px;height:9px;background:#FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:50%;top:-5px;margin-left:-4px;}
.users-ql>div>div.members>div.users-lists>a:hover>div{display:block;}
.users-ql.show{-webkit-transform:translateY(0);transform:translateY(0);bottom:0;border-top-width:0;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);box-shadow:0 0 20px rgba(0,0,0,0.4);background:#EEE;}
.users-ql.show>b{background:var(--co);}
.users-ql.show>b:after{content:'unfs';}
.users-ql.show>div{display:block;overflow:auto;}
.my-own{position:relative;align-items:center;}
.my-own>span,.my-own>b{cursor:pointer;width:30px;aspect-ratio:1;display:inline-block;-webkit-border-radius:50%;border-radius:50%;background:#FFF;line-height:30px;text-align:center;}
.my-own>span>i[i],.my-own>b>i[i]{margin:0;}
.my-own>span:hover,.my-own>b:hover{background:var(--cl);color:#FFF;}
.my-own>b{position:relative;}
.my-own>b:hover{background:var(--cm);}
.my-own>b:hover>ol{display:block;}
.my-own>b>ol{list-style:none;position:absolute;bottom:0;left:0;color:#000;margin:0;padding:0;padding-bottom:30px;display:none;}
.my-own>b>ol>li{white-space:nowrap;text-align:left;background:#FFF;-webkit-border-radius:15px;border-radius:15px;padding:5px 5px;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.2);box-shadow:3px 3px 8px rgba(0,0,0,0.2);margin-top:2px;padding-right:40px;position:relative;}
.my-own>b>ol>li>span{display:flex;gap:5px;align-items:center;}
.my-own>b>ol>li>span>img{width:22px;height:22px;}
.my-own>b>ol>li>span>b{line-height:1;font-weight:normal;}
.my-own>b>ol>li>i[i]{position:absolute;display:none;margin:0;padding:5px;right:4px;-webkit-box-sizing:content-box;box-sizing:content-box;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-border-radius:50%;border-radius:50%;width:1em;height:1em;}
.my-own>b>ol>li:hover>i[i]{display:block;}
.my-own>b>ol>li:hover>i[i]:hover{background:var(--cl);color:#FFF;}
form.gpup{position:fixed;left:0;top:0;z-index:99999999;}
form.gpup>button{display:block;height:30px;line-height:30px;background:red;color:#FFF;padding:0 8px;cursor:pointer;-webkit-border-radius:0;border-radius:0;border-right:1px solid #000;border-bottom:1px solid #000;}
form.gpup>button.dev{background:yellow;color:#000;}
form.gpup>div{position:absolute;left:5px;top:35px;background:#FFF;padding:10px 14px;-webkit-border-radius:8px;border-radius:8px;border:2px solid #333;color:#555;line-height:140%;font-size:0.8em;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.2);box-shadow:3px 3px 8px rgba(0,0,0,0.2);white-space:pre;}
form.gpup>div:empty{display:none;}