/* Red Table */
.table-striped-r tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
   background-color: rgb(186, 186, 186,0.2)
}
.table-striped-r tbody tr:nth-of-type(odd){
	background-color: rgba(0,0,0,0.0)
}
.table-hover-r tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgb(249, 214, 213, 0.8);
}
/* Green Table */
.table-striped-g tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
   background-color: rgb(186, 186, 186,0.2)
}
.table-striped-g tbody tr:nth-of-type(odd){
	background-color: rgba(0,0,0,0.0)
}
.table-hover-g tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgb(215, 243, 227, 0.8);
}
/* Inactive Table*/
.table-striped-i tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
   background-color: rgb(186, 186, 186,0.2)
}
.table-striped-i tbody tr:nth-of-type(odd){
	background-color: rgba(0,0,0,0.0)
}
.table-hover-i tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgb(186, 186, 186,0.8);
}
._cursorPointer {
    cursor: pointer;
}
h2{
  font-size: 1.3rem !important;
}
.lightbox {
  /** Default lightbox to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}
.thumbnail {
  max-width: 100%;
}
.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox **/
  display: block;
}