.el-message-box {
  border: none;

  &__header {
    background-color: #87D2D9;
    padding: 12px 15px;
  }

  &__title span {
    font-size: 15px;
    font-weight: bold;
  }

  &__headerbtn &__close {
    color: #333;
    font-size: 20px;
  }

  &__content {
    padding: 20px 16px 16px;
  }

  &__btns {
    text-align: center;

    .el-button {
      border-radius: 50px;

      + .el-button {
        margin-left: 16px;
      }
    }
  }
}

.el-tabs {
  &__item {
    height: 32px;
    font-size: 12px;
    line-height: 32px;
  }
}


.el-table {
  .el-checkbox__input {
    .el-checkbox__inner {
      width: 16px;
      height: 16px;
      border: 1px solid $--color-primary;
      background: rgba($--color-primary, 0.1);
      border-radius: 20%;

      &::after {
        background: rgba($--color-primary, 1);
        width: 80%;
        height: 80%;
        border-radius: 30%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(0);
        border: none;
        transition: transform 0.05s ease-in 0.05s;
      }
    }

    &.is-checked {
      .el-checkbox__inner {
        &::after {
          transform: translate(-50%, -50%) scale(1);
        }
      }
    }

    &.middle {
      align-items: center;
    }
  }

  .el-table__header .el-table-column--selection {
    .el-checkbox__input {
      .el-checkbox__inner {
        border: 1px solid #fff;

        &::after {
          background: #fff;
        }
      }
    }
  }
}

.el-form {
  .el-form-item__label {
    color: $--color-text-primary;
    font-weight: bold;
    font-size: 12px;

    &::after {
      content: '：';
    }
  }
}