/* Genome Viewer CSS */


.genome #zoom {
  height: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.genome #move {
  height: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
}



div#GenomeViewer {
  width: 100%;
  height: calc(100%  - 30px - var(--title-height));
  z-index: 3000;

}

div#GenomeViewer ,
#genomeSvg 
 {
  fill: rgb(252,252,242);
  stroke: lightblue;
}

rect.highlight {
  stroke: rgb(230, 173, 195);
}

/* Font used for the chromosome */
div#GenomeViewer .chromo,
#genomeSvg .chromo {
  font-family: "Saira";
  font-size  : 8pt;
  font-weight: bold;
  font-style : normal;
  text-anchor: middle;
}

.chr {
  z-index: 1000;
}

.gap {
  z-index: -1000;
}


.Mito_insertion {
  stroke: red;
  fill: red;
}

.Knob {
  stroke: #691f44;
  fill: #e1cef8;
}