






	

html { width:100%;height:100%;}

body.login-page {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px;
}

.login-page {
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#4A4A4A;
}
.login-page h2.title {
	font-size: 1.4rem;
	color: #4A4A4A;
	font-weight: normal;
	margin-bottom:5px;
}

.login-page h2.hint {
	font-size: 0.9rem;
	color: #4A4A4A;
	font-weight: normal;
	margin-bottom:5px;
}

.login-page a.linktext {
	color: #1C609C;
	font-weight: normal;
	text-decoration: none;
}
.login-page a.linktext.right {
	float:right;text-align:right;
}
.login-page a.linktext:hover {
	color: #4A4A4A;
}

.login-page .unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


body.login-page {
	
	
		background-image:url(img/login-page-background.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		background-color:#FFFFFF;
	
	
	
}

	
	
	





.login-page .logo {
	position:absolute;
	background-repeat:no-repeat;
	background-position:0px 0px;
	pointer-events:none;
	display: none;
}




.login-page .logo {
	display: block;
	width:422px;
	height: 104px;
	background-image: url(img/login-page-logo.png);
	background-size:422px 104px;
	
	
		
			top:20px;bottom:unset;
		
		
		
	
	
	
		
			left:50px;right:unset;
		
		
		
	
	
	
}










.login-page .login-box {
	line-height: 1.15;
	text-align: left;
	position: absolute;
    box-sizing:border-box;
	padding: 0.5rem 2.0rem 2.0rem; /* top left-right bottom */
	background-color: rgba(255,255,255,0.9);

	border-radius: 0px;

	border-style: solid;
	border-color: rgba(204,204,204,1.0);
	border-width: 0px;

}

#site-label {
	font-size:1.9em;
	margin-bottom:30px;
}

#create-account, #recover-password {
	font-size: 0.9em;
}

#guest-login-container {
	margin-top:20px;
}

#guest-login {
	margin-top:20px;
}










.login-page .login-box {
	top: 25%;
	max-width: 415px;
	width:415px;
	height: auto;
	margin: auto;
    margin-top: auto;
    margin-right: auto;
}




	
		
		
		.login-page .login-box { right: 50px; }
		
	

	
		
		
	

	
		
		
		
		.login-page .login-box { top: 50%; transform:translateY(-50%); }
		
	






.login-page .login-box { box-shadow: 0 10px 16px rgba(0,0,0,.3); }


@media(max-width : 768px) {
	body.login-page {
		background:rgba(255,255,255,1);
	}

	.login-page .login-box {
		width:100%;
		height:100%;
		max-width: unset;
		border-radius: 0px;
    	box-shadow: none;
		border-width: 0px !important;
		border: 0px !important;
		padding-top: 55px;

		top: 0;left: 0;right: unset;bottom: unset;
		background-color: rgba(255,255,255,1);
    	margin-top: unset;
    	margin-right: unset;
    	transform: unset;
		transition: 0.1s;
  		transition-timing-function: ease;
	}


	.login-page .logo {
		display: block;
		margin-top:10px;
		margin-left:20px;
		background-size:contain !important;
		background-position:top center !important;
		transition: 0.1s;
		transition-timing-function: ease;
		top:unset;left: unset;bottom: unset;
		transform:unset;
		z-index:1;
	}





	
		
		.login-page .logo {
			
			background-image: url(img/login-page-logo-minimized.png);
			
			height: 50px;
			background-size: unset;
			width: -moz-calc(100% - 40px);
  			width: -webkit-calc(100% - 40px);
  			width: -o-calc(100% - 40px);
  			width: calc(100% - 40px);
  		}
  		
		.login-page .login-box {
			padding-top: 55px;
		}
	

	


	.login-page-banner-container {
		display: none;
	}
}


.login-page .login-box .button {
	position:relative;
	margin-top:10px;
	margin-bottom:15px;
	width:100% !important;
	box-sizing:border-box;
	cursor: pointer;
	text-align: center;
	border-style: solid;
	border-radius: 4px;
	border-width:2px;
	border-color: #1C609C;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.15;
	padding: .375rem 1.5rem;
	background-color: #1C609C;
	color: #FFFFFF;
}

.login-page .login-box .button:hover {
	background-color: #BCCC0E;
	color: #FFFFFF;
	border-color: #BCCC0E;
}
.login-page .login-box .button:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    transition: transform .15s ease;
    transition: transform .15s ease,-webkit-transform .15s ease;
}



.login-page .login-box input[type="text"], .login-page .login-box input[type="password"] {
	font-size: 100%;
	line-height: 1.15;
	margin:0;
	padding:7px;
	width:100%;
    box-shadow: none;
    box-sizing:border-box;
	filter: none; /* prevent Firefox yellow background */	
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4A4A4A;
	background: #FFFFFF;
	border-color: #A7A7A7;
	border-width: 1px;
	border-radius: 4px;
	
}

.login-page .login-box input[type="text"]:focus, .login-page .login-box input[type="password"]:focus {
	outline: none;
}

.login-page .login-box input[type="text"]:-webkit-autofill, .login-page .login-box input[type="password"]:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
	-webkit-text-fill-color: unset;
}

.login-page .login-box .login-box-disabler {
	position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255,255,255,0.5);
}

.login-page div.entry {
	margin:25px 0;
	position:relative;
}


.login-page div.entry span.placeholder {
	padding:10px;
	pointer-events: none;
	position:absolute;
	left:0;
	top:0;
	transition: 0.2s;
	transition: 0.4s;
	transition-timing-function: ease;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4A4A4A;
}

.login-page input:focus + span, .login-page input:not(:placeholder-shown) + span {
	font-size: 1em;
	transform: translateY(-80%) translateX(-10px);
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	color: #4A4A4A !important;
}


.login-page input:-webkit-autofill + span  {
	font-size: 1em;
	transform: translateY(-80%) translateX(-10px);
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	color: #4A4A4A !important;
}

.login-page input::-ms-reveal, .login-page input::-ms-clear { /* hide Edge "eye" icon */
	display: none; 
}

.login-page a:focus {
	outline: none;
}

#plain-password-toggler-container {
    cursor: pointer;
}
#plain-password-toggler {
    cursor: pointer;
    position:absolute;
    top:7px;right:10px;
    width:20px; height:18px;
    font-size:22px;
	color: #4A4A4A;
	opacity:0.7;
}
#plain-password-toggler:hover {
	opacity:1;
}




.login-page .login-box .line {
	height: 1px;
	background: rgba(167,167,167,1.0);
	border-radius: 0px;
}

.login-page .login-form a, .login-page .login-form a:active ,.login-page .login-form a:visited , .login-page .login-form a:link {
	outline: none;
	text-decoration: none;
}



.lds-ring {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	float:left;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	top:50%;
	left:15px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 0px;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #FFFFFF transparent transparent transparent;
}
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
  	transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes lds-ring {
  0% {
  	transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);
  }
}

@-moz-keyframes lds-ring {
  0% {
  	transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);
  }
}




.login-page ul.lang-list {
	padding:2px 5px;
	margin:0px;
	list-style-type: none;
	margin-top:0.9rem;
	text-align:center;
}
.login-page ul.lang-list li {
	display:inline-block;
}
.login-page ul.lang-list li span, .login-page ul.lang-list li a {
	padding:5px;
	font-size:0.8em !important;
}
.login-page ul.lang-list li span {
	font-weight:bold;
	cursor: default;
}
.login-page ul.lang-list li a {
	font-weight:normal;
	cursor: pointer;
	text-decoration: none;
	font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue','Open Sans', Arial, Helvetica, sans-serif;
	color:#4A4A4A;
	font-weight: normal;
}





