/*----------------------------------
  Scrollbar fix for Chrome on OSX
----------------------------------*/
/* http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from-being-hidden-for-trackpad-users-in-webkit */
#modalBody::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
}

#modalBody::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 0px;
    background-color: #999;
}

#modalBody::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/*----------------------
  Stars
----------------------*/

#svg_stars { /* Applied to the SVG-group of stars */
    stroke: black;
}

.circle-Star { /* Applied to each star individually */
}

.highlightedStar { /* Optional CSS for highlighted stars */
}  

/*----------------------
  Star constellation lines
----------------------*/

#svg_clines { /* Applied to the SVG-group of Constellation Lines (the lines between stars) */
    stroke: black;
    stroke-opacity: 0.8;
    z-index: -1;
    /* stroke-width is altered in SVGPan.js, so don't add it in here */
}

/*----------------------
  Starmap grid
----------------------*/

#svg_grid { /* Applied to the lines on the Starmap grid */
    stroke: black;
    stroke-width: 1;
    stroke-opacity: 0.5;    
}

/*----------------------
  Planet Hazard Badges
----------------------*/

.badge-planet-hazard0 {
    background-color: #468847;
}
.badge-planet-hazard1 {
    background-color: #468847;
}
.badge-planet-hazard2 {
    background-color: #468847;
}
.badge-planet-hazard2-weather { /* Weather is dangerous! */
    background-color: #f89406;
}
.badge-planet-hazard3 {
    background-color: #f89406;
}
.badge-planet-hazard3-weather { /* Weather is dangerous! */
    background-color: #FF4A48;
}
.badge-planet-hazard4 {
    background-color: #f89406;
}
.badge-planet-hazard4-weather { /* Weather is dangerous! */
    background-color: #FF4A48;
}
.badge-planet-hazard5 {
    background-color: #FF4A48;
}
.badge-planet-hazard6 {
    background-color: #FF4A48;
}
.badge-planet-hazard7 {
    background-color: #FF4A48;
}
.badge-planet-hazard8 {
    background-color: #FF4A48;
}
.badge-planet-hazard9 {
    background-color: #FF4A48;
}
.badge-planet-hazard10 {
    background-color: #FF4A48;
}


/*----------------------
  Spheres of Influence
----------------------*/
.SoI {
    stroke: black;
    stroke-Width: 1;
    fill-opacity: 0.1;
}
.SoI-text {
    fill-opacity: 0.3;
    text-anchor: middle;
    dominant-baseline: mathematical;
    stroke: black;
    stroke-width: 0.5;
    stroke-opacity: 0.25;
    /* font-size generated on a per-Spheretext basis; declare one here to have a fixed font-size */
}

.SoI-Earthling{
    fill:#f05015;
}
.SoI-Chenjesu{
    fill:#6090e0;
}
.SoI-Mmrnmhrm{
    fill:#e0e0e0;
}
.SoI-Mmrnmhrm-text{
    fill:#808080;
}
.SoI-Ilwrath{
    fill:#E00040;
}
.SoI-Spathi{
    fill:#f0f000;
}
.SoI-Spathi-text{
    fill:#909000;
}
.SoI-Androsynth{
    fill:#e000f0;
}
.SoI-Shofixti{
    fill:#e07038;
}
.SoI-Vux{
    fill:#00f060;
}
.SoI-Yehat{
    fill:#F01BF0;
}
.SoI-Mycon{
    fill:#c0a810;
}
.SoI-Umgah{
    fill:#30d0a0;
}
.SoI-Ur-Quan{
    fill:#00AA22;    
}
.SoI-Kohr-Ah{
    fill:#666666;
}
.SoI-Thraddash{
    fill:#AA2AFF;
}
.SoI-Pkunk{
    fill:#552AFF;
}
.SoI-Supox{
    fill:#DF3535;
}
.SoI-Utwig{
    fill:#709BC5;
}
.SoI-Arilou{
    fill:#0000FF;
}
.SoI-Orz{
    fill:#14E9E9;
}
.SoI-Druuge{
    fill:#DC143C;
}
.SoI-Zoq-Fot-Pik{
    fill:#DC943C;
}
.SoI-Zoq-Fot-Pik-text{
    fill:#9C643C;
}
.SoI-Unknown{
    fill:#878787;
}