:root {
/* SVG Graph */
    --graph_header_text_color:#000;                   /*Цвет заголовка графика*/
    --graph_title_text_color:#000;                    /*Цвет внутреннего заголовка графика*/

    body.dark-theme{
/* SVG Graph */
    --graph_header_text_color:#fff;                   /*Цвет заголовка графика*/
    --graph_title_text_color:#fff;                    /*Цвет внутреннего заголовка графика*/
    }
}



/*SVG graphs*/
#igM_header_graph{font-size:4mm;  fill:var(--graph_header_text_color)}
#igP_header_graph{font-size:10pt; fill:var(--graph_header_text_color)}
#igM_title_graph{font-size:3mm;   fill:var(--graph_title_text_color)}
#igP_title_graph{font-size:8pt;  fill:var(--graph_title_text_color)}
#igM_value_horbar_graph{font-size:3mm}          /* значения гориз. баров*/
#igP_value_horbar_graph{font-size:8pt}         /* значения гориз. баров*/
#igM_scale_val_graph{font-size:3mm;   fill:var(--graph_title_text_color)}
#igP_scale_val_graph{font-size:8pt;  fill:var(--graph_title_text_color)}

/*SVG*/
/* подсветка кнопок */
.key *:{cursor:pointer;}
.key *:hover {stroke:#ffaa00; 
            fill:#dddd00;
            cursor:pointer;}
  
/* layout */
.vessel { stroke:#00aa00;
          stroke-width:1px; 
          fill:#55ff55;
          vector-effect:non-scaling-stroke;
          cursor:pointer;}
.vessel:hover {fill:#ffaa00;
               stroke:#ffaa00; 
               cursor:pointer; }
.gun    { stroke:#ff0000;
          stroke-width:1px; 
          fill:#ff5555;
          vector-effect:non-scaling-stroke;
          cursor:pointer;}
.gun:hover {fill:#ffaa00;
            stroke:#ffaa00; 
            cursor:pointer; }  
.streamer  {stroke:#5555ff;
            stroke-width:3px; 
            fill:#5555ff;
            vector-effect:non-scaling-stroke;
            cursor:pointer;}
.streamer:hover {fill:#ffaa00;
               stroke:#ffaa00; 
               cursor:pointer; }                              
.tailbouy  {stroke:#5555ff;
            stroke-width:3px; 
            fill:#5555ff;
            vector-effect:non-scaling-stroke;
            cursor:pointer;}
.tailbouy:hover {fill:#ffaa00;
               stroke:#ffaa00; 
               cursor:pointer; }
/* кнопки в лайоуте */              
.lobt .str0 {stroke:#ffffff;stroke-width:20}
.lobt .fil0 {fill:#EBEBEB; opacity:0.5;}
.lobt .fil1 {fill:#444444;fill-rule:nonzero; opacity:0.5;}

.lobt:hover .str0 {stroke:#ffffff;stroke-width:20}
.lobt:hover .fil0 {fill:#abbbc5; opacity:1;}
.lobt:hover .fil1 {fill:#ffffff;fill-rule:nonzero; opacity:1;}

.axislogo {fill:#ffffff;fill-rule:nonzero; opacity:0.5;}
/* подсветка элементов со всплывающей подсказкой */
.elm {cursor:pointer;}
.elm:hover {stroke:#ffaa00; 
            stroke-width:3;
            cursor:pointer; }

/* преплотные линии */ 
.Pline {cursor:pointer;
        stroke-width:2px;
        stroke:#555555;
        vector-effect:non-scaling-stroke;
        fill:none;} 
.Pline.SL{cursor:pointer;
        stroke-width:2px;
        stroke:#555555;
        vector-effect:non-scaling-stroke;
        fill:none;}
.Pline.SL.Compl{cursor:pointer;
        stroke-width:2px;
        stroke:#00cc00;
        vector-effect:non-scaling-stroke;
        fill:none;} 
.Pline.SL.Incompl{cursor:pointer;
        stroke-width:2px;
        stroke:#eeee00;
        vector-effect:non-scaling-stroke;
        fill:none;}  
.Pline.SL.NTBP{cursor:pointer;
        stroke-width:2px;
        stroke:#ee0000;
        vector-effect:non-scaling-stroke;
        fill:none;}         
.Pline.SL.Current{cursor:pointer;
        stroke-width:2px;
        stroke:#0000cc;
        vector-effect:non-scaling-stroke;
        fill:none;}    
.Pline.SL.Next{cursor:pointer;
        stroke-width:2px;
        stroke:#5555ff;
        vector-effect:non-scaling-stroke;
        fill:none;}                           
.Pline.RL{cursor:pointer;
        stroke-width:2px;
        stroke:#555555;
        vector-effect:non-scaling-stroke;
        fill:none;}
.Pline.RL.Compl{cursor:pointer;
        stroke-width:2px;
        stroke:#0000ff;
        vector-effect:non-scaling-stroke;
        fill:none;}  
.Pline.RL.Incompl{cursor:pointer;
        stroke-width:2px;
        stroke:#ff9933;
        vector-effect:non-scaling-stroke;
        fill:none;}          
.Pline.RL.Current{cursor:pointer;
        stroke-width:2px;
        stroke:#00a932;
        vector-effect:non-scaling-stroke;
        fill:none;}         
   

.Pline.SL:hover {cursor:pointer;
        stroke-width:2px;
        stroke:#ffaa00;
        vector-effect:non-scaling-stroke;
        fill:none;}
.Pline.SL.select {cursor:pointer;
        stroke-width:2px;
        stroke:#ffff00;
        vector-effect:non-scaling-stroke;
        fill:none;}
.Pline.SL.select:hover {cursor:pointer;
        stroke-width:2px;
        stroke:#ffaa00;
        vector-effect:non-scaling-stroke;
        fill:none;}




/* obstracles */
.obstr {cursor:pointer;
        stroke-width:1px;
        vector-effect:non-scaling-stroke;
        }
.obstr:hover {cursor:pointer;
        stroke-width:2px;
        stroke:#ffaa00;
        vector-effect:non-scaling-stroke;
    }

/* TABLE */
.tableheadertxt{
        fill:#ffffff;
        text-anchor:start;
        alignment-baseline:none;
        font-size:10;
    }
.tablerowtxt{
        fill:#000000;
        text-anchor:start;
        alignment-baseline:none;
        font-size:7;
    }    
.tablerow {
        fill:#cccccc;
        stroke:none;
        cursor:pointer;
    }
.tablerow:hover {
        fill:#ffff00;
        stroke:none;
        cursor:pointer;
    } 
.tablerow:hover .tablerowtxt{
        fill:#0000ee;
        stroke:none;
    } 
.tablerow:hover .tablerowbg{
        fill:#ffff00;
    }         
.sortbut {fill:#aaaaaa;
        cursor:pointer;
} 
.sortbut:hover{fill:#ffff00;
        cursor:pointer;
} 

/* Report Config */

.element {fill:#dddddd;}
.element.select{fill:#ffff00;}

.rc.bg{fill:#cccccc;
        stroke:none;
}
.rc.listbg{fill:#efefef;
          stroke-width:2px;
          stroke:#ffffff;
          stroke-dasharray:5,5;
}

.rc.tmplelm  {fill:#666666;
          stroke-width:2px;
          stroke:#ffffff;
}

.rc.elm {  stroke-width:1px;
           stroke:#444444;  
}

.rc.paramtab {border:0px;
              fill:#cccccc;
              width:100%;

}

.rc.paraminp{
    background-color: #aaaaaa;
    color:#000000;
    border-radius:0px;
 }

.draggable {
      cursor: move;
}