// 公共面板组件通用样式
.common-board-column {
  min-width: 260PX;
  max-width: 380PX;
  min-height: 100PX;
  height: auto;
  overflow: hidden;
  // background: #f0f0f0;
  border-radius: 3PX;
  border: 1PX solid $--border-color-base;
  // min-width: 180PX;
  // min-height: 100PX;
  // max-width: 350PX;
  // height: auto;
  // overflow: hidden;
  // background: #f0f0f0;
  // border: 1PX solid $--border-color-base;
.common-phase-description {
  position: relative;
  background: rgb(217, 236, 255);
  width: 42PX;
  height: 40PX;
}

// .board-column-header {
//   height: 50PX;
//   line-height: 50PX;
//   overflow: hidden;
//   padding: 0 10PX;
//   text-align: center;
//   background: $--color-primary;
//   color: #FFFFFF;
//   border-radius: 3PX 3PX 0 0;
// }
// .board-table-header {
//   height: 30PX;
//   line-height: 30PX;
//   overflow: hidden;
//   text-align: center;
//   padding: 0 6PX;
//   margin-bottom: -20PX;
//   font-size: 12PX;
//   color: $--color-info;
//   background-color: $--color-black;
// }
.common-board-column-header {
  line-height: 40PX;
  overflow: hidden;
  text-align: center;
  background: $--color-primary;
  color: #FFFFFF;
  height: 40PX;
}
.common-board-table-header {
  height: 30PX;
  line-height: 30PX;
  overflow: hidden;
  text-align: center;
  padding: 0 6PX;
  margin-bottom: -10PX;
  font-size: 12PX;
  color: $--color-info;
  background-color: $--color-black;
  // height: 42PX;
  // overflow: hidden;
  // text-align: center;
  // margin-bottom: -12PX;
  // font-size: 14PX;
  // color: $--color-info;
  // background-color: $--color-black;
  // border: 20PX solid transparent;
  // border-bottom-width: 0PX;
  .common-titlecolumn {
    float: left;
    text-align: left;
  }
  .phaseId{
    width: 20px;
  }
  .phase {
    text-align: center;
    width: 50PX;
  }
  .mode {
    text-align: center;
    width: calc(100% - 80PX)
  }
}

.common-board-column-content {
  height: auto;
  overflow: hidden;
  border: 10PX solid transparent;
  min-height: 60PX;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  background-color: $--color-black;

  // .board-item {
    // cursor: pointer;
    // width: 100%;
    // height: 48PX;
    // margin: 5PX 0;
    // // background-color: rgba(31,46,46,0.9);
    // text-align: left;
    // line-height: 40PX;
    // padding: 1PX 1PX;
    // box-sizing: border-box;
  // }
  // height: auto;
  // overflow: hidden;
  // border: 10PX solid transparent;
  // min-height: 60PX;
  // display: flex;
  // justify-content: flex-start;
  // flex-direction: column;
  // align-items: center;
  // background-color: $--color-black;
  // border-width: 20PX;
  // border-top-width: 16PX;
  // border-bottom-width: 15PX;
  .common-contentcolumn {
    float: left;
  }
  .index{
    height: 40px;
    line-height: 40px;
    width: 20px;
  }
  .phase {
    width: 40PX;
  }
  .mode {
    margin-left: 10PX;
    width: calc(100% - 80PX);
  }

  .common-board-item {
    cursor: pointer;
    width: 100%;
    height: 48PX;
    // margin: 5PX 0;
    // background-color: rgba(31,46,46,0.9);
    text-align: left;
    line-height: 37PX;
    padding: 1PX 1PX;
    box-sizing: border-box;
    // cursor: pointer;
    // width: 100%;
    // height: 40PX;
    // margin-top: 10PX;
    // text-align: left;
    // box-sizing: border-box;
    .index{
      color: $--color-text-primary;
      font-size: 14PX;
    }
    .el-input {
      width: 100%;
      .el-input__inner {
        height: 40PX;
        line-height: 40PX;
      }
    }
  }
}
}