div.row {
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box;
  display:flex;
  float:left;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;*/
  left: 10px;
  padding: 5px;
  width:100vw;
  /*-ms-flex: 18%; /* IE10 */
  /*flex: 18%;*/
  /*max-width: 90vw;*/
  overflow-x: auto;
}

p.SearchTerm {
  float:left;
  height:50%;
  width:10%;
  margin-top:auto;
  margin-bottom:auto;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: black;
  background-color: #EEEEEE;
  line-height: 30px;
  text-align: center;
}

div.NOCELL{
  margin-top: 11%;
  background-color: #DDDDDD;
  opacity: 0.6;
  color: #818182;
  font-size: 2em;
  font-family: "futura-pt", sans-serif;
  text-align: center;
  justify-content: center;
  align-content: center;
  word-wrap: break-word;
  display: grid;
  border: 0px solid #EEEEEE;
}


div.WellUnit { 
 font-family: "Source Code Pro", monospace;
 margin: 5px;
 padding: 10px 0px 5px 9px;
 margin: 3px;
 border: 1px solid #CCCCCC;
 color: black;
 background-color: #EEEEEE;
 border-radius: 15px;
 box-shadow: 1px 1px 10px 5px #CCCCCC;
}

div.WellPanel { 
  display:block;
  overflow: visible;
  border:0px solid yellow; 
}

div.WellTitle {
  display:inline-block;
  margin-bottom: 5px;
}

p.ScreenTitle, p.GeneName, p.ORFId {
  width:33.33%;
  display: inline-block;
  position: relative;
  font-family: "Source Code Pro", monospace;
  font-weight: 700;
  font-size: 1em;
  margin:0;
  word-wrap:  break-word;
  vertical-align: middle;
  /*color: white;*/
  /*background-color: #222222;*/
  /*line-height: 16px;*/
}

p.ScreenTitle { text-align: left; }
p.GeneName { text-align: center; }
p.ORFId { text-align: right; }


div.WellCheckbox{
  display:flex;
  width:100%;
  margin:0;
  /*border: 2px dashed gray;*/
  /*border-radius: 5px;*/
}

canvas {
  border: 0px solid yellow;
}

div.WellInfo {
  display:block;
  margin-bottom:5px;
}

p.Plate, p.Well, p.GFPIntensity, p.RFPIntensity,p.BFPIntensity, p.GFPNoise, p.RFPNoise, p.BFPNoise, p.GeneDesc, p.Loc {
  display: inline-block;
  position: relative;
  font-family: "Source Code Pro", monospace;
  font-style: italic;
  font-size: 0.9em;
  width:50%;
  margin:0px;
  vertical-align: middle;
  /*color: white;*/
  /*background-color: #222222;*/
}

p.Plate, p.Well{  font-weight: 400; }
p.Plate{ text-align: left; }
p.Well{ text-align: right; }

p.GFPIntensity{ font-weight: 400; color: #00CC00; text-align: left; }
p.RFPIntensity{ font-weight: 400; color: #CC0000; text-align: left; }
p.BFPIntensity{ font-weight: 400; color: #0099FF; text-align: left; }

p.GFPNoise{ font-weight: 300; font-style: italic; color: #00CC00; text-align: right; }
p.RFPNoise{ font-weight: 300; font-style: italic; color: #CC0000; text-align: right; }
p.BFPNoise{ font-weight: 300; font-style: italic; color: #0099FF; text-align: right; }

p.GeneDesc{ font-size:0.8em; font-weight: 300; font-style: italic; text-align: justify; width:100%; padding:3px;}

table.stats {
  table-layout: fixed;
  width:100%;
  border: none;
  border-collapse: collapse; 
  font-family: "Source Code Pro", monospace;
  font-size: 0.9em;
  font-weight: 500;
  padding:2px;
  margin:2px;
  word-wrap:normal;
  overflow-x: hidden;
  text-align: center;
  vertical-align: middle;
}

/*table.stats th { border-bottom: 1px solid #ddd; }*/

td.GFPstat, th.GFPstat{
  border-right: 1px solid #25B955; 
  color: #25B955;
}

td.BFPstat, th.BFPstat{
  border-right: 1px solid #0079CE; 
  color: #0079CE;
}

td.RFPstat, th.RFPstat{
  border-right: 1px solid #AB3344; 
  /*border-left: 1px solid #ddd; */
  color: #AB3344;  
}