table.userTable {
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  width: 5000px;
  border-collapse: collapse;
  border-spacing: 0;
  /* Cells in even rows (2,4,6...) are one color */
  /* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
  /* Hover cell effect! */
}

table.userTable td, table.userTable th {
  border: 1px solid transparent;
  /* No more visible border */
  height: 30px;
  transition: all 0.3s;
  /* Simple transition for hover effect */
}

table.userTable th {
  background: #DFDFDF;
  /* Darken header a bit */
  font-weight: bold;
}

table.userTable td {
  background: #FAFAFA;
  text-align: center;
}

table.userTable .hide {
  display: none;
}

table.userTable tr:nth-child(even) td {
  background: #F1F1F1;
}

table.userTable tr:nth-child(odd) td {
  background: #FEFEFE;
}

table.userTable tr td:hover {
  background: #666;
  color: #FFF;
}