.genome {
  width: 90%;
  margin-top: 60px;
  height: 290px;
}

.genome-rows {
  overflow: hidden;
}

.genome-row {
  width: 100%;
  height: 50px;
}

.genome-row-label {
  width: 100px;
  height: 100%;
  float: left;
  text-align: right;
  color:white;
}

.genome-row-contents {
  width: calc(100% - 103px);
  float: left;
  height: 100%;
  /*border-left: 2px solid rgba(0,0,0,0.2);
  border-top: 1px solid rgba(0,0,0,0.04);*/
  border-left: 2px solid white;
  border-top: 1px solid lightgray;
  color:white;

  position: relative;
}

.genome-row-flight-two-way {
  position: absolute;
  border-bottom: 4px solid #2D9CDB;
}

.genome-row-flight-circle {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #2D9CDB;
  top: -2px;
}

.genome-row-flight-circle-left {
  left: 0;
}

.genome-row-flight-circle-right {
  right: 0;
}

.genome-x-axis {
  display: flex;
  margin-left: 100px;
  /*border-top: 2px solid rgba(0,0,0,0.2);*/
  border-top: 2px solid white;
}

.genome-x-axis-label {
  flex: 1;
  color: white;
}