body.bg {
	background-repeat: no-repeat;
	background-size: 1500px auto;
	background-position: top;
}

.login-box {
	margin-top: 100px;
}

@media(max-height: 500px) {
	.login-box {
		margin-top: 80px;
	}
}

.login-input {
	padding: 5px 10px;
	margin: 10px;
	background-color: rgba(255,255,255,0.9);
	border: 0px;
	height: 40px;
	margin-right: 4px;
	margin-left: 0px;
}

.login-submit {
	background-color: grey;
	color: white;
	width: 40px;
	text-align: center;
	border:0px;
	padding: 5px 10px;
	height: 40px;
	transition: .5s;
	cursor: pointer;
}

.login-submit:hover {
	background-color: rgb(50,50,50);
}

.pin {
    -webkit-text-security: disc;
}

.keypad {
	border: 0;
	height: 40px;
	padding: 0px 10px;
	background-color: rgb(230,230,230);
	transition: .5s;
	cursor: pointer;
	margin-right: -5px;
}

.keypad:hover {
	background-color: rgb(150,150,150);
}