﻿#Filter, #FilterToggle {
	display: none;
}
#Details {
	border-left: 0;
}
#LoginWindow {
	width: 100%;
	height: 100%;
}

	#LoginWindow > table {
		background-color: white;
		border: solid white 20px;
		border-collapse: separate;
		width: 400px;
		position: relative;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0 auto;
		border-radius: 7px;
		-moz-box-shadow: 4px 4px 6px 0 #444;
		-webkit-box-shadow: 4px 4px 6px 0 #444;
		-o-box-shadow: 4px 4px 6px 0 #444;
		box-shadow: 4px 4px 6px 0 #444;
	
	}

		#LoginWindow > table td {
			border-style: none;
			border-color: white;
			height: 22px;
			background-color: white !important; 
		}

.OpenIdConnectRow > td {
	padding-bottom: 21px;
	text-align: center;
}

#Organisation, #Username, input[type='password'] {
	width: 100%;
	height: 20px;
	padding: 1px;
}

input[type="submit"] {
	float: right;
}

#ErrorMessage {
	font-weight: bold;
	color: red;
	white-space: pre-wrap;
	max-height: 200px;
	overflow-y: auto;
}

.Shake {
	-moz-animation-name: Shake;
	-o-animation-name: Shake;
	-webkit-animation-name: Shake;	
	animation-name: Shake;
	
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

@-moz-keyframes Shake {
	0%, 100% {
		-moz-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	20%, 60% {
		-moz-transform: translate3d(-10px, -50%, 0);
		transform: translate3d(-10px, -50%, 0);
	}
	40%, 80% {
		-moz-transform: translate3d(10px, -50%, 0);
		transform: translate3d(10px, -50%, 0);
	}
}

@-webkit-keyframes Shake {
	0%, 100% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	20%, 60% {
		-webkit-transform: translate3d(-10px, -50%, 0);
		transform: translate3d(-10px, -50%, 0);
	}
	40%, 80% {
		-webkit-transform: translate3d(10px, -50%, 0);
		transform: translate3d(10px, -50%, 0);
	}
}

@keyframes Shake {
	0%, 100% {
		-moz-transform: translate3d(0, -50%, 0);
		-ms-transform: translate3d(0, -50%, 0);
		-o-transform: translate3d(0, -50%, 0);
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	20%, 60% {
		-moz-transform: translate3d(-10px, -50%, 0);
		-ms-transform: translate3d(-10px, -50%, 0);
		-o-transform: translate3d(-10px, -50%, 0);
		-webkit-transform: translate3d(-10px, -50%, 0);
		transform: translate3d(-10px, -50%, 0);
	}
	40%, 80% {
		-moz-transform: translate3d(10px, -50%, 0);
		-ms-transform: translate3d(10px, -50%, 0);
		-o-transform: translate3d(10px, -50%, 0);
		-webkit-transform: translate3d(10px, -50%, 0);
		transform: translate3d(10px, -50%, 0);
	}
}