html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

body {
  margin: 0px;
  padding: 5px;
  height: 98%;
  font-size: 12px;
}

svg {
  /* shape-rendering: optimizeSpeed; */
  /*-webkit-font-smoothing: none;*/
  /*shape-rendering: crispEdges;*/
}

svg text {
  font-family: Times New Roman;
  text-rendering: geometricPrecision;
}

g.network.highlight path {
  stroke: #ff0000;
  fill: #ff0000;
}

g.network.highlight rect {
  stroke: #ff0000;
  fill: #fff0f5;
}

g.network.highlight ellipse {
  stroke: #ff0000;
  fill: #fff0f5;
}

g.network.has_variant:hover {
  cursor: pointer;
}

g.network.has_variant tspan {
  fill: #ff0000;
}

g.network text {
  fill: #ff0000;
}


g.has_link:hover {
  cursor: pointer;
}

img.clickable:hover {
  cursor: pointer;
}

#disease_class {
  padding: 5px;
  white-space: nowrap;
}

#disease_class > div > div {
  margin-left: 15px;
}

#disease_class > div > div > div {
  margin-left: 15px;
}

#network_hierarchy {
  padding: 5px;
  white-space: nowrap;
}

#network_hierarchy > div > div {
  margin-left: 15px;
}

#network_hierarchy > div > div > div {
  margin-left: 15px;
}

#network_hierarchy > div > div > div > div {
  margin-left: 15px;
}

#gene_tree {
  padding: 10px;
}

#gene_tree > div {
  margin-top: 3px;
  white-space: nowrap;
}

#gene_tree > div > div {
  margin-top: 3px;
  margin-left: 15px;
}
#gene_tree > div > div > div {
  margin-top: 3px;
  margin-left: 15px;
}
#gene_tree > div > div > div > div {
  margin-top: 3px;
  margin-left: 15px;
}

#gene_info_close {
  position: absolute;
  right: 5px;
}

#gene_info_close:hover {
  cursor: pointer;
}

/*
 * NETWORKのハイライト用定義
 */
g#disease_path_layer g.highlight rect {
  stroke-width: 5px;
  /*stroke-opacity: 0.5;*/
}

g#disease_path_layer g.highlight path {
  stroke-width: 4px;
  /*stroke-opacity: 0.5;*/
}

g#disease_path_layer g.highlight ellipse {
  stroke-width: 4px;
  /*stroke-opacity: 0.5;*/
}