.auth-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 500px;
	width: 100%;
}

.auth-box {
	width: 100%;
	height: 500px;
	max-width: 500px;
	padding: 20px 50px;
	background-color: $color-white;
	color: map-get($gray-shades, 700);
	@include border-radius(3px);
	border: 1px solid map-get($gray-shades, 400);

	.logo {
		text-align: center;
		margin: 0 auto;

		> img {
			height: 60px;
			margin: 30px 0 0 0;
		}

		> .url {
			margin: 20px 0;
			color: map-get($gray-shades, 700);
			font-size: 0.9rem;
			font-weight: 500;
		}
	}
}

.sso-box {
	text-align: center;
	margin-top: 150px;
	font-size: 3rem;
	color: map-get($gray-shades, 600);
}
