/* default white theme main-implementation */
:root{
	--slider_color_1: #eddec4;
	--slider_color_2: #00B1AC;
	--slider_color_3: #ddbd85;
	--color_headline_1: #00B1AC;
	--color_headline_1Text: #ffffff;
	--color_indiv: #00B1AC;
	--color_input: #b5b7c1;
	--color_login: #00B1AC;
	--color_Text1: #547065;
}


 body {
	 font-size: 100%;
	 background-color: #FFFFFF;
	 font-weight: normal;
	 font-family: Verdana;
	 color: var(--color_Text1);
	 margin: 0em;
	 padding: 0em;
	 word-wrap: break-word;
	 box-sizing: border-box;
	 opacity: 0;
}
 body.all-loaded {
	 opacity: 1;
}
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	 color: #547065;
}
 /*label {
	 width: inherit;
	 cursor: inherit;
}*/
 span {
	 word-wrap: break-word;
	 white-space: wrap;
}
 a {
	 color: var(--color_indiv);
}
 main {
	 width: 96%;
	 max-width: 800px;
	 margin: 0em auto;
	 padding: 0em;
	 display: block;
}
 footer {
	 display: block;
	 background: #008000;
	 text-align: center;
}
 div.main_content div {
	 max-width: 800px;
}
 div.ttable {
	 width: 100%;
	 height: 20px;
	 display: table;
}
 div.trow {
	 display: table-row;
}
 div.tcell {
	 display: table-cell;
}
 div.trow-odd {
	 background-color: #FFFFFF;
}
 div.trow-even {
	 background-color: #FFFFFF;
}
 /*div.CC_columnlabel1, div.CC_columnlabel2, div.CC_columnlabel3, div.CC_columnlabel4 {
	 text-align: center;
	 display: table-cell;
	 width: 5%;
}*/
div.CC_columns17 div.CC_columnlabel {
	width: min-content;
}

 div.CONTAINER_subelement2 {
	 width: 93%;
	 background-color: #FFFFFF;
}
 div.CONTAINER2 {
	 padding: 0px 3px 0px 20px;
	 font-size: 10pt;
	 font-weight: normal;
}
 div.CV_pulldown1 {
	 padding-top: 5px;
	 display: table;
}
 div.CV_pulldown2, div.CV_pulldown3 {
	 display: table;
}
 div.CV_oddinput1, div.MD_oddinput1 {
	 padding: 5px;
	 display: table-cell;
	 background-color: #FFFFFF;
}
 div.CV_eveninput1, div.MD_eveninput1 {
	 padding: 5px;
	 display: table-cell;
	 background-color: #FFFFFF;
}
 div.CV_oddinput2, div.MD_oddinput2 {
	 padding: 3px;
	 width: 5%;
	 display: table-cell;
}
 div.CV_eveninput2, div.MD_eveninput2 {
	 padding: 3px;
	 width: 5%;
	 display: table-cell;
}
 div.CV_odd1, div.MD_odd1, div.CV_oddsubelement1, div.MD_oddsubelement1, div.TE_odd1, div.ME_odd1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 95%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_odd1, div.MD_odd1, div.CV_oddsubelement1, div.MD_oddsubelement1, div.TE_odd1, div.ME_odd1 {
		 padding: 0.25em 0em;
		 width: 90%;
	}
}
 div.CV_even1, div.MD_even1, div.CV_evensubelement1, div.MD_evensubelement1, div.TE_even1, div.ME_even1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 95%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_even1, div.MD_even1, div.CV_evensubelement1, div.MD_evensubelement1, div.TE_even1, div.ME_even1 {
		 padding: 0.25em 0em;
		 width: 90%;
	}
}
 div.CV_odd2, div.MD_odd2, div.LABEL_odd2, div.MD_oddsubelement2 {
	 padding: 3px;
	 width: 91%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_odd2, div.MD_odd2, div.LABEL_odd2, div.MD_oddsubelement2 {
		 padding: 0.2em 0em;
	}
}
 div.CV_even2, div.MD_even2, div.LABEL_even2, div.MD_evensubelement2 {
	 padding: 3px;
	 width: 91%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_even2, div.MD_even2, div.LABEL_even2, div.MD_evensubelement2 {
		 padding: 0.2em 0em;
	}
}
 div.CV_odd3, div.MD_odd3, div.LABEL_odd3, div.MD_oddsubelement3 {
	 padding: 3px;
	 width: 5%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_odd3, div.MD_odd3, div.LABEL_odd3, div.MD_oddsubelement3 {
		 padding: 0.2em 0em;
	}
}
 div.CV_even3, div.MD_even3, div.LABEL_even3, div.MD_evensubelement3 {
	 padding: 3px;
	 width: 5%;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.CV_even3, div.MD_even3, div.LABEL_even3, div.MD_evensubelement3 {
		 padding: 0.2em 0em;
	}
}
 div.DOCU1 {
	 width: 100%;
	 padding: 8px;
	 padding-bottom: 14px;
	 font-size: 10pt;
	 border: solid #c0c0c0 0.25em;
	 background-color: #ffffff;
	 font-weight: normal;
	 word-wrap: break-word;
	 margin-bottom: 1em;
	 margin-top: -0.5em;
	 display: table;
}
 div.hl_nr1, div.l div.hl_nr1 {
	 font-size: 16pt;
	 background-color: var(--color_headline_1);
	 color: var(--color_headline_1Text);
	 text-align: center;
	 vertical-align: middle;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 div.hl_text1, div.l div.hl_text1 {
	 font-size: 14pt;
	 background-color: #FFFFFF;
	 font-weight: bold;
	 padding: 5px;
	 text-transform: uppercase;
	 word-wrap: break-word;
	text-align: left;
}
 div.hl_more1 {
	 padding-top: 10px;
	 padding-bottom: 10px;
	 word-wrap: break-word;
}
 div.HL1, div.FLASH1, div.CV1, div.ME1, div.PIN1, div.XHTML1, div.CC1, div.TL1, div.TE1, div.MD1, div.OR1, div.CONTAINER1, div.TABLE1, div.LEGEND {
	 padding: 8px;
	 font-size: 15px;
	 background-color: #FFFFFF;
	 font-weight: normal;
	 word-wrap: break-word;
	 margin-bottom: 1em;
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-rows: auto auto;
	 grid-template-rows: auto auto;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
}
div.CC1 {
	text-align: left;
}
 div.LABEL, div.CONTAINER, div.MD, div.CV, div.ME {
	 padding: 0px 3px 0px 0px;
	 font-size: 15px;
	 font-weight: normal;
	 margin-bottom: 0px;
	 display: -ms-grid;
	 display: grid;
	 text-align: left;
}
 div.Date, div.l div.Date {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 div.HL2, div.CV2, div.ME2, div.XHTML2, div.CC2, div.TL2, div.TE2, div.MD2, div.OR2, div.LABEL2, div.TABLE2 {
	 /*padding: 0px 3px 0px 0px;*/
	 font-size: 10pt;
	 font-weight: normal;
	 margin-bottom: 0px;
	 display: -ms-grid;
	 display: grid;
}
 div.HL3, div.CV3, div.ME3, div.XHTML3, div.CC3, div.TL3, div.TE3, div.MD3, div.OR3, div.LABEL3, div.TABLE3 {
	/* padding: 0px 3px 0px 20px;*/
	 font-size: 10pt;
	 font-weight: normal;
	 max-width: 600px;
	 display: -ms-grid;
	 display: grid;
}
 div.item2 {
	 width: 100%;
	 padding-left: 0.5cm;
	 display: table;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.item2 {
		 padding-left: initial;
	}
}
 div.item3, div.item4 {
	 width: 100%;
	 padding-left: 0;
	 display: table;
}
 div.LABEL_odd1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 60%;
	 display: table-cell;
}
 div.LABEL_even1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 60%;
	 display: table-cell;
}
 div.ME_oddinput1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 5%;
	 text-align: center;
	 display: table-cell;
}
 div.ME_eveninput1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 width: 5%;
	 text-align: center;
	 display: table-cell;
}
 div.ME_oddinput2, div.ME_oddinput3, div.ME_oddinput4 {
	 padding: 3px;
	 background-color: #FFFFFF;
	 width: 5%;
	 text-align: center;
	 display: table-cell;
}
 div.ME_oddinput3, div.ME_oddinput4 {
	 background-color: inherit;
}
 div.ME_eveninput2, div.ME_eveninput3, div.ME_eveninput4 {
	 padding: 3px;
	 background-color: #FFFFFF;
	 width: 5%;
	 text-align: center;
	 display: table-cell;
}
 div.OR_odd1, div.OR_odd2 {
	 background-color: #FFFFFF;
	 display: table-cell;
}
 div.OR_even1, div.OR_even2 {
	 background-color: #FFFFFF;
	 display: table-cell;
}
 div.OR_odd1, div.OR_even1 {
	 padding: 5px;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.OR_odd1, div.OR_even1 {
		 padding: 0.25em;
	}
}
 div.OR_odd2, div.OR_even2 {
	 padding: 3px;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.OR_odd2, div.OR_even2 {
		 padding: 0.25em;
	}
}
 div.OR_oddinput1, div.OR_oddinput2 {
	 background-color: #FFFFFF;
	 width: 50px;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.OR_oddinput1, div.OR_oddinput2 {
		 width: 50px;
	}
}
 div.OR_eveninput1, div.OR_eveninput2 {
	 background-color: #FFFFFF;
	 width: 50px;
	 display: table-cell;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 div.OR_eveninput1, div.OR_eveninput2 {
		 width: 50px;
	}
}
 div.OR_oddinput1 label, div.OR_oddinput2 label, div.OR_eveninput1 label, div.OR_eveninput2 label {
	 text-align: center !important;
}
 .OR_head {
	 display: inline;
	 float: left;
	 width: 35em;
}
 div.OR_head1, div.OR_value1, div.OR_head2, div.OR_value2 {
	 font-size: 8pt;
	 width: 50px;
	 min-width: 50px;
	 text-align: center;
	 vertical-align: bottom;
	 font-weight: normal;
	 padding-top: 5px;
	 display: table-cell;
}
 div.OR_head1 p {
	 max-width: 50px;
}
 div.OR_value1 {
	 word-break: break-word;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 .OR_head {
		 display: block;
		 vertical-align: bottom;
	}
}
 div.PIN-tcell {
	 width: 750px;
	 padding-left: 75px;
	 text-align: center;
	 background-color: #CCF;
}
 div.TE_oddinput1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 display: table-cell;
}
 div.TE_eveninput1 {
	 padding: 5px;
	 background-color: #FFFFFF;
	 display: table-cell;
}
 div.FILE_evensubelement1, div.FILE_evensubelement2, div.FILE_oddsubelement1, div.FILE_oddsubelement2, div.FILE_even1, div.FILE_even2, div.FILE_odd1, div.FILE_odd2, div.CONTAINER_code1, div.CONTAINER_code2, div.XHTML_code1, div.XHTML_code2, div.XHTML_subelement1, div.XHTML_subelement2 {
	 display: table-cell;
}
 div.TE_even2, div.ME_even2, div.TE_odd2, div.ME_odd2, div.TE_even3, div.ME_even3, div.TE_odd3, div.ME_odd3 {
	 padding: 3px;
	 display: table-cell;
}
 .bgimg1 {
	 background-image: url(../SYS_IMG/farbe1.png);
	 background-repeat: no-repeat;
}
 .bgimg2 {
	 background-image: url(../SYS_IMG/farbe2.png);
	 background-repeat: no-repeat;
}
 .bgimg3 {
	 background-image: url(../SYS_IMG/farbe3.png);
	 background-repeat: no-repeat;
}
 .bgimg4 {
	 background-image: url(../SYS_IMG/farbe4.png);
	 background-repeat: no-repeat;
}
 .bgimg5 {
	 background-image: url(../SYS_IMG/farbe5.png);
	 background-repeat: no-repeat;
}
 .bgimg6 {
	 background-image: url(../SYS_IMG/farbe6.png);
	 background-repeat: no-repeat;
}
 .bgimg7 {
	 background-image: url(../SYS_IMG/farbe7.png);
	 background-repeat: no-repeat;
}
 .bgimg8 {
	 background-image: url(../SYS_IMG/farbe8.png);
	 background-repeat: no-repeat;
}
 .bgimg9 {
	 background-image: url(../SYS_IMG/farbe9.png);
	 background-repeat: no-repeat;
}
 .bgimg10 {
	 background-image: url(../SYS_IMG/farbe10.png);
	 background-repeat: no-repeat;
}
 .bgimg11 {
	 background-image: url(../SYS_IMG/farbe11.png);
	 background-repeat: no-repeat;
}
 .bgimg12 {
	 background-image: url(../SYS_IMG/farbe12.png);
	 background-repeat: no-repeat;
}
 .bgimg13 {
	 background-image: url(../SYS_IMG/farbe13.png);
	 background-repeat: no-repeat;
}
 .bgimg14 {
	 background-image: url(../SYS_IMG/farbe14.png);
	 background-repeat: no-repeat;
}
 .bgimg15 {
	 background-image: url(../SYS_IMG/farbe15.png);
	 background-repeat: no-repeat;
}
 .bgimg16 {
	 background-image: url(../SYS_IMG/farbe16.png);
	 background-repeat: no-repeat;
}
 .bgimg17 {
	 background-image: url(../SYS_IMG/farbe17.png);
	 background-repeat: no-repeat;
}
 .bgimg18 {
	 background-image: url(../SYS_IMG/farbe18.png);
	 background-repeat: no-repeat;
}
 .bgimg19 {
	 background-image: url(../SYS_IMG/farbe19.png);
	 background-repeat: no-repeat;
}
 .bgimg20 {
	 background-image: url(../SYS_IMG/farbe20.png);
	 background-repeat: no-repeat;
}
 .bgimg21 {
	 background-image: url(../SYS_IMG/farbe21.png);
	 background-repeat: no-repeat;
}
 .bgimg22 {
	 background-image: url(../SYS_IMG/farbe22.png);
	 background-repeat: no-repeat;
}
 .bgimg23 {
	 background-image: url(../SYS_IMG/farbe23.png);
	 background-repeat: no-repeat;
}
 .bgimg24 {
	 background-image: url(../SYS_IMG/farbe24.png);
	 background-repeat: no-repeat;
}
 .bgimg25 {
	 background-image: url(../SYS_IMG/farbe25.png);
	 background-repeat: no-repeat;
}
 .bgimg26 {
	 background-image: url(../SYS_IMG/farbe26.png);
	 background-repeat: no-repeat;
}
 .bgimg27 {
	 background-image: url(../SYS_IMG/farbe27.png);
	 background-repeat: no-repeat;
}
 .bgimg28 {
	 background-image: url(../SYS_IMG/farbe28.png);
	 background-repeat: no-repeat;
}
 .bgimg29 {
	 background-image: url(../SYS_IMG/farbe29.png);
	 background-repeat: no-repeat;
}
 .bgimg30 {
	 background-image: url(../SYS_IMG/farbe30.png);
	 background-repeat: no-repeat;
}
 .bgimg31 {
	 background-image: url(../SYS_IMG/farbe31.png);
	 background-repeat: no-repeat;
}
 .bgimg32 {
	 background-image: url(../SYS_IMG/farbe32.png);
	 background-repeat: no-repeat;
}
 .bg1 {
	 background: rgba(255,0,0,0.6) !important;
}
 .bg2 {
	 background: rgba(140,84,0,0.6) !important;
}
 .bg3 {
	 background: rgba(143,179,0,0.6) !important;
}
 .bg4 {
	 background: rgba(43,217,0,0.6) !important;
}
 .bg5 {
	 background: rgba(0,255,102,0.6) !important;
}
 .bg6 {
	 background: rgba(0,140,140,0.6) !important;
}
 .bg7 {
	 background: rgba(0,71,179,0.6) !important;
}
 .bg8 {
	 background: rgba(43,0,217,0.6) !important;
}
 .bg9 {
	 background: rgba(204,0,255,0.6) !important;
}
 .bg10 {
	 background: rgba(140,0,84,0.6) !important;
}
 .bg11 {
	 background: rgba(217,43,0,0.6) !important;
}
 .bg12 {
	 background: rgba(255,204,0,0.6) !important;
}
 .bg13 {
	 background: rgba(84,140,0,0.6) !important;
}
 .bg14 {
	 background: rgba(0,179,0,0.6) !important;
}
 .bg15 {
	 background: rgba(0,217,130,0.6) !important;
}
 .bg16 {
	 background: rgba(0,204,255,0.6) !important;
}
 .bg17 {
	 background: rgba(0,28,140,0.6) !important;
}
 .bg18 {
	 background: rgba(71,0,179,0.6) !important;
}
 .bg19 {
	 background: rgba(64,0,64,0.6) !important;
}
 .bg20 {
	 background: rgba(255,0,102,0.6) !important;
}
 .bg21 {
	 background: rgba(179,71,0,0.6) !important;
}
 .bg22 {
	 background: rgba(217,217,0,0.6) !important;
}
 .bg23 {
	 background: rgba(102,255,0,0.6) !important;
}
 .bg24 {
	 background: rgba(0,140,28,0.6) !important;
}
 .bg25 {
	 background: rgba(0,179,143,0.6) !important;
}
 .bg26 {
	 background: rgba(0,130,217,0.6) !important;
}
 .bg27 {
	 background: rgba(0,0,255,0.6) !important;
}
 .bg28 {
	 background: rgba(84,0,140,0.6) !important;
}
 .bg29 {
	 background: rgba(179,0,143,0.6) !important;
}
 .bg30 {
	 background: rgba(217,0,43,0.6) !important;
}
 .bg31 {
	 background: rgba(128,128,128,0.6) !important;
}
 .bg32 {
	 background: rgba(192,192,192,0.6) !important;
}
 .number_span {
	 width: 34px;
	 text-align: center;
	 vertical-align: top;
}
 .color_span {
	 width: 24px;
	 height: 24px;
}
 div.legend_text {
	 width: 90%;
}
 .ProgressBar_border {
	 background-color: white;
	 border: solid 1px black;
	 width: 300px;
	 height: 7px;
	 display: block;
	 margin: 0 auto 0 auto;
}
 @media all and (min-device-width: 320px) and (max-device-width: 1224px) {
	 .ProgressBar_border {
		 width: 5em;
	}
}
 .ProgressBar_bar {
	 background-color: var(--color_indiv);
	 height: 7px;
}
 .tcell_progressBar {
	 display: table-cell;
}
 div.tcell-progressBar {
	 float: left;
	 padding-top: 5px;
	 margin-left: 30%;
	 display: table-cell;
}
 div.cv_popup_value {
	 border: 1px solid grey;
	 background-color: white;
	 font-size: 14pt;
	 padding: 4px;
	 min-height: 18px;
	 width: 600px;
}
 div.popupframe {
	 position: absolute;
	 top: 0px;
	 left: 8%;
	 width: 90%;
	 height: 3000px;
	 display: none;
	 opacity: 0.9;
	 filter: alpha(opacity=90);
}
 div.popupframe_ttable {
	 width: 100%;
	 height: 100%;
	 overflow: auto;
	 background-color: #ffffff;
	 vertical-align: top;
	 padding: 20px;
	 text-align: center;
	 display: table;
}
 div.popupframe_ttabel_intern {
	 width: 100%;
	 border: solid lightgrey 1px;
	 margin-top: 1cm;
	 background-color: #ffffff;
	 text-align: left;
	 display: table;
}
 div.popupframe_tcell {
	 border-left: solid 1px;
	 width: 25%;
	 vertical-align: top;
	 display: table-cell;
}
 div.popupframe_tcell_content {
	 vertical-align: top;
	 text-align: left;
	 padding: 5px;
}
 div.manual-popupframe_ttable {
	 width: 100%;
	 height: 100%;
	 overflow: auto;
	 background-color: #ffffff;
	 vertical-align: top;
	 padding: 20px;
	 display: table;
}
 div.question_head1, div.question_head2, div.question_head3, div.question_head4 {
	 width: 100%;
	 display: table;
}
 div.question_nr1 {
	 font-size: 12pt;
	 color: #547065;
	 background-color: #FFFFFF;
	 font-weight: normal;
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 div.question_nr_empty {
	 padding: 5px;
}
 div.question_nr {
	 width: 30px;
	 font-size: 12pt;
	 color: #000000;
	 background-color: #FFFFFF;
	 font-weight: normal;
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 div.question_text1, div.l div.question_text1 {
	 padding: 5px;
	 font-size: 12pt;
	 color: var(--color_Text1);
	 font-weight: bold;
	 text-align: justify;
}
 div.question_text {
	 font-weight: bold;
	 text-align: justify;
}
 div.question_more1, div.l div.question_more1 {
	 font-style: italic;
	 color: var(--color_Text1);
	 text-align: left;
	 padding: 10px 30px 10px 40px;
}
 .ui-rangeSlider-disabled .ui-rangeSlider-bar {
	 cursor: default;
}
 .ui-rangeSlider-disabled .ui-rangeSlider-handle, .ui-rangeSlider-disabled .ui-rangeSlider-label {
	 cursor: default;
}
 div.graphical_select {
	 background: none;
	 background-repeat: no-repeat;
	 background-size: cover;
	 width: 1.25em;
	 height: 1.25em;
}
.checkbox {
	width: 20px;
	height: 20px;
	/*display: block;*/
	position: relative;
	padding-right: 5px;
	z-index: 2;

}
 .checkbox::after {
	 content: "";
	 background-image: url(../SYS_IMG/checkBox.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}
 .checkboxChecked {
	 width: 20px;
	 height: 20px;
	/* display: block;*/
	 position: relative;
	 padding-right: 5px;
	z-index: 2;

}
 .checkboxChecked::after {
	 content: "";
	 background-image: url(../SYS_IMG_HS/aachen_fh_checkBoxChecked.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}

 .remove_btn {
	 width: 20px;
	 height: 20px;
	/* display: block;*/
	 position: relative;
	 padding-right: 5px;
	z-index: 2;

}
 .remove_btn::after {
	 content: "";
	 background-image: url(../SYS_IMG/remove_button.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
 }

 .edit_btn {
	 width: 20px;
	 height: 20px;
	 position: relative;
	 padding-right: 20px;
	z-index: 2;

}
 .edit_btn::after {
	 content: "";
	 background-image: url(../SYS_IMG/edit_button.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}
.edit_button_text {
	font-weight:normal;
	font-size: small;
}

 .radiobox {
	 width: 20px;
	 height: 20px;
	/* display: block;*/
	 position: relative;
	 /* padding-right: 5px; */
	 z-index: 2;
}
 .radiobox::after {
	 content: "";
	 background-image: url(../SYS_IMG/radioButton.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}
 .radioboxChecked {
	 width: 20px;
	 height: 20px;
	 /*display: block;*/
	 position: relative;
	 /* padding-right: 5px; */
	 z-index: 2;
}
 .radioboxChecked::after {
	 content: "";
	 background-image: url(../SYS_IMG_HS/aachen_fh_radioButtonChecked.png);
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}
 body {
/*	 -webkit-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;*/
	 text-align: justify;
	 word-wrap: break-word;
}

 div.LEGEND_grid_container, div.l div.LEGEND_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: 50% 50%;
	 grid-template-columns: 50% 50%;
	/* -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto;*/
	/* grid-template-rows: repeat(2,auto);*/
/*	 grid-auto-flow: column;*/
	 border-radius: 50px;
}
 div.LEGEND_cell {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 div.HL_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: 1fr 11fr;
	 grid-template-columns: 1fr 11fr;
}
 div.OR_grid_container, div.l div.OR_grid_container {
	 display: -ms-grid;
	 display: grid;
	/* -ms-grid-columns: 60% auto;*/
/*	 grid-template-columns: 60% auto;*/
	 -ms-grid-columns: minmax(auto, 60%) auto;
	 grid-template-columns: minmax(auto, 60%) auto;
	 -ms-grid-rows: auto auto auto auto auto;
	 grid-template-rows: auto auto auto auto auto;
	 border-radius: 50px;
}
 div.OR_grid_container_single_column {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
	 -ms-grid-rows: auto auto auto auto auto;
	 grid-template-rows: auto auto auto auto auto;
	 border-radius: 50px;
}
 div.ME_grid_container, div.MD_grid_container, div.TE_grid_container, div.TL_grid_container, div.CV_grid_container, div.l div.ME_grid_container, div.l div.MD_grid_container, div.l div.TE_grid_container, div.l div.TL_grid_container, div.l div.CV_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
}
div.TABLE1 div.CV_grid_container select, div.TABLE1 div.CV_grid_container input {
	 width: 150px;
	white-space: nowrap;
}
/*div.TABLE1 div.TABLE_columns1 div.CV_grid_container select {
	 width: 550px;
}*/
div.TABLE1 div.TABLE_columns2 div.CV_grid_container select {
	 width: 550px;
}

 div.page_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
}
 div.container_grid_container, div.l div.container_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
	 padding: 0px 5px 0px 5px;
}
 div.CC_OR_text {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 div.CC_grid_container {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
}
 div.CC_grid_head, div.CC_grid_body {
	 display: -ms-grid;
	 display: grid;
}
 div.CC_columns1, div.MD_columns1, div.CV_columns1, div.l div.CC_columns1, div.l div.MD_columns1, div.l div.CV_columns1, div.CC_columns_OR1{
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
	 padding: 2px;
}
 div.CC_columns2, div.MD_columns2, div.CV_columns2, div.l div.CC_columns2, div.l div.MD_columns2, div.l div.CV_columns2, div.CC_columns_OR2 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto;
	 grid-template-columns: auto auto;
	 padding: 2px;
}
 div.CC_columns3, div.MD_columns3, div.CV_columns3, div.l div.CC_columns3, div.l div.MD_columns3, div.l div.CV_columns3, div.CC_columns_OR3 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto;
	 grid-template-columns: auto auto auto;
	 padding: 2px;
}
 div.CC_columns4, div.MD_columns4, div.CV_columns4, div.l div.CC_columns4, div.l div.MD_columns4, div.l div.CV_columns4, div.CC_columns_OR4 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content);
	 grid-template-columns: minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content) minmax(auto,max-content);
	 padding: 2px;
}
 div.CC_columns5, div.MD_columns5, div.CV_columns5, div.l div.CC_columns5, div.l div.MD_columns5, div.l div.CV_columns5, div.CC_columns_OR5 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto;
	 padding: 2px;
}
 div.CC_columns6, div.MD_columns6, div.CV_columns6, div.l div.CC_columns6, div.l div.MD_columns6, div.l div.CV_columns6, div.CC_columns_OR6 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto auto;
	 padding: 2px;
}
 div.CC_columns7, div.MD_columns7, div.CV_columns7, div.l div.CC_columns7, div.l div.MD_columns7, div.l div.CV_columns7, div.CC_columns_OR7 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto auto auto;
	 padding: 2px;
}
 div.CC_columns8, div.MD_columns8, div.CV_columns8, div.l div.CC_columns8, div.l div.MD_columns8, div.l div.CV_columns8, div.CC_columns_OR8 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto auto auto auto;
	 padding: 2px;
}
 div.CC_columns9, div.MD_columns9, div.CV_columns9, div.l div.CC_columns9, div.l div.MD_columns9, div.l div.CV_columns9, div.CC_columns_OR9 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto auto auto auto auto;
	 padding: 2px;
}
div.CC_columns17 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	 grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	 padding: 2px;
}
div.CC_columns17 img {
	width: 22px;
	height: 22px;
}

div.CC_head_not_OR {
	text-align: left;
}

 div.TABLE_columns1, div.l div.TABLE_columns1 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
	 padding: 2px;
}
 div.TABLE_columns2, div.l div.TABLE_columns2 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto 30px;
	 grid-template-columns: auto 30px;
	 padding: 2px;
}
 div.TABLE_columns3, div.l div.TABLE_columns3 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto 30px;
	 grid-template-columns: auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns4, div.l div.TABLE_columns4 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto 30px;
	 grid-template-columns: auto auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns5, div.l div.TABLE_columns5 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto 30px;
	 grid-template-columns: auto auto auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns6, div.l div.TABLE_columns6 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto 30px;
	 grid-template-columns: auto auto auto auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns7, div.l div.TABLE_columns7 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto 30px;
	 grid-template-columns: auto auto auto auto auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns8, div.l div.TABLE_columns8 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto 30px;
	 grid-template-columns: auto auto auto auto auto auto auto 30px;
	 padding: 2px;
}
 div.TABLE_columns9, div.l div.TABLE_columns9 {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto auto auto auto auto auto auto auto 30px;
	 grid-template-columns: auto auto auto auto auto auto auto auto 30px;
	 padding: 2px;
}
 div.CC_OR_head_text, div.l div.CC_OR_head_text {
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
}
 div.CC_OR_head_key, div.l div.CC_OR_head_key {
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	margin-right: 10px;
	margin-left: 10px;
}
 div.CC_OR_input1, div.l div.CC_OR_input1 {
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 background-color: #FFFFFF;
}
 div.CC_OR_input2, div.l div.CC_OR_input2 {
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 background-color: #FFFFFF;
}
div.CC_OR1_text, div.CC_OR2_text, div.CC_OR3_text, div.CC_middle_text {
	 text-align: center;
	font-style: italic;
}
 span.CC_OR_key_responsive, div.l span.CC_OR_key_responsive {
	 display: none;
}
 div.CC_content_row1 {
	 padding: 2px;
	border-bottom: 1px dotted var(--color_indiv);
/*	 text-align: center;*/
}
 div.CC_content_row2 {
	 padding: 2px;
	border-bottom: 1px dotted var(--color_indiv);
	/* text-align: center;*/
}
 div.CC_Label1, div.l div.CC_Label1 {
	 padding-left: 20px;
}
 div.CC_Label2, div.l div.CC_Label2 {
	 padding-left: 20px;
}
 div.CC_ME1 {
	 text-align: left;
}
 div.CC_ME2 {
	 text-align: left;
}
 div.CC_input1, div.CC_input2, div.MD_input1, div.MD_input2, div.TE_input1, div.TE_input2 {
	 padding: 3px;
}
 div.CC_date_input1 {
	 padding: 5px;
}
 div.CC_date_input2 {
	 padding: 5px;
}
div.CC_columnlabel {
	font-style: italic;
	padding-right: 20px;
}
 div.OR_flex_button, div.l div.OR_flex_button {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 margin-left: auto;
	 margin-right: auto;
	 flex: 1;
	 justify-content: center;
}
 div.OR_flex_txt, div.l div.OR_flex_txt {
	 display: none;
}

div.TABLE1 div.OR_empty_item/*, div.l div.OR_empty_item*/ {
	 background-color: initial;
}

 div.OR_empty_item, div.l div.OR_empty_item {
	 display: block;
	 position: sticky;
	 position: -webkit-sticky;
	 top: 0px;
	 z-index: 3;
	 background-color: white;
}
 div.OR_grading_item_value, div.OR_grading_item_key, div.l div.OR_grading_item_value, div.l div.OR_grading_item_key {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: end;
	 -ms-flex-pack: end;
	 justify-content: flex-end;
	 padding: 5px 0 5px 0;
}
 div.OR_grading_item_value, div.l div.OR_grading_item_value {

}
 div.OR_inner_grade {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 text-align: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
}
 div.OR_grading_item {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: end;
	 -ms-flex-pack: end;
	 justify-content: flex-end;
	 padding: 5px 0 5px 0;
}
 div.OR_grading_flexbox {
	 -webkit-box-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 margin-left: auto;
	 margin-right: auto;
	padding-left: 2px;
	padding-right: 2px;
}
 div.OR_question_row2, div.l div.OR_question_row2 {
	 padding: 5px;
}
 div.OR_buttons_row2, div.l div.OR_buttons_row2 {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 padding: 5px 0 5px 0;
	 -webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: row;
	 flex-direction: row;
	 z-index: 2;
}
 div.OR_question_row1, div.l div.OR_question_row1 {
	 padding: 5px;
}
 div.OR_buttons_row1, div.l div.OR_buttons_row1 {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 padding: 5px 0 5px 0;
	 -webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: row;
	 flex-direction: row;
	 z-index: 2;
}
 div.OR_question_row1:hover, div.OR_question_row1:hover + div.OR_buttons_row1, div.OR_buttons_row1:hover, div.OR_question_row2:hover, div.OR_buttons_row2:hover, div.OR_question_row2:hover + div.OR_buttons_row2 {
	 background-color: lightgray !important;
}

.hover {
	background-color: lightgray !important;
}
 div.ME_row2 {
	padding: 7px;
	display: flex;
	/*overflow: auto;*/
}
 div.ME_row1 {
	padding: 7px;
	display: flex;
	/*overflow: auto;*/
}
 div.MD_row2 {
	 padding: 7px;
	 display: table;
	 z-index: 2;
}
 div.MD_row1 {
	 padding: 7px;
	 display: table;
	 z-index: 2;
}
 div.MD_row {
	 text-align: left;
	 padding: 0px 0px 2px 0px;
	 display: table;
}
 div.MD_row:hover, div.MD_row1:hover, div.MD_row2:hover {
	 background-color: lightgray !important;
}
 div.MD_col_head, div.l div.MD_col_head {
	 text-align: left;
	 font-weight: bold;
	 display: block;
}

div.header_row, div.l div.header_row {
	display: grid;
	grid-template-columns: auto auto auto;
	padding: 7px;
	border-bottom: 5px solid var(--color_indiv);
}
div.footer_row {
	display: grid;
	grid-template-columns: auto auto auto;
	padding: 7px;
}
div.links {
	display:grid;
	grid-template-columns: auto auto auto auto;
}

.backward_button, .forward_button {
	 width: 40px;
	 height: 40px;
	 display: block;
	 position: relative;
	 padding-right: 5px;
	 z-index: 2;
	 cursor: pointer;
}

.backward_button::after, .forward_button::after {
	 content: "";
	 opacity: 0.5;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 background-repeat: no-repeat;
}
.backward_button::after {
	 background-image: url(../SYS_IMG_HS/aachen_fh_backward.png);
}
.forward_button::after {
	 background-image: url(../SYS_IMG_HS/aachen_fh_forward.png);
}

.backward_button:active, forward_button:active {
        box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}

 div.TE_row2 {
	 padding: 7px;
}
 div.TE_row1 {
	 padding: 7px;
}
 div.TL_row2 {
	 padding: 7px;
}
 div.TL_row1 {
	 padding: 7px;
}

 div.question_nr_txt {
	 display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
}
 div.question_more {
	 padding: 10px 30px 10px 40px;
}
 div.CV_row1 {
	 padding: 7px;
	 display: table;
	 z-index: 2;
}
 div.CV_row2 {
	 padding: 7px;
	 display: table;
	 z-index: 2;
}
 div.CV_row {
	 text-align: left;
	 padding: 2px;
	 display: table;
}
 div.CV_row:hover, div.CV_row2:hover, div.CV_row1:hover {
	 background-color: lightgray !important;
}
 div.Table_cell1, div.l div.Table_cell1 {
	 display: -ms-grid;
	 display: grid;
	 padding: 5px;
	 justify-content: left;
}
 div.Table_cell2, div.l div.Table_cell2 {
	 display: -ms-grid;
	 display: grid;
	 padding: 5px;
	 justify-content: left;
}
 div.Table_cell2 *:not(input):not(select):not(select:option), div.l div.Table_cell2 *:not(input):not(select):not(select:option) {
	 background-color: #FFFFFF;
}
 div.Table_ROW1, div.l div.Table_ROW1 {
	 grid-template-columns: auto;
}
 div.Table_columnlabel, div.l div.Table_columnlabel {
	 padding: 5px;
	text-align: center;
}
 div.Table_col_label_responsive, div.l div.Table_col_label_responsive {
	 display: none;
}
div.Table_col_label, div.l div.Table_col_label {
	/* font-weight: bold;*/
}

 .tooltip {
	 position: absolute;
	 background-color: #eeeefe;
	 border: 1px solid #aaaaca;
	 font-size: smaller;
	 padding: 4px;
	 width: 160px;
	 box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	 -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
 p {
	 text-align: justify;
}
 div.single_row, div.l div.single_row {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 overflow: auto;
	 margin: 2px;
}
 abbr.OR_col_label_responsive {
	 display: none;
}
 select, textarea, input {
	 font-size: 16px;
	 max-width: 605px;
	 border: 1px solid var(--color_input);
	 text-align: left !important;
	 padding-left: 2px;
	margin: 1px;
	margin-left: 3px;
	border-radius:6px;
}
 label {
	cursor: pointer;
	/* padding-right: 5px; */
	padding-left: 1px;
	vertical-align: top;
	display: table-cell;
	text-align: left;
}

div.table_separator {
	display: none;
}

div.row_radio, div.row_box {
	display: table-row;
}

div.half_open_row {
	display: table-row;
}

div.empty_cell {
	display: table-cell;
}

div.half_open_cell {
	display: flex;
}

input[type='text']:not([real-type='number']) {
	display: block;
	width: 600px;
}

div.OR_values_keys, div.CC_OR_head_text_key {
	display: -ms-grid;
	 display: grid;
	 -ms-grid-columns: auto;
	 grid-template-columns: auto;
	 -ms-grid-rows: auto auto;
	 grid-template-rows: auto auto;
	position: sticky;
	 position: -webkit-sticky;
	 top: 0px;
	 z-index: 3;
	 background-color: white !important;
}
span.ME_text {
	/*display: table-cell;*/
}

.hide, .permanent_hide, .permanent_hide_only_handy {
	 display: none !important;
}

textarea {
	min-width:600px;
	min-height: 100px;
}

div.CC_grid_container input[type='text'] {
	max-width: 200px;
}

div.CC_content_row_label1, div.CC_content_row_label2, div.CC_OR_key_responsive_metrics, div.CC_OR_text_responsive {
	display:none;
}

div.OR_question_row1 input, div.OR_question_row2 input {
	max-width: 400px;
}
/*Spinner*/
.loader1 {
   position: fixed;
   z-index: 999;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #0080000; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: auto;
    top:0;
    left:0;
    bottom:0;
    right:0;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

/*Slider*/
div.slider_container {
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}

div.istat_slider {
	height: 30px;
	padding: 5px;
	display: grid;
	grid-template-columns: 20px auto 20px;
	transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
}


/*div.slider_container > div:nth-last-of-type(1) div   {
    color: red;
    background-color: red;
}*/



div.gray_scale {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	padding-top: 5px;
	padding-bottom: 15px;

    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

div.hovered_bg {
	background-color: lightgray;
}

.PIN_button{
	background-color: var(--color_login);
	border-radius: 5px;
	cursor: pointer;
	font-weight: normal;
	color: #fff;
	padding: 0.2em 1em;
}

.slider, .labelR, .labelL {
       background: var(--slider_color_2);
div.border_on_right {
	border-right: 2px solid var(--color_indiv);
}