/*-PHP Seite: setting, version, error----------------*/


.PARAMETER_ROW {
		margin: 					0 0 2vh 0;
		padding: 					2vh 2vh 0 2vh;
		
		border-width:      			1vh;
		border-style:     	  		solid;
		border-color:       		#3093c7;
		border-radius:				2vh;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
}

.PARAMETER_ROW .ROW {
	border: 						0px solid red;
	
	margin-bottom:					2vh;
	
	display:						flex;
	 align-items: 					center;
	 justify-content: 				center;
}

.PARAMETER_ROW .ROW .id {
	border: 						0px solid yellow;
	width:							5%;

	display:						flex;
	 align-items: 					center;
	 justify-content: 				flex start;

}
.PARAMETER_ROW .ROW .input {
	border: 						0px solid yellow;
	width:							10%;
	
	display:						flex;
	 justify-content: 				flex-end;
	  align-items: 					center;
}

.PARAMETER_ROW .ROW .text {
	border: 						0px solid yellow;
	width:							85%;
	
	display:						flex;
	 align-content: 				center;
	 justify-content: 				flex start;
	
	color:							#FFF;
	 text-indent: 					0.5vw;
	 line-height: 					3.5vh;
	 font-size:						2.8vh;
}
	h99 {
		line-height: 				3.5vh;
		font-size:					2.0vh;	
	}


.PARAMETER_ROW .ROW .parameter_btn {
	border: 						0px solid yellow;
	width:							10%;
	
	display:						flex;
	 justify-content: 				center;
	 align-items: 					center
	 
}

	.PARAMETER_ROW .ROW #email_input {
		border: 					1px solid yellow;
		width:						40%;
	}
	.PARAMETER_ROW .ROW #email_text {
		width:						60%;
	}
	.PARAMETER_ROW .ROW #email_input input {
		width:						90%;
		font-size:					2.5vh;
	}
	
	.PARAMETER_ROW .ROW .save {
		border: 					0px solid yellow;
		width:						20%;
	}



.PARAMETER_ROW .ROW .input input {
		width:						60%;

		color: 						#FFFFFF;
		 text-align: 				center;
		 line-height: 				3.5vh;
		 font-size:					3.5vh;

		background-color:			rgba(102, 255, 255, 0.3);
		 border-width:      		0.0vh;
		 border-style:     	  		outset;
		 border-color:       		#FFFFFF;	
}

/*-Button------------------*/
	#btn_parameter_speichern {
		width:							70%;
		height:							4vh;
		background-image: 				url('../include/Bilder/Speichern.png'),linear-gradient(160deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
		text-align: 					left;
		background-position: 			center;
		background-size:				3.0vh 3.0vh, 100% 100%;
	}

/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/




/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/

/*-Config------------------*/
	.info_config {
		width:						100%;

  		display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;

		margin: 					0 0 0 0;
		padding: 					2vh;
	
		border-width:      			1vh;
		border-style:     	  		solid;
		border-color:       		#3093c7;
		border-radius:				2vh;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line {
		width:						100%;
		height:						calc(var(--height) / 10);

		margin: 					calc(var(--height) / 200) 0 calc(var(--height) / 200) 0;

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			center;

		border: 					0px solid green;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .links {
		width:						20%;
		height:						100%;

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			space-around;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .rechts {
		width:						80%;
		height:						100%;
		
		margin-left:				calc(var(--height) / 20);

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			flex-start;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .rechts .input{
		width:						calc(var(--height) / 5);
		border: 					0px solid brown;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	
	.info_config .line .rechts .speichern{
	  	display: 				flex;

  		align-items: 				center;
  		justify-content: 			center;
		
		border: 					0px solid yellow;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}

	.input_info_alarmtemp {
		width:						calc(var(--height) / 20);
		
		margin-left: 				calc(var(--height) / 200);

		font-weight: 				normal;
		font-family:				Helvetica;
		font-style: 				normal;
		font-variant: 				normal;
		letter-spacing:				0vh;
		color: 						#FFFFFF;

		background-color:			rgba(102, 255, 255, 0.3);

  		border-width:      			0.0vh;
		border-style:     	  		outset;
		border-color:       		#FFFFFF;
	}



/*-Loggbuch------------------*/
	.setting_info {
		width:						100%;
		height:						calc(var(--height) / 4);

		margin: 					calc(var(--height) / 30) 0 calc(var(--height) / 30) 0;
		padding: 					0 0 0 0;

		line-height: 				calc(var(--height) / 20);
		font-size:					calc(var(--height) / 25);

  		display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;

		border-width:      			calc(var(--height) / 250);
		border-style:     	 	 	solid;
		border-color:       		#3093c7;
		border-radius:				calc(var(--height) / 50);
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.loggbuch_titel {
		line-height: 				calc(var(--height) / 25);
		font-size:					calc(var(--height) / 35);
		margin: 					calc(var(--height) / 250);
	  	display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;
		}
	.loggbuch {
		line-height: 				calc(var(--height) / 25);
		font-size:					calc(var(--height) / 35);
	}
	


/*-Version-link------------------*/
	.version_link {
  		display: 				flex;
  		align-items: 			center;
  		justify-content: 		flex-end;
		border: 				0px solid green;
	}
	.a_version_link {
		line-height: 				calc(var(--height) / 25);
		font-size:					calc(var(--height) / 50);
		text-decoration: 		underline;
		font-weight: 			bold;
		color: 					var(--color-orange);
	}



/*-Buttons------------------*/
	#btn_setting_speichern {
		width:					calc(var(--height) / 5);
		height:					calc(var(--height) / 20);
		background-image: 		url(../include/Bilder/Speichern.png), linear-gradient(160deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
	}


/*-Buttons-Auswahl-----------------*/

	#checker_1 {
		
	}
	#checker_0 {

		border-style:     	  		inset;
		background: 				#0E4583;
	}
	
	#checker_0:active,
	#checker_0:focus,
	#checker_1:active, 
	#checker_1:focus {
		
		border-width:      			0.5vh;
		border-style:     	  		outset;
		border-color:       		#FF8000;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}









/*-------------------*/
/*--SEITE VERSION----*/
/*-------------------*/
/*-------------------*/
	#version_wrapper {
		width:				100%;
		height:				100%;

		padding: 			5vh 0 0 0;

  		display: 			flex;
		flex-direction: 		column;
  		align-items: 			center;
  		justify-content: 		flex-start;

		border: 			0px solid yellow;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 		border-box;
  		box-sizing: 			border-box;
	}
	
	.version{
		width:				80%;
		height:				80%;

		overflow-y: 			auto;
		border: 			0px solid yellow;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 		border-box;
  		box-sizing: 			border-box;
	}
		.version_head {
			font-size:			2.0vw;
			line-height: 			3.0vw;
			font-weight: 			bold;
		}
		.version_body {
			font-size:			1.5vw;
			line-height: 			3.0vw;
			font-weight: 			bold;
			margin: 0 0 2vh 0;
		}

	.div_copyright {
		font-size:			1.0vw;
		line-height: 			1.5vw;
		font-weight: 			bold;
		color: 				#FFA500;
	}	



/*-------------------*/
/*--SEITE ERROR------*/
/*-------------------*/
/*-------------------*/
	.error_line_head {
		margin:						 0 0 5vh 0;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}

	.error_line {
  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			center;
		
		margin: 					1vh;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.error_line .gruppe {
		width:						10%;
		display: 					flex;
  		align-items: 				center;
  		justify-content: 			center;
		border: 					0px solid yellow;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}
	.error_line .datum {
		width:						20%;
		border: 					0px solid yellow;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}
	.error_line .meldung {
		width:						50%;
		border: 					0px solid yellow;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}
	.error_line .status {
		width:						20%;
		border: 					0px solid yellow;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}


	
	
/*-Bilder------------------*/
	.img_error {
		width:				5vh;
	}