@charset "UTF-8";
/*
  系统色(System)
*/
/*
  中性色(Medium)
*/
/*
  功能色(Fuction)
*/
/*
  装饰色(Decorator)
*/
/*
  字体(Font Family)
*/
/*
  字号 (Font size)
*/
/*
  间距 (Space)
*/
/*
  圆角 (Radius)
*/
/*
	main start
*/
.react-datagrid .z-align-right {
  text-align: right;
}

.react-datagrid .z-align-left {
  text-align: left;
}

.react-datagrid .z-align-center {
  text-align: center;
}

.react-datagrid .z-column-header {
  padding: 10px 0px;
}

.react-datagrid .z-column-header .z-content {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
  font-weight: normal;
  text-overflow: inherit;
  height: 40px;
  position: relative;
  top: -11px;
  line-height: 40px;
}

.react-datagrid .z-column-header .z-content .z-icon-sort-info-top {
  top: 50%;
  transform: translateY(25%);
}

.react-datagrid .z-column-header .z-content .z-icon-sort-info-down {
  top: 50%;
  transform: translateY(-120%);
}

.react-datagrid .z-column-header .z-content .sortBox {
  line-height: 40px;
  height: 40px;
  padding-right: 6px;
}

.react-datagrid .z-column-header .z-content .sortBox .hotC {
  position: absolute;
  height: 40px;
  width: 20px;
  left: -4px;
  top: -10px;
}

.react-datagrid .z-column-header .z-content .sortBox .sortArea {
  display: inline-block;
  position: relative;
  top: -10px;
  width: 12px;
  height: 20px;
  cursor: pointer;
}

.react-datagrid .z-column-header .z-content .sortBox .sortAreaInSafari {
  top: 7px;
}

.react-datagrid .z-column-header.z-asc .z-icon-sort-info-top {
  border-bottom-color: none;
}

.react-datagrid .z-column-header.z-asc .z-icon-sort-info-down {
  border-bottom-color: #1d86f0;
}

.react-datagrid .z-column-header.z-desc .z-icon-sort-info-top {
  border-top-color: #1d86f0;
}

.react-datagrid .z-column-header.z-desc .z-icon-sort-info-down {
  border-top-color: none;
}

.react-datagrid .z-column-header.z-over {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid .z-column-header.z-over .resize-area {
  cursor: auto;
}

.react-datagrid .z-column-header.z-over .resize-area:hover .z-column-resize:hover {
  cursor: e-resize;
}

.react-datagrid .z-column-header.z-over .z-column-resize {
  background: #e4ebf0;
}

.react-datagrid .z-column-header.z-over .z-column-resize:hover {
  background: #5cadff;
}

.react-datagrid .z-table {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
}

.react-datagrid .z-table .z-row .highLightCell {
  background-color: rgba(133, 194, 255, 0.15);
}

.react-datagrid .z-row .z-cell .z-content {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.react-datagrid.z-style-alternate .z-odd.z-row {
  background: transparent;
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-over {
  background: rgba(133, 194, 255, 0.1);
  border-bottom: 1px solid rgba(133, 194, 255, 0.2);
}

.react-datagrid.z-style-alternate .z-odd.z-row.preline, .react-datagrid.z-style-alternate .z-odd.z-row.checked-Preline {
  border-bottom: 1px solid rgba(133, 194, 255, 0.3);
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-selected {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-selected.z-over {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-style-alternate .z-even.z-row {
  background: transparent;
}

.react-datagrid.z-style-alternate .z-even.z-row.z-over {
  background: rgba(133, 194, 255, 0.1);
  border-bottom: 1px solid rgba(133, 194, 255, 0.2);
}

.react-datagrid.z-style-alternate .z-even.z-row.preline, .react-datagrid.z-style-alternate .z-even.z-row.checked-Preline {
  border-bottom: 1px solid rgba(133, 194, 255, 0.3);
}

.react-datagrid.z-style-alternate .z-even.z-row.z-selected {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-empty .z-empty-text {
  height: auto;
}

.react-datagrid.z-empty .z-empty-text .pc-sys-no-data-svg {
  width: 138px;
  height: 33px;
  justify-content: center;
  align-items: center;
}

.z-inner .z-header-wrapper .z-header .hideExpandTitle {
  opacity: 0;
}

.z-inner .z-content-high {
  border: 1px solid blue;
  background-color: #ffffff;
}

.fixWrapperLeft {
  position: relative;
  overflow: visible !important;
}

.shadowShow .fixWrapperLeft {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 4;
}

.z-cell-ellipsis {
  border-bottom: 1px solid #f0f2f5;
  box-shadow: none !important;
}

.react-datagrid .pc-sys-arrowdown-active-svg,
.react-datagrid .pc-sys-arrowright-nomal-svg,
.react-datagrid .pc-sys-arrowright-active-svg {
  width: 21px;
  height: 15px;
  display: block;
  cursor: pointer;
}

.react-datagrid .icon-edit-tips {
  width: 21px;
  height: 15px;
  display: block;
  cursor: pointer;
  color: #e4a600;
  line-height: 0;
}