.LoginPage {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.LoginPage .app-login {
	width: 78px;
    height: 29px;
}

.LoginPage .welcome-text-row {
	text-align: center;
	position: absolute;
	overflow: hidden;
    border-radius: 10px;
    font-size: 54px;
    font-weight: bold;
    top: calc(50% - 200px);
	left: 50%;
	transform: translate(-50%, -50%);
}

.LoginPage .login-row {
	margin-top: 15px;
	display: flex;
	justify-content: center;
}

.LoginPage .page-header{
	text-align: center;
}

.LoginPage .form-div{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.LoginPage .wrapper{
	width:400px;
	height:300px;
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 200px);
	background: rgba(255, 255, 255, 0.85);
	border-radius: 10px;
	-webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.LoginPage .field-logo{
	padding-bottom: 25px;
}

.LoginPage .center-body{
	text-align: center;
	height: 100%;
	position: relative;
	overflow: hidden;
    border-radius: 10px;
}

.LoginPage input {
	border: 1px solid #ccc;
	width: 206px;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.LoginPage .forgot-password {
	cursor: pointer;
}

.LoginPage .wrapper.full-screen{
    height: calc(100%);
    width: calc(100%);
    border-radius: 10px;
    top: 0px;
    left: 0px;
    margin: 0px;
    overflow-y: auto;
    padding: 50px;
}

.LoginPage .wrapper.full-screen .form-div{
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 450px) {
	.LoginPage .wrapper{
		width: calc(100% - 20px);
		height: 300px;
		top: calc(50% - 150px);
		left: 10px;
	}
}

.LoginPage .site-logo {
	max-width: 100%;
}