
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; cursor: pointer; cursor: hand;}
.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}

.allgenencne {fill-opacity:1; stroke-opacity: 1; cursor:hand; cursor:pointer}
.allgenencne:hover {fill-opacity:0.3; stroke-opacity:0.3}

/* The CNEs */

.allcnes:hover {fill-opacity:0.1 !important; stroke-opacity:0.1 !important; stroke-width:0.1 !important;}

.cnelevel1 {fill:green; stroke:green}
.cnelevel2 {fill:darkorange; stroke: darkorange}
.cnelevel3 {fill:red; stroke: red}
.cnelevel4 {fill:blue; stroke: blue} 
.cnelevel0 {fill:purple; stroke: purple}

.cnegroup:hover {fill-opacity:1 !important; stroke-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, .homology_group.hovered {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}

/* for phyloview size*/
.tgrp0 {fill:#000}
.tgrp1 {fill:#300}
.tgrp2 {fill:#500}
.tgrp3 {fill:#700}
.tgrp4 {fill:#900}
.tgrp5 {fill:#B00}
.tgrp6 {fill:#D00}
.tgrp7 {fill:#F00}
.tgrp8 {fill:#F30}
.tgrp9 {fill:#F50}
.tgrp10 {fill:#F70}
.tgrp11 {fill:#F90}
.tgrp12 {fill:#FB0}
.tgrp13 {fill:#FD0}
.tgrp14 {fill:#FF0}
.tgrp15 {fill:#DD0}
.tgrp16 {fill:#BB0}
.tgrp17 {fill:#990}
.tgrp18 {fill:#770}
.tgrp19 {fill:#690}
.tgrp20 {fill:#6B0}
.tgrp21 {fill:#6D0}
.tgrp22 {fill:#0F0}
.tgrp23 {fill:#0B0}
.tgrp24 {fill:#080}
.tgrp25 {fill:#030}
.tgrp26 {fill:#043}
.tgrp27 {fill:#065}
.tgrp28 {fill:#087}
.tgrp29 {fill:#0A9}
.tgrp30 {fill:#0BB}
.tgrp31 {fill:#0DD}
.tgrp32 {fill:#0FF}
.tgrp33 {fill:#2DE}
.tgrp34 {fill:#4BD}
.tgrp35 {fill:#69C}
.tgrp36 {fill:#87B}
.tgrp37 {fill:#A5A}
.tgrp38 {fill:#B38}
.tgrp39 {fill:#C07}
.tgrp40 {fill:#A07}
.tgrp41 {fill:#807}
.tgrp42 {fill:#607}
.tgrp43 {fill:#407}
.tgrp44 {fill:#117}



/*.allchrom:hover, .allchrom.hovered {fill-opacity:0; stroke-opacity:0}*/
.syntgrp {fill-opacity:1; stroke-opacity:1; stroke: black; fill: black}
.chromgrp0 {fill:#800000; stroke:#800000}
.chromgrp1 {fill:#008000; stroke:#008000}
.chromgrp2 {fill:#808000; stroke:#808000}
.chromgrp3 {fill:#000080; stroke:#000080}
.chromgrp4 {fill:#800080; stroke:#800080}
.chromgrp5 {fill:#008080; stroke:#008080}
.chromgrp6 {fill:#ff0000; stroke:#ff0000}
.chromgrp7 {fill:#e59d79; stroke:#e59d79}
.chromgrp8 {fill:#ac4c4c; stroke:#ac4c4c}
.chromgrp9 {fill:#0000ff; stroke:#0000ff}
.chromgrp10 {fill:#ff00ff; stroke:#ff00ff}
.chromgrp11 {fill:#00ffff; stroke:#00ffff}
.chromgrp12 {fill:#00afff; stroke:#00afff}
.chromgrp13 {fill:#5f5f87; stroke:#5f5f87}
.chromgrp14 {fill:#5f5fff; stroke:#5f5fff}
.chromgrp15 {fill:#87ffaf; stroke:#87ffaf}
.chromgrp16 {fill:#8700ff; stroke:#8700ff}
.chromgrp17 {fill:#8787d7; stroke:#8787d7}
.chromgrp18 {fill:#afaf87; stroke:#afaf87}
.chromgrp19 {fill:#afd700; stroke:#afd700}
.chromgrp20 {fill:#af5f87; stroke:#af5f87}
.chromgrp21 {fill:#d70087; stroke:#d70087}
.chromgrp22 {fill:#d7ffff; stroke:#d7ffff}
.chromgrp23 {fill:#d78700; stroke:#d78700}
.chromgrp24 {fill:#00ff00; stroke:#00ff00}
.chromgrp25 {fill:#030; stroke:#030}
.chromgrp26 {fill:#afff00; stroke:#afff00}
.chromgrp27 {fill:#d7afff; stroke:#d7afff}
.chromgrp28 {fill:#ffff00; stroke:#ffff00}
.chromgrp29 {fill:#ffbf32; stroke:#ffbf32}
.chromgrp30 {fill:#d75fff; stroke:#d75fff}
.chromgrp31 {fill:#87d7af; stroke:#87d7af}
.chromgrp32 {fill:#870000; stroke:#870000}
.chromgrp33 {fill:#00ffaf; stroke:#00ffaf}
.chromgrp34 {fill:#5f8700; stroke:#5f8700}
.chromgrp35 {fill:#69C; stroke:#69C}
.chromgrp36 {fill:#604d99; stroke:#604d99}
.chromgrp37 {fill:#663366; stroke:#663366}
.chromgrp38 {fill:#af00af; stroke:#af00af}
.chromgrp39 {fill:#C07; stroke:#C07}
.chromgrp40 {fill:#005f5f; stroke:#005f5f}
.chromgrp41 {fill:#807; stroke:#807}
.chromgrp42 {fill:#e0cce3; stroke:#e0cce3}
.chromgrp43 {fill:#407; stroke:#407}
.chromgrp44 {fill:#117; stroke:#117}

