td{
  font-size:5vmin;
}
th{
  font-size:3vmin;
}
tr:nth-child(even){
  background-color: #dbf2f3;
}
tr{
  background-color: #87c8ca;
}
th {
  background-color: #008789;color: white;
}
.imgHead{
  width: 100%;
  float: right;
}
.pageHead{
  font-size: 4vmin;
  width: 100%;
  background-color: #FFFFFF;
  color: #008789;
  padding: 10px;
  text-align: center;
}
.fixedTable{
  width: 100%;
  overflow: auto;
}
.fixedTable th{
  position: sticky;
  top: 0;
}
.flow_summary{
  font-size: 5vmin;
  width: 100%;
  background-color: #FFFFFF;
  padding: 10px;
  text-align: center;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #008789;
  padding: 10px;
  text-align: center;
}
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  color: #FBB034 !important;
  background-color: #eee !important;
  cursor: pointer;
  padding: 10px !important;
  width: 100% !important;
  border: 2px solid #FBB034;
  text-align: center;
  outline: 2px solid #FBB034;
  font-size:3vmin;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #eee !important;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}