html,
body {
  height: 100%;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
}

#app {
  height: 100%;
  padding-top: 5px;
  box-sizing: border-box;
}
.vxe-cell--sort {
  display: none !important;
}

.vxe-header--column:hover .vxe-cell--sort {
  display: inline-block !important;
}

.vxe-header--row .vxe-header--column.sortable-ghost,
.vxe-header--row .vxe-header--column.sortable-chosen {
  background-color: #dfecfb;
}

.vxe-header--row .vxe-header--column.col--fixed {
  cursor: no-drop;
}

.editmodal .vxe-modal--content {
  padding: 0 !important;
}

.editForm {
  padding: 0.8em 1em;
}

.editForm .vxe-form--item {
  padding: 0.2em 0.8em 0.2em 0 !important;
}

.el-transfer {
  --el-transfer-panel-body-height: 400px !important;
}

/*.mytable-scrollbar ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
 滚动条的轨道
.mytable-scrollbar ::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.mytable-scrollbar ::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:active {
  background-color: #787878;
}

.mytable-scrollbar ::-webkit-scrollbar-corner {
  background-color: #ffffff;
} */

.vxe-body--column.col-red {
  background-color: #ffc0cb;
  color: #000;
}
.vxe-body--column.col-gridBlue {
  background-color: #9ccdd4;
}

.vxe-body--column.red-line {
  color: red;
  text-decoration: line-through;
}

.shadow-box {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 15px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 13px 20px 0px;
}

[v-cloak] {
  display: none;
}

.vxe-header--column .vxe-resizable.is--line:before {
  background-color: #b7bbbd;
}

.vxe-header--row .vxe-cell--checkbox .vxe-checkbox--icon {
  color: #b7bbbd;
}

/* 表头颜色 */
.vxe-table .vxe-table--header-wrapper {
  background: linear-gradient(to top, #d3e3fd, #ffffff);
}
.vxe-pager {
  background: linear-gradient(to bottom, #d3e3fd, #ffffff);
}
.vxe-button {
  background-color: #fff;
}

.btn-search-grid .vxe-form--item:first-child {
  width: 45px !important;
}

.btn-search-grid .vxe-form--item {
  padding: 1px !important;
  padding-right: 3px !important;
  width: 100px !important;
}

.vxe-modal--wrapper .vxe-modal--header {
  background: linear-gradient(to bottom,  #ffffff,  #A1D8FF);

}