@charset "utf-8";
*{
  font-family: "Microsoft YaHei" !important;
}

// 滚动条
/*滚动条宽度*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #071A29;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(144, 147, 153, 0.3);
  background: rgba(144, 147, 153, 0.3);
}

/*滚动条里面轨道*/
::-webkit-scrollbar-track {
  -webkit-box-shadow:  unset;
  border-radius: 0;
  background: unset;
  background-color: #071A29;
}

.m-top-15{
  margin-top: 15px;
}

.m-bottom-15{
  margin-bottom: 15px;
}

.m-right-15{
  margin-right: 15px;
}

.m-left-15{
  margin-left: 15px;
}

.no-m-b{
  margin-bottom: 0;
}


.p-left-15{
  padding-left: 15px;
}


.left{
  text-align: left;
}

.center{
  text-align: center;
}

.right{
  text-align: right;
}
// 右侧选择区域
.counter-wrap{
  display: flex;
  .left-counter-wrap{
    min-width: 210px;
  }
  .right-counter-wrap{
    min-width: 500px;
  }
}
/*组织结构图*/
.org-tree-container{
  background-color: transparent !important;
}
.org-tree-node-label{
  cursor: pointer;
}
.Vue2OrgTree-label--primary{
    color: #FFFFFF;
    background-color: #1890ff;
    border-color: #1890ff;
}
.sub-title-bar {
  height: 36px;
  line-height: 36px;
  text-indent: 15px;
  background: #113849;
  margin-bottom: 15px;

  .sub-title {
    font-size: 16px;
    color: #FFF;
    margin: 0;
  }
}
.el-link.el-link--default,
.el-upload-list__item-name,
.el-upload-list__item-name [class^=el-icon]{
  color: #f2f2f2;
}
.el-textarea .el-input__count{
  background: transparent;
  color: #f2f2f2;
}

/*详情排版样式*/
.text-block{
  background: #7e848b;
  padding: 5px;
  border-radius: 5px;

  .text-title{
    font-size: 18px;
    font-weight: 800;
    padding-bottom: 6px;
    color: #fff;

    &.right{
      text-align: left;
    }
    &.center{
      text-align: center;
    }
  }

  .text-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    .text-item{
      width: 33.33%;
      color: #d4d4d4 ;
      font-weight: normal;
      padding: 5px 0;
      display: block;

      .text-label{
        width: 140px;
        display: inline-block;
        color: #fff;
        font-weight: 800;
      }
    }
    &.col-4{
      .text-item{
        width: 25%;
      }
    }
    &.col-5{
      .text-item{
        width: 20%;
      }
    }
  }
}

.custom-avatar {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}

.custom-avatar img, .custom-avatar .el-image {
  display: block;
  width: 40px;
  height: 40px;
}