/* 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-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-zaehler2,
.color-zaehler2.siocs-btn,
.color-kessel2,
.color-kessel2.siocs-btn
{
	color:var(--fgc_cnt) !important;
	background-color:var(--bgc_cnt) !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}



.icon-sollwert1:before { content: '\e842'; } /* wrench */
.icon-regler1:before { content: '\e81f'; } /* home */
.icon-plan1:before { content: '\f278'; } /* map-o */
.icon-slogo:before { content: '\eaa8'; } /* schneid */
.icon-klima1:before { content: '\f2dc'; } /* snowflake-o */
.icon-elektrik1:before { content: '\f1e6'; } /* plug */
.icon-graph1:before { content: '\f201'; } /* chart-line */
.icon-fehler1:before { content: '\e838'; } /* attention */
.icon-leuchtehoch:before { content: '\e854'; } /* up-circled2 */
.icon-leuchtetief:before { content: '\e853'; } /* down-circled2 */
.icon-frage1:before { content: '\f29c'; } /* question-circle-o */
.icon-frage1:before { content: '\f29c'; } /* question-circle-o */
.icon-modem1:before { content: '\f18e'; } /* right-circled2 */
.icon-modem2:before { content: '\f190'; } /* left-circled2 */
.icon-schreiber1:before { content: '\f201'; } /* chart-line */
.icon-exit2:before { content: '\e85a'; } /* left-open */
.icon-notiz2:before { content: '\e832'; } /* edit */
.icon-para2:before { content: '\e842'; } /* wrench */
.icon-trend2:before { content: '\f201'; } /* chart-line */
.icon-stoer2:before { content: '\e838'; } /* attention */
.icon-zaehler2:before { content: '\e840'; } /* cog */
.icon-report2:before { content: '\f200'; } /* chart-pie */
.icon-repot2:before { content: '\f200'; } /* chart-pie */
.icon-kessel2:before { content: '\eaa6'; } /* fire-1 */
.icon-leck2:before { content: '\f127'; } /* unlink */
.icon-statistik2:before { content: '\e899'; } /* chart-bar */
.icon-print2:before { content: '\e833'; } /* print */
.icon-pfeilrueck2:before { content: '\e85e'; } /* left-big  */
.icon-pfeilvor2:before { content: '\e85f'; } /* right-big  */
.icon-pfeilauf2:before { content: '\e860'; } /* up-big */
.icon-pfeilab2:before { content: '\e85d'; } /* down-big */
.icon-zentrale2:before { content: '\f275'; } /* industry */
.icon-ansicht2:before { content: '\e887'; } /* list */
.icon-map2:before { content: '\f278'; } /* map-o  */
.icon-device2:before { content: '\e81f'; } /* home */
.icon-ablage2:before { content: '\eaa9'; } /* store */
.icon-mimi1:before { content: '\f275'; } /* industry */
.icon-miocs1:before { content: '\f275'; } /* industry */