.login-page{
	background-image: url(../images/loginbg.jpg);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	.login-container{
		width: 400px;
		height: 450px;

		.login-paper{
			height: 100%;	
			background-color: $white;

			.right-action-icon{
				float: right;
				color: $grey-500;
				margin-right: 5px;
				margin-top: 5px;
			}

			.login-title-container{
				padding: 20px 20px 0px 20px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 150px;

				.login-icon-main{
					font-size: 90px;
					color: $grey-500;
				}

				.login-title{
					margin-top: 5px;
					font-size: 20px;
					font-weight: 600;
					color: $grey-800;
				}
			}

			.login-paper-inner {
				
			}

			.login-form-container{
				padding: 20px 20px 0px 20px;
				.login-text{
					width: 95%;
	  				padding-left: 10px;
				}

				.login-icon{
					margin-top: 41px;
				}

				.login-form-action{
					height: 50px;
					.login-form-login{
						margin-top: 10px;

						.login-status{
							float: left;
							width: 140px;
							margin-top: 5px;
						}

						.login-status-icon{
							float: left;
							margin-top: 5px;
						}

						.login-action{
							float: right;
							width: 120px;
							height: 30px;
						}
					}
				}
			}

			.login-register{
				height: 58px;
				background-color: $grey-300;
				bottom: -18px;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				.login-register-title{
					font-size: 20px;
					font-weight: 500;
					color: $grey-700;
				}
			}
		}
	}
}