@charset "utf-8";
/* CSS Document */
.logo { width:92%; height:200px; margin-top:25px; margin-left:4%; background: url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center; }
.login_block { width:440px; position:absolute; left:50%; margin-left:-220px; top:250px; float:left; }
	.login_block .row { height:auto; min-height:35px; vertical-align:middle; line-height:35px; width:100%; margin-left:0%; position: relative; }
	.login_block .row label .username_subtext {
		font-size:12px;
		position:absolute;
		z-index:10;
		bottom:-5px;
		width:100%;
		text-align:center;
		line-height:12px;
		vertical-align:middle;
	}
	.login_block .row label { display:inline-block; width:135px; float:none; font-size:18px; position:relative; }
	.login_block .row input { display:inline-block; width:240px; float:none; height:28px; padding-left:6px; font-size:18px; }
	.login_block .row img { width:25px; height:25px; display:inline-block; vertical-align:middle; float:none; margin-left:6px; margin-top:0px; }
		.login_block .row img:hover { cursor:pointer; }
	.login_block .row .login_button, .login_block #password_login, .login_block .row .confirm_password { width:170px; height:40px; vertical-align:middle; line-height:40px; text-align:center; vertical-align:middle; background:#7ca4fd; border:1px solid #7ca4fd; border-radius:8px; font-size:18px;}
		.login_block .row .login_button:hover, .login_block #password_login:hover, .login_block .row .confirm_password:hover { cursor:pointer; background:#FFF; }
	.login_block .row .forgot_pass { width:auto; text-align:right; position:absolute; right:0px; top:0px; height:40px; line-height:40px; vertical-align:middle; }
		.login_block .row .forgot_pass:hover { cursor:pointer; color:#7ca4fd; }
	.login_block #error_row { color:#ed1c24; text-align:center; line-height:20px; height:40px; }
	
	.login_block .row .confirm_password { width:170px; height:40px; vertical-align:middle; line-height:40px; text-align:center; vertical-align:middle; background:#7ca4fd; border:1px solid #7ca4fd; border-radius:8px; font-size:18px;	}
		.login_block .row .confirm_password:hover { cursor:pointer; color:#000; }
		
	.login_block .token_error { width:100%; height:auto; min-height:90px; line-height:30px; vertical-align:middle; line-height:center; font-size:22px; text-align:center; margin:30px 0px;}
	
	.login_block #password_login, .login_block .row .confirm_password { margin-left:130px; }
	
	.login_block .titel { font-size:28px; text-align:center; }
	
	.login_block #auth_login_row { display:none; }
	
	.login_block #app_instructions { text-align:center; font-size:24px; margin-top:20px; }
	
	.login_block #app_instructions b {
		font-weight:bold;
		color:#7ca4fd;
		text-decoration:underline;
	}
	
		.login_block #app_instructions b:hover {
			cursor:pointer;
			color:#000;
		}
	
	.login_block #app_instructiondetail {
		width:100%;
		display:none;
	}
	
	.login_block #app_instructiondetail .app_instructiondetail {
		width:100%;
		display:none;
		height:auto;
	}
	
	.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise {
		height:100px;
		width:100%;
	}
	
		.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise .col {
			width:calc(50% - 54px);
			text-align:center;
			vertical-align:middle;
			border:1px solid #CCC;
			border-radius:8px;
			background-color:#FFF;
			padding:20px;
			margin:5px;
			height:50px;
			float:left;
		}
		
		.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise #app_instructiondetail_choise_chrome {
			background-image:url("../images/instructions_choise_chrome.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise #app_instructiondetail_choise_samsung {
			background-image:url("../images/instructions_choise_samsung.png");
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise .col:hover {
			cursor:pointer;
			background:#7ca4fd;
		}
		
		.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise .selected_col {
			background:#7ca4fd;
		}

	.login_block #app_instructiondetail .app_instructiondetail .row {
		text-align:center;
		float:none;
	}
	
	.login_block #app_instructiondetail .app_instructiondetail .img_row {
		width:calc(100% - 20px);
		margin:10px;
		height:150px;
	}	
	
	.login_block #app_instructiondetail .app_instructionborder {
		border:1px solid black;
		border-radius:8px;
		margin-top:5px;
	}
	
	.login_block #app_instructiondetail #app_instructions_choise {
		display:block;
	}
	
		.login_block #app_instructiondetail #app_instructions_choise .col {
			width:calc(50% - 54px);
			text-align:center;
			vertical-align:middle;
			border:1px solid #CCC;
			border-radius:8px;
			background-color:#FFF;
			padding:20px;
			margin-left:5px;
			margin-right:5px;
			height:50px;
		}
		
			.login_block #app_instructiondetail #app_instructions_choise #app_instructions_choise_ios {
				background-image: url(../images/instructions_choise_ios.png);
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
			}
			
			.login_block #app_instructiondetail #app_instructions_choise #app_instructions_choise_android {
				background-image: url(../images/instructions_choise_android.png);
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
			}
		
			.login_block #app_instructiondetail #app_instructions_choise .col img {
				width:100%;
				height:auto;
				vertical-align:middle;
				text-align:center;
			}
			
			.login_block #app_instructiondetail #app_instructions_choise .col:hover {
				cursor:pointer;
				background:#7ca4fd;
			}

	.login_block #app_instructiondetail .app_instructiondetail .row .button {
		width:170px; 
		height:40px; 
		vertical-align:middle; 
		line-height:40px; 
		text-align:center; 
		vertical-align:middle; 
		background:#7ca4fd; 
		border:1px solid #7ca4fd; 
		border-radius:8px; 
		font-size:18px;
		margin-left:calc(50% - 86px);
		margin-bottom:10px;
	}
	
		.login_block #app_instructiondetail .app_instructiondetail .row .button:hover {
			cursor:pointer;
			background:#FFF;
			color:#7ca4fd;
		}
		
	.login_block #app_instructiondetail .app_instructiondetail .app_instructiondetail_choise .app_instructiondetail_detail {
		width:100%;
		height:auto;
		display:none;
	}
	
	.login_block #app_instructiondetail .app_instructiondetail  #app_instructions_android_samsung {
		display:none;
	}
	
	.login_block #app_instructiondetail .app_instructiondetail  #app_instructions_android_chrome {
		display:block;
	}
	
@media only screen and (max-width: 1000px) {
	.login_block { width:95%; margin:1%; position:static; }
	.login_block .row { margin-bottom:1%; font-size:24px; }
	.login_block .row_center { text-align:center; }
	.login_block .row label { width:19%; float:none; font-size:24px; }
	.login_block .row label .username_subtext { font-size:12px; }
	.login_block .row input { width:Calc(73% - 35px); float:none; height:42px; line-height:42px; padding-left:6px; font-size:24px; border-radius:8px; }
	.login_block .row img { width:32px; height:32px; display:inline-block; vertical-align:middle; float:none; margin-left:6px; margin-top:0px; }
	
	.login_block .row .login_button, .login_block #password_login, .login_block .row .confirm_password { width:50%; height:50px; margin:2% 25%; vertical-align:middle; line-height:50px; text-align:center; vertical-align:middle; background:#7ca4fd; border:1px solid #7ca4fd; border-radius:8px; font-size:24px;}
	
	.login_block .row .forgot_pass { width:auto; text-align:center; position:relative; right:auto; top:auto; height:40px; line-height:40px; vertical-align:middle; font-size:18px; }
	
	.login_block #app_instructiondetail { width:80%; margin-left:10%; }
}

@media only screen and (max-width: 850px) {
	.login_block .row label { width:95%; margin:1% 2%; font-size:32px; text-align:center; }
	.login_block .row label .username_subtext { font-size:14px; }
	.login_block .row input { width:95%; margin:1% 2%; font-size:32px; border-radius:8px; }
	.login_block .row img   { width:30px; height:30px; display:block; position:absolute; margin-left:0px; right:18px; top:calc(50% + 10px); z-index:1; }
	.login_block .row .login_button, .login_block #password_login, .login_block .row .confirm_password { width:50%; height:50px; margin:2% 25%; vertical-align:middle; line-height:50px; text-align:center; vertical-align:middle; background:#7ca4fd; border:1px solid #7ca4fd; border-radius:8px; font-size:32px;}
	
	.login_block #app_instructiondetail #app_instructions_choise .col {	width:calc(80% - 12px); margin:5px 0px; }
}

@media only screen and (max-width:700px) {
	.login_block #app_instructiondetail { width:90%; margin-left:5%; }
}

@media only screen and (max-width: 615px) {
	.login_block .row input { font-size:32px; }
	.login_block .row img   { top:calc(50% + 8px); right:10px; }
}

@media only screen and (max-width:600px) {
	.login_block #app_instructiondetail { width:100%; margin-left:0%; }
}

@media only screen and (max-width:510px) {
	.login_block #password_login { width:80%; margin:2% 10%; }
}

@media only screen and (max-width: 435px) {
	.login_block .row img   { top:calc(50% + 7px); right:6px; }
}

@media only screen and (max-width: 380px) {
	.login_block .row label  { font-size:26px; }
	.login_block .row label .username_subtext { font-size:12px; }
	.login_block .row input { font-size:26px; }
	.login_block .row img   { top:calc(50% + 6px); right:4px; }
	.login_block .row .login_button, .login_block #password_login, .login_block .row .confirm_password { height:42px; line-height:42px; font-size:26px; }
}

@media only screen and (max-width: 280px) {
	.login_block .row img   { right:0px; }
}