body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background: #f0f4f7;
}
.page-root {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-root > [class^="page-node-"] {
  margin: 5px 10px;
}

.page-node-form-filter,
.page-node-table {
  background: #fff;
  border-radius: 4px;
  padding: 3px 6px;
  margin: 6px;
  box-shadow: 0 0 6px 0 #dfdfdf;
}
.page-node-table {
  flex: 1;
  overflow: hidden;
}
:root {
  --el-color-primary: #3862fe;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #ff3a00;
  --el-color-success: #36850f;
  --el-text-color-primary: #121212;
  --el-text-color-regular: #121212;
  --el-font-size-base: 12px;
  --grid-item-content-border-radius:18px;
}
.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
  --el-button-text-color: #274ffb;
}