$color_1: #aaa;

.login_overlay {
	background: #eee;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
}

.login {
	width: 350px;
	min-height: 300px;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 5px;

	form {
		background: #ffffff;
		box-shadow: 1px 1px 1px rgba(0,0,0,.05);
		padding: 30px;

		input {
			background: #f9f9f9;
			border: none;
			border-radius: 5px;
			padding: 10px 15px;
			font-size: 13px;
		}

		.icon {
			position: absolute;
			right: 44px;
			margin-top: 7px;
			i {
				color: $color_1;
				font-size: 13px;
			}
		}

		button {
			background: #364c67;
			width: 100%;
			border: none;
			padding: 10px 15px;
			font-size: 13px;
			&:hover {
				background: #122235;
			}
		}
	}

	img {
		display: block;
		width: 200px;
		margin: auto;
		margin-bottom: 30px;
	}

	.login_logo {
		width: 120px;
		margin: auto;
		margin-top: -65px;
		background: #ffffff;
		border-radius: 50%;
		img {
			width: 100%;
		}
	}

  .register{
    width:450px;
  }
}