.component-login-form {
	text-align: center;
}
.component-login {
	padding:2rem;
}
.component-login-card {
	margin:auto auto;
	padding: 3rem 2rem 1rem 2rem;
	box-shadow: 0rem .2rem .25rem rgba(255,255,255,0.075);
	background-color: #313540;
}

.component-login-title  {
	display: flex;
}
.login-logo {
	display:flex;
	align-items: center;	
}

.login-logo img {
	width: 100%;
	padding-right:.5rem;
	max-width:8rem;
}

.title-line {
	margin: 2rem 0 2rem 0;
	color: #3e70c1;
	height:1px;
	display:block;
	/*border: 1px solid #6e7a9b;*/
	background: linear-gradient(to right, rgba(110,122,155,0) 0%,rgba(110,122,155,1) 50%,rgba(110,122,155,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.login-title {
	display:flex;
	flex-direction: column;
	flex-grow:2;
	align-self:center;
	color: #6e7a9b;
}
.component-login-title--top {
	font-size: 4rem;
	margin: 0;
	line-height: 3.7rem;
}

.component-login-title--bottom {
	font-size: 1.9rem;
	margin: 0;
	line-height: 2.5rem;
}

.component-login-input {
	text-align: center;
}

.login-input {
	margin-bottom: 1rem;
	border-radius: 5rem;
}

.login-submit-btn {
	width: 98%;
	margin-top: 1.5rem;
	font-weight: 600;
	background-color: #3e70c1;
}