.common-layout{
  width: 100%;
  background: #fff;
  &>.toolbar{
    background: #fff;
    border-radius: 4px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
  }
  &>.query-form{
    flex-shrink: 0;
    padding: 14px 0 0 16px;
    text-align: left;
    .el-form-item {
      margin-bottom: 14px;
    }
  }
  &>.yv-table{
    margin:0 10px 10px 10px;
    .ag-root-wrapper.ag-layout-normal{
      border:none;
    }
    .ag-header{
      background: #f8f8f8;
      border-bottom-color: #dfe6ec;
    }
    &.ag-theme-alpine .ag-header-row{
      color:#444;
      .ag-header-cell-text{
        font-size: 14px;
        font-weight: bold;
      }
    }
    .ag-row{
      color:#606266;
      border-color:#ebeef5;
      .ag-cell{
        font-weight: 300;
      }
    }
  }
}