.el-transfer-panel {
  background: transparent;
  border: 1px solid $light-blue-color;
}

.el-transfer-panel .el-transfer-panel__header {
  background: transparent;
  border-bottom: 1px solid $light-blue-color;
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  color: $white-color;
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  color: $white-color;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: rgba(66, 79, 93, 1);
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: transparent;
  border-color: rgba(66, 79, 93, 1);
}

.el-transfer__button {
  background: rgba(23, 125, 220, 1);
  // width: 40px;
  // height: 40px;
}

// 如果是整个页面的滚动条风格是一致的，直接改全局的滚动条样式也可以有效果
//滚动条的宽度
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
  width: 0;
  height: 0;
  background-color: red;
  border-radius: 3px;
}

.el-transfer-panel__list {
  .el-checkbox {
    margin-right: 0;

  }

  .is-checked {
    background: #162b40;

    .el-checkbox__label {
      color: #fff !important;
    }

    .el-checkbox__inner{
      background-color: #177ddc;
      border-color: #177ddc;
    }
  }
}

.el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: #177ddc;
}

.el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover {
  border: unset;
}
