user.less

.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  word-break: normal;
  text-overflow: ellipsis;
}
.bg{
  background:#e6eaf0;
  .userForm{
    padding: 20px 10px 20px 30px;
    background: #fff;
    box-sizing: border-box;
    margin: 10px 0;
    .isOrgId{
      form .ant-select{
        // width:400px;
      }
    }
    #orgId{
      // width:200px;
    }
    .orghover{
      cursor: pointer;
      line-height: 28px;
      font-size: 24px;
      position: relative;
      top:43px;
    }
    .chooseRole{
      cursor: pointer;
    }
  }
  .operate{
    padding: 4px 26px;
    button{
      margin-right: 10px;
    }
  }
   .pLeft{
      padding-left:22px;
   }
   .pRight{
      padding-right:22px;
   }
  
  
}
.RolesBindForm{
  .flex{
    overflow: hidden;
    .desc{
      height: 100%;
    }
    .flex-item{
      width:100px;
      display: inline-block;
      margin:10px 20px 0 0px ;
      cursor: pointer;
      box-sizing: border-box;
      padding: 0 5px;
      line-height: 36px;
      height: 36px;
      text-align: center;
      background:rgba(255,255,255,1);
      border:1px solid rgba(210,210,210,1);
      border-radius:5px;
      position: relative;
      transition: all 0.5s ease-in-out;
      .ellipsis;
      &:hover{
        background-color:#eee;
        // color:#fff;
      }
      .close{
        display: block;
        position: absolute;
        right: 3px;
        top:0px;
        line-height: 16px;
      }
    }
  }
}

a{
  text-decoration: none;
  color:#000;
  &:hover{
    text-decoration: underline;
  }
}
.ant-modal-body{
  .cont{
    margin:10px -24px;
  }
}
.userAdd{
  .nav{
    margin: 10px 30px;
    font-weight: 600;
    span{
      color: #5668DB
    }
  }
  .chooseRole{
    cursor: pointer;
  }
  .userInfo{
    background-color: #fff;
    padding:30px;
    .biz-css-style{
      text-align: right;
      label::after{
        content: ":";
        margin: 0 8px 0 2px;
        position: relative;
        top: -0.5px;
      }
    }
    .flex{
      margin-bottom:20px;
      display: flex;
      justify-content: flex-start ;
      align-items: center;
      .ant-form-item{
        width:400px;
        .ant-form-item-label label[for="loginName"]{
          width:85px;
          line-height: 20px;
          text-align: left;
          white-space: normal;
          display: inline-block;
        }
        .login_desc{
          font-size: 12px;
        } 
      }
    }
    
    .terminal{
      width:100%;
    }
    .detail{
      margin: 0px -30px;
      background-color:rgba(240, 242, 245, 1);
      padding:5px 0;
      
    }
    
    
    .orghover{
      cursor: pointer;
      line-height: 20px;
      font-size: 24px;
      margin-left: 10px;
      position: relative;
      top:3px;
    }
    
   
    
  }
  .submitBtn{
    margin:0;
    padding-top: 40px;
    text-align: center;
    border-top:1px solid #ccc;
    background: #fff;
    button{
      margin: 10px 10px;
    }
  }
}
 
.tdWidth{
  max-width:100px;
  .ellipsis;
  .tdWidthStyle:hover{
    cursor: pointer;
  }
}

.ant-tooltip-arrow{
  border-bottom-color:#fff !important;
}
.ant-tooltip-inner{
  background: #fff;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
}

.treeTable{
  border:1px solid #ddd;
  
  .treeHeader{
    display: flex;
    justify-content: center;
    div{
      flex:1;
      text-align: center;
      line-height: 60px;
      font-weight: bold;
      border-bottom: 1px solid #ddd;
    }
  }
  .orgTree{
    position: relative;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    .ant-tree-title{
      display: inline-block;
      max-width:100px;
      .ellipsis;
      overflow: hidden;
      .title{
        display: inline-block;
        box-sizing: border-box;
        max-width:100px;
      .ellipsis;
      }
      .orgGrade{
        max-width:100px;
        position: absolute;
        left: 35%;
      }
      .updateTime{
        position: absolute;
        left: 58%;
      }
      .remark{
        max-width:100px;
        position: absolute;
        left: 644px
      }
    }
  }
}

//角色小点
.detData{
  .roleColumn{
    width:80px;
    display: inline-block;
    .ellipsis;
  }
  .ant-table-thead > tr > th{
    font-weight: bold;
  }
  .ant-checkbox-wrapper{
    margin-left: 16px;
  }
}
.searchWrap{
  position: relative;
  .expandMenu{
    position: absolute;
    right: 26px;
    top: 8px;
    cursor: pointer;
    font-size:22px;
    &:hover{
      color:#000;
    }
  }
}
.smallFont{
  font-size: 12px;
}