@use 'sass:math';
.x-form{
  .el-form-item--default{
    --font-size:12px;
  }
  .el-form-item{
    margin-bottom: 20px;
  }
}

.x-form-table{
  border-right: var(--border-base);
  border-bottom: var(--border-base);
  @for $i from 1 through  24 {
    .x-form-item#{$i}{
      width: (math.div(1,24) * $i * 100) * 1%;
    }
  }
  .el-form-item{
    margin-right: 0px;
    margin-bottom: unset;
    box-sizing: border-box;
    border-top: var(--border-base);
    &__label{
      background-color: #F6F8FB;
      box-sizing: border-box;
      border-right: var(--border-base);
      border-left: var(--border-base);
    }
  }
  .el-form-item{
    .el-form-item__label{
      line-height: 32px;
    }
    .el-form-item__content{
      line-height: 32px;
      .el-input{
        --el-input-border: 1px solid transparent;
        &__inner{
          border-radius: unset;
        }
      }
      .el-input.is-disabled{
        .el-input__inner{
          border-color:transparent ;
        }
      }
      .el-textarea.is-disabled{
        .el-textarea__inner{
          border-color:transparent ;
        }
      }
      .el-date-editor.el-input{
        width: 100%;
      }
      .el-checkbox-group{
        font-size: unset;
      }
      .el-radio-group{
        font-size: unset;
      }
      .el-checkbox.el-checkbox--medium{
        height: 30px;
      }
      .el-radio.el-radio--medium{
        height: 30px;
      }
      .el-textarea{
        --el-input-border: 1px solid transparent;
        &__inner{
          border-radius: unset;
        }
      }
      .el-form-item__error{
        height: 18px;
        line-height: 18px;
        background-color: var(--color-red-4);
        color: var(--color-white);
        top: -18px;
        right: 0px;
        left: unset;
        padding:0px 4px;
        padding-top:unset ;
      }
      >:not(.el-input,.el-select,.el-textarea){
        margin-left: 12px;
      }
      >:is(.el-select){
        width: 100%;
      }
    }
  }
}