DzzOffice/static/css/common.css

.add-menu{border-radius:50%;border:none;bottom:24px;right:24px;cursor:pointer;height:56px;width:56px;position:fixed;line-height:56px;text-align:center;font-size:24px;transition-duration:0.25s;box-shadow:var(--box-shadow-normal);-webkit-font-smoothing:antialiased;z-index:1;}.add-menu:hover{color:#fff;background-color:var(--bs-primary);box-shadow:var(--box-shadow-hover);}.add-menu1{border-radius:50%;border:none;bottom:88px;right:24px;cursor:pointer;height:56px;width:56px;position:fixed;line-height:56px;text-align:center;transition-duration:0.25s;box-shadow:var(--box-shadow-normal);-webkit-font-smoothing:antialiased;z-index:1;}.add-menu1:hover{color:#fff;background-color:var(--bs-primary);box-shadow:var(--box-shadow-hover);}.scroll_top{display:none;border-radius:50%;border:none;bottom:24px;right:24px;cursor:pointer;height:56px;width:56px;position:fixed;line-height:56px;text-align:center;font-size:28px;transition-duration:0.25s;box-shadow:var(--box-shadow-normal);-webkit-font-smoothing:antialiased;z-index:100;}.scroll_top:hover{color:#fff;background-color:var(--bs-primary);box-shadow:var(--box-shadow-hover);}.form_name{width:100%;}.form-group{width:100%;box-shadow:0 2px 5px 0 rgb(0 0 0 / 10%);border-radius:var(--radius);padding:10px;}.form-group:nth-child(even){background:#fafafa;}.form-group:hover{background:#e5f3ff;border-color:transparent;}.no-result-title{font-size:large;font-weight:700;text-align:center;padding:10px 0;}.member-avatar img{width:32px;height:32px;}.member-avatar .img-avatar{width:32px;height:32px;line-height:32px;}ul{list-style:none;}.close:focus{outline:0 !important;}.primary{color:#428bca !important;}.success{color:#5cb85c !important;}.info{color:#5bc0de !important;}.warning{color:#f0ad4e !important;}.danger{color:#d9534f !important;}.rq{color:red !important;}textarea.input-correct,input.input-correct{border-color:#7CB81C;}textarea.input-error,input.input-error{border-color:#E26F50;}.verify-icon{vertical-align:top;max-height:1em;}* html .verify-icon{height:expression(this.height > 16 && this.width<=this.height ? 16:true);}#ajaxwaitid{display:none;position:absolute;right:0;top:0;z-index:1;padding:0 5px;background:#F7F7F7}form{margin:0;}a i{_filter:Alpha(opacity=70);opacity:0.7;}a:hover i{_filter:Alpha(opacity=100);opacity:1;}.tip{margin:10px;line-height:1.8;}dl dd{margin-left:20px;}.strong{font-weight:bold;}.wd60{width:60px;}.wd80{width:80px;}.wd100{width:100px;}.wd180{width:180px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.ml10{margin-left:10px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.bt{border-top:1px solid #e1e1e1;}.br{border-right:1px solid #e1e1e1;}.bb{border-right:1px solid #e1e1e1;}.b1{border-right:1px solid #e1e1e1;}.b-white{border-color:#FFF;}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px) rotateY(180deg)}50%{-webkit-transform:perspective(120px) rotateY(180deg)  rotateX(180deg)}75%{-webkit-transform:perspective(120px) rotateX(180deg)}100%{-webkit-transform:perspective(120px)}}@-moz-keyframes rotateplane{0%{-moz-transform:perspective(120px)}25%{-moz-transform:perspective(120px) rotateY(180deg)}50%{-moz-transform:perspective(120px) rotateY(180deg)  rotateX(180deg)}75%{-moz-transform:perspective(120px) rotateX(180deg)}100%{-moz-transform:perspective(120px)}}@-o-keyframes rotateplane{0%{-o-transform:perspective(120px)}25%{-o-transform:perspective(120px) rotateY(180deg)}50%{-o-transform:perspective(120px) rotateY(180deg)  rotateX(180deg)}75%{-o-transform:perspective(120px) rotateX(180deg)}100%{-o-transform:perspective(120px)}}@keyframes rotateplane{0%{transform:perspective(120px)}25%{transform:perspective(120px) rotateY(180deg)}50%{transform:perspective(120px) rotateY(180deg)  rotateX(180deg)}75%{transform:perspective(120px) rotateX(180deg)}100%{transform:perspective(120px)}}.loading_img{position:relative;width:54px;height:54px;background:url(../image/common/loading.gif) no-repeat;background-size:100%;}.loading_process{position:absolute;z-index:999999;left:11px;top:11px;width:32px;height:32px;}.ie8 .loading_process{background:url(../image/common/loading.gif) no-repeat;}.ie9 .loading_process{background:url(../image/common/loading.gif) no-repeat;}.ie8 .loading_img{background:none;}.ie9 .loading_img{background:none;}.seccode-wrapper{position:relative;}.seccode-wrapper .dzz{font-size:20px;}.seccode-input.input-group input.form-control+.input-group-text{padding:0;min-width:34px;}.seccode-wrapper .input-group-text .dzz{font-size:32px;}.seccode-wrapper .dzz.dzz-close{color:#FF0000;}.seccode-wrapper .dzz.dzz-done{color:#3c763d;}.seccode-wrapper .seccode-input{width:100%;padding-right:150px;}.seccode-wrapper.seccode_type_99 .seccode-input{padding-right:50px;}.seccode-wrapper img{border:1px solid #e1e1e1;}.seccode-wrapper .seccode_image_tips{display:none;}.tips{left:50%;position:fixed;top:0px;width:350px;margin-left:-125px;z-index:999;}.main-container{margin-left:120px;height:100%;overflow:auto;}.main-body{padding:10px}.main-content{padding:5px}.main-header2{margin:0;padding:5px 8px;position:relative;}.main-header .navbar-nav{float:none;}.main-header2 .nput-group,.main-header .nput-group{margin:5px 0 0;}.un_selector{background-color:#FFFFFF;border:1px solid #e1e1e1;color:#555555;display:inline-block;font-size:14px;line-height:20px;margin-bottom:10px;padding:4px;vertical-align:middle;width:215px;}.un_selector{height:auto;cursor:text;overflow:hidden;}.un_selector input{width:95px;height:21px;border-width:0;outline:none;box-shadow:none;padding:0}.ie6 .un_selector input,.ie7 .un_selector input{height:21px;}.un_selector input:focus{box-shadow:none;}.un_selector span{float:left;margin:1px 2px 1px 0;width:100px;height:21px;line-height:20px;background:#F7F6ED;color:#369;overflow:hidden;display:inline-block;border-radius:var(--radius);}.un_selector em{padding-left:5px;width:80px;font-style:normal;font-size:12px;}.un_selector span .close{font-size:18px;font-weight:normal}select{width:auto;}.help-inline,.help-block{font-size:12px;}.help-inline:hover,.help-block:hover{color:var(--bs-primary)}.nav strong{font-size:14px;padding:3px 15px;line-height:34px;}.bs-left-container{width:200px;position:absolute;top:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;box-shadow:0 0 2px rgba(var(--bs-dark-rgb),0.375);border-radius:var(--radius);background:#fbfbfb;overflow:auto;}.bs-left-container .bs-left-title{font-size:20px;text-align:center;color:#666;}.bs-left-container .nav-stacked{margin:0;padding:1px;overflow:auto;}.bs-left-container .nav-stacked>li{list-style:none;margin:3px;}.bs-left-container .nav-stacked>li>a{padding:10px;display:block;border-radius:var(--radius);padding-left:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.bs-left-container .nav-stacked>li>a:hover{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.1);color:var(--bs-primary);}.bs-left-container .nav-stacked>.active>a{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.3);border-radius:var(--radius);}.bs-left-container .nav-stacked>.active>a:hover{background:#4285F4;background-color:rgba(var(--bs-primary-hover),0.2);border-radius:var(--radius);}.left-container-scroll{overflow-x:hidden;overflow-y:auto;}.left-drager{position:absolute;padding:0px;margin:0px;overflow:visible;left:120px;cursor:default;height:100%;width:7px;top:0;background:url(../image/common/none.gif) repeat;cursor:w-resize;z-index:1901;}.left-drager .left-drager-op{position:fixed;top:0;left:0;display:none;overflow:hidden;text-align:center;cursor:pointer;padding-left:10px;padding-right:10px;}.left-drager .left-drager-click{position:absolute;border-radius:100%;opacity:.6;background:#fff;animation:waterBtn 3s;-moz-animation:waterBtn 3s infinite;-webkit-animation:waterBtn 3s infinite;-o-animation:waterBtn 3s infinite;transform:translate(-50%,-50%) scale(1);}@keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-webkit-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-o-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}@-moz-keyframes waterBtn{0%{width:0px;height:0px;}50%{width:1000px;height:1000px;opacity:0}100%{opacity:0}}.bs-container{position:relative;margin:5px;}.bs-main-container{margin-left:200px;padding:5px;overflow-y:auto;box-shadow:0 0 2px rgba(var(--bs-dark-rgb),0.375);border-radius:var(--radius);}.ibtn{display:inline-block;vertical-align:middle;width:28px !important;height:30px;line-height:30px;text-align:center;background:#F7F7F7;border-radius:50%;font-size:14px;color:var(--bs-primary);}.ibtn-sm{width:20px !important;height:20px;line-height:20px;}.ibtn:hover{background:#3497db;color:#FFF;}.ibtn.glyphicon-trash:hover{background:#d9534f;}.ibtn.glyphicon-remove:hover{background:#d9534f;}.btn-simple{border:1px solid #e1e1e1;background:var(--bs-primary);background-image:none;text-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}.btn-simple:hover{background-color:#f2f2ea;}.org-sel-box{width:300px;height:300px;background:#FBFBFB;border-radius:var(--radius);overflow:hidden;z-index:11000;padding-bottom:0;}.debug_bar_bottom{position:absolute;bottom:0;right:10px;line-height:30px;text-align:right;z-index:10000;}.debug_bar_bottom #debuginfo{color:green;}.dzz-image{cursor:pointer;}.dzz-attach,.dzz-link,.dzz-dzzdoc{padding:0 10px;display:inline-block;}.dzz-attach-icon,.dzz-dzzdoc-icon,.dzz-link-icon{width:16px;height:16px;vertical-align:middle;margin-top:-5px;margin-right:5px;}.dzz-attach-title,.dzz-dzzdoc-title,.dzz-link-title{text-decoration:none;}.avatar-small{width:32px;height:32px;}.avatar-font-small{display:inline-block;text-align:center;width:32px;height:32px;font-size:20px;line-height:30px;background:#F9F9F9;border:1px solid #e1e1e1;overflow:hidden;box-shadow:inset 0px 0px 3px #FFF;white-space:nowrap;text-indent:5px;letter-spacing:4px;font-weight:400;}a:hover .avatar-font-small{background:#F7F7F7;}dl>dl:last-child{margin-bottom:0;}dl>dd{margin:var(--radius);}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:transparent;}@-webkit-keyframes ball-beat{50%{opacity:0.2;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@-ms-keyframes ball-beat{50%{opacity:0.2;-ms-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-ms-transform:scale(1);transform:scale(1);}}@-moz-keyframes ballbeat{50%{opacity:0.2;-moz-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-moz-transform:scale(1);transform:scale(1);}}@keyframes ball-beat{50%{opacity:0.2;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);-moz-transform:scale(0.75);transform:scale(0.75);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.loader{text-align:center;}.ball-beat{display:inline-block;}.ball-beat > div{background-color:#bdbdbd;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:ball-beat 0.7s 0s infinite linear;-moz-animation:ball-beat 0.7s 0s infinite linear;-ms-animation:ball-beat 0.7s 0s infinite linear;animation:ball-beat 0.7s 0s infinite linear;}.ball-beat > div:nth-child(2n-1){-webkit-animation-delay:0.35s !important;-moz-animation-delay:0.35s !important;-ms-animation-delay:0.35s !important;animation-delay:0.35s !important;}.checkbox-inline,.radio-inline{margin-top:10px;}.form-horizontal checkbox-inline,.form-horizontal .radio-inline{margin-top:0;}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:10px;}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:10px;margin-left:15px}.form-horizontal .checkbox-inline+.checkbox-inline,.form-horizontal .radio-inline+.radio-inline{margin-top:0;}.main-top-header{margin-top:20px;}.main-top-header .nav li a{font-size:14px;color:rgba(73,86,106,1);}.main-top-header .nav .active a{color:rgba(76,138,251,1);}.form-group .input-form{margin-bottom:20px;}.form-group .btn-primary:active:focus{background-color:#165ad8;color:#fff;border-color:transparent;}.margin-10{margin-top:10px;}.wxlabel-item{width:12%;min-width:100px;text-align:left;color:rgba(104,120,146,1);}.wxlabel-info{width:87%;display:inline-block;}.copyBtn-wrap{margin-left:30px;}.copy-btn{color:#4c89fb;cursor:pointer;font-weight:600;}.switch-info{font-size:1rem;color:rgba(76,138,251,1);}.alert-close{font-size:1.5rem;position:absolute;top:8px;right:28px;}.navbarBox{border-bottom:1px solid #ddd;width:100%;height:57px;}.navbarUL{margin:0px;padding:0px;overflow:hidden;float:right;margin-right:10px;margin-bottom:0px;}.navbarUL li.active{background-color:inherit;border-bottom:3px solid #4c89fb;}.navbarUL li{float:left;width:80px;line-height:54px;text-align:center;}.navbarUL li.active a{color:#4c89fb;}.navbarUL li a{color:#666;width:80px;text-decoration:none;display:inline-block;}.gb_fc{-webkit-border-radius:50%;border-radius:50%;display:inline-block;padding:12px;overflow:hidden;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-webkit-flex:0 0 auto;flex:0 0 auto;line-height:0;}.gb_fc:hover{background-color:rgba(0,0,0,0.071);}.img-emotion{max-width:24px;max-height:24px;}.iconFirstWord{width:24px;height:24px;border-radius:50%;display:inline-block;line-height:24px;text-align:center;margin-right:2px;color:#FFFFFF;}.ibtn.dzz-close{border-radius:var(--radius);font-size:18px;width:24px !important;height:auto;line-height:normal;vertical-align:sub;color:rgba(102,102,102,1);}.btn-sorg{margin:5px 10px 5px 0px !important;padding:5px;}.btn-sorg>em{font-style:normal}.btn-sorg>img{width:24px;height:24px;border-radius:50%;margin-right:3px;}.btn-sorg>span{font-size:20px;font-weight:normal;margin-left:0;margin-right:3px;}.btn-sorg span.iconFirstWord{font-size:14px;vertical-align:baseline;width:24px;height:24px;line-height:24px;}.btn-sorg span.img-avatar{font-size:14px;vertical-align:baseline;width:24px;height:24px;line-height:24px;}.btn-sorg .ibtn.dzz-close{width:24px;height:24px;line-height:24px;border-radius:50%;}.btn-sorg .ibtn.dzz-close:hover{color:#FFF;background-color:#e53935}@keyframes dzz-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.spin{-webkit-animation:dzz-spin 2s infinite linear;animation:dzz-spin 2s infinite linear;}.table td img{max-width:32px;max-height:32px;margin-right:10px;}