/* very light green for notification background */
.login_page .loginform,
#page_connect .loginform {
	display: block;
	margin: 0 auto;
}
.login_page .loginform .nice_text_input,
#page_connect .loginform .nice_text_input {
	width: 330px;
	margin-right: 0;
}
.login_page .loginform .ui-message,
#page_connect .loginform .ui-message {
	width: 100%;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	.login_page .loginform span.inputs,
	#page_connect .loginform span.inputs {
		margin: 0 auto;
		display: block;
		width: 400px;
	}
}
.login_page .hr,
#page_connect .hr {
	clear: both;
	margin: 25px 0 25px 0;
	text-align: center;
}
.login_page .hr .alternative,
#page_connect .hr .alternative {
	display: inline-block;
	padding: 3px 12px;
	background-color: #fff;
}
.login_page .hr .dashed_line,
#page_connect .hr .dashed_line {
	float: left;
	margin-top: -12px;
	border-bottom: 1px dashed #6B6B6B;
	height: 1px;
	width: 100%;
}
@media (max-width: 500px) {
	.login_page .socialbuttons button[data-provider],
	#page_connect .socialbuttons button[data-provider] {
		min-width: 160px;
	}
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	.login_page .socialbuttons button[data-provider],
	#page_connect .socialbuttons button[data-provider] {
		min-width: calc(25% - 12px);
	}
}
.login_page #disclp,
#page_connect #disclp {
	text-align: right;
	padding: 10px 0;
	font-size: smaller;
	display: none;
}