text {
	font-family: Arial;
}

svg {
	/*border: 5px solid green;*/
}

/* Color schemes according to the phylogenetic range */
.line_query_parent {stroke:green; fill:green}
.line_modern_species {stroke:blue; fill:blue}
.line_ancestral_species {stroke:blue; fill:blue}
.selectedbranch {stroke-width:5; stroke:blue}

.chrom_vert_line {stroke:gray}

/* The toolbar */
.toolbar {stroke: black; fill: white}

.nofill {fill: none}

/* Each line: a branch, a chromosome with some genes and a species name */
.linegroup .click {cursor:hand; cursor:pointer}
.linegroup .invisible {fill: white; stroke: white}
.linegroup .chrom {stroke-opacity:0.6; fill-opacity:0.1}
.linegroup .dashed {stroke-dasharray:5,5}
.linegroup .chrom_horiz_line {stroke-opacity:0.3}
.linegroup text {font-size:12px; stroke:none}
.linegroup .ancestralname {font-style:italic}
.linegroup .genes {fill-opacity:0.1; stroke-opacity:0.2; cursor:hand; cursor:pointer}
.linegroup path.branch {fill:none}
.linegroup polyline {fill:none}

.todelete, .toshow {stroke-width: 2px}
.todelete rect, .toshow rect {stroke-width: 1px !important; stroke: white; fill: white}
.todelete path {stroke: red; fill: red}
.toshow path {stroke: green; fill: green}
.linegroup .popup {display: none;}
.linegroup:hover .popup {display: inline}
.todelete:hover rect, .toshow:hover rect {stroke: black !important}

.duplication {fill:red; stroke:red}
.speciation {fill:blue; stroke:blue}
.terminal {fill:white; stroke: blue}
.duplication:hover, .speciation:hover, .terminal:hover {stroke-width: 1px !important; stroke: black !important}

/* When the mouse is over a line */

.linegroup:hover text {font-weight:bold}
.linegroup:hover .node {stroke:orange; fill:orange}
.linegroup:hover .branch {stroke:orange}
.linegroup:hover circle {fill:orange}
.linegroup:hover .chrom {fill-opacity:0.3}

.linegroup .chrom:hover {fill-opacity:0.4}


/* The CNEs */
.allcnes {stroke-width:0; stroke-opacity: 1; cursor:hand; cursor:pointer}
.cnelevel1 {fill:green; stroke:green}
.cnelevel2 {fill:red; stroke: red}
.cnelevel3 {fill:blue; stroke: blue}

.allcnes:hover .cnegroup {fill-opacity:0.3}
.cnegroup:hover {fill-opacity:1 !important; stroke-width:6 !important}

/* The genes */
.allgenes {fill-opacity:1.0; stroke-opacity:1.0; stroke-width:1; cursor:hand; cursor:pointer}
.orthologues {stroke:black}
.paralogues  {stroke:white}

.allgenes:hover {fill-opacity:0.4; stroke-opacity:0.4}
/*.allgenes:hover {stroke-width:0.4}*/
.homology_group:hover {fill-opacity:1; stroke-opacity:1; stroke-width:2 !important}

.homology_group#grp0 {fill:#000}
.homology_group#grp1 {fill:#300}
.homology_group#grp2 {fill:#500}
.homology_group#grp3 {fill:#700}
.homology_group#grp4 {fill:#900}
.homology_group#grp5 {fill:#B00}
.homology_group#grp6 {fill:#D00}
.homology_group#grp7 {fill:#F00}
/*.homology_group#grp7:hover {fill:#F00 !important}
.allgenes:hover .homology_group#grp7 {fill:#F99}*/
.homology_group#grp8 {fill:#F30}
.homology_group#grp9 {fill:#F50}
.homology_group#grp10 {fill:#F70}
.homology_group#grp11 {fill:#F90}
.homology_group#grp12 {fill:#FB0}
.homology_group#grp13 {fill:#FD0}
.homology_group#grp14 {fill:#FF0}
.homology_group#grp15 {fill:#DD0}
.homology_group#grp16 {fill:#BB0}
.homology_group#grp17 {fill:#990}
.homology_group#grp18 {fill:#770}
.homology_group#grp19 {fill:#690}
.homology_group#grp20 {fill:#6B0}
.homology_group#grp21 {fill:#6D0}
.homology_group#grp22 {fill:#0F0}
.homology_group#grp23 {fill:#0B0}
.homology_group#grp24 {fill:#080}
.homology_group#grp25 {fill:#030}
.homology_group#grp26 {fill:#043}
.homology_group#grp27 {fill:#065}
.homology_group#grp28 {fill:#087}
.homology_group#grp29 {fill:#0A9}
.homology_group#grp30 {fill:#0BB}
.homology_group#grp31 {fill:#0DD}
.homology_group#grp32 {fill:#0FF}
.homology_group#grp33 {fill:#2DE}
.homology_group#grp34 {fill:#4BD}
.homology_group#grp35 {fill:#69C}
.homology_group#grp36 {fill:#87B}
.homology_group#grp37 {fill:#A5A}
.homology_group#grp38 {fill:#B38}
.homology_group#grp39 {fill:#C07}
.homology_group#grp40 {fill:#A07}
.homology_group#grp41 {fill:#807}
.homology_group#grp42 {fill:#607}
.homology_group#grp43 {fill:#407}
.homology_group#grp44 {fill:#117}

.allchrom:hover {fill-opacity:0.1; stroke-opacity:0.1}
.syntgrp {fill-opacity:1; stroke-opacity:1; stroke: black; fill: black}
.chromgrp0 {fill:#000; stroke:#000}
.chromgrp1 {fill:#300; stroke:#300}
.chromgrp2 {fill:#500; stroke:#500}
.chromgrp3 {fill:#700; stroke:#700}
.chromgrp4 {fill:#900; stroke:#900}
.chromgrp5 {fill:#B00; stroke:#B00}
.chromgrp6 {fill:#D00; stroke:#D00}
.chromgrp7 {fill:#F00; stroke:#F00}
.chromgrp8 {fill:#F30; stroke:#F30}
.chromgrp9 {fill:#F50; stroke:#F50}
.chromgrp10 {fill:#F70; stroke:#F70}
.chromgrp11 {fill:#F90; stroke:#F90}
.chromgrp12 {fill:#FB0; stroke:#FB0}
.chromgrp13 {fill:#FD0; stroke:#FD0}
.chromgrp14 {fill:#FF0; stroke:#FF0}
.chromgrp15 {fill:#DD0; stroke:#DD0}
.chromgrp16 {fill:#BB0; stroke:#BB0}
.chromgrp17 {fill:#990; stroke:#990}
.chromgrp18 {fill:#770; stroke:#770}
.chromgrp19 {fill:#690; stroke:#690}
.chromgrp20 {fill:#6B0; stroke:#6B0}
.chromgrp21 {fill:#6D0; stroke:#6D0}
.chromgrp22 {fill:#0F0; stroke:#0F0}
.chromgrp23 {fill:#0B0; stroke:#0B0}
.chromgrp24 {fill:#080; stroke:#080}
.chromgrp25 {fill:#030; stroke:#030}
.chromgrp26 {fill:#043; stroke:#043}
.chromgrp27 {fill:#065; stroke:#065}
.chromgrp28 {fill:#087; stroke:#087}
.chromgrp29 {fill:#0A9; stroke:#0A9}
.chromgrp30 {fill:#0BB; stroke:#0BB}
.chromgrp31 {fill:#0DD; stroke:#0DD}
.chromgrp32 {fill:#0FF; stroke:#0FF}
.chromgrp33 {fill:#2DE; stroke:#2DE}
.chromgrp34 {fill:#4BD; stroke:#4BD}
.chromgrp35 {fill:#69C; stroke:#69C}
.chromgrp36 {fill:#87B; stroke:#87B}
.chromgrp37 {fill:#A5A; stroke:#A5A}
.chromgrp38 {fill:#B38; stroke:#B38}
.chromgrp39 {fill:#C07; stroke:#C07}
.chromgrp40 {fill:#A07; stroke:#A07}
.chromgrp41 {fill:#807; stroke:#807}
.chromgrp42 {fill:#607; stroke:#607}
.chromgrp43 {fill:#407; stroke:#407}
.chromgrp44 {fill:#117; stroke:#117}