.zentable {
  xfont-family: Helvetica, Arial, sans-serif;
  font-family: Roboto;
  margin: 0%;
  width: 100%;
  border: 1px solid #000000;
  position: relative;
}
.zentable .zt-header {
  position: relative;
  height: 24px;
  background-color: #000000;
}
.zentable .zt-header .zt-cell {
  position: absolute;
  height: 24px;
  padding: 2px 4px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.zentable .zt-header .zt-resize {
  margin-left: -3px;
  position: absolute;
  height: 24px;
  width: 8px;
  cursor: ew-resize;
  z-index: 2;
  border-left: 1px solid #808080;
}
.zentable .zt-header .zt-orderable {
  cursor: pointer;
}
.zentable .zt-header .zt-orderable:hover {
  background-color: #606060;
}
.zentable .zt-container {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background-color: #ffffff;
}
.zentable .zt-container .zt-data .zt-row {
  position: absolute;
  height: 24px;
  width: 100%;
  border-bottom: 1px solid #c0c0c0;
  background-color: #f8f8f8;
}
.zentable .zt-container .zt-data .zt-row:hover {
  background-color: #f0f0ff;
}
.zentable .zt-container .zt-data .zt-row .zt-cell {
  position: absolute;
  top: 0px;
  height: calc(23px);
  border-right: 1px solid #c0c0c0;
  padding: 2px 4px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zentable .zt-container .zt-data .zt-loading {
  background: url('loader.gif') no-repeat 50% 50px;
  background-color: #fffff0;
}
.zentable .zt-status {
  height: 4px;
  background-color: #000000;
}
.zentable .zt-total {
  height: 24px;
  background-color: #545454;
  color: #ffffff;
}
.zentable .zt-total .zt-cell {
  position: absolute;
  height: 24px;
  padding: 2px 4px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.zentable .zt-tip {
  position: absolute;
  border: 1px solid black;
  background-color: yellow;
  z-index: 2;
  padding: 2px;
  font-size: 10px;
}