/* provide default z index value for the grid */
.ts-grid {
  z-index: 9; 
}
 
/* provide default font and alignment for the cells */
.ts-grid .cell {
  font-family: Roboto, Consolas, monospace;
  font-size: 14px;
  text-align: center;
} 
/* provide default font, background, etc. for the header */
.ts-grid .header-cell {
  font-family: Roboto, Consolas, monospace;
  font-size: 15px;
  color: #464646;
  background-color: #ffffff;
  /*text-align: center;*/
  font-weight: bold;
}
.ts-grid .header-cell div {
  text-align: center;
}
 
/* color for for odd, even rows */
.ts-grid .odd {
  color: #555555;
  background-color: #f9f9f9;
}
.ts-grid .even {
  color: #555555;
  background-color: #ffffff;
}
/* protected input fields specified separately */
.ts-grid .odd INPUT.PR {
  color: #555555;
}
.ts-grid .odd INPUT.PR-UL {
  color: #555555;
}
.ts-grid .even INPUT.PR {
  color: #555555;
}
.ts-grid .even INPUT.PR-UL {
  color: #555555;
}
 
/* colors for selection and hover effects */
.ts-grid .selected {
  color: #000000;
  background-color: #d9edfc;
}
.ts-grid .hover {
  color: #555555;
  background-color: #eee;
}

/* Separator lines */
.ts-grid-vline, .ts-grid-hline {
  visibility: hidden;
}
.ts-grid-hline + .ts-grid-hline,
.ts-grid-paging-bar + .ts-grid-hline {
  border-top-color: #dfdfdf;
  border-right-color: #C2C3C1;
  border-bottom-color: #dfdfdf;
  border-left-color: #C2C3C1;
  visibility: visible;
}
.ts-grid-header {
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  white-space: normal;
}
.grid-drop-target {
  border-top: 4px dashed gray; 
}