@CHARSET "ISO-8859-1";

div.tooltip {
        position: absolute;
        text-align: left;
        /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(173, 195, 102);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

div.tooltipNeutral {
    position: absolute;
    text-align: left;
    /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(255, 255, 255);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

div.tooltipPassengerIn {
     position: absolute;
     text-align: left;
     /* width: 60px; */
     /* height: 28px; */
     padding: 2px;
     font: 10px sans-serif;
     font-weight: bold;
     background: rgb(249, 178, 51);
     border: 0;
     border-radius: 0;
     pointer-events: none;
     opacity: 0.75;
 }

div.tooltipPassengerOut {
       position: absolute;
       text-align: left;
       /* width: 60px; */
       /* height: 28px; */
       padding: 2px;
       font: 10px sans-serif;
       font-weight: bold;
       background: rgb(178, 178, 178);
       border: 0;
       border-radius: 0;
       pointer-events: none;
       opacity: 0.75;
   }

div.tooltipStop {
    position: absolute;
    text-align: left;
    /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(125, 125, 125);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

div.tooltipStopNotOperated {
    position: absolute;
    text-align: left;
    /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(200, 200, 200);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

div.tooltipStopComparison {
    position: absolute;
    text-align: left;
    /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(202, 158, 103);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

div.tooltipStopComparisonNotOperated {
    position: absolute;
    text-align: left;
    /* width: 60px; */
    /* height: 28px; */
    padding: 2px;
    font: 10px sans-serif;
    font-weight: bold;
    background: rgb(215, 182, 140);
    border: 0;
    border-radius: 0;
    pointer-events: none;
    opacity: 0.75;
}

/* --- Start of SVG definition --- */
/* Source CSS SVG: https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen */
/* Source CSS table: https://www.w3schools.com/css/css_table.asp */
/* Source CSS font: https://www.w3schools.com/css/css_font.asp */

#inMinBar {
    fill: rgb(255, 240, 219);
    stroke-width: 0;
}

#outMinBar {
    fill: rgb(240, 240, 240);
    stroke-width: 0;
}

#loadBar {
    fill: rgb(173, 195, 102);
    stroke: rgb(149, 181,  61);
    stroke-width: 3;
    fill-opacity: 1.0;
    stroke-opacity: 1.0;
}
#loadBarTransparent {
    fill: rgb(173, 195, 102);
    stroke: rgb(149, 181,  61);
    stroke-width: 3;
    fill-opacity: 0.75;
    stroke-opacity: 0.75;
}