/* Login Layout */
html {
	overflow:auto;
}

/* body */
body.de {
	position:relative;
	min-height: 331px;
	overflow:auto;
}

	/* OS 7 Hack */
	body.ios7 {
       position: fixed;
       bottom: 0;
       width:100%;
       height: 100%;
	}
	
	/* login */
	.login .center {
		top: 50%;
		margin-top:-143px;
		max-width: 600px;
		padding: 0 25px;		
		box-sizing: border-box;
		-moz-box-sizing:border-box;
		transition: 0.2s all;
		-moz-transition: 0.2s all;
		-webkit-transition: 0.2s all;
		-o-transition: 0.2s all;
		-ms-transition: 0.2s all;
	}	
	
		.login .logo {			
			width: 100%;
			margin-bottom: 20px;
		}
		
			.login .logo a {
				position: relative;
				display: block;
				width: 100%;
				max-width: 300px;
				height: 70px;
				float:right;				
				background: url(../img/logo.png) no-repeat right bottom;
				1background: rgba(0,0,0,0) url(../img/logo.svg) no-repeat right bottom;
				background-size: 100% auto;
			}
			
				.login .logo:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
				}
		
		.login input {
			height: 42px;
			padding-right: 10px;
			padding-left: 35px;
			margin-bottom: 13px;
			font-size: 11pt;
			box-sizing: border-box;
			-moz-box-sizing:border-box;
		}
		
				/* placeholder */	
				.login input::-webkit-input-placeholder { /* WebKit browsers */
					 font-size:12pt;
					 line-height:13pt;
				}
						
				.login input:-ms-input-placeholder { /* Internet Explorer 10+ */
					 font-size:12pt;
				}
		
			.login form i {
				position: absolute;
				margin-top: -45px;
				margin-left: 12px;
				font-family: FontAwesome;
				font-style: normal;
				font-size: 16pt;
				color: #666;
			}
			
		.login button, .login button:active {
			font-size: 12pt;
			padding: 8px 30px;
			background-color: #00aeef;
			font-weight: normal;
			color: #FFF;
		}	
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
				.login button:active {
					padding: 7px 31px 9px 29px;
				}
			}
				
			.login button:hover {
				background: #048FC4;
			}

		.login .bubble {
		    right: 10px;
		    margin: -20px 0 0 0;
		    padding: 4px 12px;		  
		    font-size: 10pt;
		    opacity: 0.9;
		    z-index: 1;
		}
			
	/* remember */			
	.remember {
		position: absolute;
		margin-top: -33px;
		right: 10px;
		color: #A0A0A0 !important;
	}
		
		.remember label {
			font-size: 11pt;
			color: #A0A0A0 !important;
			cursor: pointer;
			font-weight:normal;
		}
		
		.remember input[type=checkbox] {
			position: absolute;
			top: -4px;
			left: -25px;
		}
			.remember input[type=checkbox]:checked::after {
			    top: 2px;
				left: 2px;
			}
				
	/* info */	
	.info {
		position: absolute;
		width: 100%;
		bottom: 8px;
		color: #ccc;
		line-height: 20px;
		font-size: 11pt;
		text-align: center;
		color: #A0A0A0;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}

		.info a {
			margin:0 5px;
			font-size: 11pt;
			text-decoration: none;
		}
			.info a:hover {
				color: #048FC4;
			}
			
			.info .copyright  {
				color: #A0A0A0;
				font-size: 9pt;
			}

	

	/* no script wrapper */
	#noscript {
		display:none;
	}