/**Variable**/
@import './helpers/mixin.scss';
// 列表高级查询用样式

//系统默认字体
$default-font-family: "Microsoft YaHei", "SimSun";

.advanced-query {
  .vxe-modal--box {
    width: 80% !important;
  }

  .vxe-modal--body {
    overflow-y: auto;
    padding: 10px 4px;
    overflow-x: hidden;
    max-height: calc(100vh - 188px);

    .el-form {
      .el-row {
        margin: 1px 0 0 1px;
      }
      .el-collapse {
        .el-collapse-item {
          .el-collapse-item__wrap {
            padding: 1px 1px 0 1px;
          }
          .el-collapse-item__header {
            color: #000;
            font-size: 15px;
            font-family: $default-font-family;
          }
        }
      }

      .el-form-item {
        padding: 0;
        display: flex;
        align-items: stretch;
        margin: -1px 0 0;

        .el-form-item__label {
          background: #efeff0;
          color: #000;
          font-family: $default-font-family;
          font-size: 15px;
          border: 1px solid #d7d7da;
          border-right: 0;
          padding: 6px 10px;
          // height: 42px;
          line-height: 200%;
          width: 45%;
          min-width: 150px;
          align-items: center;
          margin-left: -1px;
          overflow: hidden;
        }

        .el-form-item__content {
          width: 100%;
          border: 1px solid #d7d7da;
          display: flex;
          // height:42px;
          margin-left: 0 !important;
          align-items: center;
          background-color: #fff;

          .iteminner {
            padding: 15px;
            display: flex;
            align-items: center;
            line-height: 22px;
            font-size: 14px;
          }

          .el-date-editor {
            width: 100%;
          }

          .el-tree-select {
            width: 100%;
          }

          .el-checkbox-group {
            padding-left: 15px;
          }

          .div-form-view {
            width: 100%;
            height: calc(100% - 12px);
            line-height: 180%;
            font-family: $default-font-family;
            font-size: 15px;
            padding: 0px 30px 0px 15px;
            color: #606266
          }

          .radio-clear-btn {
            padding: 0 10px;
            margin-left: auto;
            color: #C0C4CC!important;
          }

          .el-radio {
            margin: 0;

            &:first-child {
              margin-left: 11px;
            }
          }

          .el-radio + .el-radio {
            margin: 0 0 0 10px;
          }

          .el-radio-group {
            padding-left: 15px;
          }

          .el-switch {
            padding-left: 15px;
          }

          .el-select {
            width: 100%;
          }

          textarea {
            border: 0;
            line-height: 180%;
            text-align: left;
            font-size: 14px;
          }

          .el-input__inner {
            border: 0;
            line-height: 40px;
            // height: 44px;
            text-align: left;
            font-size: 14px;
          }

          .el-input-group__append {
            border: 0;
          }

          .el-input-number {
            width: 100%;
            height: 100%;
            font-size: 14px;

            // .el-input-number__increase,
            // .el-input-number__decrease {.vxe-form--item
            //   // line-height: 20px;
            //   // display: none;
            // }

            .el-input__inner {
              padding-right: 15px;
            }
          }

          .el-form-item__error {
            color: #f56c6c;
            padding: 10px;
            top: 50%;
            right: 12px;
            left: auto;
            border-radius: 3px;
            z-index: 99;
            margin-top: -15px;
          }

          .file-upload {
            .el-upload--text {
              span {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
  }
}