.login-background {
	width: 100vw;
	height: 100vh;
	position: relative;
	background: #d2d6de;
}

.login-background~.login-box {
	width: 400px;
	margin: 0;
	padding: 20px;
	position: absolute;
	top: 40%;
	right: 50%;
	transform: translate(50%, -50%);
}

.login-page {
	background-color: #fff !important;
}

#logo-company {
	height: 150px;
}

.login-box {
	margin: 10px auto 0 auto !important;
}

.login-box-body {
	padding: 30px 20px;
	opacity: 0.9;
}

.glyphicon-user, .glyphicon-lock {
	color: black !important;
}

body {
    background-repeat:no-repeat !important;
    background-size: cover !important;
    background-position:cover !important;
}

.error-message {
	color: #f00;
}

#login-btn {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

#login-btn:focus {
	outline: none;
}

#login-btn span {
	width: 90px;
	height: 29px;
	display: inline-block;
}

@media (orientation:landscape) and (max-width: 850px) {
	.login-box > center {
		padding-bottom: 0px !important;
	}
	.login-box-body {
		padding-bottom: 10px !important;
	}
	#logo-company {
		display: none;
	}
}