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


.ADMIN_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;
}

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

	.ADMIN_ROW .ROW button{
		width:						40%;
		margin-left: 1vw;
		margin-right: 1vw;
	}

	h99 {
		line-height: 				3.5vh;
		font-size:					2.0vh;	
	}


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


.ADMIN_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;	
}


/*-SWITCH-----------------------*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  
  width: 60px;
  height: 5vh;  
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  
	height: 3vh; 
	width: 3vh;
   
  left: 4px;
  bottom: 4px;
  
	bottom: 1.1vh;
	left: 4px-3vh;
  
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #088A08;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*-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);
	}	

/*-------------------*/
/*--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;
	}