body {
	background-position: center;
	background-size: cover;
}

.login-title {
	text-align: center;
	width: 100%;
	font-family: Jost;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: var(--mdc-theme-primary);
}

.login-subtitle {
	font-family: Jost;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #444;
}

.login-text {
	font-family: Jost;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px;
}

.login-form {
	width: 80%;
	margin: 0 auto;
}


.login-input {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.login-button,
.login-button--filled {
	text-transform: capitalize;
	font-family: Jost;
	font-weight: 400;
}

.login-button--filled:not(disabled) {
	background-color: var(--mdc-theme-primary) !important;
	color: #FFF !important;
}

.login-button--filled:disabled {
	background-color: #EEE !important;
	color: #777 !important;
}

#login__button--action-next,
#login__button--action-new {
	margin-top: 20px;
	margin-right: 5px;
}

#login__button--action-next {
	float: right;
}

#social-links__title {
	padding: 20px 0;
	border-top: 1px solid #EEE;
}

.social-links-panel {
	padding: 0;
}

.social-link__button {
	border: 1px solid #DDD;
	width: 100%;
}

.mdi {
	font-size: 25px;
}