/* Farben und Icons für exportierte Objekte (Buttons)*/


.color-sollwert1,
.color-sollwert1.siocs-btn,
.color-para2,
.color-para2.siocs-btn
{
	color:var(--fgc_param) !important;
	background-color:var(--bgc_param) !important;;
}

/* Zweifarbig ginge dann so
.color-sollwert1.siocs-btn span { background-color: var(--cnc_param);}
.color-sollwert1.siocs-btn span:before { border-top-color:var(--cnc_param);}
*/


.color-regler1,
.color-regler1.siocs-btn,
.color-plan1,
.color-plan1.siocs-btn,
.color-slogo,
.color-slogo.siocs-btn,
.color-klima1,
.color-klima1.siocs-btn,
.color-elektrik1,
.color-elektrik1.siocs-btn,
.color-leuchtehoch,
.color-leuchtehoch.siocs-btn,
.color-leuchtetief,
.color-leuchtetief.siocs-btn,
.color-frage1,
.color-frage1.siocs-btn,
.color-modem1,
.color-modem1.siocs-btn,
.color-modem2,
.color-modem2.siocs-btn,
.color-exit2,
.color-exit2.siocs-btn,
.color-notiz2,
.color-notiz2.siocs-btn,
.color-leck2,
.color-leck2.siocs-btn,
.color-print2,
.color-print2.siocs-btn,
.color-pfeilrueck2,
.color-pfeilrueck2.siocs-btn,
.color-pfeilvor2,
.color-pfeilvor2.siocs-btn,
.color-pfeilauf2,
.color-pfeilauf2.siocs-btn,
.color-pfeilab2,
.color-pfeilab2.siocs-btn,
.color-zentrale2,
.color-zentrale2.siocs-btn,
.color-ansicht2,
.color-ansicht2.siocs-btn,
.color-map2,
.color-map2.siocs-btn,
.color-device2,
.color-device2.siocs-btn,
.color-mimi1,
.color-mimi1.siocs-btn,
.color-miocs1,
.color-miocs1.siocs-btn,
.color-f_aut2,
.color-f_aut2.siocs-btn,
.color-f_brit2,
.color-f_brit2.siocs-btn,
.color-f_ger2,
.color-f_ger2.siocs-btn,
.color-do11,
.color-do11.siocs-btn,
.color-do21,
.color-do21.siocs-btn,
.color-do31,
.color-do31.siocs-btn
{
	color:var(--fgc_nav) !important;
	background-color:var(--bgc_nav) !important;
	
}

.color-schreiber1,
.color-schreiber1.siocs-btn,
.color-graph1,
.color-graph1.siocs-btn,
.color-trend2,
.color-trend2.siocs-btn
{
	color:var(--fgc_chart) !important;
	background-color:var(--bgc_chart) !important;
	
}

.color-fehler1,
.color-fehler1.siocs-btn,
.color-stoer2,
.color-stoer2.siocs-btn
{
	color:var(--fgc_err) !important;
	background-color:var(--bgc_err) !important;
	
}


.color-istaz1,
.color-istaz1.siocs-btn,
.color-zaehler2,
.color-zaehler2.siocs-btn
{
	color:var(--fgc_cnt) !important;
	background-color:var(--bgc_cnt) !important;
	
}

.color-kessel2,
.color-kessel2.siocs-btn
{
	color:var(--fgc_prod) !important;
	background-color:var(--bgc_prod) !important;
	
}

.color-repot2,
.color-repot2.siocs-btn,
.color-report2,
.color-report2.siocs-btn,
.color-statistik2,
.color-statistik2.siocs-btn
{
	color:var(--fgc_report) !important;
	background-color:var(--bgc_report) !important;
	
}

.color-ablage2,
.color-ablage2.siocs-btn
{
	color:var(--fgc_cloud) !important;
	background-color:var(--bgc_cloud) !important;
	
}

.color-buttongraul2,
.color-buttongraul2.siocs-btn,
.color-buttongraus2,
.color-buttongraus2.siocs-btn,
.color-buttongrauxs2,
.color-buttongrauxs2.siocs-btn,
.color-buttongrauxxs2,
.color-buttongrauxxs2.siocs-btn
{
	color:#FFF;
	background-color:#C0C0C0 !important;
	border: 1px solid white;
	font-size: 11px !important;
}
/*Hack da dise Buttons ein Icon wegen Farbe angegeben haben, Icon ist aber leer (geht nur für zentrierte da sonst kein Randabstand)*/
.color-buttongraul2.siocs-btn span { width:0px !important;}
.color-buttongraul2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttongraus2.siocs-btn span { width:0px !important;}
.color-buttongraus2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttongrauxs2.siocs-btn span { width:0px !important;}
.color-buttongrauxs2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttongrauxxs2.siocs-btn span { width:0px !important;}
.color-buttongrauxxs2.siocs-btn small { width: 100% !important; margin:0px !important}

.color-buttonblaul2,
.color-buttonblaul2.siocs-btn
.color-buttonblauxs2,
.color-buttonblauxs2.siocs-btn,
.color-buttonblaus2,
.color-buttonblaus2.siocs-btn,
.color-buttonblauxxs2,
.color-buttonblauxxs2.siocs-btn
{
	color:#FFF;
	background-color:var(--bgc_separator) !important;
	border: 1px solid white;
	font-size: 11px !important;
}
.color-buttonblaul2.siocs-btn span { width:0px !important;}
.color-buttonblaul2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttonblauxs2.siocs-btn span { width:0px !important;}
.color-buttonblauxs2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttonblaus2.siocs-btn span { width:0px !important;}
.color-buttonblaus2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttonblauxxs2.siocs-btn span { width:0px !important;}
.color-buttonblauxxs2.siocs-btn small { width: 100% !important; margin:0px !important}

				
.color-buttonrotl2,
.color-buttonrotl2.siocs-btn,
.color-buttonrotxs2,
.color-buttonrotxs2.siocs-btn
{
	color:#FFF;
	background-color:#800080 !important;
	border: 1px solid white;
	font-size: 11px !important;
}
.color-buttonrotl2.siocs-btn span { width:0px !important;}
.color-buttonrotl2.siocs-btn small { width: 100% !important; margin:0px !important}
.color-buttonrotxs2.siocs-btn span { width:0px !important;}
.color-buttonrotxs2.siocs-btn small { width: 100% !important; margin:0px !important}

.color-buttongruenl2,
.color-buttongruenl2.siocs-btn
{
	color:#FFF;
	background-color:#008080 !important;
	border: 1px solid white;
	font-size: 11px !important;
}
/*
.color-buttongruenl2.siocs-btn span { width:0px !important;}
.color-buttongruenl2.siocs-btn small { width: 100% !important; margin:0px !important}
*/

.color-buttongelbl2,
.color-buttongelbl2.siocs-btn
{
	color:#FFF;
	background-color:#FFC000 !important;
	border: 1px solid white;
	font-size: 12px !important;
}
.color-buttongelbl2.siocs-btn span { width:0px !important;}
.color-buttongelbl2.siocs-btn small { width: 100% !important; margin:0px !important}


.fa-sollwert1 { --fa: "\f0ad"; } /* wrench */
.fa-regler1 { --fa: "\f015"; } /* home */
.fa-plan1 { --fa: "\f279"; } /* map-o TODO fa-regular*/
.fa-slogo { --fa: "\e163"; } /* schneid */
.fa-klima1 { --fa: "\f2dc"; } /* snowflake-o TODO fa-regular*/
.fa-elektrik1 { --fa: "\f1e6"; } /* plug */
.fa-graph1 { --fa: "\f201"; } /* chart-line */
.fa-fehler1 { --fa: "\f071"; } /* attention new triangle-exclamation*/
.fa-leuchtehoch { --fa: "\f35b"; } /* up-circled2 new circle-up TODO fa-regular*/
.fa-leuchtetief { --fa: "\f358"; } /* down-circled2 new circle-down TODO fa-regular*/
/*.fa-frage1 { --fa: "\?"; font-weight:400; }*/
.fa-frage1 { --fa: "\f059"; } /* question-circle-o new circle-question TODO fa-regular*/
.fa-modem1 { --fa: "\f35a"; } /* right-circled2 new circle-right TODO fa-regular*/
.fa-modem2 { --fa: "\f359"; } /* left-circled2 new circle-left TODO fa-regular*/
.fa-schreiber1 { --fa: "\f201"; } /* chart-line */
.fa-exit2 { --fa: "\f104"; } /* left-open new angle-left*/
.fa-notiz2 { --fa: "\f044"; } /* edit new pen-to-square*/
.fa-para2 { --fa: "\f0ad"; } /* wrench */
.fa-trend2 { --fa: "\f201"; } /* chart-line */
.fa-stoer2 { --fa: "\f071"; } /* attention new triangle-exclamation*/
.fa-zaehler2 { --fa: "\e1e8"; } /* meter */
.fa-istaz1 { --fa: "\e1e8"; } /* meter */
.fa-report2 { --fa: "\e0e3"; } /* chart-column */
.fa-repot2 { --fa: "\e0e3"; } /* chart-column */
.fa-kessel2 { --fa: "\f06d"; } /* fire-1 new fire*/
.fa-leck2 { --fa: "\f043"; } /* droplet */
.fa-statistik2 { --fa: "\f200"; } /* chart-pie */
.fa-print2 { --fa: "\f02f"; } /* print */
.fa-pfeilrueck2 { --fa: "\f060"; } /* left-big new arrow-left */
.fa-pfeilvor2 { --fa: "\f061"; } /* right-big  new arrow-right*/
.fa-pfeilauf2 { --fa: "\f062"; } /* up-big new arrow-up*/
.fa-pfeilab2 { --fa: "\f063"; } /* down-big new arrow-down*/
.fa-zentrale2 { --fa: "\f275"; } /* industry */
.fa-ansicht2 { --fa: "\f03a"; } /* list */
.fa-map2 { --fa: "\f279"; } /* map-o TODO fa-regular*/
.fa-device2 { --fa: "\f015"; } /* home */
.fa-ablage2 { --fa: "\f187"; } /* store new box-archive*/
.fa-mimi1 { --fa: "\f275"; } /* industry */
.fa-miocs1 { --fa: "\f275"; } /* industry */
.fa-schneid { --fa: "\e163"; } /* display */


/*Abw. Kompatibel mit fontello */
.fa-stick-note { --fa: "\f249"; } 
.fa-floppy { --fa: "\f0c7"; } 
.fa-edit { --fa: "\f044"; } 
.fa-left-open { --fa: "\f053"; } 
.fa-right-open { --fa: "\f054"; } 
.fa-up-open { --fa: "\f077"; } 
.fa-up-down { --fa: "\f078"; } 
.fa-paper-plane-empty { --fa: "\f1d8"; }
.fa-arrows-cw {  --fa: "\f021"; }
.fa-map-o { --fa: "\f279"; } 
.fa-doc-text { --fa: "\f15c"; }
.fa-attention { --fa: "\f071"; }
.fa-off { --fa: "\f011"; }
.fa-attention-alt { --fa: "\!"; }
.fa-logout { --fa: "\f2f5"; }
.fa-exchange { --fa: "\f0ec"; }
.fa-trash-empty { --fa: "\f2ed"; }
.fa-folder-open-empty { --fa: "\f07c"; }
.fa-upload-cloud { --fa: "\f0ee"; }  
.fa-download-cloud {  --fa: "\f0ed"; }
.fa-fast-fw { --fa: "\f050"; }
.fa-fast-bw { --fa: "\f049"; }
.fa-cancel-circled { --fa: "\f057"; }
.fa-ok { --fa: "\f00c"; }
.fa-attach { --fa: "\f0c6"; }
.fa-attention-alt { --fa: "\!"; }
.fa-info-circled { --fa: "\f05a"; }
.fa-attention-circled { --fa: "\f06a"; }
.fa-doc { --fa: "\f15b"; }
.fa-cog-alt { --fa: "\f085"; }
.fa-menu { --fa: "\f0c9"; }
.fa-login { --fa: "\f090"; }
.fa-logout { --fa: "\e668"; }
.fa-question-circle-o { --fa: "\f059"; }

/*Overruled - gibt es auch in FontAwesome*/
.fa-cancel { --fa: "\f00d"; !important}
	
.pre-notes {
	font-family: 'Roboto Condensed', verdana, helvetica, tahoma, sans-serif;
}