body.login {
	background-color:#3b7ce7;
	width:100%;
	height:100%;
	min-width:100vw;
	min-height:100vh;
	position:relative;
	color:#000;
	margin:0;
	
}
body.login a {
	color:#fff;
	
	color:rgb(0,120,210);
}
body.login .bg {
	background-color:rgba(0,0,0,0.05);;
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	left:0;
	top:0;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	
	
	min-width:100%;
	min-height:100%;
	margin:0;
	padding:0;
}
body.login.login .bg img {
	min-height:100vh;
	min-width:100vw;
	z-index:0;
}

*, body * {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.logintable {
	height:100%;
	width:100%;
	text-align:center;
	z-index:1;
	position:absolute;
	top:0;
	bottom:0;
	min-height:100vh;
}
.logintable .td {
	text-align:center;
	vertical-align:middle;
}


.logintable .table.logoholder {
	max-width:320px;
	margin:0 auto;
	width:auto;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.33);;
	margin-bottom:0.5em;
}
.logintable .table.logoholder .td {
	text-align:center;
	vertical-align:bottom;
	padding:1em 0 ;
	
}

.logintable .table.logoholder .td img.logo {
	height: 65px;
	width:auto;
	padding:0 0.5em;
	display:block;
}
.logintable .table.logoholder .td img.logo.ils {
	padding-left:0;
	height: 65px;
}
.logintable .table.logoholder .td img.logo.feb {
	height: 34px;
	padding-right:0;
}
.logintable div.claim {
	text-decoration: uppercse;
	letter-spacing:0.225em;
	font-size:1.2em;
	font-weight:200;
	padding:0 0 1em 0.6em;;
	text-align:center;
	color:rgba(0,0,0,0.66);
	margin-left:-0.33em;
}

/* only ILS / */
body.ils.login .logintable .logoholder {
	max-width:330px;
	margin:0 auto;
	width:100%;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.33);;
	margin-bottom:1em;
	padding:1em 0 0 0;
}
body.ils.login .logintable .logo,
body.ils.login .logintable .td.logoholder img,

body.ils.login .logintable img.claim,
body.ils.login .logintable .td.claimholder im {
	width: 100%;
	max-width: 450px;
	min-width: 300px;
	height:auto;
	margin:0 auto;
	padding:0 1em 1em 1em;
	display:block;
}
body.ils.login .logintable img.claim,
body.ils.login .logintable .td.claimholder im {
	padding-bottom:2em;
}
body.ils.login .logintable .logo,
body.ils.login .logintable .td.logoholder img {
	max-width: 350px;
}

/* / only ILS */

/* only FEB / */
body.feb .logintable .logoholder {
	max-width:360px;
	margin:0 auto;
	width:auto;
	position:relative;
	border-bottom:0px solid rgba(0,0,0,0.33);
	margin-bottom:0em;
	padding:1em 0 0 0;
}
body.feb .logintable .logo,
body.feb .logintable .td.logoholder img,

body.feb .logintable img.claim,
body.feb .logintable .td.claimholder im {
	width: 100%;
	max-width: 450px;
	min-width: 300px;
	height:auto;
	margin:0 auto;
	padding:0 1em 1em 1em;
	
	
	display:block;
}
body.feb .logintable img.claim,
body.feb .logintable .td.claimholder im {
	padding-bottom:2em;
}
body.feb .logintable .logo,
body.feb .logintable .td.logoholder img {
	max-width: 350px;
}
body.feb .logintable .td.claimholder {
	text-align:center;
	vertical-align:middle;
}
/*  / only FEB */

/* only HAF / */
body.haf .logintable .logoholder {
	max-width:360px;
	margin:0 auto;
	width:auto;
	position:relative;
	border-bottom:0px solid rgba(0,0,0,0.33);
	margin-bottom:0em;
	padding:1em 0 0 0;
}
body.haf .logintable .logo,
body.haf .logintable .td.logoholder img,

body.haf .logintable img.claim,
body.haf .logintable .td.claimholder im {
	width: 100%;
	max-width: 450px;
	min-width: 300px;
	height:auto;
	margin:0 auto;
	padding:0 1em 1em 1em;
	
	
	display:block;
}
body.haf .logintable img.claim,
body.haf .logintable .td.claimholder im {
	padding-bottom:2em;
}
body.haf .logintable .logo,
body.haf .logintable .td.logoholder img {
	max-width: 350px;
}
body.haf .logintable .td.claimholder {
	text-align:center;
	vertical-align:middle;
}
/* / only HAF */

.logintable .td.footerholder {
	text-align:left;
	vertical-align:bottom;
	line-height:1em;
	font-size:0.8em;
}
.logintable .td.footerholder > div {
	background:rgba(0,70,160,0.75);
	padding:0;
	position:fixed;
	bottom:0;
	width:100vw;
	color:#fff;
}
.logintable .td.footerholder > div:after {
	display:block;
	clear:both;
	float:none;
	content:'';
}
.logintable .td.footerholder > div a {
	color:#fff;
}
.logintable .td.footerholder ul {
	display:table;
	width:auto;
	float:left;
}
.logintable .td.footerholder ul li {
	display:table-cell;
	padding:1em;
}
.logintable .td.footerholder p {
	padding:1em;
	margin:0;
	float:right;
}



body button, body button.button {
	color: #fff;
	background: rgb(250,140,35) !important;
	font-size: 1.2em;
	margin: 1em 0;
	line-height: 1.2em;
	padding: 0.33em 1em;
	float: right;
	outline: none;
	border: none;
}
body button:hover, body button.button:hover {
	color: #fff !important;
	background: rgb(0,120,210) !important;
	font-size: 1.2em;
	margin: 1em 0;
	line-height: 1.2em;
	padding: 0.33em 1em;
	float: right;
	outline: none;
	border: none;
}

.pwdholder,
.loginholder {
	max-width:100vw;
	overflow:hidden;
}
.pwdbox,
.loginbox {
	width:100%;
	max-width:350px;
	min-width:300px;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%,,-0);
	-moz-transform: translate(-50%, ,-0);
	-o-transform: translate(-50%, ,-0);
	-ms-transform: translate(-50%,,-0);
	transform: translate(-50%,-0);
	padding:0 1em 1em 1em;
	color:#000;
	text-align:left;
}
body.login .button:hover {
	
	color:#000;
}
.table {
	display:table;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
}
.w100p {
	width:100%;
}
.w30p {
	width:30%;
}

.lbar {
	background-color:rgba(255,255,255,0.66);
}

div.inlineinfo {
	position:fixed;
	left:auto;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.95);
	z-index:0;
	overflow:hidden;
	width:0;
	height:100%;
	
}
div.inlineinfo.show {
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	overflow:auto;
	padding:0;
}

div.inlineinfo.show > .infocloseholder > div,
div.inlineinfo.show > .infobuttonholder > div,
div.inlineinfo > div.infotext {
	position:relative;
	padding:1em;
	margin:0 auto;
	text-align:left;
	max-width:1024px;
	display:none;
	z-index:0;
	
}
div.inlineinfo.show > .infobuttonholder > div,
div.inlineinfo.show > .infocloseholder > div {
	display:block;
	
	padding:0.33em 1em;
}
div.inlineinfo > div.infotext.show {
	display:block;
	z-index:1;
	padding:3em 1em;
}
div.inlineinfo > .infotext h2 {
	color: #005ea8;
	font-size: 1.45em;
	line-height: 1.2em;
	margin: 1em 0 1em 0;
}
div.inlineinfo > .infocloseholder > div,
div.inlineinfo > .infocloseholder,
div.inlineinfo > .infobuttonholder > div,
div.inlineinfo > .infobuttonholder {
	display:none;
}
div.inlineinfo > .infocloseholder, 
div.inlineinfo > .infobuttonholder {
	position:fixed;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:0 1em;
	z-index:3;
	text-align:right;
	margin:0 auto;
	background:rgba(255,255,255,0.95);
}
div.inlineinfo > .infocloseholder {
	top:0;
	bottom:auto;
}
div.inlineinfo.show > .infocloseholder,
div.inlineinfo.show > .infocloseholder span,
div.inlineinfo.show > .infobuttonholder > div,
div.inlineinfo.show > .infobuttonholder {
	display:block;
}
div.inlineinfo.show > .infobuttonholder {
	border-top:1px solid rgba(0,0,0,0.1);
}
div.inlineinfo.show > .infocloseholder {
	border-bottom:1px solid rgba(0,0,0,0.1);
}

div.error_msg {
	font-weight: 200!important;
	color: rgb(205,0,0)!important;
	padding: .25em 0;
	width: 100%;
	display: none;
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
	margin-bottom:0.25em;
	margin-top:-1em;
}
div.error_msg.akt {
	display: block;
}
div.pwdresponse {
	font-weight:900;
	text-align:center;
	width:100%;
	line-height:1.2em;
	margin-bottom:0.25em;
	margin-top:-1em;
}

.appteaser .app-but {
	box-sizing: border-box;
	width: 100%;
	padding-top: 27.5%;
	position: relative;
	display: block;
	z-index:1;
}
.appteaser .app-but.feb {
	top:0;
	left:0;
	position: absolute;
	z-index:0;
}
.appteaser {
	border-top:1px solid rgba(0,0,0,0.5);
}
.appteaser .td {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	float: none;
	position: relative;
	overflow: hidden;
	padding-bottom:0.66em;
}
.appteaser .table {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.appteaser .app-but img {
	box-sizing: border-box;
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	display: block;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-top: 3%;
}
.appteaser .app-but.apple img {

}
.appteaser .app-but.google img {
	left: 3.4%;
}
.mobilemsgbox {
	display:none;
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}

.appteaser select {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	text-align:center;
	border:0;
	outline:0;
	border-collapse:collapse;
	-ms-opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	z-index:10;
}


/*@media only screen and (max-width: 1024px) and (pointer:coarse) {*/
/*	.pwdbox, .loginbox {*/
/*		display:none;*/
/*	}*/
/*	.mobilemsgbox {*/
/*		display:block;*/
/*		margin-top:-1em;*/
/*		padding:0.5em 1em;*/
/*		line-height:1.4em;*/
/*		font-size:16px;*/
/*	}*/
/*}*/
@media only screen and (min-height: 331px) {
	.logintable .td.boxholder>div{
		position:fixed;
		top:50%;
		left:0;
		width:100%;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
}


@media only screen and (max-width: 800px) {
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
	}
	.logintable .td.footerholder ul li,
	.logintable .td.footerholder p {
		padding:0.5em 1em;
		
	}
	
	
	.logintable .table.logoholder .td img.logo,
	.logintable .table.logoholder .td img.logo.ils,
	.logintable .table.logoholder .td img.logo.haf,
	.logintable .table.logoholder .td img.logo.feb {
		
		min-height: auto;
		max-height: none;
		width:100%;
		min-width:100%;
	}
}

@media only screen and (max-width: 350px) {
	
	
	.logintable .table.logoholder,
	.logintable .table.logoholder .tr,
	.logintable .table.logoholder .td {
		display:block;
		width:100%;
		text-align:center;
	}
	.logintable .table.logoholder .td {
		padding:0.66em  1em;
	
	}
	.logintable .table.logoholder .td img.logo,
	.logintable .table.logoholder .td img.logo.ils,
	.logintable .table.logoholder .td img.logo.haf,
	.logintable .table.logoholder .td img.logo.feb {
		padding:0;
		height: auto;
		min-height: auto;
		max-height: none;
		width:100%;
		max-width:280px;
		min-width:100px;
		margin:0 auto;
	}
	.logintable .table.logoholder .td img.logo.ils {
		max-width:100px;
		width:100px;
	}
	.logintable .table.logoholder .td img.logo.haf {
		max-width:220px;
		width:220px;
	}
}

@media only screen and (max-width: 360px) {
	.logintable .td.footerholder ul li,
	.logintable .td.footerholder ul,
	.logintable .td.footerholder p {
		display:block;
		width:100%;
		float:none;
		clear:both;
	}
	.logintable .td.footerholder ul li,
	.logintable .td.footerholder p {
		padding:0.5em 1em;
		border-top:1px solid rgba(255,255,255,0.33);
	}
	.logintable .td.footerholder ul li:first-child {
		border-top:0px solid rgba(255,255,255,0);
	}
	
}
@media only screen and (max-height: 330px) {
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	.logintable .td.boxholder img.logo {
		padding-top:1em;
	}
}
@media only screen and (max-height: 760px) and (max-width: 360px) {
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	
	
	.logintable .td.boxholder>div{
		position:relative;
		top:auto;
		left:0;
		width:100%;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
}
@media only screen and (max-height: 540px) and (max-width: 680px) {
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	
	.logintable .td.footerholder > div {
		position:relative;
		padding:0 0 0.5em 0;
		margin-top:1em;
	}
	
	
	.logintable .td.boxholder>div{
		position:relative;
		top:auto;
		left:0;
		width:100%;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-o-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
}


@media only screen and (max-width: 319px) {
	.logintable,
	.logintable .td.footerholder > div,
	body.login {
		min-width:320px;
	}
	body.login .img,
	.loginholder,
	.logintable {
		min-width:320px;
		height:100%;
		min-height:100vh;
		position:absolute;
	}
	body.login .bg img {
		display:none;
	}
	.loginholder,
	.logintable {
		position:absolute;
	}
	.logintable .td.footerholder > div {
		position:fixed;
	}
}