@charset "UTF-8";
@import "./common/var.css";

@component-namespace el {
    @b form-grid {
        display: inline-block;
        margin-right:var(--form-grid-margin-right);
        vertical-align: top;
       font-size:var(--form-grid-font-size);
      @when block{
        display: block;
      }
        & .el-select{
            width:100%;
          }
        & .el-date-editor {
              width:100%;
          }
        & .el-form-item__label{
              float: none;
              display: inline-block;
          }
        & .el-form-item__content{
              display: inline-block;
              vertical-align: top;
          }

        & .el-button + .el-button,
        & .el-radio+.el-radio,
        & .el-checkbox+.el-checkbox{
          margin-left:var(--form-grid-margin-right);
        }
        & .el-row{
              margin-right: var(--form-grid-row-padding-minus);
              margin-left: var(--form-grid-row-padding-minus);
          }
        & .el-col {
           padding-right:var(--form-grid-col-padding);
           padding-left:var(--form-grid-col-padding);
          }
    & .el-cascader {
      display: block;
      }
    & .el-checkbox,
    & .el-radio,
    & .el-checkbox-group .el-checkbox,
    & .el-radio-group .el-radio{
        margin-right:var(--form-grid-group-margin);
      }
    & .el-checkbox-group .el-checkbox + .el-checkbox,
    & .el-radio-group .el-radio + .el-radio {
        margin-left:0;
        }
        @m xxs{
            width:60px;
        }
        @m xs{
            width:80px;
        }
        @m sm{
            width:120px;
        }
        @m md{
            width:150px;
        }
        @m xmd{
            width:200px;
        }
        @m xxmd{
          width:240px;
        }
        @m lg{
            width:300px;
        }
        @m xlg{
            width:440px;
        }
        @m xxlg{
            width:520px;
        }
    }
    @b inline-block{
        display: inline-block;
    }
    @b block{
        display: block !important;
    }
}
.el-form-item .el-form-grid>.el-form-item .el-form-item__label ~ .el-form-item__content {
  display: inline-block;
}
.el-form-item .el-form-grid > .el-form-item  .el-form-item__content {
  display: block;
}