@charset "utf-8";
// *{
//   font-family: "Microsoft YaHei";
// }
@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url('./font/yhbth.ttf');
}
@font-face {
  font-family: "Bebas";
  src: url('./font/BEBAS_.TTF');
}
// 滚动条
// 滚动条宽度
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  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{
  font-size: 12px;
}
.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;
    }
  }
  &.col-1{
    .text-row{
      .text-item{
        width: 100%;
      }
    }
  }
  .text-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

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

      .text-label{
        width: 180px;
        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;
}
.custom-table-border{
  $border-color:#1890ff;
  &.el-table--border{
    border-top: 1px solid $border-color;
    border-right: 1px solid $border-color;
    box-sizing: border-box;
    th.el-table__cell.is-leaf,td.el-table__cell{
      border-bottom: 1px solid $border-color;
      border-left: 1px solid $border-color;
      box-sizing: border-box;
      cursor: pointer;
    }
  }
}