.el-button--primary {
  //   background: var(--primary-btn) !important;
  border-radius: 3px;
  // border: 0;
  border: 1px solid rgba(13, 120, 234, 0.5);
  color: #fff;
  // width: 100px;
  font-size: 14px;
  // TODO: Maybe change back，带图标的时候放开
  background: no-repeat top / contain, $primary-btn !important;
  background-size: 100% 100% !important;
}

.commonBtn,
.el-button--danger.is-plain.is-disabled {
  border: 1px solid $light-blue-color !important;
  border-radius: 0;
  color: $light-blue-color !important;
  background: transparent !important;
  height: 40px;
  // width: 100px;
  font-size: 14px;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
}
.commonSearch{
  border: 1px solid $light-blue-color !important;
  color: $light-blue-color !important;
  background: transparent !important;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  margin: 0 5px;
}

.cancelBtn {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 0;
  color: $white-opacity7 !important;
  background: transparent !important;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
}
.abrogateBtn{
  background: fff;
  color: black;
  border: 0;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
  border-radius: 0;
}
.errorBtn {
  background: #a61d24;
  color: #fff;
  border: 0;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
  border-radius: 0;
}

.errorBtnplain {
  background: transparent;
  color: #a61d24;
  border: 1px solid #a61d24;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
  border-radius: 0;
}

.disableBtn {
  color: #c0c4cc;
  cursor: not-allowed;
  background: rgba(51, 69, 86, 0.8) !important;
  background-color: transparent;
  border-color: #c0c4cc !important;
  border-radius: 0;
  opacity: 0.5;
  // background-image: $logo-bg !important;
  background-size: 100% 100% !important;
}

.el-button {
  //TODO: Maybe change back UI调整
  //height: 40px;
  height: 34px;
  padding: 10px 16px;
  // margin-left: 20px !important;
}

.el-button.is-plain:hover {
  background: $opacity-blue-bg;
  border: 1px solid $light-blue-color;
}

//primary按钮点击时的样式按钮hover时的样式
.buttonActive_primary:hover {
  //   background: var(--primary-btn) !important;
  border: none;
  // TODO: Maybe change back，带图标的时候放开
  background: no-repeat top / contain, $primary-btn !important;
  background-size: 100% 100% !important;
}

.buttonActive_primary {
  //   background: var(--primary-btn) !important;
  // TODO: Maybe change back，带图标的时候放开
  background: no-repeat top / contain, $primary-btn !important;
  background-size: 100% 100% !important;
}

.el-button--small {
  border-radius: 0;
}

.el-button--text {
  padding: 0 !important;
}

.el-button + .el-button {
  margin-left: 20px !important;
}
