DzzOffice/static/popbox/popbox.css

.popbox{position:absolute;z-index:2229;display:none;min-width:140px;max-width:400px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;font-size:14px;box-shadow:0 2px 5px 0 rgb(0 0 0 / 10%);-webkit-box-shadow:0 2px 5px 0 rgb(0 0 0 / 10%);background-clip:padding-box;outline:none;border-radius:var(--radius);padding:var(--radius);margin:10px 0;border:1px solid rgb(0 0 0 / 10%);}.popbox-menu{background-color:#fff;}li.langset{position:relative;}li.langset > ul.langlist{position:absolute;right:100%;top:0;width:150px;margin-right:0;display:none;text-align:left;-webkit-background-clip:padding-box;-moz-background-clip:padding;border:1px solid #d6dadc;border-bottom-color:#c4c9cc;*border:1px solid #e1e1e1;font-size:14px;-webkit-box-shadow:0 5px 10px rgb(0 0 0 / 15%);box-shadow:0 5px 10px rgb(0 0 0 / 15%);background-clip:padding-box;outline:none;border-radius:var(--radius);}li.langset:hover ul.langlist{display:block;}.loadding{background:url(loading.gif) center no-repeat;width:100%;height:50px;}.popbox.fade{-webkit-transition:opacity 0.3s linear,top 0.3s ease-out;transition:opacity 0.3s linear,top 0.3s ease-out;top:-25%;}.popbox.fade.in{top:10%;}.popbox.top{margin-top:-10px;}.popbox.right{margin-left:10px;}.popbox.bottom{margin-top:10px;}.popbox.left{margin-left:-10px;}.popbox-header{position:relative;padding:9px 5px;}.popbox-header:before,.popbox-header:after{content:" ";display:table;}.popbox-header:after{clear:both;}.popbox-header i.icon{margin-top:4px;padding:0;float:left;}.popbox-header button.back,.popbox-header button.cancel{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;margin-top:2px;opacity:0.2;filter:alpha(opacity=20);}.popbox-header button.back:hover,.popbox-header button.cancel:hover{opacity:0.4;filter:alpha(opacity=40);}.popbox-header button.back{float:left;margin-right:5px;}.popbox-header button.cancel{float:right;}.popbox-header h3{margin:0;font-size:16px;line-height:20px;}.popbox-bodywrapper{max-height:400px;overflow:auto;}.popbox-body{position:relative;max-height:480px;overflow-x:hidden;overflow-y:auto;}.popbox-body form{margin-bottom:0;}.popbox-body .empty-menu{border:dotted 1px #e1e1e1;background:#f9f9f7;padding:15px;margin:15px;min-height:48px;line-height:48px;text-align:center;min-width:220px;color:#999;}.popbox-body .empty-menu-nomin-h{border:dotted 1px #e1e1e1;background:#f9f9f7;padding:15px;margin:15px;min-height:48px;line-height:48px;text-align:center;color:#999;}.popbox-bodyheader{position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;padding:15px;}.popbox-bodyheader:before,.popbox-bodyheader:after{content:" ";display:table;}.popbox-bodyheader:after{clear:both;}.popbox-bodyheader button.back,.popbox-bodyheader button.cancel{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;margin-top:4px;opacity:0.2;filter:alpha(opacity=20);}.popbox-bodyheader button.back:hover,.popbox-bodyheader button.cancel:hover{opacity:0.4;filter:alpha(opacity=40);}.popbox-bodyheader button.back{float:left;}.popbox-bodyheader button.cancel{float:right;}.popbox-form{margin-bottom:0;}.popbox-footer{text-align:center;}.popbox-footer:before,.popbox-footer:after{content:" ";display:table;}.popbox-footer:after{clear:both;}.popbox-footer:before,.popbox-footer:after{content:" ";display:table;}.popbox-footer:after{clear:both;}.popbox-footer .btn + .btn{margin-bottom:0;}.popbox-footer .btn-group .btn + .btn{margin-left:-1px;}.popbox-footer .btn-block + .btn-block{margin-left:0;}.popbox-footer .action-item{display:block;margin-top:13px;margin-left:10px;}.popbox-footer.top-divider{border-top:solid 1px #e1e1e1;}ul.popbox-step{padding:0;margin:0;}ul.popbox-step li.popbox-step-li{padding:0;list-style-type:none;}.no-padding{padding:0;}ul.popbox-menu{margin:0;border-radius:var(--radius);}ul.popbox-menu li{margin:2px 0;}ul.popbox-menu li.divider{border:0;border-top:solid 1px #e1e1e1;border-bottom:solid 1px #fff;margin:5px 0;}ul.popbox-menu li > a{display:block;cursor:pointer;padding:7px 15px;position:relative;padding-left:30px;}ul.popbox-menu li > a.active{text-decoration:none;background-color:#f2f2ea;border-radius:var(--radius);}ul.popbox-menu li > a:hover{text-decoration:none;background:#f2f2ea;background-color:rgba(var(--bs-primary-hover),0.3);border-radius:var(--radius);}ul.popbox-menu li > a:hover .action{visibility:visible;}ul.popbox-menu li > a:focus{text-decoration:none;}ul.popbox-menu li > a.text-muted{color:#ccc;cursor:not-allowed;}ul.popbox-menu li > a.disabled{color:#ccc;cursor:not-allowed;}ul.popbox-menu li > a .small-tip{position:absolute;right:20px;}ul.popbox-menu li > a .action{visibility:hidden;position:absolute;right:5px;}ul.popbox-menu li > a .fa,ul.popbox-menu li > a .glyphicon:first-child{position:absolute;left:10px;top:10px;}ul.popbox-menu li > a .fa,ul.popbox-menu li > a .dzz:first-child,ul.popbox-menu li > a .mdi:first-child{position:absolute;left:8px;top:10px;font-size:16px;}ul.popbox-menu li .icon{float:left;display:block;width:20px;height:20px;}.popbox .arrow,.popbox .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}.popbox .arrow{border-width:11px;}.popbox .arrow:after{border-width:10px;content:"";}.popbox.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:#e1e1e1;bottom:-11px;}.popbox.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fbfbfb;}.popbox.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:#e1e1e1;}.popbox.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fbfbfb;}.popbox.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:#e1e1e1;top:-11px;}.popbox.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fbfbfb;}.popbox.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:#e1e1e1;}.popbox.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fbfbfb;bottom:-10px;}ul.popbox-item{margin:-15px;list-style:none;margin-left:0;margin-top:-5px;}ul.popbox-item:before,ul.popbox-item:after{content:" ";display:table;}ul.popbox-item:after{clear:both;}ul.popbox-item li{line-height:200%;margin:5px;float:left;cursor:hand;}ul.popbox-item .emoji{width:18px;height:18px;vertical-align:text-bottom;margin-right:5px;}.popbox-avatar .avatar-body{position:relative;overflow-x:hidden;overflow-y:auto;padding:5px;overflow:hidden;zoom:1;}.popbox-avatar .avatar-body .img-avatar{float:left;margin-right:10px;}.popbox-avatar .avatar-heading{display:inline-block;}.avatar.avatar-56 img{width:56px;height:56px;}.popbox-avatar .avatar-body button.close,.popbox-avatar .avatar-body button.cancel{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;margin-top:4px;opacity:0.2;filter:alpha(opacity=20);}.avatar-right{overflow:hidden;zoom:1;margin-left:30px;}.avatar-right h4.avatar-heading{font-size:16px;margin:4px 0 8px;display:inline-block;}.popbox-avatar .avatar-footer{text-align:center;}.popbox-bottom .gb_H{border-color:transparent;border-style:dashed dashed solid;border-width:0 10px 10px;position:absolute;left:4px;top:-10px;z-index:1;height:0;width:0;border-bottom-color:#fff;}.popbox-bottom .gb_I{border-color:transparent;border-style:dashed dashed solid;border-width:0 10px 10px;position:absolute;left:4px;z-index:1;height:0;width:0;border-bottom-color:#ddd;border-bottom-color:#ddd;top:-11px;}.popbox-right .gb_H{border-color:transparent;border-right-color:#fff;border-style:dashed solid dashed;border-width:10px 10px 10px;position:absolute;top:4px;left:-20px;z-index:1;height:0;width:0;border-right-color:#fff;}.popbox-right .gb_I{border-color:transparent;border-style:dashed solid dashed;border-width:10px 10px 10px;position:absolute;top:4px;z-index:1;height:0;width:0;border-right-color:#ddd;border-right-color:#ddd;left:-21px;}.popbox-left .gb_H{border-color:transparent;border-left-color:#fff;border-style:dashed dashed dashed solid;border-width:10px;position:absolute;top:4px;right:-20px;z-index:1;height:0;width:0;border-left-color:#fff;}.popbox-left .gb_I{border-color:transparent;border-style:dashed dashed dashed solid;border-width:10px;position:absolute;top:4px;z-index:1;height:0;width:0;border-left-color:#ddd;right:-21px;}.popbox-top .gb_H{border-color:transparent;border-style:solid dashed solid;border-width:10px 10px 0;position:absolute;left:4px;bottom:-10px;z-index:1;height:0;width:0;border-top-color:#fff;}.popbox-top .gb_I{border-color:transparent;border-style:solid dashed solid;border-width:10px 10px 0;position:absolute;left:4px;z-index:1;height:0;width:0;border-top-color:#ddd;border-top-color:#ddd;bottom:-11px;}