/*关联角色的弹窗*/
.assign-role-main{padding: 15px 0;width: 900px;margin:0 auto;}
.assgin-title{position: absolute;top:48px;right: 0;z-index: 999;font-weight: normal; letter-spacing: 0;}
.assgin-title p{display: inline-block;font-size: 13px;line-height: 20px;padding-right: 100px;}
.pd20{padding:0 20px;}
/*.assgin-title p:last-child{font-size: 17px;margin-right: 25px; }*/
.assgin-title p a{color:#0a5fdc;text-decoration: underline;display: inline-block;margin-left: 5px;}
.assgin-title p a:hover{opacity: 0.8;}
.assign-admin{margin:0 10px 15px;}
.assign-admin p{color:#6f7c8d;font-size: 14px;font-weight: 600;}
.assign-admin p .badge-color{background: #3f558e;color:#fff;margin-left: 15px;font-weight: normal;}
.assign-slide{height: 155px;margin-bottom: 40px;}
.assign-slide .carousel-inner .carousel-item{height: 155px;background:#f2f2f2;padding: 17px 22px; }
.systeem-pp li{float: left;position:relative;width: calc( 20% - 16px );margin:13px 8px;border:1px solid #4870a4;color: #4870a4;height: 32px;line-height: 31px;text-align: center;border-radius: 4px;cursor: pointer;padding:0; }
.systeem-pp li p{width: calc( 100% - 3px );text-overflow:ellipsis; white-space: nowrap; overflow: hidden;margin:0 5px;}
.systeem-pp li.active{color:#fff;background: #4870a4;}
/*.systeem-pp li.active:after{content: ''; position: absolute; height: 4px; left: 50%; bottom: -12px; width: 6px;margin-left:-2px;background:#4dbd74;border-radius: 50%;z-index: 2;}*/
.systeem-pp li:hover{color:#fff;background: #4870a4;}
.systeem-pp li span{position: absolute; height: 3px; left: 50%; bottom: -12px; width: 80%;margin-left:-40%;background:#4dbd74;z-index: 2;display: none;}
.systeem-pp li.lineActive span{display: block}
.systeem-pp li:hover span{display: block}

.name-line-check{width: 100%;height: 10px;background: #f2f2f2;margin:20px 0;position: relative;}
.name-line-check span{display: inline-block;width:200px;height:40px;text-align:center;line-height:40px;background: #fff;font-size: 16px;font-weight: 600;position:absolute;top:-15px;left:50%;margin-left: -100px;padding: 0 5px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.assign-slide .carousel-indicators{bottom: 10px;}
.assign-slide .carousel-indicators li{width:9px!important;height:9px!important;border-radius: 50%;background: #bdb7b7;margin:0 5px;border:none!important;}
.assign-slide .carousel-indicators li{background:#000;}
.assign-more-list li{padding: 10px 0;border-bottom:1px solid #ddd;overflow: hidden;}
.assign-more-list li.disabled{color: #b2b2b2;}
.assign-more-list li:last-child{border-bottom: none;}
.assign-more-list p{display: inline-block;float: left;}
.assign-more-list .list-label{width: 105px;text-align: right;margin-right: 27px;margin-top:4px;font-weight: 600;}
.assign-more-list .list-cate{margin-left:27px;width: calc( 100% - 180px );overflow: hidden;}
.assign-more-list .arrow{margin-top:4px;font-weight: 600;}
.assign-more-list .list-cate span{position:relative;float:left;width:142px;color: #b2b2b2;font-size: 13px;margin:5px 10px 5px 0;padding-left: 1.9rem;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.assign-more-list .list-cate span.active{color:#0b58ce;}
.assign-more-list .list-cate span i{ font-size: 16px;position: absolute;top:1px;left:5px;}
.assign-more-list .list-cate span.active img{opacity: 1;}
/*角色编辑弹窗*/
.add-content-main{padding: 15px 0;width: 900px;margin:0 auto;}
.tablist-main .nav-tabs{width: 380px;margin:0 auto;}
.tablist-main .nav-tabs .nav-link{border:none;border-bottom: 2px solid #c8ced3;position: relative;width: 189px;text-align: center;font-size:14px;}
.tablist-main .nav-tabs .nav-link.active{border-bottom: 2px solid #20a8d8;}
.tablist-main .nav-tabs .nav-link.active.first-cricle:after{content: ''; position: absolute;  height: 4px; right: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .nav-tabs .nav-link.active:not(.first-cricle):after{content: ''; position: absolute;  height: 4px; left: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .tab-content{border-bottom: none;}
.tablist-main .tab-content .tab-pane.tab-form-pane{padding:30px 90px;}
/*.tablist-main .tab-content .tab-pane.tab-form-pane .form-group label{text-align: right;}*/
.tablist-main .tab-content .tab-pane.tab-form-pane .form-group input.form-control{height: 40px;}
.tablist-main .tab-content .tab-pane.tab-form-pane .form-group textarea.form-control{height: 145px;}
.tablist-main .tab-content .tab-pane.tab-select-pane{padding:30px 50px 30px 0;}
.tab-cate-list li{padding: 10px 0;border-bottom:1px solid #ddd;position: relative;/*padding-left: 149px;*/}
.tab-cate-list li:last-child{border-bottom: none;}
.tab-cate-list li .nm{width: 149px;text-align: right;/*position: absolute;top:15px;left: 0; */font-weight: 600; display: inline-block; vertical-align: top; margin-top: 5px;}
.tab-cate-list li .nm span{display: inline-block;margin:0 27px;}
.tab-cate-list li .nm-arrow{display: inline-block;width: 15px;}
.tab-cate-list li .nm-list{display: inline-block; position: relative; width: calc(100% - 155px);}
.tab-cate-list li .nm-list label.custom-control{display: inline-block;min-width:60px;margin:5px 10px 5px 0;padding-left: 0;}
.tab-cate-list li .nm-list label.custom-control span.custom-control-label{padding-top: 1px;color: #505050;padding-left:1.9rem;display:inline-block;width: 142px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.tab-cate-list li .nm-list label.custom-control span.custom-control-label:hover{text-decoration: underline;cursor: pointer;}
.add-link-set{position: absolute;top:50%;margin-top:-10px;right: -20px;cursor: pointer;border:none;background: none;}
button.add-link-set:focus{outline: none;}
.add-link-set i{font-size:22px;  color: #20a8d8;}
.tooltip-box{display: none; position: absolute; left: -25px; top: -105px; height: 88px;z-index: 33;}
.tooltip-boxcnt{border-radius: 3px; background:rgba(0,0,0,.85); padding: 8px; color: #fff; font-size: 12px;text-align: center;height: 105px;}
/*.tooltip-boxcnt:before{position: absolute; content: ''; width:0; height:0; right: 19px; bottom: -0px; border-right:10px solid transparent; border-left:10px solid transparent; border-top:10px solid #fbe3aa;}*/
.tooltip-boxcnt button.btn{padding:2px 0;width: 75px;margin-top:2px;}
.tooltip-box a{margin: 0 5px; color: #333;}
.tooltip-box a:hover{color: #000;}
.tooltip-boxcnt p{width: 160px;height:52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: left;margin: 0 0 10px 5px; word-break: break-all;}
.tab-cate-list li .nm-list label.custom-control:hover .tooltip-box{display: block;}
.tt{background: #f7f7e5; color: #333; width: 150px; border-radius: 3px; border: 1px solid #fbe3aa;}
.tablist-from-box .form-horizontal{margin:0 auto;}
.tablist-from-box .form-horizontal .form-group input.form-control{height: 40px;}
.tablist-from-box textarea.form-control{line-height: 26px;}
.tablist-main .name-line-check{margin:40px 0;}
.tablist-cata-box{padding:0 80px 0 40px;}
/*角色里面用户编辑弹窗*/
.user-content-main{padding: 15px 0;width: 900px;margin:0 auto;}
.scroll-name-content{height: 700px;overflow-y:auto;overflow-x:hidden;}
.user-tree-list{overflow: hidden;padding: 30px 90px;}
.user-tree-list li{float: left;width: calc( 25% - 30px );margin:6px 15px;border:1px solid #4870a4;color: #4870a4;height: 32px;line-height: 32px;text-align: center;border-radius: 4px;cursor: pointer; }
.user-tree-list li.active{color:#fff;background: #4870a4;}
.user-tree-list li:hover{color:#fff;background: #4870a4;}
.user-key-word{position: absolute;top:120px;right: 20px;}
.user-key-word li{width: 50px;margin:5px 0;text-align: center;height: 20px;line-height: 20px;cursor: pointer;color:#333;font-size: 11px;}
.user-key-word li a.disabled{color:#ddd;}
.pp-name-word{background: #f0f0f0;width: 100%;padding: 5px 40px;}
/*新增用户弹窗*/
.user-info-content{padding: 15px 40px;width: 900px;margin:0 auto;}
/*.text-label-form .form-group label{text-align: right;}*/
.text-label-form .form-group input.form-control{height: 40px;}
.text-label-form .form-group select.form-control{height: 40px;}
.form-control.is-invalid ~ .invalid-feedback{display: block!important;margin-bottom: 0;}
.form-control.is-invalid{background-image: none!important;}
/*角色新增弹窗*/
.commbox_inner{padding: 15px 20px;width: 900px;margin:0 auto;}


/*用户管理*/
label{margin-bottom: 0}
.main{background: #fff url(../images/bg-repeat.png) repeat; overflow-y: auto;}
.container-fluid{margin-top: 20px; padding: 0 20px; margin-bottom: 20px;}
.pos-rel {position:relative;}
.panel {border:0;border-radius:3px;box-shadow:none !important;margin-bottom:20px; position: relative;}
.pad-all {padding:15px 25px;}
.pad-top {padding-top:11px;}
.pad-btm {padding-bottom:15px;}
.media:first-child {padding: 0 15px;}
.pad-ver {padding-top:15px;padding-bottom:15px;}
.media-body,.media-left,.media-right {display:table-cell;vertical-align:top;}
.media-left,.media>.pull-left {padding-right:10px;}
.box-inline {display:inline-block;}
.img-md {width:64px;height:64px;}
.img-circle {border-radius:50%;}
.panel.on_line{background: rgba(210,240,235,0.55); border: 1px solid #87c7bd;}
.panel.on_unline{background: rgba(221,221,221,0.55); border: 1px solid #b3b3b7;}
.row.user-mgrbox{margin: 20px -10px;}
.user-inforealname{font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: #4d627b; outline: none; background: transparent; border: 0;}
.user-inforealname:hover{text-decoration: underline;cursor: pointer;}
button.user-inforealname:focus{outline: none;}
.user-infoname{padding: 0 7px; background: #3e568d; color: #fff; display: inline-block; border-radius: 4px; font-size: 12px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w200{width: 200px;}
.w250{width: 250px;}
.user-deatilinfo li{display: inline-block; font-size: 12px;}
.user-deatilinfo li span{display: inline-block; width: calc(100% - 31px); vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.liwidth-auto{width: calc(100% - 165px);}
.user-card-btn .btn{margin: 0 5px; width: 120px;}
.user-card-btn .btn i{margin-right: 5px;}
.user-card-state i{display: inline-block; width: 10px; height: 10px; vertical-align: -1px; border-radius: 8px; margin-right: 5px;}
.card-user-head{padding: 15px 15px 5px 15px;}
.user-card-switch{height: 26px;}
.user-card-state{display: inline-block; vertical-align: top; padding: 7px 10px; line-height: 1; font-size: 12px; border-radius: 50em; background: #ddd;}
.on_line .user-card-state{color: #fff; background: #578119;}
.on_unline .user-card-state{color: #f5f5f5; background: #7d7d7d;}
.on_line .user-card-state i{background: #98ea1c;}
.on_unline .user-card-state i{background: #b9b9b9;}
.user-deatilinfo{padding: 20px 0 20px 20px;}
.user-mgrbox .panel{border-radius: 10px;}
.tooltip-userbox{max-height: 346px;overflow-y:auto; margin-right: -5px;}
.tooltip-userbox li{margin: 15px 20px 15px 0;}
.tooltip-userbox span.tooltip-spanright{display: inline-block; width: 85px; text-align: right; margin-right: 20px;}
.tooltip-userbox .tooltip-spanright~span{display: inline-block; width: 220px; vertical-align: top; text-align: left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.user-mgrbox .col-sm-4,.user-mgrbox .col-md-3{padding: 0 10px;}
.tooltip-inner{max-width: 500px;}
.panel.panel-disabled:before{position: absolute; content: ''; width: 100%; height: 100%; border-radius: 10px; top:0; left: 0; z-index: 22; background: rgba(229,229,229,0.73);}
.panel.panel-disabled{border:1px solid rgba(229,229,229,0.73);}
.panel.panel-disabled .user-card-btn{position: relative; z-index: 333;}
.panel.panel-disabled .user-card-btn .btn-outline-primary{display: none;}
.panel.panel-disabled .user-card-btn .btn-outline-success{display: none;}
.panel.panel-disabled .user-card-state{display: none;}
.system-inputform{ width: 400px; position: relative; }
.panel.panel-disabled .user-card-switch{position: relative; z-index: 333;}
.system-inputform input{height: 36px; line-height: 36px; width: 100%; padding: 0 20px 0 35px; border-radius: 4px; border: 1px solid #ddd; font-size: 13px; }
.system-inputform.focused .hs-input + .hs-reset:before {-webkit-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg);}
.system-inputform.focused .hs-input + .hs-reset:after {-webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
.system-inputform,
.hs-input,
.hs-reset:before,
.hs-reset:after {-webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.system-inputform .hs-reset{position: absolute; left: 0px; top: 0px; color: #ddd; font-size: 17px; width: 50px; height: 100%;}
.hs-reset:hover {opacity: 0.7; cursor: pointer;}
.hs-reset:before,
.hs-reset:after { position: absolute; left: 10px; top: 10px;}
.hs-reset:after { content: '\f060'; -webkit-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); color: #666;}
.system-inputform input::-webkit-input-placeholder{color: #bbb;}
.system-inputform input::-moz-input-placeholder{color: #bbb;}
.system-inputform input::-ms-input-placeholder{color: #bbb;}
.system-cnt-nodata{padding-top: 50px; text-align: center; width: 300px; margin: 20px auto;}
.system-cnt-nodata i{font-size: 45px;}
.system-cnt-nodata p{margin-top: 15px; font-size: 14px; color: #333;}
@media (min-width: 1650px){
  .col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;}
}
/*角色管理*/
.role-cardbox{background: rgba(225, 230, 241, 0.65); border-radius: 10px; border: 1px solid #bec6d6;}
.card-role-head{border-bottom: 1px solid #ddd; padding: 15px 0; margin: 0 25px; line-height: 1;}
.role-head-lefttit{font-size: 15px; letter-spacing: 0.5px; color: #4d627b; font-weight: 600; line-height: 29px;margin-left: 15px; display: inline-block; width: calc(100% - 155px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.role-head-righttit{display: inline-block; vertical-align: top; padding: 3px 10px; border-radius: 4px; background: #3e568d; color: #fff; font-size: 12px;margin-top: 2px;}
.role-numedit{padding: 4px; background: #55aba1; color: #fff; border-radius: 3px; margin-left: 15px; vertical-align: top;}
.role-numedit:hover{cursor: pointer; opacity: 0.85;}
.text-success{color: #55aba1!important;}
.role-card-num{display: inline-block; vertical-align: top; padding: 2px 10px; line-height: 25px; font-size: 15px;}
.role-card-num i{font-size: 15px;}
.role-card-num i.fa-user-shield{font-size: 13px; vertical-align: 1px;}
.role-card-num button{outline: none; background: transparent; border: 0; line-height: 25px; display: inline-block; vertical-align: top; font-family: "tahoma","Microsoft YaHei", 微软雅黑; font-weight: 600; font-size: 18px;cursor: pointer;}
.role-card-num button:hover{text-decoration: underline;cursor: pointer;}  
.role-card-num button:focus{outline: none;} 
.role-card-num label em{display: inline-block; font-style: normal; margin: 0 5px;}
.role-card-num label i.fa-users{margin: 1px 5px 0 15px}
/*.role-card-num label span{line-height: 25px; display: inline-block; vertical-align: top; font-family: "Mina"; font-weight: 600; font-size: 18px;cursor: pointer;}
.role-card-num label span:hover{text-decoration: underline;cursor: pointer;}   */
.role-head-righttit.color-grey{background: #727272;}
.swal2-content{font-size: 16px!important;}
.swal2-content .mt20{margin-top: 20px;}
.custom-control-label::before{width: 18px; height: 18px;left: 2px; top: 1px;}
.custom-control-label::after{width: 18px; height: 18px; background: no-repeat 50% / 65% 70%; top: 1px; left: 2px;}
/*个人信息*/
.user-center-left{width: calc( 40% - 20px );float: left; margin:0 10px 0 15px;}
.user-center-right{width: calc( 60% - 10px );padding:0 10px;float: left;}
.user-bg-holder{position: relative;border:1px solid #ddd;margin-bottom: 10px; background: #fff;border-radius: 3px;}
.user-top-img{width: 100%;height: 116px;}
.user-top-head{position: relative;}
.usering-pic-box{width:130px;height: 130px;position: absolute;top:-65px;left: 50%;margin-left: -65px;}
.usering-pic{width: 130px;height: 130px;background: #fff;border:6px solid #fff;border-radius: 50%;}
.usering-pic-box:hover .usering-pic-opc{opacity: 1;}
.usering-pic-opc{width: 130px;height: 130px;border:6px solid #fff;background: rgba(0,0,0,0.6);position: absolute;top:0;left: 0;border-radius: 50%;text-align: center;cursor: pointer;opacity: 0;}
.usering-pic-opc i{font-size: 30px;margin: 30px auto 20px;color:#fff;}
.usering-pic-opc span{display: block;text-align: center;color:#fff;}
.usering-name{padding:75px 0 20px;}
.admin-text-title em{font-style: normal;font-size: 18px; font-weight: 600;height: 30px; line-height: 30px;color: #2898F1;}
.user-cnt-tit{font-size: 14px; padding: 0; margin-bottom: 5px; display: inline-block; border: 1px solid transparent; border-radius: 3px; position: relative; margin-right: 5px; height: 30px; line-height: 30px}
.user-cnt-tit em{font-style: normal; display: inline-block; max-width: 235px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-cnt-tit i {display: none; width: 30px; height: 100%; vertical-align: top; background: #ddd; text-align: center; line-height: 30px; font-size: 15px; margin-left: 20px;}
.work-titlename:hover .user-cnt-tit {border: 1px solid #ddd; cursor: pointer; padding-left: 5px; color: #333;}
.work-titlename:hover i{display: inline-block;}
.admin-body .btn.btn-sm{width: 30px; text-align: center; margin: -4px 0 0 0; font-size: 24px; padding: 0;}
.work-editform{display: none;}
.work-titlename .work-editform{width: 99px;margin:0 auto 6px;}
.workedit_btn{position: absolute; right: -52px; bottom: 0; background: #f1f1f1; border: 1px solid rgba(24,28,33,0.1); border-left: 0; padding: 0 5px; z-index: 500; border-radius: 0 3px 3px 0; height: 30px;}
.work_editname.form-control{border-radius: 3px 0 0 3px; height: 30px; line-height: 30px; padding: 0 10px; width: 100px;}
.workedit_btn a{color: #999;border:none;display: inline-block;}
.workedit_btn a i{padding: 6px 0 0 2px;font-size: 16px;}
.workedit_btn a:hover{color: #337ab7;}
.work_editname.form-control:focus{border-radius: 3px 0 0 3px;}
.user-form-main{padding-top: 20px;border-top:1px solid #ddd;}
.user-from-list{padding: 0 20px;}
.user-from-list li{margin-bottom: 5px;/*height: 32px;*/line-height: 32px;font-size: 0;}
.user-from-list li.edit-info-list{margin-bottom: 5px;}
.user-from-list li span{display:inline-block;height: 33px;line-height: 33px;font-size: 13px;}
.user-from-list li span:first-child{color: #333;display: inline-block;margin-right: 30px; width: 110px;}
.user-from-list li span:first-child i{display: inline-block;margin-right: 20px;width: 20px;height: 20px;text-align: center;}
.user-from-list li span:nth-child(2){display: inline-block;color:#808080;padding-left: 13px;width:50%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;vertical-align: -12px;}
.user-from-list li span.bg-password{color:#f30;}
.vt1{vertical-align: -1px;}
.user-bottom-holder{border:1px solid #ddd; background: #fff;min-height: 350px;border-radius: 3px;}
.user-bottom-holder .user-form-main{border-top: none;}
.user-reset-pp,.user-edit-text{float: right;color: #2898F1;display: inline-block;height: 33px;line-height: 33px;font-size: 13px;}
.user-right-role{border: 1px solid #ddd;min-height: 876px;background: #fff;border-radius: 3px;}
.user-right-role-title{padding: 20px 20px;}
.user-inner-pp{font-weight: 600;padding: 0 20px 20px 0;}
.user-from-list li input.input-text-hh{display: inline-block;width: 50%;display: none;height: 31px;background: transparent;border:1px solid #ddd;padding: 5px 12px;font-size: 13px;}
.user-from-list li input.input-text-hh.is-invalid{border-color:#f86c6b;}
.user-from-list li input.input-text-hh.is-invalid ~ .invalid-feedback{padding-left: 135px;font-size: 12px;margin-top: -10px;}
.hide-tips-form{width: 31px;height: 31px;display: block;position: absolute;top:0;left: calc( 50% + 100px )}
.hide-eidt-btn .btn{margin:0 5px;font-size: 13px;}
.tc{text-align: center;}
.update-btn{position: relative; margin: 5px 0 0;}
.update-btn input[type='file']{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0;}
.update-imgbox img{width: 100%;}
.upload-imgtab{padding: 5px 0!important; border: 0;}
.upload-imgtab.tab-content .tab-pane{padding: 0;}
.update-imgbox{width: 430px; height: 430px; float: left; margin-right: 15px; background: #f2f2f5;}
.docs-preview{float: right; width: calc(100% - 445px); background: #f2f2f5;height: 430px;}
.docs-preview p{margin: 5px 0 10px;}
.img-preview{margin: 0 auto;}
.preview-lg{width: 150px; height: 150px; border-radius: 100%; overflow: hidden;}
.preview-md{width: 100px; height: 100px; border-radius: 100%; overflow: hidden;}
.preview-sm{width: 50px; height: 50px; border-radius: 100%; overflow: hidden;}
.upload-imgtxt{font-size: 13px; margin-left: 10px;display: inline-block;vertical-align: -4px;}
.online-imgbox li{margin: 0 10px 10px; width: calc((100% - 96px)/4); /*height: 132.5px;*/ float: left; border: 2px solid transparent;cursor: pointer;}
.online-imgbox li:hover{border: 2px solid #54b9d1; }
.online-imgbox li.active{border: 2px solid #54b9d1;}
.online-imgbox li img{width: 100%;}
.thumbnail-userimg{border-radius: 50%;}
.thumbnail-userbox{width: 60px; height: 60px;}
.thumbnail-userbox:hover{cursor: pointer;}
.thumbnail-userbox:hover:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 50%; padding: 0; left: 0; top: 0; color: #fff; text-align: center;}
.thumbnail-userbox:hover .fa-camera{display: inline-block;}
.tailoring-content-three{margin-top: 20px;}
.tailoring-content-three .btn{padding: 3px 0 5px 0;width: 25px;height: 25px;margin-right: 5px;}
.upload-imgbtn{margin-top: 10px;}
.tab-base .nav-tabs>.active>a, .tab-base .nav-tabs>.active a:hover, .tab-base .nav-tabs>.active>a:focus{background: #4d627b;color:#fff;}
.admin-body label.form-label.label-lineheight{line-height: 60px;}
.trail-applytxt.trail-dashborder{padding: 15px 0 25px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.trail-applytxt.trail-dashborder .needsclick i{font-size: 28px;}
.trail-applytxt.trail-dashborder .note.needsclick{font-size: 12px; margin-top: 3px;}
.trail-applytxt.trail-dashborder .apply-file-upload{padding: 7px 0;}
.trail-applytxt.trail-dashborder .sk-circle{width: 30px; height: 30px;}
.commbox_inner.load_head_commbox{padding: 15px;margin: 0 auto;width: 700px;}
.progress-bar_wrap {height: 5px; margin-left: 10px; background: #ddd; border-radius: 5px; display: inline-block; vertical-align: middle; overflow: hidden;}
.progress-bar_item{display: inline-block; height: 100%; width: 48px; margin-right: 3px; border-radius: 5px; float: left; -webkit-transition: background-color .2s, visisility .1s; transition: background-color .2s, visisility .1s;}
.progress-bar_item-3{margin-right: 0;}
.progress-bar_item-1.active{background-color: #FF4B47;}
.progress-bar_item-2.active{background-color: #F9AE35;}
.progress-bar_item-3.active {background-color: #2DAF7D;}
.progress-bar_text {display: inline-block; margin-left: 5px; -webkit-transition: .2s; transition: .2s; vertical-align: -2px;}
.pwd-eye i{position: absolute; right: 16px; color: #aaa; font-size: 13px;width: 33px;height: 33px;line-height: 33px;text-align: center; }
.pwd-eye i:hover{color: #aaa;}
.pwd-eye input[type='password']{padding-right: 40px;}
.add-password-valite .progress-bar_wrap{margin:10px 0 0 0;}
.add-password-valite .progress-bar_text{vertical-align: -5px;}
.lay-input-main .form-group label{text-align: right;height: 40px;line-height: 40px;margin-bottom: 0;}
.tooltip{z-index: 50050}
.lay-input-main .form-group label.h26{height: 26px;margin-top: 4px;}
.load_head_commbox .tab-base .nav-tabs{margin-bottom: 20px;}
.lay-input-main .col-lg-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.lay-input-main .col-lg-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
/*.load_head_commbox .tab-base .nav-tabs .nav-link.active,.tab-base .nav-tabs .nav-link.active:hover,.tab-base .nav-tabs .nav-link.active:focus{background: #1b8eb7;color:#fff;}*/
/*.load_head_commbox .nav-tabs .nav-link{background-color: #dbe3ec; transition: background-color,0.3s; border: 0; margin-right: 2px; padding: 10px 15px;}*/
/*.load_head_commbox .nav-tabs .nav-link:hover{background-color: rgba(255,255,255,0.55); transition: background-color,0.3s;}*/
.custom-add-role-tit{background: #fff; padding: 15px 20px; text-align: center; font-weight: 600; font-size: 15px;}
.custom-role-item{padding: 20px; background: #f2f2f2; }
.custom-role-item li{float: left; min-width: 155px; padding: 0 10px; margin: 13px 8px; border: 1px solid #4870a4; color: #fff; background: #4870a4; height: 32px; line-height: 31px; text-align: center; border-radius: 4px; cursor: pointer;}
.pt20{padding-top: 20px;}
.swal2-container{z-index: 60000;}
#toast-container>div i{font-size: 20px; margin-right: 5px; vertical-align: -2px;}
.role-cardbox .media p{height: 84px; word-break: break-all; line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-top: 5px;}
.add-new-form .pwd-eye i{width: 40px;height: 40px;line-height: 44px;}
.hidden-icon-tips i{width: 40px;height: 40px;position: absolute;right: 16px;}
.user-namebox{text-align: center;}
.user-namebox span{display: block;margin:6px auto;}
.user-namebox span.real-name-title{color:#6f7c8d;font-size: 16px;font-weight: 600;}
.user-namebox span.user-infoname{padding:3px 7px;display: inline-block;}
.nav-tabs .nav-item{position: relative;}
.nav-tabs .nav-item.role-newitem:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; background: transparent;}
.nav-tabs .nav-item.role-newitem .nav-link{border-bottom: 2px solid #eff2f4;}
.swal2-icon{width: 3em; height: 3em; line-height: 3em;}
.swal2-icon::before{height: 100%; font-size: 2.5em}
.mask-name-list{padding:0 0 0 15px;overflow: hidden;}
.mask-name-list span{float: left;}
.mask-name-list span:first-child{width: 40px;text-align: right; margin-right: 0;}
.mask-name-list span:last-child{width: 90px;vertical-align: top; text-align: left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.user-mgrbox .col-4{padding-right: 10px; padding-left: 10px;}
.user-card-btn{font-size: 0;}
.rolename-tip i{width: 40px; height: 40px; line-height: 44px; position: absolute; right: 16px; color: #aaa; font-size: 13px;}
.assign-more-list .list-cate div.list-itembox{position: relative; float: left; width: 142px; color: #b2b2b2; font-size: 13px; margin: 5px 10px 5px 0; padding-left: 1.9rem; }
.assign-more-list .list-cate div.list-itembox span.list-itembox-tit{display: inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 0; margin: 0; color: #0b58ce;}
.assign-more-list .list-cate div.list-itembox.active{color: #0b58ce; }
.assign-more-list .list-cate div.list-itembox i {font-size: 16px; position: absolute; top: 1px; left: 5px;}
.assign-more-list div.list-cate{display: inline-block; float: left;}
.assign-more-list .list-cate div.list-itembox.active:hover{cursor: pointer;}
.assign-more-list .list-cate div.list-itembox.active:hover .tooltip-box{display: block; top:-58px; height: 53px;}
.assign-more-list .list-cate div.list-itembox.active:hover .tooltip-box .tooltip-boxcnt{height: 53px;}
.assign-more-list div.list-cate{overflow: unset;}
.assign-more-list li.clearfix{overflow: unset;}
.tooltip-userboxtit{text-align: center; margin-top: 10px; font-size: 15px; font-weight: 600; letter-spacing: 0.5px;}
.role-cardbox .media p i{margin-right: 5px; vertical-align: 0;}
.refresh-set{position: absolute; top: 50%; margin-top: -10px; right: -50px; cursor: pointer; background: none; display: inline-block; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #20a8d8; text-align: center; color: #20a8d8;}
.refresh-set i{font-size: 12px;}
.refresh-redtip{word-wrap: break-word; width: 225px; position: absolute; right: -58px; top: 50%; margin-top: -42px;}
.refresh-redtip .arrow {position: absolute; display: block; width: 0.8rem; height: 0.4rem;}
.refresh-redtip .arrow::before {position: absolute; content: ""; border-color: transparent; border-style: solid; top: 24px; left: 202px; border-width: 0.4rem 0.4rem 0; border-top-color: rgba(200,3,3,0.65);}
.refresh-redtip-inner{padding: 3px 10px; height: 24px; color: #fff; text-align: center; background-color: rgba(200,3,3,0.65); border-radius: 0.25rem; font-size: 12px; display: inline-block;}
.tab-cate-list li .load-mask{display: block; width: calc(100% + 70px); z-index: 24;}
.tab-cate-list li .load-mask i.fa-spinner{display: inline-block; font-size: 20px; margin-top: -10px; margin-left: -10px;}
.add-link-set:hover,.refresh-set:hover{cursor: pointer; opacity: 0.85;}
/*地域设置*/
/*.container-tree{height: calc( 100vh - 170px );}*/
.charts-tree-main,.charts-form{height: calc( 100vh - 206px );}
.tool-box{position: absolute;width: 100px;top: 150px;display: none;}
.tool-item{padding:10px 5px;text-align: center;color:#fff;background:rgba(0,0,0,.7);font-size: 12px;cursor: pointer;}
.tool-item:first-child{border-radius: 4px 4px 0 0;}
.tool-item:last-child{border-radius: 0 0 4px 4px;}
.tool-item.radius{border-radius: 0 0 4px 4px;}
.tool-item:hover{background:rgba(0,0,0,.5);}
.btn-uploadbox{display: inline-block;height: 36px;width: 100%;position: absolute;top:0;left: 0;}
.h36{height: 36px;}
.upload-input{position: absolute;opacity: 0;width: 100%;height: 220%;top: -8px;left: 0;cursor: pointer;}
.load-icon{display:inline-block;margin: 3px;animation: animateIcon linear 1s infinite; -webkit-animation: animateIcon linear 1s infinite; -moz-animation: animateIcon linear 1s infinite; -ms-animation: animateIcon linear 1s infinite;}
@keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@moz-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@ms-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.modal-backdrop{z-index: 10030;}
.modal.work-treemodal{z-index: 10040;}
.modal.work-treemodal .modal-dialog{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 800px;max-width: 800px!important;}
.modal.work-treemodal .modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 36px;
    font-weight: normal;
    outline: none!important;
    color: #666;
    opacity: 1;
}
.modal.work-treemodal .modal-header .close:hover{opacity: 0.6!important;}
.modal.work-treemodal .modal-header{cursor: move;}
.modal.work-treemodal .modal-header button.close span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/close.svg) no-repeat;
    background-size: 100%;
}
.modal.work-treemodal .modal-header .modal-title{font-size: 20px;font-weight: 600;color:#111;margin-top:35px;}
.modal.work-treemodal .modal-content{border-radius: 10px;}
.tip-tit{padding:0 5px;font-size: 13px;font-weight: 600px;margin-bottom: 5px;}
.tip-text{padding:0 5px;font-size: 12px;}
.pages-tabsbox{position: absolute; right: 20px; top:20px; z-index: 22;}
.pages-tabsbox li{padding: 0!important; border: 1px solid #e4e7ea; background: #fff;}
.pages-tabsbox li:hover{cursor: pointer; opacity: 0.8;}
.pages-tabsbox li i{font-size: 14px; color: #79878e; padding: 10px;}
.pages-tabsbox.pages-tree-center{top:0;}
.pages-tabsbox.pages-tree-center li i{font-size: 16px;padding:8px;}
/*loading*/
.loading-box{width: 100%;height: 100%;background: rgba(255,255,255,.5);position: absolute;top:0;left:0;z-index: 23;display: none;}
.loading-box p{width: 100px;text-align: center;position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);}
.loading-box i,.loading-box .load-text{display: block;}
.loading-box .load-text{margin-top:10px;}
.loading-box i{font-size: 20px;width:20px;height:20px;margin:0 auto;animation: animateIcon linear 1s infinite; -webkit-animation: animateIcon linear 1s infinite; -moz-animation: animateIcon linear 1s infinite; -ms-animation: animateIcon linear 1s infinite;}
@keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@moz-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@ms-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*用户中心二期 表格统一样式*/
.table_tdsort_box{position: absolute; top:20px; right: 60px; z-index: 50;padding:0!important;border:1px solid #e4e7ea;}
.list-table-check{width: 100%;height: 30px;padding-left: 12px;position: relative;z-index: 3;}
.list-table-check .custom-control{display: inline-block; min-width: 60px; margin: 5px 10px 5px 0; padding-left: 0;}
.list-table-check span{padding-top: 1px; color: #505050; padding-left: 1.9rem; display: inline-block; width: 142px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dataTables__top{display: inline-block;position: absolute;top: -56px;right: 60px;}
.dataTables__top .dataTables_filter input{padding-left: 35px;border-radius: 4px!important;height: 36px;width: 400px!important;font-size: 13px;}
.custom-control-label{display: inline-block; min-width: 22px; height: 20px; }
@media (min-width: 1650px){
  .col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;}
}
.w300{width: 300px!important;}
/*.pages-tabcontent .table_tdsort_box{right: 38px;}*/
.pages-tabcontent .networktable-box .dataTables__top{right: 94px;}
.state-change .text-danger{color: #f5f5f5!important; background: #f86c6b;display: inline-block; padding: 7px 10px; line-height: 1; font-size: 12px; border-radius: 50em;}
.state-change .text-success{color: #fff!important; background: #4dbd74;display: inline-block; padding: 7px 10px; line-height: 1; font-size: 12px; border-radius: 50em;}
.state-change .text-unavailable{color: #fff!important; background: #8e8e8e;display: inline-block; padding: 7px 10px; line-height: 1; font-size: 12px; border-radius: 50em;}
.state-change i{padding-right: 3px;}
.text-success{color: #55aba1!important;}

/*用户中心二期*/
.networkcard-box .system-inputform{position: absolute;top: 0;right: 39px;}
.networktable-box{background: #fff;margin:-20px;padding:20px;}
.networkcard-box{margin:-20px -20px 0;padding:20px 20px 0;}
.networktable-box .custom-table-box{margin:20px 0 0 0;}
.person-new-box .user-inforealname{display: block;}
.person-new-box>p{display: inline-block;margin-right: 3px;}
.person-new-box>p .user-infoname{max-width: 150px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.person-new-box .user-infopart .user-infoname{background:#37cab3;}
.text-common-bg{display: inline-block;width: 100px;border-radius: 14px;color:#fff;font-weight: normal;background:#8997de;height: 25px;line-height:25px;text-align: center; margin-top: 2px;}
.text-common-bg i{margin-right: 3px;}
.tab-cate-list li .nm.text-diff-label{top:10px; margin-top: 0;}
.tab-cate-list li .nm.text-diff-label span{margin:0 27px 0 5px;}
/*筛选*/
.container-person .tabtree-box{z-index: 334;padding: 0!important;border:1px solid #e4e7ea;position: absolute;top:20px;right: 464px;background: #fff;cursor: pointer;}
.container-person .tabtree-box.tabletopbtn{right:519px;}
.tabtree-box i.table_tool{font-size: 14px;color: #79878e;padding: 10px 2px 10px 10px;}
.tabtree-box:hover i.table_tool{opacity: 0.8;}
.tabtree-box i.table_arrow{vertical-align: 3px;padding:0 10px 0 6px;}
.tabtree-box span{max-width: 85px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;padding:8px 0;vertical-align: -12px;}
/*.container-person .pages-tabsbox{right: 106px;}*/
/*.container-person .networkcard-box .system-inputform{right:125px;}*/
/*.container-person .pages-tabcontent .networktable-box .dataTables__top{right: 180px;}*/
/*.container-person .table_tdsort_box{right: 146px;}*/
.tabtree-list{position: absolute;top:36px;right: -1px;max-width: 450px;max-height: 450px;border:1px solid #d3d4d5;background:#fff;color:#333;padding:10px;overflow-y:auto;}
.tabtree-list .jstree .jstree-container-ul .jstree-node{text-align: initial!important;}
/*body .jstree-default .jstree-clicked {background-color: #25476a !important;color: #fff;}*/
.search-lists-selct .tabtree-box{padding: 0!important; background: #fff; cursor: pointer; height: 40px; text-align: left; width: 100%; border: 1px solid #e4e7ea; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.search-lists-selct .tabtree-box.tabletopbtn{right:519px;}
.search-lists-selct .tabtree-box i.table_tool{font-size: 14px;color: #79878e;padding: 10px 2px 10px 10px;}
.search-lists-selct .tabtree-box:hover i.table_tool{opacity: 0.8;}
.search-lists-selct .tabtree-box i.table_arrow{padding:0 0 0 6px;line-height: 38px; vertical-align: top; color: #5c6873;}
.search-lists-selct .tabtree-box span{width: calc(100% - 28px); max-width: calc(100% - 28px); padding-left: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: inline-block; line-height: 38px; padding: 0 0 0 10px; vertical-align: 0;}
.search-lists-selct .tabtree-list{position: absolute; top: 40px; left: 15px; width: calc(100% - 30px); height: 190px; border: 1px solid #e4e7ea; border-top: 0; background: #fff; color: #333; padding: 10px; overflow-y: auto; z-index: 22;}
.search-lists-selct .tabtree-list .jstree .jstree-container-ul .jstree-node{text-align: initial!important;}
.search-lists-selct .tabtree-box i.table_arrow:before{position: absolute; content: ''; top: 17px; right: 22px;border-color: #5c6873 transparent transparent transparent; border-width: 6px 3px 0 3px; border-style: solid;}

.select2-formbox select.form-control.select2-hidden-accessible{height: 40px!important;}
.select2-formbox .select2-selection__rendered li{width: auto; margin: 3px 5px 0 0; height: 24px; line-height: 24px; max-width: 100px; border-radius: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.select2-formbox .select2-container .select2-selection--single{min-height: 40px; height: 40px; border: 1px solid #e4e7ea; border-radius: 0.25rem;}
.select2-formbox .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;}
.select2-formbox .select2-container--default.select2-container--open .select2-selection--single{border-width: 1px 1px 0; border-style: solid; border-color: #8ad4ee; box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25); border-radius: 0.25rem;}
.select2-formbox .select2-container--open .select2-dropdown--below{border-color: #8ad4ee;}
.select2-formbox .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #5c6873 transparent transparent transparent; border-width: 6px 3px 0 3px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: #5c6873 transparent transparent transparent; border-width: 6px 3px 0 3px;}
ul.user-deatilinfo li label{display: inline-block; width: 40px; text-align: right; font-weight: 600;}
ul.user-deatilinfo li span{width: calc(100% - 55px); margin-left: 10px;}
.tab-cate-list li .nm.text-diff-label span.text-common-span{margin: 0; display: inline-block; width: 55px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top;}
.tab-cate-list li .nm span.nm-span{display: inline-block; width: 80px; margin: 0; text-align: left;/*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/ vertical-align: top;}
.J_tabTreeList .custom-control{text-align: left; padding-left: 0;}
.J_tabTreeList .custom-control-label{vertical-align: 0; padding: 0 0 0 24px; max-width: 100%; font-size: 13px;}