.min-vh-50
{
	min-height: 50vh;
}

.disabled
{
    opacity: .55;
    pointer-events: none;
    user-select: none;
}

	form.disabled
	{
    	opacity: 1;
	}

footer
{
	padding-top: 20px;
}

#pageLogin,
#pageTwoFactor,
.errorPage
{
    padding-top: 50px;

}

	#pageLogin #formContainer,
	#pageTwoFactor #formContainer
	{
		border-left: 1px solid #DEDEDE;
		min-height: 355px;
		padding-bottom: 20px;
		padding-left: 7.33333333%;
	}

	   #pageLogin #formContainer .form-group,
	   #pageTwoFactor #formContainer .form-group
       {
           margin-bottom: 15px;
       }

	#pageLogin h3,
    .errorPage h3
	{
		color: #2E4854;
		font-weight: bold;
		padding-bottom: 10px;
	}

		#pageTwoFactor h3,
		{
			color: #2E4854;
			font-weight: bold;
			padding-bottom: 10px;
		}

	#pageLogin ul.nav.nav-pills,
	.errorPage ul.nav.nav-pills
	{
		margin-bottom: 15px;
	}

		#pageLogin ul.nav.nav-pills li,
		.errorPage ul.nav.nav-pills li
		{
			display: inline-block;
			float: none;
		}

			#pageLogin .nav-pills > li,
			.errorPage .nav-pills > li
			{
				padding-right: 10px;
			}

				#pageLogin .nav-pills > li:last-child,
				.errorPage .nav-pills > li:last-child
				{
					border-right: 0;
				}

			#pageLogin .nav-pills > li.active span,
			#pageLogin .nav-pills > li span:hover,
			.errorPage .nav-pills > li.active span,
			.errorPage .nav-pills > li span:hover
			{
				border-bottom: 1px solid;
			}

			#pageLogin .nav-pills > li a,
			.errorPage .nav-pills > li a
			{
				color: #888888;
			}

			#pageLogin .nav-pills > li a.active,
			.errorPage .nav-pills > li a.active
			{
				color: #2E4854;
				font-weight: bold;
				text-decoration: none;
			}

				#pageLogin .nav-pills > li a:hover,
				.errorPage .nav-pills > li a:hover
				{
					text-decoration: none;
				}

	#pageLogin footer,
	.errorPage footer
	{
		margin-top: 50px;
	}

    #pageLogin .btn-primary
    {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

.form-outline.has-error .form-notch > *,
.form-outline.has-error .form-control:focus
{
	border-color: #f93154 !important;
}

	.form-outline.has-error .form-control:focus~.form-label,
	.form-outline.has-error .form-control.active~.form-label
	{
		color: #f93154 !important;
	}

	.form-outline.has-error .form-control:focus~.form-notch .form-notch-middle,
	.form-outline.has-error .form-control.active~.form-notch .form-notch-middle
	{
		border-top: 0;
	}

	.form-outline.has-error .form-control:focus~.form-notch > *
	{
		box-shadow: none;
	}