/* https://gist.github.com/iftee/fb79db620683cdb9963e */
/* CSS Snippet For Responsive Table - Stylized */

/* Basic */

table {
  border-spacing: 0px;
  border-collapse: collapse;     /* Share borders between adjacent cells */
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  background-color: transparent; /* Change the background-color of table here */
  text-align: left;              /* Change the text-alignment of table here */
}

th {
  font-weight: bold;
  border: 1px solid #cccccc;  /* Change the border-color of heading here */
  padding: 8px;
}

td {
  border: 1px solid #cccccc;  /* Change the border-color of cells here */
  padding: 8px;
}

/* Stylized */

/* Adding Striped Effect for even rows */

tr {
  /* background-color: transparent; Change the default background-color of rows here */
  background-color: white; /* Change the default background-color of rows here */
}

tr:nth-of-type(2n) {
  background-color: #f6f8fa;  /* Change the background-color of even rows here */
}

/* Reset styles for the shortcut helper */
.light-keys tr:nth-of-type(2n) {background-color: black;}
.light-keys tr:hover {background-color: black;}
.light-keys table {border: none;}
.light-keys tr {border: none;}
.light-keys td {border: none;}
.light-keys th {border: none;}

tr th {
  background-color: white;    /* Change the background-color of heading here */
}

/* Adding Hover Effect for rows */

tr {
  -moz-transition: background-color 300ms ease-in-out 0s;
  -ms-transition: background-color 300ms ease-in-out 0s;
  -o-transition: background-color 300ms ease-in-out 0s;
  -webkit-transition: background-color 300ms ease-in-out 0s;
  transition: background-color 300ms ease-in-out 0s;
}

tr:hover {
  background-color: #fff176;  /* Change the hover background-color of rows here */
}

/* Removing left and right border of rows for modern UIs */

tr {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/* th, td {
  border: none;
} */