/* styles for the login and register account pages */

.acs-area-wide {
	margin-top: 1em;
}

.acs-area-narrow {
	width: 180px;
	margin-top: 1em;
}

.login-cards .a1-bs-card-title {
	color: inherit;
}

.login-cards .a1-bs-card-title {
	text-align: center;
	min-height: 2ex;
}

.login-cards .a1-bs-card-title span {
		display: inline-block;
		min-height: 4ex;
	}

.login-cards .a1-bs-card-footer {
	background-color: inherit;
	border-top: 0;
	min-height: 10ex;
}

.login-cards .a1-bs-card-title:before {
	content: ' ';
	height: 128px;
	width: 128px;
	display: block;
	margin: 0 auto 10px;
}

.login-cards .a1-bs-card {
	box-shadow: 0 2px 20px 0 #ddd;
	border-radius: 2px;
	-ms-transition: box-shadow .25s, border .25s;
	-o-transition: box-shadow .25s, border .25s;
	-webkit-transition: box-shadow .25s, border .25s;
	transition: box-shadow .25s, border .25s;
}

.login-cards .a1-bs-card:hover {
	border: 1px solid #888;
	box-shadow: 0 2px 20px 0 #bbb;
}

.a1-bs-card.card-new-student .a1-bs-card-title:before {
	background-image: url('/css/images/register-account/newstudent128.png');
}

.a1-bs-card.card-returning-student .a1-bs-card-title:before {
	background-image: url('/css/images/register-account/returningstudent128.png');
}

.a1-bs-card.card-faculty-staff .a1-bs-card-title:before {
	background-image: url('/css/images/register-account/faculty128.png');
}

#launchWrapper {
	overflow: auto;
	clear: right;
	margin-bottom: 1em;
}

.Bridge .searchText,.Bridge input[type=text] {
	display: block;
}

input[type=checkbox] {
	margin-right: 4px;
}

.termsOfUse:after, #SignUp, .bridge-submit-container:after, .rememberMeText:after {
	content: ' ';
	display: block;
	clear: both !important;
	float: none;
}

#noAccount {
	border: solid 1px silver;
	padding: 1em;
}

#signInDirections {
	margin: 1em 0;
}

#acs-loading {
	margin-top: 1em;
	border: 2px solid #DDD;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	padding: 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 4px #ddd;
	-moz-box-shadow: 2px 2px 4px #ddd;
	-webkit-box-shadow: 2px 2px 4px #ddd;
}

.acs-loading-text {
	font-size: 16px;
	margin-left: .5em; 
}


.idp-list {
	padding: 0;
	margin: 0;
}

.idp {
	list-style-type: none;
	padding: 0;
	margin-bottom: .5rem;
}

.idp__scheme {
	box-sizing: border-box;
	border-radius: 2px;
	display: flex;
	flex-direction: row;
	background-color: #666;
	border: 1px solid #666;
	transition: background-color .2s ease-in, border-color .2s ease-in;
	align-items: center;
}

	.idp__scheme:hover {
		background-color: #888;
		border-color: #888;
	}

	.idp__scheme:hover .idp__icon:empty {
		background-color: #666;
	}

	.idp__scheme:link {
		color: white;
		text-decoration: none;
	}

	.idp__scheme:visited {
		color: white;
		text-decoration: none;
	}

	.idp__scheme--type-google {
		background-color: #3f84f3;
		background-color: hsl(217, 88%, 60%);
		border-color: #3f84f3;
		border-color: hsl(217, 88%, 60%);
	}

		.idp__scheme--type-google:hover {
			background-color: #6fa3f6;
			background-color: hsl(217, 88%, 70%);
			border-color: #6fa3f6;
			border-color: hsl(217, 88%, 70%);
		}

	.idp__scheme--type-twitter {
		background-color: #1ea3f1;
		background-color: hsl(202, 88%, 53%);
		border-color: #1ea3f1;
		border-color: hsl(202, 88%, 53%);
	}

		.idp__scheme--type-twitter:hover {
			background-color: #4eb7f4;
			background-color: hsl(202, 88%, 63%);
			border-color: #4eb7f4;
			border-color: hsl(202, 88%, 63%);
		}

	.idp__scheme--type-facebook {
		background-color: #3b5997;
		background-color: hsl(220, 44%, 41%);
		border-color: #3b5997;
		border-color: hsl(220, 44%, 41%);
	}

		.idp__scheme--type-facebook:hover {
			background-color: #4b70b9;
			background-color: hsl(220, 44%, 51%);
			border-color: #4b70b9;
			border-color: hsl(220, 44%, 51%);
		}

	.idp__scheme--type-microsoft {
		background-color: #007ad1;
		background-color: hsl(205, 100%, 41%);
		border-color: #007ad1;
		border-color: hsl(205, 100%, 41%);
	}

		.idp__scheme--type-microsoft:hover {
			background-color: #0597ff;
			background-color: hsl(205, 100%, 51%);
			border-color: #0597ff;
			border-color: hsl(205, 100%, 51%);
		}

	.idp__scheme--type-google .idp__icon,
		.idp__scheme--type-facebook .idp__icon,
		.idp__scheme--type-twitter .idp__icon,
		.idp__scheme--type-microsoft .idp__icon {
		background-color: #fff;
	}

.idp__icon {
	background-color: #444;
	transition: background-color .2s ease-in;
	height: 100%;
}

	.idp__icon img, .idp__icon:empty:before {
		display: block;
		width: 32px;
		height: 32px;
		margin: 7px;
	}

	.idp__icon img {
		background-color: white;
	}

	.idp__icon:empty:before {
		content: '';
		background-image: url('/css/images/idp-general.svg');
	}

.idp__caption {
	font: 16px "Roboto Medium", Verdana, Arial, Helvetica, sans-serif;
	display: block;
	/* overflow: hidden; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* text-indent: 8px; */
	margin-left: 8px;
}

.idp__description {
	display: none;
}


@media screen and (max-width: 992px) {
	.acs-area-wide {
		max-width: 100%;
	}

	#orSeparator {
		float: none;
		clear: both;
		margin: 0;
		width: 100%;
		display: block;
	}

	#orSeparator h3 {
		display: none;
	}
	.orline {
		width: 100%;
		height: auto;
		border-left: none;
		margin: 0;
	}
	.orword {
		width: 100%;
		margin-top: 0;
		position: relative;
		text-align: center;
		font-size: 1rem;
		font-weight: bold;
		margin-left: 0;
		padding: 0;
	}
	.orword:before, .orword:after { content: ' - ';}

	#launchWrapper {
		clear: both;
	}
}