/* licenced under EUPL, https://eupl.eu/1.2/nl/*/
/*@media only screen and (max-width : 480px) {
	body, html {
		width:100% !important;
		height:100% !important;
		background-color:white;
	}
	
	#login_header {
		width: 100%;
		height: 41px;
		background-color: #004d99;
	}
	
	#login_content {
		width:100% !important;
		height:100% !important;
	}
	
	#main_login_content  {
		width:100% !important;
		height:100% !important;
		background-color:white;
	}
	
	.header_logo {
		color:white;
		padding:7px;
	}
	
	#logo {
		color:white;
		width: 100%;
		height: 32px;
		padding:5px;
		background-color: #004d99;
	}
	
	#login_form {
		height:150px;
		margin:30px 30px 10px 30px;
		padding:10px;
		border-radius:10px;
		background-color:#d3d3d3;
	}
	
	#aanmelden {
		margin:0px 0px 0px 30px !important;
		float:left;
	}
	
	#remember_username {
		display:block;
	}
}*/

body.mobile {
	background-color: white !important;
	position:relative;
	width:100vw !important;
	overflow:hidden;
}	

#main_login_content.mobile {
	width:100vw !important;
	height:100vh !important;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	border-radius:0;
	background-color: white !important;
}

#main_login_content.mobile.login_focus, #login_content.mobile.login_focus {
	position: absolute !important;
}

#login_content.mobile {
	width:100vw !important;
	border-radius:0px!important;
	border:0 !important;
	position:fixed;
}

#login_content.mobile #login_form {
	width:70vw;
}

#login_content.mobile.declaration {
	margin-top:30px;
}

#login_content.mobile #logo {
	color:white;
	border:none;
	padding:5px;
}

#login_content.mobile #logo img {
	display: block;
	margin: 0 auto;
	margin-top:68px;
}

 body.mobile input[type=checkbox]{
	transform: scale(1.5);
	margin-bottom:-5px;
}

#login_content.mobile #login_form {
	margin: 0 auto;
	padding:10px;
	border-radius:10px;
	width:70vw;
}

#login_content.mobile #login_form input[type=text], #login_content.mobile #login_form input[type=password]{
	height:27px !important;
}
 
@media screen and (max-aspect-ratio: 13/9) {
	#login_content.mobile #login_form input[type=text], #login_content.mobile #login_form input[type=password] {
		width:70vw;
	}
	
	#login_content.mobile .login_checkbox_label {
		width:50vw;
		margin-top:8px;
		margin-left:5px;
		color: #4d8ac7;
		float:left;
	}
	
	#login_content.mobile .login_checkbox_label {
		width:50vw;
		margin-top:8px;
		margin-left:5px;
		color: #4d8ac7;
		float:left;
	}
	
	#login_content.mobile .login_device_pin .login_checkbox_label {
		margin-top:6px;
						 
						 
	}
	
	#login_form input[type=text], #login_form input[type=password] {
		font-size:15px;
			  
	}	
	
	#login_content.mobile #login_error_message {
		float:left;
		margin:0px;
		margin-top:5px;
		width:70vw;
		margin-left:15vw;
		font-size:12px;
		text-align:left;
	}	
	
	#login_content.mobile .declaration_check_label {
		margin-top: 8px;
		color: #0066cc;
	}
	
	#login_content.mobile .login_declaration_text {
		width:70vw;
		height:300px;
			   
					 
						   
	}
	
	#login_content.mobile .declaration_continue  {
		float:right;
		margin-right:-7px;
	}

	#login_content.mobile input[type=checkbox] {
		float:left;
	}
	
	#login_content.declaration #aanmelden{
		display:none;
	}
	
	#login_content.mobile #login_form .declaration_checkbox {
		margin-top:3px;
	}	
	
	#login_content.mobile #aanmelden {
		float:right;
		outline:none;
	}
	
	#login_content.mobile #remember_username {
		display:block;
		margin-top:10px;
		margin-left:3px;
	}
}

/*landscape*/
@media screen and (min-aspect-ratio: 13/9) {
	#login_content.mobile #login_form {
		margin-top:20vh !important;
		width:62vw !important;
	}
	
	#login_content.mobile #aanmelden {
		float:right;
	}
	
	#login_content.mobile #logo {
		margin-top:25vh !important;
		padding-top:0 !important;
	}
	
	#login_content.mobile #logo img {
		margin-top:0 !important;
	}
	
	#login_content.mobile {
		padding-top:70px;
		height:200px !important;
	}

	#login_content.mobile #logo {
		margin-right:0px !important;
	}

	#login_content.mobile #login_form input#username, #login_content.mobile #login_form input#password,  #login_content.mobile #login_form input#device_unlock_pin {
		width:60vw !important;
		float:left;
	}

	#login_content.mobile #login_form .password_label {
		float:left;
	} 
	
	#login_content.mobile #login_form {
		margin-left:190px !important;
		margin-top:20vh !important;
		width:62vw !important;
	}
	
	#login_content.mobile #login_form.declaration {
		margin-left:0px !important;
		margin:0px auto !important;
		margin-top:20vh !important;
		width:62vw !important;
	}
	
	#login_content.mobile #login_form .login_declaration_text {
		width:62vw;
	}
	
	#login_form .declaration_continue {
		float:right;
	}
	
	#login_content.mobile #logo {
		margin-top:25vh !important;
		padding-top:0 !important;
	}
	
	#login_content.mobile #logo img {
		margin-top:0 !important;
	}
	
	#login_content.mobile {
		padding-top:70px;
		height:200px !important;
	}

	#login_content.mobile #logo {
		margin-right:0px !important;
	}

	#login_content.mobile #login_form input#username, #login_content.mobile #login_form input#password,  #login_content.mobile #login_form input#device_unlock_pin {
		width:60vw !important;
		float:left;
	}
	
	#login_content.mobile #remember_device {
		float:left !important;
		margin-left:3px;
	}

	#login_content.mobile #login_form .password_label {
		float:left;
	}
	
	#login_content.mobile #remember_username {
		float:left;
		margin-left:3px;
	}
	
	#login_content.mobile .login_checkbox_label {
		float:left;
		margin-left:5px;
		margin-top:8px;
	}
	
	#login_content.mobile #aanmelden {
		margin-left:0px !important;
	}
}