/* Allgemein Text in Svg's
 * HINWEIS: font-size wird nicht in css angegeben, da diese als Parameter im JS mitgegeben wird
 * um die benoetigte Groesse z.b. fuer den Legendencontainer zu ermitteln.
 */

body.de_nse_swing_javafx_body{
    background-color: #FFFFFF;
    margin: 0px;
}

svg text{
    font-family: Verdana;
    stroke: none;
    fill: #3E698C;
    /* falls global white-space explizit auf etwas anderes gesetzt ist (CSS Reset) */
    white-space: nowrap;
}

svg text{
    font-family: Verdana;
    stroke: none;
    fill: #3E698C;
    /* falls global white-space explizit auf etwas anderes gesetzt ist (CSS Reset) */
    white-space: nowrap;
}

/* Linechart Fuell- und Schriftfarbe der Bereiche*/
svg text.positive {
    fill: #20A035;
}

svg path.positive {
    fill: #20A035;
}

svg path.negative {
    fill: #E53030;
}

svg text.negative {
    fill: #E53030;
}
/* Linechart IE nur den Canvas darstellen */
div.pmaLinechart {
	overflow: hidden;
}

/*svg {
    background-color: #bbddff;
}*/

.svg-chart-handle-mirror{
    background-color: #ffffff;
    color: #003377;
    position: absolute;
    z-index: 110;
    opacity: 0;
    font-family: Verdana;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    border-radius: 10px;
}

/* Saeulenbestandteil eines BarCharts*/
svg rect.svgchart-barpart{
    stroke-width: 0px;
}

/* Text in den Saeulen der Ergebnisgrafik */
svg .barpart-text{
	fill: #ffffff;
}

svg .barinfo-text{
	fill: #003377;
}

svg .barinfo-background{
	fill: #eeeeee;
}

/* Sliderhandle */
svg .svgchart-sliderhandle-background{
    fill: #b21616;
    stroke: none;
}

svg .svgchart-sliderhandle-background-second{
    fill: #009999;
    stroke: none;
}

/* Sliderhandle */
svg .svgchart-sliderhandle-background-disabled{
    fill: #666666;
    stroke: none;
}

/* Text des Sliderhandle */
svg text.svgchart-slidertext{
	fill: #ffffff;
}

/* Text des inaktiven Sliderhandle */
svg text.svgchart-slidertext-disabled{
    font-family: Verdana;
	  stroke: none;
  	fill: #ffffff;
}

/* Sliderschiene */
svg rect.svgchart-slidertrack{
  fill: #becad2;
	stroke: none;
}

/* Inaktive Schiene */
svg rect.svgchart-slidertrack-disabled{
  fill: #bbbbbb;
    stroke: none;
}

/* Sliderschiene unterhalb  bzw. links des Sliders*/
svg rect.svgchart-usedSlidertrack{
    fill: #b21616;
    stroke: none;
}

/* Inaktive Schiene f�r verwendeten Teil */
svg rect.svgchart-usedSlidertrack-disabled{
    fill: #666666;
    stroke: none;
}

svg rect.svgchart-scroll-slider{
    fill: #6f9cbf;
}

svg rect.svgchart-scroll-slidertrack{
    fill: #becad2;
}

/* Marker */
svg line.svgchart-marker{
    stroke-width: 2px;
    stroke: #ef9072;
}

svg line.svgchart-marker-bw{
    stroke-width: 2px;
    stroke: #666666;
}

/* Marker - Luecke Bearbeitungszoom */
svg line.svgchart-marker-zoom{
    stroke-width: 2px;
    stroke: #20a035;
}

/* Schatten */
svg rect.svgchart-shadow{
    fill:   #000000;
    stroke: none;
    opacity:0.3
}

/* Container der Legende */
svg rect.svgchart-legendContainer{
	fill: none;
	stroke: #aaaaaa;
}

/* Skala */
svg line.svgchart-scale{
    stroke: #A5B5BF;
}

svg text.svgchart-scale-bw{
    fill: #666666;
}

/* x-Achsen Beschriftung */
svg text.svgchart-descriptionAxisX-bw{
fill: #666666;
}

/* Legendentext */
svg text.svgchart-legendElemText-bw{
    fill: #666666;
}

div.zoom-barchart{
    background-color: #eeeeee;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #000000;
}

div.zoom-barchart-blocker{
    background-color: #666666;
    opacity: 0.5;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 98;
}

div.close-zoom-barchart{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #ff0000;
    z-index: 100;
    -moz-box-shadow:    0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow:         0px 0px 5px #000000;
    cursor: pointer;
}

/* Balken */
svg .ui-clickable {
    cursor: pointer;
}

/* Behelfsflaeche zum Klicken */
svg .clickarea {
    stroke: none;
    fill: #000000;
    opacity: 0;
}

/* Barchart styling fuer den alternativen Text */
.barChart-alternativeText {
    font: 12px Verdana;
    stroke: none;
    fill: #003377;
    color: #003377;
}

div.pmaBarchart .ui-resizable,
div.pmaBarchart .ui-sortable,
div.pmaBarchart .ui-draggable,
div.pmaBarchart .ui-droppable {
    -ms-touch-action: none;
    touch-action: none;
}

/* Balkenbeschriftung unten: schwarz  */
svg text {
    font-family: Arial;
	stroke: none; 
	fill: #000000;   // color_label-text
}

/* Sliderhandle: dunkelrot */
svg rect.svgchart-sliderhandle-background {
    fill: rgb(165, 41, 41);
    stroke: none;
}

/* Sliderschiene: mittelrot */
svg rect.svgchart-slidertrack {
	fill: rgb(206, 54, 33);
	stroke: none;
}

/* gef�llte Sliderschiene (unterhalb des Sliders): dunkelrot */
svg rect.svgchart-usedSlidertrack {
    fill: rgb(165, 41, 41);
    stroke: none;
}

/* Marker (vertikale Linie): orange */
svg rect.svgchart-marker {
	fill:   rgb(239, 144, 114);
	stroke: none;
}

/* Container f�r die Legende */
svg rect.svgchart-legendContainer {
	fill: rgb(255, 255, 255);
	stroke: rgb(170, 170, 170);
}