div#site-holder div#site-main
{
	min-height: 560px;
}

div#oauth-authorize
{
	overflow: hidden;
	margin: 0 auto 20px;
	width: 100%;
	max-width: 430px;

	.app-details
	{
		text-align: left;
		margin: 40px auto;

		p.app-name
		{
			margin: 10px 0;
			text-align: justify;
		}

		ul.app-scopes
		{
			padding: 0 0 0 20px;
			margin: 10px 0;
			list-style: none;

			li:before
			{
				font-family: 'FontAwesome';
				content: '\f00c';
				margin: 0 7px 0 -18px;
				color: @accent-color;
			}
		}
	}

	#register-form, #approve-login-form
	{
		margin-top: 40px;
	}

	#login-form
	{
		margin: 0 auto;

		h3
		{
			margin-bottom: 0.7em;

			&.login
			{
				margin-bottom: 0em;
			}
		}

		input[type=submit].login
		{
			margin: 0em auto 0.5em;
		}

		.login-button
		{
			margin-bottom: 15px;
		}
	}

	#login-form-community
	{
		width: 430px;

		input[type=submit].login
		{
			margin: 0;
		}
	}

	form#oauth-form
	{
		display: inline;
	}

	#approve-login-form
	{
		font-family: @title-font;
		text-align: center;
		border-radius: 10px;
		padding: 10px 25px 30px 30px;
		background: whitesmoke;
		width: 100%;
		max-width: 430px;
		box-sizing: border-box;

		.approve-form
		{
			margin: 20px 0;
		}

		#approve
		{
			text-align: center;
			border: none;
			border-radius: 2px;
			padding: 10px 20px;
			background: @accent-color;
			font: bold 16px @title-font;
			color: @accent-text-color;
		}

		#cancel
		{
			background-color: transparent;
			text-decoration: underline;
			border: none;
			color: @accent-color;
			cursor: pointer;
			font-size: 16px;

			&:focus
			{
				outline: none;
			}
		}
	}
}

#site-holder.oauth
{
	#site-main
	{
		@media(max-height: 800px)
		{
			.app-details
			{
				margin: 20px auto;

				p.app-name, ul.app-scopes
				{
					margin: 5px 0;
				}
			}

			#register-form, #approve-login-form
			{
				margin-top: 20px;
			}

			#login-form
			{
				padding-top: 15px;
				padding-bottom: 15px;
			}
		}
	}
}

#mobile-content
{
	#oauth-authorize
	{
		.app-details
		{
			margin: 10px auto;

			p.app-name, ul.app-scopes
			{
				margin: 5px 0;

				li
				{
					margin: 5px 0;
				}
			}
		}

		#login-form
		{
			width: 100%;
			box-sizing: border-box;
		}

		#register-form, #approve-login-form
		{
			margin-top: 20px;
		}
	}
}