@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), url(//fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}


/**/
 /* Empty comments because auto-formatting puts it all on the same line */
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
/**/
 /**/
 /**/
/**/
 /**/
 /**/
/**/
 /**/
/**/
 /**/
 /**/
/**/
 /**/
 /**/
/**/
 /**/
 /**/
 /**/
 /**/
/**/
 /**/
 /**/
 /**/
/**/
 /**/
 /**/
/**/
 /**/
 /**/
 /**/
 /**/
 /**/
 /**/
/**/
 /**/
 /**/
/**/
/*#region Elements*/
/**/
html, body {
	position: absolute;
	height: 100%;
	width: 100%;
}

html, body, form > div {
	margin: 0px;
}

body {
	font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, Arial;
	font-size: 13px;
	overflow: hidden;
	color: #444;
	background-color: #FFF;
	-ms-touch-action: manipulation !important; /* otherwise double-click doesn't work */
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

img {
	border-width: 0px;
}

	img + span {
		margin: 0px 4px;
	}

form {
	width: 100%;
	height: 100%;
}

input[type=submit],
input[type=button] {
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	padding: 8px 16px;
	background-color: #476D47;
	color: #FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	input[type=submit]:hover,
	input[type=button]:hover {
		background-color: #445533;
		transition-short-time-ease-in-out;
	}

input[type=text],
input[type=number],
input[type=search],
input[type=password] {
	border-bottom-width: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

textarea {
	border-width: 1px;
	border-radius: 2px;
	background-color: transparent;
	color: #444;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	textarea:focus {
		outline: 2px solid #5F8C5B;
		outline-offset: -2px;
	}

	textarea:disabled {
		border-style: dotted;
		color: #444;
	}

select {
	border-bottom-width: 1px;
	background-color: transparent;
	color: #444;
}

	select:focus {
		border-bottom: 2px #5F8C5B solid;
		margin-bottom: -1px;
		outline: none;
	}

option {
	color: #444;
}

select,
input[type=text] {
	padding: 1px;
}

	input[type=text]:focus,
	input[type=search]:focus,
	input[type=password]:focus {
		border-bottom-width: 2px;
		margin-bottom: -1px;
		border-color: #5F8C5B;
		outline: none;
	}

iframe {
	display: block;
	width: 100%;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-width: 0px;
	border-style: solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-color: #CCC;
}

svg {
	overflow: hidden;
}

iframe {
	background-color: #FFF;
}

a:link,
a:visited {
	color: #5F8C5B;
}

a:hover {
	color: #537A4F;
	-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
}

a:link.Disabled,
a:visited.Disabled {
	color: #BBB;
	background-color: inherit !important;
}

div, p, h1, h2, h3, h4, ul, ol, dl, table, blockquote, hr, dt, dd, pre {
	margin: 0px 0px 15px 0px;
}

dd {
	padding-left: 10px;
}

hr {
	border-top-width: 1px;
}

dfn {
	display: inline-block;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	font-family: monospace;
	line-height: 8px;
	border-radius: 10px;
	border: 2px solid #DFDFDF;
	color: #DFDFDF;
}

	dfn:hover {
		background-color: #DFDFDF;
		color: #FFF;
		-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
	}

input[disabled],
.Disabled {
	cursor: default;
}

input[disabled] {
	border-bottom-width: 0px;
	background-color: #FFF;
	background-image: linear-gradient(to right, #CCC 25%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 4px 2px;
	background-repeat: repeat-x;
}

@-ms-viewport {
	height: device-height;
	width: device-width;
}

/* safari force hardware acceleration */
_::-webkit-full-page-media, _:future, :root div.Host,
_::-webkit-full-page-media, _:future, :root div.Guest {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}


/*#endregion*/

.Loading .LoadingContent,
.LoadingHeading {
	background-image: url(/Images/ActivityIndicator.gif);
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 60px;
}

.LoadingImage {
	vertical-align: middle;
}

	.LoadingImage.Small {
		width: 20px;
		height: 20px;
	}

	.LoadingImage.Medium {
		width: 32px;
		height: 32px;
	}

.ResourcePanel .ImageResource div,
.ImageSelector .ImageDisplay {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 72px;
	height: 72px;
	background-color: #E9E9E9;
	padding: 4px;
}

	.ResourcePanel .ImageResource div img,
	.ImageSelector .ImageDisplay img {
		max-width: 100%;
		max-height: 100%;
	}

*[data-tooltip] {
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: default;
}

	*[data-tooltip]:hover:before,
	*[data-tooltip]:hover:after {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.1s ease-in-out 0.15s;
		-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
	}

	*[data-tooltip]:before,
	*[data-tooltip]:after {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 50%;
		z-index: 100;
		font-family: "Roboto", "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, Arial;
		font-size: 13px;
		text-align: left;
		white-space: normal;
		line-height: normal;
	}

	*[data-tooltip]:before {
		content: '';
		top: 25px;
		margin: 0px 0px 0px -10px;
		border-style: solid;
		border-width: 0px 10px 10px 10px;
		border-color: transparent transparent #666 transparent;
	}

	*[data-tooltip]:after {
		content: attr(data-tooltip);
		top: 35px;
		width: 150px;
		margin: 0px 0px 0px -85px;
		border-radius: 5px;
		background-color: #666;
		color: #FFF;
		padding: 10px;
	}

.ContentPanel {
	padding: 20px 40px;
}

	.ContentPanel.Authentication {
	}

		.ContentPanel.Authentication > div:first-child {
			padding: 35px 35px 20px 35px;
		}

		.ContentPanel.Authentication .AnimatedGroup {
			position: relative;
			margin-top: 35px;
			margin-bottom: 25px;
		}

			.ContentPanel.Authentication .AnimatedGroup .AnimatedInput:focus {
				border-color: #CCC;
				border-bottom-width: 1px;
				margin-bottom: 0px;
			}

		.ContentPanel.Authentication .AnimatedLabel {
			color: #999;
			position: absolute;
			font-size: 16px;
			pointer-events: none;
			left: 0px;
			top: 2px;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

		.ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedLabel,
		.ContentPanel.Authentication .AnimatedInput:valid ~ .AnimatedLabel {
			top: -20px;
			font-size: 14px;
			color: #BBB;
		}

		.ContentPanel.Authentication .AnimatedBar {
			position: relative;
			display: block;
		}

			.ContentPanel.Authentication .AnimatedBar:before, .AnimatedBar:after {
				content: '';
				height: 2px;
				width: 0;
				bottom: 0px;
				position: absolute;
				background: #5F8C5B;
				-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
			}

			.ContentPanel.Authentication .AnimatedBar:before {
				left: 50%;
			}

			.ContentPanel.Authentication .AnimatedBar:after {
				right: 50%;
			}

		.ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedBar:before,
		.ContentPanel.Authentication .AnimatedInput:focus ~ .AnimatedBar:after {
			width: 50%;
		}

		.ContentPanel.Authentication > div.LoginPage,
		.LoginPage .ContentPanel.Authentication > div {
			width: 330px;
		}

		.ContentPanel.Authentication > div.ChangePasswordPage,
		.ChangePasswordPage .ContentPanel.Authentication > div {
			width: 380px;
		}

		.ContentPanel.Authentication .ErrorLabel {
			display: block;
			color: #FF5252;
		}

		.ContentPanel.Authentication input[type=text],
		.ContentPanel.Authentication input[type=password] {
			font-size: 14px;
			line-height: normal;
			width: 100%;
			padding: 6px;
			color: white;
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
		}

		.ContentPanel.Authentication input[type=submit] {
			font-size: 16px;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
		}

	.ContentPanel.SetupWizard {
		width: 680px;
	}

table.DataTable {
	border-collapse: collapse;
}

	table.DataTable th,
	table.DataTable td {
		border-bottom-width: 1px;
		padding: 8px;
	}

	table.DataTable th {
		padding-top: 0px;
	}

	table.DataTable th {
		white-space: nowrap;
		text-align: left;
		opacity: 0.6;
	}

	table.DataTable textarea {
		width: 100%;
	}

	table.DataTable select,
	table.DataTable input,
	table.DataTable textarea {
		font-size: 11px;
	}

		table.DataTable input[type=text],
		table.DataTable input[type=password] {
			width: 100%;
		}

	table.DataTable td.ActionCell {
		width: 1px;
		white-space: nowrap;
	}

		table.DataTable td.ActionCell a {
			display: inline-block;
			margin: 4px;
		}

table.ChangePasswordTable td {
	padding: 5px;
}

table.ChangePasswordTable .Failure {
	text-align: left;
	max-width: 300px;
}

table.AuditTable {
	table-layout: fixed;
	width: 100%;
}

	table.AuditTable td {
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.Wizard {
	width: 100%;
}

	.Wizard .WizardSideBar {
		width: 88px;
		vertical-align: top;
		padding: 10px;
		background-color: #F5F5F5;
	}

	.Wizard .WizardNavigation {
		padding-top: 20px;
		padding-right: 150px;
	}

	.Wizard .WizardStep {
		padding-left: 10px;
	}

	.Wizard dt {
		width: 150px;
	}

	.Wizard dd {
		width: 300px;
	}

.LicenseTextBox {
	font-size: 8px;
	width: 400px;
	height: 125px;
}

.DatabaseMaintenanceList {
}

	.DatabaseMaintenanceList > dd {
	}

		.DatabaseMaintenanceList > dd > table {
			width: 100%;
		}

		.DatabaseMaintenanceList > dd > span {
			display: inline-block;
			padding: 5px;
			margin-right: 10px;
		}

.AppearanceList {
	height: 100%;
	margin: 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	.AppearanceList .ThemeSelectorContentPanel > span {
		display: inline-block;
		padding: 5px;
		margin-right: 10px;
	}

	.AppearanceList .ResourcePanel {
		padding-left: 0;
		margin-left: 10px;
		overflow: auto;
	-webkit-overflow-scrolling: touch;
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
		-webkit-flex-basis: 1px;
	-ms-flex-basis: 1px;
	flex-basis: 1px;
	}

		.AppearanceList .ResourcePanel .DataTable {
			width: 100%;
		}

			.AppearanceList .ResourcePanel .DataTable th {
				border-top-width: 0px;
			}

			.AppearanceList .ResourcePanel .DataTable tr > *:first-child {
				border-left-width: 0px;
			}

			.AppearanceList .ResourcePanel .DataTable th,
			.AppearanceList .ResourcePanel .DataTable td {
				max-width: 300px;
				word-wrap: break-word;
			}

				.AppearanceList .ResourcePanel .DataTable td div {
					margin: 0px;
				}

			.AppearanceList .ResourcePanel .DataTable .StringResource td div {
				max-height: 100px;
				overflow: auto;
	-webkit-overflow-scrolling: touch;
			}

			.AppearanceList .ResourcePanel .DataTable td.Overridden {
				background-color: #E9E9E9;
			}

			.AppearanceList .ResourcePanel .DataTable .ImageResource td.Overridden div {
				background-color: #F5F5F5;
			}

.ImageSelector {
}

	.ImageSelector > * {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0px;
	}

	.ImageSelector .ImageInput {
		width: 200px;
		padding-left: 10px;
		border-left-width: 1px;
		margin-left: 10px;
	}

	.ImageSelector.ReadOnly .ImageInput {
		display: none;
	}

	.ImageSelector .ImageInput > * {
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}

	.ImageSelector .ImageInput .ImageDropDestination {
		border-width: 2px;
		border-style: dashed;
		padding: 5px;
		background-color: #F5F5F5;
	}

	.ImageSelector .ImageDropDestination,
	.ImageSelector .ImageDisplay span {
		opacity: 0.6;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

.DefaultCustomSelector {
}

	.DefaultCustomSelector > div {
		margin: 0px;
	}

		.DefaultCustomSelector > div:last-child {
			margin-top: 5px;
		}

		.DefaultCustomSelector > div > div {
			margin: 5px 0px 0px 15px;
		}

/*.DefaultCustomSelector > div > div > * {
				margin: 0px;
			}*/

div.StatusTestPanel {
}

	div.StatusTestPanel .Header {
		position: relative;
		height: 35px;
		padding: 5px 5px 0px 5px;
		margin: 0px;
		border-width: 1px;
		border-radius: 5px;
		background-size: 30px 100%;
		background-repeat: no-repeat;
		background-image: linear-gradient(to bottom, #CCCCCC, #888888);
	}

	div.StatusTestPanel.Passed .Header {
		background-image: linear-gradient(to bottom, #00CC00, #009900);
	}

	div.StatusTestPanel.Warning .Header {
		background-image: linear-gradient(to bottom, #DDDD00, #AAAA00);
	}

	div.StatusTestPanel.Failed .Header,
	div.StatusTestPanel.Error .Header {
		background-image: linear-gradient(to bottom, #DD0000, #880000);
	}

	div.StatusTestPanel .Header span:first-child {
		position: absolute;
		left: 36px;
		width: 200px;
	}

	div.StatusTestPanel .Header span {
		position: absolute;
		right: 0px;
		width: 120px;
	}

	div.StatusTestPanel .Header a {
		position: absolute;
		right: 5px;
		width: 20px;
		height: 20px;
		background-size: cover;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAACz0lEQVR4Ac1XIWwqTRBGIpFIZCWy7kh3KA/VZ5q85JlLXvJSgWhQKIIgaYJBvSCeoK7mT5rUcKY5UYVCNQgEqTrzkiYYzs1/5GPhjuUmC3ei3yjYvfl2Zme+3S18KThFVVM1p5Sz23qVOjShJXHMPslXD+pb1hWXVQ+OUy1Qo0blPOclNaT1ocMWt7lp0oyd8qlpcSnQnze5zx4vOI4PfuUB3+4p1tQ5ZStH+sPfkaOQ0zHl9p7Et4rDKdEEH9xGzm0wY1dTLLEfcuZnmNznFdvj0Y7CKZKPiU98KqbYfJmCxnDv8Tl45xumyNTcKaZVjv3q5SjGR5uKPjeDA84CDwSsagYBStPlkLOhC4KZsX507cyoDrmWVtGMJP5t03T1Pbn+IdoqicHmP4FiFY2aSf1jxuAUkf/pQQPpbl4J7nXcZgx0uSO4+oH8H8ITKOD+eFEPEMMoWf/IpkBh4x54w9hyRwDNf2eWKazcYxxJ2va0U4IoAyKFhXughSThxKNLfM5WFLJ7jSHm3MckomvVob8is9ErqKvqxQgGFiKgIrOTw5d4HdGdDQEoYJ7t3LEZgSgVHiu4F6QCeEIEw1ibdRiQpWIRmSAVKXtQ3fz4yUAGqTA0te5ulQjTVrlIBeAm1Qgn8VtuUhFgbL07OlVv88cwN6l4wahfAHQv33CYk1S0MR6/66n55q//cpGKxXY8cc+je9zlwhykAhVEz4dXrgAxZJUKXdz1KjwfxNDkj0xSEbKr128Ct9KWkSZBKgz0dYEeu2dfX+Dq0hEoIBVp+MsU72ATUCWRwsI9RDoF1MGkNmreGiFuEsi+BHQ1SnbKtvjY9QZNIA8CcADBumLGgQDnr06OBSAdwZ7kVah5OEflYGutH7H6Iaj35DEimm1tGv3q47mhbdKonPPCfya2MB+vgbPQqKiemkvvfEhCRjjluqt65O9NPdDd9UXhK+B/dnXdrFFYXzcAAAAASUVORK5CYII=);
	}

	div.StatusTestPanel.Expanded .Header a {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAACwklEQVR4Ac1YIWgjQRStrKyMjKysrNvQmTQX1TOBgzMLB6EiokStChGBg5ioI+JE4moKhTOJCRFVUatKRUSoijkorOm6d13+fnbY7s6f9Fb0fbWZ7Xszf/682d+jTwGv1vTVUK+zUD/19eVpBdStuhqqJ42S2Ktp8+zD5M0zfa/hEGvVODwpJ2pqkvQxxwphGhvMMcKVKbJo1Q+g1+d6z386wAplCDHJJF6bviv9dUa+hYS9IaKmDvRqSC93sIErntEFp8o7ts8+4JxHOAQxxixxb6G/+EYvBYhxOH5Libo81a8S/fYtZImS7VZhMtiz0C+hoLFEOUZpRXm199m/SYbaeLbQawqLRAy/eCe8Y6r8Oyu9ghIlQk7TWcH8O4iF2f94C0liULQGMrQ7gb6L6C26gsQ2HfdqpjVA4wqxSJ9AlujTeJA7vRMXeieJP6nLZitYJz88ONLLEnsu1mOuICQROdOLElys53yxQON7WcExvUUiLKmkpm84UID3GBN9qVWQxBjvMSdXGtIKfE2vFb4YWa0iwhxFuCWBCV8wxQKSVcjvzoQVOFmFpVDV1BAYwALBKoQ9oHPclellq2DwPX2TfqKQUROqsAqgRyv4wid5lzw+VmYVEdpIRlt1Fpglj/PKrOKBxna5y96vzCrGRg2xG70kP20qsYq/aJtORFATohKsgiBYxS+af5jrAOiTJbRZBcNqFTz/i6/5j5Yp7UOM/8OgYP68hhfRMpz9qrBjIMvQuMVHsUGbTa4YeiaagAWPaUuinoq/sKlc1/IqhNnvWnV76xSSxChfP7J7ivRsfQtuQVZwQQjfnZ4SlTWAXawQWxPTN7pNr+bewvpZG9jGCEtsc03TCmN0jBZQB4c3shM63Wb00OfNNGPmPvfc4VNDuitsvb6cd7njD/QiJ/SS/L+CbqyqQNvfUA3v5Ogz4R8BlN2sSY10HwAAAABJRU5ErkJggg==);
	}

	div.StatusTestPanel.Incomplete .Header a {
		background-image: url(/Images/ActivityIndicator.gif);
	}

	div.StatusTestPanel .Content {
		padding: 20px 0px 0px 0px;
		margin: -10px 0px 0px 0px;
		border-width: 0px 1px 1px 1px;
		border-radius: 0px 0px 5px 5px;
	}

	div.StatusTestPanel:not(.Expanded) .Content {
		display: none;
	}

	div.StatusTestPanel .Content > p {
		padding: 0px 20px;
	}

	div.StatusTestPanel .Content dl {
		border-top-width: 1px;
		padding-top: 10px;
		margin: 0px;
	}

		div.StatusTestPanel .Content dl:after {
			content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
		}

	div.StatusTestPanel .Content dt {
		float: left;
	clear: left;
	text-align: right;
	margin-bottom: 10px;
		width: 200px;
	}

	div.StatusTestPanel .Content dd {
		float: left;
	margin-bottom: 10px;
		width: 400px;
	}

.Success {
	color: #3A3;
}

.Failure {
	color: #A33;
}

.OuterPanel {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
}

	.OuterPanel > * {
		position: absolute;
		margin: 0px;
	}

.HeaderPanel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 55px;
	background-color: #5F8C5B;
	color: #FFF;
	-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
}

	.HeaderPanel > * {
		height: 55px;
	}

	.HeaderPanel .LogoIconLink {
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
	}

		.HeaderPanel .LogoIconLink.LogoIconVisible,
		.LogoIconVisible .HeaderPanel .LogoIconLink {
			padding: 2px;
			flex-basis: 88px;
			-webkit-flex-basis: 88px;
			-ms-flex-basis: 88px;
			background-origin: content-box;
			background-image: url(data:;base64,);
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

	.HeaderPanel .LogoPanel {
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
	}

		.HeaderPanel .LogoPanel.HasMasterPanel,
		.HasMasterPanel .HeaderPanel .LogoPanel {
			display: none;
		}

		.HeaderPanel .LogoPanel.LogoHeadingVisible:after,
		.LogoHeadingVisible .HeaderPanel .LogoPanel:after {
			cursor: default;
			user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
			content: 'Microsoft Remote Support Software';
		}

		.HeaderPanel .LogoPanel.LogoImageVisible,
		.LogoImageVisible .HeaderPanel .LogoPanel {
			padding: 2px;
			background-image: url(data:;base64,);
			background-size: contain;
			background-repeat: no-repeat;
			background-origin: content-box;
			background-position-y: center;
		}

	.HeaderPanel .CommandPanel {
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
	}

		.HeaderPanel .CommandPanel a {
			padding: 0px 12px;
			height: 55px;
			line-height: 55px;
			color: inherit;
		}

.NavigationPanel {
	top: 55px;
	bottom: 0px;
	width: 88px;
	background-color: #E6E6E6;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	color: #FFF;
	overflow: hidden;
	display: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

	.NavigationPanel.UserAuthenticated,
	.UserAuthenticated .NavigationPanel {
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	}

	.NavigationPanel > * {
		padding: 10px 0px;
		margin: 0px;
		flex-shrink: 1;
		min-height: 50px;
	}

		.NavigationPanel > *:first-child {
			margin-top: 5px;
		}

	.NavigationPanel a {
		margin-left: 4px;
		opacity: 0.75;
		text-decoration: none;
		color: inherit;
	}

		.NavigationPanel a:hover {
			opacity: 1;
			-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
		}

		.NavigationPanel a.Selected {
			opacity: 1;
			margin-left: 0px;
			border-left: 4px #5F8C5B solid;
			background-color: #F5F5F5;
		}

	.NavigationPanel div {
		cursor: pointer;
	}

		.NavigationPanel div:after {
			display: none;
			content: 'rightUp';
		}

		.NavigationPanel div span:first-child {
			user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
			border-radius: 16px;
			width: 32px;
			height: 32px;
			background-color: #5F8C5B;
			color: #FFF;
			font-size: 18px;
			line-height: 32px;
			display: inline-block;
			margin-bottom: 5px;
		}

	.NavigationPanel img {
		width: 30px;
		height: auto;
	}

	.NavigationPanel span {
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
		display: block;
		font-size: 12px;
		margin: 0px;
		min-height: 0px;
	}

.MainPanel {
	top: 55px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 280px;
}

	.MainPanel > * {
		position: absolute;
		margin: 0px;
	}

.UserAuthenticated .MainPanel {
	left: 88px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.MainPanel .ContentPanel {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.MainDetailHeaderPanel {
	top: -55px;
	left: 25%;
	right: 30%;
	height: 55px;
	color: #FFF;
	font-size: 20px;
	line-height: 55px;
}

	.MainDetailHeaderPanel h2 {
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}


	.MainDetailHeaderPanel .CommandPanel {
		float: right;
		margin-right: 5px;
	}

		.MainDetailHeaderPanel .CommandPanel a {
			vertical-align: top;
			padding: 0px 6px;
			line-height: 55px;
			color: inherit;
		}

			.MainDetailHeaderPanel .CommandPanel a:after {
				display: none;
				content: 'downLeft';
			}

			.MainDetailHeaderPanel .CommandPanel a.Disabled {
			}

			.MainDetailHeaderPanel .CommandPanel a img {
				height: 24px;
				width: auto;
				vertical-align: middle;
			}

			.MainDetailHeaderPanel .CommandPanel a span {
				font-size: 14px;
			}

			.MainDetailHeaderPanel .CommandPanel a.Disabled * {
				opacity: 0.5;
				-webkit-filter: brightness(0.8);
			}

	.MainDetailHeaderPanel h2 {
		padding: 0px 2%;
	}


@media (max-width: 1100px) {
	.MainDetailHeaderPanel .CommandPanel a span {
		display: none;
	}
}

.OuterPanel .DetailPanel {
	top: 0px;
	left: 25%;
	right: 0px;
	bottom: 0px;
}

.OuterPanel .MainDetailPanel {
	top: 0px;
	left: 25%;
	right: 30%;
	bottom: 0px;
}

.OuterPanel .SubDetailHeaderPanel {
	top: -55px;
	right: 0px;
	width: 30%;
	height: 55px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.20);
	line-height: 55px;
}

	.OuterPanel .SubDetailHeaderPanel h3 {
		padding: 0px 5%;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.SubDetailPanel {
	top: 0px;
	right: 0px;
	width: 30%;
	bottom: 0px;
	background-color: #F5F5F5;
	border-left-width: 1px;
	-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
}

	.SubDetailPanel > * {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.SubDetailPanel .HideDetailPanelButton {
		height: 38px;
		width: 38px;
		text-decoration: none;
		font-size: 24px;
		color: #444;
		padding: 4px 16px;
		position: absolute;
		right: 0%;
		display: none;
	}

	.SubDetailPanel .SingleSelectionPanel {
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	}

		.SubDetailPanel .SingleSelectionPanel > * {
			position: relative;
			margin: 0px;
		}

	.SubDetailPanel .MultiSelectionPanel {
		padding: 30px 20%;
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
		-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	}

		.SubDetailPanel .MultiSelectionPanel a.Overflow,
		.SubDetailPanel .MultiSelectionPanel a.Disabled,
		.SubDetailPanel .MultiSelectionPanel a img {
			display: none;
		}

		.SubDetailPanel .MultiSelectionPanel a {
			display: block;
			font-size: 15px;
			margin-bottom: 5px;
		}

			.SubDetailPanel .MultiSelectionPanel a span {
				margin: 0px;
			}

	.SubDetailPanel:not(.SingleSelection) .SingleSelectionPanel {
		display: none;
	}

	.SubDetailPanel:not(.MultiSelection) .MultiSelectionPanel {
		display: none;
	}

	.SubDetailPanel .DetailTabContent {
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
	}

	.SubDetailPanel.Loading .DetailTabContent:after {
		content: "";
	background-color: rgb(200, 200, 200);
	background-color: rgba(200, 200, 200, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		background-image: url(/Images/ActivityIndicator.gif);
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 60px;
	}

	.SubDetailPanel .DetailTabContent > *,
	.SubDetailPanel.Loading .DetailTabContent:after {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

	.SubDetailPanel .DetailTabList {
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
		-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
		margin: 0px;
		overflow: hidden;
	}

		.SubDetailPanel .DetailTabList a {
			position: relative;
			padding: 5px 1% 3px 1%;
			height: 100%;
			border-bottom-width: 3px;
			font-size: 11px;
			text-align: center;
			flex-basis: 50px;
		}

			.SubDetailPanel .DetailTabList a.TouchActive,
			.TouchDisabled .SubDetailPanel .DetailTabList a:hover {
				background-color: #E9E9E9;
				-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
			}

			.SubDetailPanel .DetailTabList a.Selected {
				border-color: #5F8C5B;
			}

			.SubDetailPanel .DetailTabList a img {
				width: 24px;
				height: 24px;
			}

			.SubDetailPanel .DetailTabList a span {
				display: none;
			}

			.SubDetailPanel .DetailTabList a.Unacknowledged:before {
				display: inline-block;
	content: '';
	border-radius: 3px;
	width: 0px;
	height: 0px;
	border: 3px solid #5F8C5B;
	margin: 5px;
				position: absolute;
				top: 0px;
				right: 0px;
			}

.HostPage .InfoPanel {
	overflow: hidden;
}

	.HostPage .InfoPanel:empty {
		display: none;
	}

.HostPage .MainDetailPanel .InfoPanel:first-child {
	border-bottom-width: 1px;
}

.HostPage .MainDetailPanel .InfoPanel:last-child {
	border-top-width: 1px;
}

.OuterPanel .MasterPanel {
	top: -55px;
	bottom: 0px;
	width: 25%;
	background-color: #F5F5F5;
	color: #FFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 100;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

	.OuterPanel .MasterPanel > h2 {
		margin: 0px 6%;
		line-height: 55px;
		font-size: 24px;
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

	.OuterPanel .MasterPanel > p {
		margin: 4px 8% 15px 8%;
		overflow: hidden;
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
	}

	.OuterPanel .MasterPanel p.Create a {
		display: block;
		text-decoration: inherit;
		color: inherit;
		border-radius: 12px;
		margin: 0px 6%;
		padding: 5px 0px;
		font-size: 14px;
		text-align: center;
		background-color: #5F8C5B;
	}

		.OuterPanel .MasterPanel p.Create a.TouchActive,
		.TouchDisabled .OuterPanel .MasterPanel p.Create a:hover {
			box-shadow: inset 0px 0px 100px 100px rgba(255, 255, 255, 0.04);
			-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
		}

	.OuterPanel .MasterPanel p.Ambient {
		font-size: 12px;
		text-align: center;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

		.OuterPanel .MasterPanel p.Ambient a {
			opacity: 0.75;
			color: inherit;
			text-decoration: none;
		}

			.OuterPanel .MasterPanel p.Ambient a.TouchActive,
			.TouchDisabled .OuterPanel .MasterPanel p.Ambient a:hover {
				opacity: 0.9;
				-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
			}

	.OuterPanel .MasterPanel ul {
		margin: 0px;
		padding: 0px;
		user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
		list-style: none;
		font-size: 14px;
	}

		.OuterPanel .MasterPanel ul span {
			float: right;
			margin: -1px 2px;
		}

		.OuterPanel .MasterPanel ul li > a {
			display: block;
			color: inherit;
			text-decoration: none;
			padding: 8px 10%;
		}

		.OuterPanel .MasterPanel ul div {
			cursor: pointer;
			margin: 0px;
			padding-left: 12px;
		}

		.OuterPanel .MasterPanel ul li.Collapsed > ul {
			display: none;
		}

		.OuterPanel .MasterPanel ul li.HasChildren > div > p {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaAQAAAACf+EHQAAAABGdBTUEAALGPC/xhBQAAAAJ0Uk5TAAB2k804AAAAO0lEQVR4AS3NsQ2AMAxEUQ+AYGWP5lEyQsoUEfAiuXjVSffjioib50iKwWSxefmOpFrS22YxGRRJf2v8dtIV/WHq0G0AAAAASUVORK5CYII=);
		}

		.OuterPanel .MasterPanel ul li.HasChildren.InPath:not(.Collapsed) > div > p {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaBAMAAABFrWFOAAAABGdBTUEAALGPC/xhBQAAAAZQTFRF////////VXz1bAAAAAF0Uk5TAEDm2GYAAAAuSURBVHgBjcahAQAgAIRAGYH9l7U9US/d+Ud1o7pSXamuVFeqK9WV6kp1pVpfLrz7Bq+xOCJxAAAAAElFTkSuQmCC);
		}

		.OuterPanel .MasterPanel ul div > p {
			padding: 6px 0px;
			margin: 0px;
			background-repeat: no-repeat;
			background-size: 6px 9px;
			background-position: 0px center;
			padding-left: 10px;
			overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
		}

		.OuterPanel .MasterPanel ul div > a {
			float: right;
			width: 24px;
			height: 24px;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAAjklEQVR4Ae3XsQnDMBCG0YyiUTSCRvEI2kyj/WkDCTZcYZnwXv8VB7J8ep0CAAAAAAAAAEjLyMzMSNtfFKVn5dNK31bU5cgvx96iPsa3Y0NRlZ4zfUNRk5Uza0NRkZYr7caiLiNXxo1FXWauzFsLgzzsaPnYn3f9+iHuX1Esjc9f4z2sAAAAAAAAAIB/8gbf0KPE6lo9UwAAAABJRU5ErkJggg==) no-repeat;
			background-position: center;
			background-size: 24px 24px;
			filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
	-moz-filter: brightness(0.6);
	-o-filter: brightness(0.6);
	-ms-filter: brightness(0.6);
		}

			.OuterPanel .MasterPanel ul div > a:hover {
				filter: brightness(1000%);
	-webkit-filter: brightness(1000%);
	-moz-filter: brightness(1000%);
	-o-filter: brightness(1000%);
	-ms-filter: brightness(1000%);
			}

		.OuterPanel .MasterPanel ul div > span {
			float: right;
			margin: 0px 5px;
			padding: 6px;
		}

		.OuterPanel .MasterPanel ul div:not(:hover) > a {
			display: none;
		}

		.OuterPanel .MasterPanel ul ul p {
			margin-left: 8%;
		}

		.OuterPanel .MasterPanel ul ul ul p {
			margin-left: 12%;
		}

		.OuterPanel .MasterPanel ul ul ul ul p {
			margin-left: 16%;
		}

		.OuterPanel .MasterPanel ul li.Unacknowledged > div > p:after {
			display: inline-block;
	content: '';
	border-radius: 3px;
	width: 0px;
	height: 0px;
	border: 3px solid #5F8C5B;
	margin: 5px;
			vertical-align: top;
		}

		.OuterPanel .MasterPanel ul li > *:first-child {
			opacity: 0.75;
			margin-left: 4px;
		}

		.OuterPanel .MasterPanel ul li.TouchActive > *:first-child,
		.TouchDisabled .OuterPanel .MasterPanel ul li > *:first-child:hover {
			opacity: 1;
			-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
		}

		.OuterPanel .MasterPanel ul li.Selected > *:first-child {
			opacity: 1 !important;
			font-weight: 600;
			border-left: 4px solid #5F8C5B;
			margin-left: 0px;
		}

	.OuterPanel .MasterPanel > ul {
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
		overflow-y: auto;
		padding-right: 0px;
		margin-top: 5px;
		-webkit-overflow-scrolling: touch;
	}

::-webkit-scrollbar {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 12px;
	height: 12px;
	margin-right: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #cccccc;
	border: 3px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
}

.OuterPanel .MasterPanel > ul::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.2);
}

.MainDetailPanel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	.MainDetailPanel > * {
		margin-bottom: 0px;
	}

	.MainDetailPanel .DetailSelectionPanel {
		position: relative;
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
	}

		.MainDetailPanel .DetailSelectionPanel * {
			margin: 0px;
		}

		.MainDetailPanel .DetailSelectionPanel > *,
		.MainDetailPanel.Loading .DetailSelectionPanel:after {
			position: absolute;
			width: 100%;
		}

	.MainDetailPanel.Loading .DetailSelectionPanel:after {
		content: "";
	background-color: rgb(200, 200, 200);
	background-color: rgba(200, 200, 200, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		background-image: url(/Images/ActivityIndicator.gif);
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 60px;
	}

	.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel > a,
	.MainDetailPanel .DetailSelectionPanel td:first-child {
		background-repeat: no-repeat;
		background-size: auto 28px;
		background-position: 0px center;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAADACAMAAADbayz1AAABC1BMVEUAAAB9fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX3////////x2tntzs368/LbnprRhYHEYVu7SEK2PDW0OzSyOzSvOjOtOTKrODKpODGmNzCkNjCiNS+gNS6dNC2bMy2ZMiyXMiuUMSuSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqSMCqUMSuXMiuZMiybMy2dNC2gNS6iNS+kNjCmNzCpODGrODKtOTKvOjOyOzS0OzS2PDXEYVvRhYHbnpr25+b68/KSRCC4AAAAQ3RSTlMAABAgMEBQYHCAj5+vv8/f7///gICAgICAgICAgICAgICAgICAgICAgICAgHhwaGBYUEhAODAoIBgQCACPn6+/z9/v3Z6izAAABcdJREFUeAHswUENACAMBDDIBU/zr2wmyL3ang4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC8b3LLZtmrv94mji6O42d2144Tk8gr9S4ptBVQYGKcYIJjD8QkC2npn4Ym7zZqr/tq2qsWQbJrV9ozhbuRjOa30T7P73sxV8nZ1c5Hx+ORjdju3tOZa7QDOy8idnI0nLjP6bPx9DbzqG32EtNYk5GN3/7UNdZ4XsTvxaQxQGk/B9RviNBsz0LafeqaaXpUYLINAVob5JAGXdNAh0OLam/mGujguEA1nzYBqJ/D2mjAz67F9XjWgJ+TAtfLKR5QPwfWN+BmuxbZvkM3PS6QHcEB9fKPbUYr/9iawbZntUd3b29Ha+er+9b3zIE7KrRXP5xdROv8lzeFbwgGlH3U0zUR6/5naJAaZM+sdn9nO253Htq63ZmDNi60788v4vb2tKg7mWIB+YsedEzkugMP0yAb2rp729HbeWDrxg7avKh7cxG9cy/IQgF1vJ/MRC/zgjKD69Dvn21AO4/q2UOH7MDvnwtA5691BblVSmS1ulL3dyXRq/6RujXBdVWfy3cCyE9dlAJMP47ZEEB+qlnp66wKqFOfHyoBVF75R+Aq9fWXguh64Z8BLK3PrhFEmU6/AgLqGL0BgfS+Pk0qsBT+NXS/VQIsU0CCSed+AQSkf14tBNKi8g9BdegZQffbUuCl2LlwQCX2FyYVVODfGHylYIMD0pYCaiksWOZPUBkQEGM3D4gREGMExAiIERAjIEZAjBEQIyBGQIyAGCMgRkCMgBgBMUZAjIAYATECYtX1Qlpd0jE3CYh+qqrVgpLfLzNzc4DoRwQqCO9HJCAID4h+wILwfsKCCAjuBy8I7CcsiIDgfvCCwH7CgggI7gcvCOxHBTUPiH7wgvB+woIICO5Hq8r2+lFBKQHdoB8xnXb7kdOKgG7ST9e03E+5JCB89ENAq7dYtNyPMWg/BBRoUVWLdvvJMoP1EwZEPyqovX4uLzOD9BMGRD8iKqi1fkRUUNgPAcH8qKAW+1FBYT8EBPSjglrsRwWF/RAQ0I8KarEfFRT2Q0BAPyqoxX5UUNgPAcH8qKCyvX5UUBrwQ0DwqhLqB9/lb3g/BPSpJE1F87XNz7I8lVDqp3lAFIT3gxekfggILwjvByoogh8CAgjC+wELUj8EhBeE94MXFPZDQHhBeD94QWE/BIQXhPeDFxT2Q0B4QXg/eEHqp3lAFIT3gxekfpoHREF4P3hBYT8EhBeE94MWpH6aB0RBeD94QWE/BAQXhPcDFhT2Q0BgQXg/YEFhPwQEFoT3AxYU9kNAYEEJ3g9W0OuAHwKCB/aDbwnwQ0CMgP6nIyBGQIwRECMgRkCMgBgjIEZAjIAYATFGQEZaXnlDgwko1ZMyw8EBpdgLXgqqP7DvnzXF6Bo6dwkEVGIB6Q1UItgHrAmmjn8GsLIBQH8CAS30nzoCqWuaAdRNBNFaggf0V31eVYLog17vBhBQpW/eE0g6tloKrK7U9QVQqq+fpALMX+47xDeq3uuS6AqwXl7XN4D6eV3PABvZuns727G7/cjWHThoR0Xd6flF7N6+KuqGbpVkxZKBFwTzM0gMsInVHtyJ7Ocb72fosB0U2ulZZD8/ez/HUyggWc+1zdRErbOZaz0D7Yn1fft1NENf3rn70PomDtzzwvfdT2ex1tCvZz++LnxjhwUkW7lva70TrfVPUw222WOLbOzgvSyQPXdoQOkgBzZITZsF7Tt8U6SgFw4OSDKgoEFm4M1G0P2DbzpH7h88IMm2clBbaD/a2EIaTlxD2ZMC0fG+QwPSko0c0kZimmm6vxufz1PXXJMX8Qkd26nDA/Kl/UEeuUE/Nc01e/Zk9NjGajQaH7qG238+f1nEaj63B86HB6R11m9tRuvWesewNib/9/3bHhwIAAAAAAjyt95gggoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAUuWx3ihi+zRwAAAABJRU5ErkJggg==);
	}

	.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel.HalfChecked > a,
	.MainDetailPanel .DetailSelectionPanel tr.HalfChecked td:first-child {
		background-position: -28px center;
	}

	.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel.Checked > a,
	.MainDetailPanel .DetailSelectionPanel tr.Checked td:first-child {
		background-position: -56px center;
	}

	.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel {
		height: 30px;
		border-bottom-width: 1px;
	}

		.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel input {
			float: right;
			font-size: 12px;
			padding: 3px 3px 3px 20px;
			margin: 3px;
			width: 70%;
			max-width: 225px;
			min-width: 100px;
			background-position: left center;
			background-size: contain;
			background-repeat: no-repeat;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAABGdBTUEAALGPC/xhBQAAAv1JREFUeAHt2D9olHccx/HPXVQSFLwltHFQ6KBLAgHNILabulSy6dRBHAq2QyEuQuvUP+9J20lsR5upugVxKNUuEgriUp3iEDsIBQvSiNYk5tvtw6/CkeTu9zx3D/19XtsRnt+99Q6ee1T2/11ZWVlZWVlZWVkZ2zHDbV4SFXrJbWaqCjjBP0QNXnOyioA2y0RNlmnnD5gmajSdP+BorQFH8wfsTr6+l+lU4HLyVd6dMcDmfcArDqHMDvHK15+XqgiYZN1H3KWFMmpx19deZzJzgF0l7BzK6BxhV6WqAvby1Mf8xTjKZJxnvu5T9lYQYKcJm0eZ/EjYaamSAFvwURucRBmcYMPXXJCqDtjPio97zBjq0xiPfb0V9lcYYHOEgfoEYXNSHQEj3PeRq0yhPkyx6mvdZ6TiADvMmo9dpI161GbR11njsFR5gF0h7FPUo08IuyLVGbCHJz76OftQD/bx3Nd4wp6aAuwUYTdRD24SdkqqLcBuEDaLtmmWsBvSIAIm/vsR6OMjOFFzgJ0n7Du0Dd8Sdl4aVECbe8lN8BG0RUeSG/N7tAcQYJO89lt5wAjaghEeJE8gJqWBBNjXhF1AW3CBsG+kQQeMsuS384IDaBMHeOG/X2J0gAF2PLkdvoU2cSu5HT8uDTTArhN2BtHdGcKuK8Oq+EnYQV10kp+kzxgfggA7S9g11MU1ws4qz8jljt/aG44hzI7xxn9zh9awBRxMHkw9ZCd6y04eJg/GDirXyOcSYV+gt3xO2CVpGAN28Sj9N+76//OIXUMWYO8nn/KfUeKX5BvygXKOvL5Pbu52+NUdSdgP0jAHdAgbTW43wjrDHaDNAqRaA0pACSgBJaAElIASUAJKQAl4z6+tNjFglAW/9nvzAt5hkbCvmhYwxTJhK7zbrIAP+ZtIfCw1KeAi64StMyc1KyC1wqzU3IA/mJaaG/AbE1JzAjYIUj8xJjUpYImwDb6kJTUr4LPkAe9Hqn7kd5E/WeNXZlRWVlZWVlZWVlZWVlbh/gWTG70aOj5O0QAAAABJRU5ErkJggg==);
		}

		.MainDetailPanel .DetailSelectionPanel .DetailTableHeaderPanel > a {
			display: inline-block;
			width: 28px;
			height: 100%;
		}

	.MainDetailPanel .DetailSelectionPanel .DetailTableContainer,
	.MainDetailPanel.Loading .DetailSelectionPanel:after {
		top: 30px;
		bottom: 0px;
	}

	.MainDetailPanel .DetailSelectionPanel .DetailTableContainer {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer:not(.Empty) .EmptyPanel {
			display: none;
		}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel {
			padding: 30px 20%;
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel > * {
				margin-bottom: 15px;
				text-align: center;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel img {
				width: 150px;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .EmptyPanel h2 + p {
				opacity: 0.6;
			}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table {
			width: 100.4%; /* HACK for chrome leaving a pixel gap */
			border-collapse: collapse;
			table-layout: fixed;
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table * {
				user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
			}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer.Empty table {
			display: none;
		}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr {
			border-bottom-width: 1px;
			border-color: #EEE;
			cursor: pointer;
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.TouchActive,
			.TouchDisabled .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr:hover {
				background-color: #F5F5F5;
				-webkit-transition: all 0.12s ease-in-out, background-color 0;
	-moz-transition: all 0.12s ease-in-out, background-color 0;
	-ms-transition: all 0.12s ease-in-out, background-color 0;
	-o-transition: all 0.12s ease-in-out, background-color 0;
	transition: all 0.12s ease-in-out, background-color 0;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.Selected {
				background-color: #E9E9E9 !important;
			}

				.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.Selected.JustCreated {
					-webkit-animation-name: example;
					-webkit-animation-duration: 2s;
					animation-name: Highlight;
					animation-duration: 3s;
				}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td {
			padding: 4px 8px;
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:first-child {
				padding: 0px;
				width: 28px;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child {
				width: 60%;
			}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel {
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel * {
				overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table .SessionInfoPanel p {
				line-height: 1.5em;
				font-size: 11px;
			}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer table tr.Unacknowledged .SessionInfoPanel h3:after {
			display: inline-block;
	content: '';
	border-radius: 3px;
	width: 0px;
	height: 0px;
	border: 3px solid #5F8C5B;
	margin: 5px;
			vertical-align: top;
		}

		.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel {
			position: relative;
			width: 100%;
			height: 40px;
		}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel * {
				position: absolute;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div {
				width: 50%;
				height: 100%;
				background-size: 30px;
				background-repeat: no-repeat;
			}

				.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div:not(.Connected) {
					filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
				}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Access > div.Guest {
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAABcRAAAXEQHKJvM/AAAB0klEQVR42u3dwW0aQRiG4c9R7qaDpAO7ggkpYCVcQSghHdjuwB0Yd4C0BQRNBbgDuwO7AnKASy5mEWszSZ73vEKr/9HO7CLEnm02m6idPhkBEAEBIiBABOTf7/PQA0tf5klmSSbGdlAvSZa1q4shB58NeTAsfVkk+WG2R/VQuzo/GmR3Zdyb5yhd1a4uj91DZuY4WnuvkCEg9ozxmowBIre9QPS3PYe80WuStVEmSS6TnJ8aZF27OmWRlL6sknyzZNlDBASIgAgIEAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAFpvTH+fOZr6cuNUW5n0QLIlyTXLCxZQAQEiNoHWRjTaO2d5dD/fl8nuTDPo3qsXb0cZcnafdBtkmdzPbjnJLdDMAZfIa1V+jJN8mvPYd9rV1c2dQEBonermT2k9GWS5C4f/yafhyQ/a1dfgPyJsTrhrfVjkmkLKK0sWfMTP+dcZMDbb/4nkJlzsKm7y3qjJ+fQFsiNc2gIpHb1KclVtm/r+ehes32/YBNXSFPfZe1uf2cZ4ccCByxTy1aeQZoDkbssIAICRECACAgQAQFiBEAEBIiAANE79BvCTGaFZnWrxQAAAABJRU5ErkJggg==);
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Support > div.Guest {
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAM1BMVEUAAAA9sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj0iZ90FAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAASBJREFUeAHt2F1uKyEMxXF7YIDhA87+V9s83Ic0jdU2Oai6kn8b+CtYQWPEOeecc28I8SbIRqnhn5Z2JRburB0Z7XjQVcjCwhcr8Bu7Kzrw1FDhKTAUoTlgOoTlgukSlgXTEpII2OK+sfNHX4H9Q+mArXvkLwafAFvi3yob75UJ0xCWxDstm04YpgrNCcMpRBVPVaHqxh+RSqvxO7jywicrywZHxZ16yB6a2sDNaEnlf+OcnqX1iZvRa4kqdOEaeDDyIUSaJ57qiZYoC6aZiBejbUZ5Vxj4VlPed51tndTdnf9tHyZ+rCtvd7cN5TVsM/AatqX8BuHEOl7QiduCTXmruy16xCMe8YgFL+E9oNou6psgbasPufxKDrKTc8459wFaB3/WmRY8HQAAAABJRU5ErkJggg==);
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel.Meeting > div.Guest {
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAM1BMVEX///89sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj1w4tfAAAAAEHRSTlMAECAwQFBgcICQoLDA0ODwVOCoyAAAAaZJREFUeAHt1/2q4yAQhvEZP2xiNPPe/9UulMNx0zN2oiwsu/X3d/FBQkel5SMty7Isiw8hOHrDhRA80bx04ElyIFXIgqcj0Zx4oinKdlxBc0aakHEhiV4kwUWebzQvlYRXeb7RRGooopmsRCiE6RsLFJFGnNDs9G2H5qQBCSphfSNNovsOGGsk6A66D9YaBzroNo+OSl8qOjzdFdBjbRXhAyMOHYW+FHQ4uk2g29t/USfTk6uJytiZnl4B1tQ47U9iKtAka/AUGuHEWqLgJ3E0JOnjsWHp73S+Ip4uvNgNU7wuUphecMHvJNIE3lvmTKRIZ0vsTHM4HRVA2SN1xL0AqEdi+l8sLuWKJ+l8+rAVwVPNydEwThVXOag3+qamwcSmzq5LpuIH2Xjy0YDOA4JbZeIBwQe65GFUkJlu8BUaZREvUFRPJi94r7bKAxrxIw27cloVu2FXHrAqdsO8fjmMV7jins24tKDaR66NrZtkop4NdwXrnbL9wcj2D0ZWZEVWZEWKHfkro56GDy0ZP7SIy1gjQFeY3nHBxtavHX2CZVmWZVl+ASEgrMZHreVcAAAAAElFTkSuQmCC);
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Host {
				left: 0px;
				background-position: left;
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABlCAMAAABjot39AAAAM1BMVEUAAAA9sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj09sj0iZ90FAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAltJREFUeAHt2P+OpCAMwPEWBAGB9v2f9jI/0nHYGRGUy97Fz39mTb7b4jqbgV9nckvkuxy9VTCAXbiQ/ckhdMSfxGlkY0DHZN4SEE7guSJrOAoTr6XF3cTEaxaO0ZkFBYOvug384o9F6LUXixsPRYB+KJOQgw/QS2aGbrL9pKobNdDJ/9yHtu5mQhln4QdS0MWU29CBWKaTYwr8kI4dins2Ir8hV2Rm6OBkXXJZSPrt+AihmSK+S3gfLPIHZOEGie98/9FreQN8Yt9OEKFN8ftF/mZa/9xBI7vetePP5AbFdxmaYODVKIo3BLhZnhnT9fpS2/uSnRmJdkTS/ZI3LXCTWzMoEXZ7PsZQbmp5nkOxjczbbPGAaNhBFTvXXLFIRa7r5qJiuCIVFVZQtxQVxzVlxUJdPFwJf6USx1Yajt8XlZkrqKw4qDNFZeKKWFY07JDfK8AVrqhk2MMUlYW36aJiYJfwXrG8KcN7JQA0ZiZZ4XdWKtVIYaZ1xdZHkXscNMA5rf684vaHmAxMQUE/RfyNhycZpJ/+lglyh1TOz0gEgmzvCJ2/rktGITgMPRfyVPzn7uAEKhC/JFsOSginQOMj3QrLrEHoIG+WQXRM5SENkHlgRPBTNjBQfDRmhJHQOWc1/IPUNLsHM8EQ2kXitRQMnpzwmT9ZLJzGRv6KHI75QnFAR0euIgvHON4lKuinE+9EBnoZ4v380G2JiNAhcKOE4yOSGRyRzMBIR8ZypwQNMvcysB93c7+iclWuylW5KsS9ZtjPcSdC2A9jZ8RCE7vEdl7B5XK5XC7/mz/b+M7ATYO9IQAAAABJRU5ErkJggg==);
			}

				.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Host > * {
					left: 36px;
					right: 4px;
				}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Guest {
				right: 0px;
				background-position: right;
			}

				.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Guest > * {
					left: 4px;
					right: 36px;
				}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > div {
				top: 5px;
				height: 4px;
				border-radius: 2px;
				background-color: #BBB;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div.Connected > div {
				background-color: #4C4;
			}

			.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > p {
				bottom: 0px;
				font-size: 11px;
				text-align: center;
				overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
			}

				.MainDetailPanel .DetailSelectionPanel .DetailTableContainer .StatusDiagramPanel > div > p:nth-child(2) {
					bottom: 14px;
				}

.LoadingHeading {
	padding-right: 60px;
	background-position: right top;
}

.ModalDialog {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px;
	-webkit-animation-name: ModalSlideIn;
	-webkit-animation-duration: 0.12s;
	animation-name: ModalSlideIn;
	animation-duration: 0.12s;
	animation-timing-function: ease;
}

	.ModalDialog::before {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		content: "";
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.75);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		z-index: -1;
		-webkit-animation-duration: 0.12s;
		animation-duration: 0.12s;
		animation-timing-function: ease;
	}

	.ModalDialog textarea {
		height: 125px;
	}

	.ModalDialog input,
	.ModalDialog select,
	.ModalDialog {
		font-size: 14px;
	}

		.ModalDialog > * {
			margin: 0px;
			max-width: 100%;
			background-color: #FFF;
		}

			.ModalDialog > *:after {
				content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
			}

		.ModalDialog > iframe {
			height: 100%;
		}

		.ModalDialog table.DataTable {
			width: 100%;
		}

		.ModalDialog .TitlePanel {
			background-color: #5F8C5B;
		}

		.ModalDialog .ButtonPanel {
			background-color: #FFF;
		}

		.ModalDialog .TitlePanel {
			cursor: move;
		}

			.ModalDialog .TitlePanel h2 {
				float: left;
				margin: 20px;
				font-size: 20px;
				color: #FFF;
			}

			.ModalDialog .TitlePanel a {
				float: right;
				padding: 25px;
				text-decoration: none;
				font-size: 30px;
				line-height: 16px;
				color: #FFF;
			}

				.ModalDialog .TitlePanel a:hover {
					background-color: #445533;
					-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
				}

		.ModalDialog > :not(:first-child) {
			border-top-width: 1px;
		}

		.ModalDialog .ButtonPanel {
			padding: 15px;
		}

			.ModalDialog .ButtonPanel * {
				font-size: 16px;
			}

			.ModalDialog .ButtonPanel input {
				padding: 8px 16px;
				background-color: #FFF;
				color: #5F8C5B;
				font-weight: 600;
				text-transform: uppercase;
			}

				.ModalDialog .ButtonPanel input:hover {
					color: #445533;
				}

		.ModalDialog .TitlePanel,
		.ModalDialog .ButtonPanel {
			-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
		}

		.ModalDialog .ContentPanel {
			padding: 20px 20px 0px 20px;
			overflow: auto;
	-webkit-overflow-scrolling: touch;
		}

			.ModalDialog .ContentPanel input[type=button] {
				font-size: 14px;
			}

			.ModalDialog .ContentPanel textarea {
				width: 100%;
				resize: vertical;
			}

			.ModalDialog .ContentPanel .CommandPanel,
			.ModalDialog .ContentPanel .ResultPanel {
				text-align: left;
			}

			.ModalDialog .ContentPanel .ResultPanel {
				border-width: 2px;
				padding: 10px 10px 10px 30px;
				border-radius: 2px;
				background-repeat: no-repeat;
				background-size: 18px 18px;
				background-position: 2% center;
			}

				.ModalDialog .ContentPanel .ResultPanel:empty {
					visibility: hidden;
				}

					.ModalDialog .ContentPanel .ResultPanel:empty:after {
						content: '\00a0';
					}

				.ModalDialog .ContentPanel .ResultPanel.Success {
					border-color: #3A3;
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEX///8zqjMzqjMzqjMzqjMzqjMzqjPwlknRAAAABnRSTlMAQHCAoPCv5aoxAAAAZElEQVR4Ae3NoQ2AQBBE0RN0QAkkeEg4vYoG6IC7TP8lIMb+JUjEfTmbly1fGi0b75MaH061BOhOgCIB/d9g3hNQFfyhqvOHVQoCHgB4AeCJgDcAJgZADIAYEDEAEgU7rvLe6AFc3SmkbtCzvQAAAABJRU5ErkJggg==);
				}

				.ModalDialog .ContentPanel .ResultPanel.Failure {
					border-color: #A33;
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAKlBMVEX///+2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDW2PDXqOSWtAAAADXRSTlMAECAwQFBgkKCwwNDw0iRCcwAAAQ9JREFUeAHdleGSwyAIhJGgaDTv/7q9SOd6ZgOduf7r/ug0+K2MgkpfqVRqP6Z6LektLu1Y1CTG9wO0BxY9bqUOnvoT6JrlR1l/Ayngh/IrxhUdF77xGubmOSY/CoF2c9yud2zI1/uVS8SbBPMWj9/nDyRoHl+pXVLMwGCXJ75MmCzu8s+/r60t5ycHvKUoy1CPeCtTXYqmIU+6zHkO5ZCnfH4uBgl5kr8GBgPwJJBhc3nHIMjHhuzwsGjYVuBhW43pPo+Fs9bweWiNZJDLQ/NZv7PP85jtDQfI4/EAkR1Cjy9zFOvi8dvAZiN9xytutOUFlcn3f1+V4DjqchkPl4+v+48flPjJ+vhRjJ/db9QDGJMgA1yr/asAAAAASUVORK5CYII=);
				}

			.ModalDialog .ContentPanel dl {
				margin-bottom: 5px;
			}

				.ModalDialog .ContentPanel dl:after {
					content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
				}

			.ModalDialog .ContentPanel dt {
				float: left;
	clear: left;
	text-align: right;
	margin-bottom: 10px;
				width: 20%;
			}

			.ModalDialog .ContentPanel dd {
				float: left;
	margin-bottom: 10px;
				width: 75%;
			}

				.ModalDialog .ContentPanel dd p {
					margin-bottom: 5px;
				}

				.ModalDialog .ContentPanel dd div.EditField {
					display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
					-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
					margin-bottom: 0px;
					margin-left: -5px;
				}

					.ModalDialog .ContentPanel dd div.EditField input[type=text],
					.ModalDialog .ContentPanel dd div.EditField select {
						-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
						-webkit-flex-basis: 1px;
	-ms-flex-basis: 1px;
	flex-basis: 1px;
					}

					.ModalDialog .ContentPanel dd div.EditField > * {
						margin-left: 5px;
						white-space: nowrap;
					}

		.ModalDialog .MasterPanel,
		.ModalDialog .DetailPanel {
			position: absolute;
			height: 100%;
			margin-bottom: 0px;
		}

			.ModalDialog .MasterPanel > *,
			.ModalDialog .DetailPanel > * {
				position: absolute;
				width: 100%;
				margin-bottom: 0px;
			}

		.ModalDialog .MasterPanel {
			width: 25%;
			border-right-width: 1px;
			background-color: #F5F5F5;
		}

			.ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink {
				display: block;
				padding: 7px 4% 7px 10%;
				text-decoration: none;
				color: inherit;
			}

				.ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink.TouchActive,
				.TouchDisabled.ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink:hover {
					background-color: #DDD;
					-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
				}

				.ModalDialog .MasterPanel .MasterSelectionPanel a.SelectionLink.Selected {
					background-color: #CCC !important;
				}

		.ModalDialog .DetailPanel {
			left: 25%;
			right: 0px;
		}

		.ModalDialog.Invite > *,
		.ModalDialog.HostPass > * {
			width: 440px;
		}

		.ModalDialog.GiveFeedback > * {
			width: 400px;
		}

		.ModalDialog.GiveFeedback label {
			margin-right: 10px;
		}

		.ModalDialog.GiveFeedback textarea {
			min-height: 100px;
		}

		.ModalDialog.JoinSession > * {
			width: 540px;
		}

		.ModalDialog.JoinSession .ContentPanel .Help {
			font-size: 10px;
		}

		.ModalDialog.JoinSession .ContentPanel .Box {
			border-radius: 2px;
			padding: 10px;
			border-width: 1px;
			background-color: #F5F5F5;
		}

			.ModalDialog.JoinSession .ContentPanel .Box:after {
				content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
			}

			.ModalDialog.JoinSession .ContentPanel .Box h3 {
				padding: 3px 0px;
			}

			.ModalDialog.JoinSession .ContentPanel .Box h4 {
				float: left;
				border-radius: 13px;
				width: 26px;
				height: 26px;
				line-height: 26px;
				font-size: 18px;
				text-align: center;
				margin: 0px 10px 5px 0px;
				background-color: #5F8C5B;
				color: #FFF;
			}

			.ModalDialog.JoinSession .ContentPanel .Box img {
				float: right;
				width: 60%;
				height: auto;
				margin-left: 15px;
			}

			.ModalDialog.JoinSession .ContentPanel .Box input[type=button] {
				float: right;
				margin-left: 20px;
				margin-bottom: 10px;
				min-width: 150px;
				padding: 8px 0px;
			}

		.ModalDialog.CreateSession > *,
		.ModalDialog.EditSessions > *,
		.ModalDialog.BuildInstaller > *,
		.ModalDialog.InstallAccess > * {
			width: 540px;
		}

		.ModalDialog.EditSessionGroup {
		}

			.ModalDialog.EditSessionGroup dt {
				width: 30%;
			}

			.ModalDialog.EditSessionGroup dd {
				width: 65%;
			}

				.ModalDialog.EditSessionGroup dd input {
					width: 100%;
				}

			.ModalDialog.EditSessionGroup:not(.Expanded) .ReferenceContentPanel {
				display: none;
			}

			.ModalDialog.EditSessionGroup label {
				margin-top: 4px;
			}

		.ModalDialog.ManageSessionGroups > * {
			width: 780px;
		}

		.ModalDialog.ManageSessionGroups .ContentPanel {
			height: 400px;
		}

		.ModalDialog.ManageSessionGroups .DataTable th:nth-child(1) {
			width: 15%;
		}

		.ModalDialog.ManageSessionGroups .DataTable th:nth-child(2) {
			width: 25%;
		}

		.ModalDialog.ManageSessionGroups .DataTable th:nth-child(3) {
			width: 35%;
		}

		.ModalDialog.ManageSessionGroups .DataTable th:nth-child(4) {
			width: 25%;
		}

		.ModalDialog.Page > * {
			width: 100%;
		}

		.ModalDialog.ActivityBox > * {
			width: 340px;
		}

		.ModalDialog.MessageBox > *,
		.ModalDialog.Prompt > * {
			width: 500px;
		}

		.ModalDialog.EditExtensionSettings > * {
			width: 700px;
		}

		.ModalDialog.EditExtensionSettings .ContentPanel {
		}

		.ModalDialog.EditExtensionSettings .DataTable td > div {
			margin: 0px;
		}

		.ModalDialog.EditExtensionSettings .DataTable label {
			display: inline-block;
			width: 60px;
		}

		.ModalDialog.EditExtensionSettings .DataTable input[type=text] {
			width: 220px;
		}

		.ModalDialog.EditExtensionSettings .DataTable th:nth-child(1) {
			width: 20%;
		}

		.ModalDialog.EditExtensionSettings .DataTable th:nth-child(2) {
			width: 30%;
		}

		.ModalDialog.EditExtensionSettings .DataTable th:nth-child(3) {
			width: 50%;
		}

		.ModalDialog.EditResource > * {
			width: 700px;
		}

		.ModalDialog.EditResource .DataTable td > div {
			margin: 0px;
		}

		.ModalDialog.EditUserSourceConfiguration > * {
			width: 700px;
		}

		.ModalDialog.SelectTheme > * {
			width: 800px;
		}

		.ModalDialog.SelectTheme .PreviewPanel {
			margin-left: 20px;
			margin-right: 20px;
		}

			.ModalDialog.SelectTheme .PreviewPanel iframe {
				height: 400px;
				border: 5px solid #DFDFDF;
			}

		.ModalDialog.RunTool > * {
			width: 350px;
		}

		.ModalDialog.RunTool .ToolboxPanel {
			height: 350px;
			border-width: 1px;
			display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
			-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
		}

			.ModalDialog.RunTool .ToolboxPanel.Loading {
				background-image: url(/Images/ActivityIndicator.gif);
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 60px;
			}

				.ModalDialog.RunTool .ToolboxPanel.Loading > * {
					display: none;
				}

			.ModalDialog.RunTool .ToolboxPanel a:hover {
				background-color: #F5F5F5;
				-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
			}

			.ModalDialog.RunTool .ToolboxPanel img {
				vertical-align: bottom;
			}

			.ModalDialog.RunTool .ToolboxPanel a {
				padding: 4px;
				color: inherit;
				text-decoration: none;
			}

			.ModalDialog.RunTool .ToolboxPanel .EmptyPanel {
				padding: 146px 20px;
				text-align: center;
			}

			.ModalDialog.RunTool .ToolboxPanel.Empty > :not(.EmptyPanel) {
				display: none;
			}

			.ModalDialog.RunTool .ToolboxPanel:not(.Empty) .EmptyPanel {
				display: none;
			}

			.ModalDialog.RunTool .ToolboxPanel .DirectoryPanel {
				border-bottom-width: 1px;
				margin-bottom: 0px;
				-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
			}

			.ModalDialog.RunTool .ToolboxPanel.Root .DirectoryPanel {
				display: none;
			}

			.ModalDialog.RunTool .ToolboxPanel .DirectoryPanel a {
				display: inline-block;
			}

			.ModalDialog.RunTool .ToolboxPanel .DirectoryPanel > span:not(:last-child):after {
				content: '\00BB';
			}

			.ModalDialog.RunTool .ToolboxPanel .ListPanel {
				overflow: auto;
				margin-bottom: 0px;
			}

				.ModalDialog.RunTool .ToolboxPanel .ListPanel a {
					display: block;
				}

		.ModalDialog.EditRole > * {
			width: 800px;
		}

		.ModalDialog.EditRole {
		}

			.ModalDialog.EditRole input[type=text] {
				width: 100%;
			}


			.ModalDialog.EditRole div.ScopedPermissionContainer {
				display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
				border-width: 1px;
			}

			.ModalDialog.EditRole .ScopedPermissionPanel {
				height: 460px;
				overflow: auto;
				margin-bottom: 0px;
				padding: 10px;
			}

			.ModalDialog.EditRole div.ScopedPermissionContainer > * {
				-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
			}

			.ModalDialog.EditRole div.ScopedPermissionContainer select {
				flex-basis: 40%;
			}

			.ModalDialog.EditRole div.ScopedPermissionContainer > div {
				flex-basis: 60%;
			}

				.ModalDialog.EditRole div.ScopedPermissionContainer > div > div {
					margin-left: 10px;
				}

			.ModalDialog.EditRole .ScopedPermissionPanel ul {
				margin-bottom: 5px;
			}

			.ModalDialog.EditRole div.ConfigurablePermissionContainer ul {
				padding-left: 15px;
			}

			.ModalDialog.EditRole div.ConfigurablePermissionContainer li {
				list-style-type: none;
			}

			.ModalDialog.EditRole .DefinedOption {
				font-weight: bold;
			}

			.ModalDialog.EditRole .ScopeBox {
				border-width: 0px 1px 0px 0px;
				margin-left: 0px;
				overflow: auto;
				padding: 8px 0px 8px 0px;
			}

				.ModalDialog.EditRole .ScopeBox option {
					padding-top: 3px;
					padding-bottom: 3px;
				}

					.ModalDialog.EditRole .ScopeBox option:hover {
						background-color: #E9E9E9;
					}

					.ModalDialog.EditRole .ScopeBox option.GlobalGroup {
						padding-left: 10px;
					}

					.ModalDialog.EditRole .ScopeBox option.TypeGroup {
						padding-left: 30px;
					}

					.ModalDialog.EditRole .ScopeBox option.SpecificGroup {
						padding-left: 50px;
					}

			.ModalDialog.EditRole:not(.Expanded) .ReferenceContentPanel {
				display: none;
			}

		.ModalDialog .ReferenceContentPanel {
			max-height: 450px;
		}

		.ModalDialog .CheckBoxContainer {
			margin-bottom: 5px;
		}

			.ModalDialog .CheckBoxContainer:after {
				content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
			}

			.ModalDialog .CheckBoxContainer > * {
				float: left;
				width: 250px;
			}

		.ModalDialog.EditUser {
		}

			.ModalDialog.EditUser > *,
			.ModalDialog.EditSessionGroup > * {
				width: 600px;
			}

			.ModalDialog.EditUser input[type=text],
			.ModalDialog.EditUser input[type=password] {
				width: 100%;
			}

		.ModalDialog.DeleteRole > *,
		.ModalDialog.DeleteUser > *,
		.ModalDialog.DeleteAction > *,
		.ModalDialog.CloneRole > *,
		.ModalDialog.DeleteSessionGroup > *,
		.ModalDialog.MoveSessionGroup > *,
		.ModalDialog.EnableDisableUserSource > * {
			width: 400px;
		}

		.ModalDialog.EditUserSourceConfiguration {
		}

			.ModalDialog.EditUserSourceConfiguration .UserLookupBox {
				width: 250px;
				margin-right: 5px;
			}

			.ModalDialog.EditUserSourceConfiguration :not(.ReadOnly) .UserLookupPanel {
				display: none;
			}

			.ModalDialog.EditUserSourceConfiguration textarea {
				height: 200px;
			}

		.ModalDialog.EditAction {
		}

			.ModalDialog.EditAction > * {
				width: 600px;
			}

			.ModalDialog.EditAction dt {
				width: 30%;
			}

			.ModalDialog.EditAction dd {
				width: 70%;
			}

			.ModalDialog.EditAction input[type=number] {
				width: 48px;
				padding-left: 5px;
			}

			.ModalDialog.EditAction input + label,
			.EventTypesPopout {
				user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
			}

		.ModalDialog.EditSchedule {
		}

			.ModalDialog.EditSchedule > * {
				width: 400px;
			}

			.ModalDialog.EditSchedule dt {
				width: 50%;
			}

			.ModalDialog.EditSchedule dd {
				width: 50%;
			}

			.ModalDialog.EditSchedule input {
				width: 48px;
				padding-left: 5px;
			}

		.ModalDialog.EndUninstallSession {
		}

			.ModalDialog.EndUninstallSession > * {
				width: 500px;
			}

			.ModalDialog.EndUninstallSession label {
				display: block;
			}

				.ModalDialog.EndUninstallSession label h4 {
					margin-bottom: 5px;
				}

				.ModalDialog.EndUninstallSession label p {
					font-size: 12px;
					padding-left: 20px;
				}

.PopoutPanel.EventTypesPopout {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 400px;
	width: 400px;
	padding: 8px 16px;
}

	.PopoutPanel.EventTypesPopout > label {
		padding: 4px 0;
	}

		.PopoutPanel.EventTypesPopout > label.SelectAll {
			-webkit-box-flex: 1;
			-ms-flex: 1 1 100%;
			flex: 1 1 100%;
			text-align: center;
		}

		.PopoutPanel.EventTypesPopout > label.EventTypesLabel {
			-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
		}

.EntryHistoryPanel {
}

	.EntryHistoryPanel > *, .EntryPanel * {
		position: absolute;
		margin: 0px;
	}

	.EntryHistoryPanel .EntryPanel {
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: 50px;
		border-top-width: 1px;
	}

		.EntryHistoryPanel .EntryPanel div {
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 120px;
		}

		.EntryHistoryPanel .EntryPanel textarea {
			width: 100%;
			height: 100%;
			border-width: 0px;
			padding: 5px;
			resize: none;
			background: #FFF;
		}

		.EntryHistoryPanel .EntryPanel input[type=button] {
			top: 0px;
			bottom: 0px;
			right: 0px;
			width: 120px;
			margin: 0px;
			border-width: 0px;
			border-left-width: 1px;
			font-size: 12px;
			border-radius: 0px;
		}

	.EntryHistoryPanel:not(.Empty) .HistoryPanel .EmptyPanel {
		display: none;
	}

	.EntryHistoryPanel .HistoryPanel {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 50px;
		margin: 0px;
		padding: 5px;
		overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

		.EntryHistoryPanel .HistoryPanel .EmptyPanel {
			text-align: center;
		}

			.EntryHistoryPanel .HistoryPanel .EmptyPanel > * {
				margin: 6%;
			}

			.EntryHistoryPanel .HistoryPanel .EmptyPanel img {
				width: 96px;
				opacity: 0.7;
			}

			.EntryHistoryPanel .HistoryPanel .EmptyPanel h4 {
				font-size: 22px;
			}

			.EntryHistoryPanel .HistoryPanel .EmptyPanel p {
				opacity: 0.6;
			}

		.EntryHistoryPanel .HistoryPanel .ListPanel > div {
			position: relative;
		}

			.EntryHistoryPanel .HistoryPanel .ListPanel > div > * {
				margin: 0px 10px 5px 10px;
			}

		.EntryHistoryPanel .HistoryPanel .ListPanel .Who,
		.EntryHistoryPanel .HistoryPanel .ListPanel .Time,
		.EntryHistoryPanel .HistoryPanel .ListPanel a {
			font-size: 12px;
		}

		.EntryHistoryPanel .HistoryPanel .ListPanel .Who {
			float: left;
		}

		.EntryHistoryPanel .HistoryPanel .ListPanel .Time,
		.EntryHistoryPanel .HistoryPanel .ListPanel a {
			float: right;
		}

		.EntryHistoryPanel .HistoryPanel .ListPanel .Data {
			clear: both;
			border-radius: 10px;
			padding: 10px;
			background-color: #E9E9E9;
			overflow: auto;
	-webkit-overflow-scrolling: touch;
			white-space: pre-wrap;
		}

			.EntryHistoryPanel .HistoryPanel .ListPanel .Data.Commands,
			.Commands .EntryHistoryPanel .HistoryPanel .ListPanel .Data {
				font-size: 11px;
				font-family: monospace;
				white-space: pre;
			}

.SubDetailPanel .Start {
	padding: 0 6%;
}

	.SubDetailPanel .Start > * {
		margin: 15px 0px 30px 0px;
	}

	.SubDetailPanel .Start .ScreenshotPanel {
		margin-bottom: 30px;
	}

		.SubDetailPanel .Start .ScreenshotPanel div {
			margin-bottom: 5px;
			text-align: center;
			max-height: 300px;
			width: 100%;
			overflow: auto;
	-webkit-overflow-scrolling: touch;
		}

		.SubDetailPanel .Start .ScreenshotPanel img {
			border-width: 1px;
			margin: 0;
			max-width: 100%;
		}

		.SubDetailPanel .Start .ScreenshotPanel p {
			text-align: center;
			font-size: 12px;
		}

	.SubDetailPanel .Start > div > p a {
		display: inline-block;
		margin-left: 10px;
	}

	.SubDetailPanel .Start dl {
	}

		.SubDetailPanel .Start dl:after {
			content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
		}

		.SubDetailPanel .Start dl > * {
			margin-bottom: 12px;
		}

		.SubDetailPanel .Start dl dt {
			text-align: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	opacity: 1;
	color: #7d7d7d;
	margin-bottom: 8px;
		}

		.SubDetailPanel .Start dl dd {
			text-align: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 0px;
		}

	.SubDetailPanel .Start .InvitationTabContent dl {
		margin-bottom: 0px;
	}

	.SubDetailPanel .Start .InvitationTabContent dd {
		text-align: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 0px;
		margin-bottom: 0px;
	}

	.SubDetailPanel .Start .InvitationTabContent dt {
		text-align: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	opacity: 1;
	color: #7d7d7d;
	margin-bottom: 8px;
	}

	.SubDetailPanel .Start input {
		width: 100%;
	}

	.SubDetailPanel .Start .CodeTab input {
		font-size: 16px;
	}

	.SubDetailPanel .Start .EmailTab dd div,
	.SubDetailPanel .Start .LinkTab dd div {
		display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
		width: 100%;
		margin-bottom: 4px;
	}

	.SubDetailPanel .Start .EmailTab input,
	.SubDetailPanel .Start .LinkTab input {
		-webkit-box-flex: 1;
	-webkit-flex-shrink: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1 1 auto;
	flex-shrink: 1;
	flex-grow: 1;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

	.SubDetailPanel .Start .InvitationTabContent dd button,
	.SubDetailPanel .Start .InvitationTabContent dd input[type=button] {
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
		cursor: pointer;
		text-align: center;
	}

	.SubDetailPanel .Start .EditSessionPanel {
		margin-bottom: 25px;
	}

		.SubDetailPanel .Start .EditSessionPanel input {
			font-size: 16px;
		}

		.SubDetailPanel .Start .EditSessionPanel dt {
			margin-bottom: 8px;
		}

.InvitationPanel {
	overflow: hidden;
}

.InvitationTabList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
}

	.InvitationTabList > span {
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
		font-style: italic;
	}

	.InvitationTabList a {
		text-decoration: none;
		padding: 8px;
		color: #444;
		margin-bottom: -1px;
	}

		.InvitationTabList a:hover {
			color: #5F8C5B;
		}

		.InvitationTabList a.Selected {
			font-weight: 500;
			padding: 8px 8px 5px 8px;
			border-width: 0 0 3px 0;
			border-color: #5F8C5B;
			color: #5F8C5B;
		}

.InvitationTabContent {
	background-color: #FFF;
	border-width: 0px 1px 1px 1px;
	padding: 6% 6% 6% 6%;
	height: 170px;
}

	.InvitationTabContent dd {
		margin-bottom: 0;
	}

	.InvitationTabContent > div:not(.Selected) {
		display: none;
	}

	.InvitationTabContent .CodeTab {
	}

		.InvitationTabContent .CodeTab * {
			margin-bottom: 8px;
		}

		.InvitationTabContent .CodeTab .MoreOptionsButtonContainer {
			margin: 0px;
		}

		.InvitationTabContent .CodeTab p {
			text-align: left;
		}

		.InvitationTabContent .CodeTab h3 {
			font-weight: bold;
			text-align: center;
		}

	.InvitationTabContent .EditInvitationCodeBox:not(focus) {
		font-size: 16px;
		font-weight: bold;
	}

	.InvitationTabContent .EditInvitationCodeBox.PublicSession {
		border-bottom: 0px;
		pointer-events: none;
	}

	.InvitationTabContent .EditInvitationCodeBox {
		display: block;
		text-align: center;
	}

	.InvitationTabContent button,
	.InvitationTabContent input[type=button] {
		padding: 8px 16px;
		background-color: #FFF;
		color: #5F8C5B;
		font-weight: 600;
		text-transform: uppercase;
	}

.MoreOptionsButton {
	height: 24px;
	width: 34px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAApElEQVR42u3XwQnDMBAEwJTiUlyCSnEDBypNnTmvQPKRsQhSuMzcezkWbFl+PAAAAAAAAAAAemKLEjVqlNh+J3G3xB4tzrdpsa9P3K9xfCx4zbE28a0anTUzEiMP1dmZfU1ipEjrLmlrEiMn1Xkx2/zESJFyuaTMT4wUqZdL6vzEXxdJ82hlednTHL+JPohpriiJLo2JrvGJfqwAAAAAAAAAgDyevdMdzQ8uO6kAAAAASUVORK5CYII=) no-repeat;
	background-size: 24px;
	background-position: center;
	cursor: pointer;
	float: right;
}

	.MoreOptionsButton:hover {
		filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
	-moz-filter: brightness(0.6);
	-o-filter: brightness(0.6);
	-ms-filter: brightness(0.6);
	}

.JoinInfoPanel {
}

	.JoinInfoPanel h3 {
		padding: 2px 0px 8px 32px;
		margin-bottom: 0px;
		text-align: left;
	}

	.JoinInfoPanel p {
		color: #7d7d7d;
		font-style: italic;
		text-align: left;
	}

	.JoinInfoPanel .NoGuestJoinedPanel {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAKlBMVEX///99fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX14hQxVAAAADXRSTlMAECBgcICQoLDA0ODw66ftHAAAAQNJREFUeNrt2skOgzAMBFBTA2lZ/v93e6oqirLYnkSqNHNEkd4hJDgxIgzDBDLNL0PmyWVspymbR0mnMcmBnObYjccIRIi4kL22QnYAstQGLkSIECFCpB8yZKv//y/jYTUOB7JakVX6l5Cbr+JO3Utho+I2DErAaFZCRqMSNJqUsNGgAIyqAjEqCsgoKgllFJQkwKQBRkYBG0OQNHhKVPu/XCqivZeJinRRbgZemZ53A61cbr30+xyp5AykkjdwSslAKWUDo9QMiFI1fhQJFtyaG6TBgvtoMC6K5+jQZFyUCKLlcYpA1ubJ4zmeCBEiRHgHyRYgkZGt8iFN/yG/LzAM88kbspB80uVnlKkAAAAASUVORK5CYII=) no-repeat;
		background-size: 24px;
		margin-bottom: 15px;
	}

	.JoinInfoPanel.NoGuest .GuestJoinedPanel,
	.JoinInfoPanel:not(.NoGuest) .NoGuestJoinedPanel {
		display: none;
	}

	.JoinInfoPanel .GuestJoinedPanel {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJ1BMVEX///99fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX2II2H2AAAADHRSTlMAECAwQGCAkKDA0PC91xrpAAAA7UlEQVR42u2WvQ3CMBCFHVHR0UJFkQFoUTrmyAiMwAgUSEzADBYdLX/iDYUUyziJLe5eleZee+/0Jb4fnXMmk8k0veoFm7HFi8yZ3YATl9IAuNMQPGgInjSE+7AOggsN+WxoiDeIQQwSVO1YSHXEmYTMS6H/f9IWYsJz7QtB4bkOeVSqSZuHpZqssrhY+NwgF37sUHTX2KLprqFH1cJDk66F+y7lnPRt2jlJPvUwJqN+GKOTmPhoZSY+eK/MWgkYUGul+WWod1fCeHLXUQsyYjy9UqktHDCePqMoSMBwEOeWeNO3ar22C99kMk2lLy6BXbDADNjzAAAAAElFTkSuQmCC) no-repeat;
		background-size: 24px;
		margin-bottom: 15px;
	}



.SubDetailPanel .Start .HelpPanel {
	border-width: 1px 0px;
	background-color: #FFD;
	padding: 15px;
}

	.SubDetailPanel .Start .HelpPanel :last-child {
		margin: 0px;
	}

.SubDetailPanel .General {
	padding: 0 6%;
}

	.SubDetailPanel .General dl {
		margin-top: 15px;
	}

		.SubDetailPanel .General dl:after {
			content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
		}

		.SubDetailPanel .General dl > * {
			margin-bottom: 12px;
		}

		.SubDetailPanel .General dl dt {
			float: left;
	clear: left;
	text-align: right;
	margin-bottom: 10px;
			width: 40%;
			opacity: 0.6;
		}

		.SubDetailPanel .General dl dd {
			float: left;
	margin-bottom: 10px;
			width: 60%;
		}

.SubDetailPanel .Timeline {
}

	.SubDetailPanel .Timeline:after {
		display: none;
		content: '\
			{ \
				"topPadding": 40, \
				"bottomPadding": 20, \
				"leftPadding": 10, \
				"rightPadding": 10, \
				"timestampPadding": 100, \
				"minTimelineWidth": 200, \
				"minTimelineHeight": 500, \
				"minGap": 30, \
				"eventDotSideLength": 24, \
				"connectionLineThickness": 11, \
				"timeDivisionTextLineOffset": -5, \
				"timeDifferenceDivisorPreLog": 150000, \
				"timeDifferentMultiplierPostLog": 50, \
				"connectionTextTopPadding": 3, \
				"connectionTextBottomPadding": 4, \
				"connectionTextLeftPadding": 5, \
				"connectionTextRightPadding": 5, \
				"positionPanelStep": 10, \
				"spanTime": 2592000000 \
			}';
	}

	.SubDetailPanel .Timeline .PositionedPanel {
	}

		.SubDetailPanel .Timeline .PositionedPanel .Host {
			fill: #DCF;
		}

		.SubDetailPanel .Timeline .PositionedPanel .Guest {
			fill: #CDF;
		}

		.SubDetailPanel .Timeline .PositionedPanel .Event {
			fill: #F99;
		}

		.SubDetailPanel .Timeline .PositionedPanel .Overlay {
			fill: rgba(0, 0, 0, 0.3);
		}

		.SubDetailPanel .Timeline .PositionedPanel text {
			fill: #FFF;
		}

	.SubDetailPanel .Timeline .TimeDivision {
	}

		.SubDetailPanel .Timeline .TimeDivision text {
			fill: #BBB;
		}

		.SubDetailPanel .Timeline .TimeDivision line {
			stroke: rgba(0, 0, 0, 0.1);
		}

a.GoLink {
	text-decoration: none;
	font-family: "Arial Unicode MS";
}

	a.GoLink:before {
		content: "➲";
	}

	a.GoLink.Small {
		font-size: 26px;
		line-height: 20px;
	}

	a.GoLink.Medium {
		font-size: 45px;
		line-height: 30px;
	}

	a.GoLink.Large {
		font-size: 70px;
		line-height: 40px;
	}

.ButtonCell {
	text-align: center;
}

	.ButtonCell a {
		display: inline-block;
		font-weight: bold;
		font-size: 18px;
		text-decoration: none;
		margin-left: 5px;
	}

		.ButtonCell a + a {
			margin-left: 5px;
		}

.ButtonPanel {
}

	.ButtonPanel > * {
		float: right;
	}

	.ButtonPanel p span + select {
		margin-left: 8px;
	}

	.ButtonPanel > p, .ButtonPanel > span {
		margin: 6px 12px;
	}

	.ButtonPanel > a {
		float: left;
		margin: 5px;
	}

.AdministrationPanel {
	width: 100%;
	height: 100%;
}

	.AdministrationPanel.Loading:after {
		position: absolute;
		width: 100%;
		height: 100%;
		content: "";
	background-color: rgb(200, 200, 200);
	background-color: rgba(200, 200, 200, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		background-image: url(/Images/ActivityIndicator.gif);
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 60px;
	}

	.AdministrationPanel > div {
		position: absolute;
		width: 100%;
		margin: 0px;
	}

	.AdministrationPanel .EditPanel {
		top: 0px;
		bottom: 294px;
		padding: 10px;
		overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

	.AdministrationPanel:not(.Extra) .EditPanel {
		bottom: 44px;
	}

	.AdministrationPanel:not(.SaveAvailable):not(.ExtraAvailable) .EditPanel {
		bottom: 0px;
	}

	.AdministrationPanel .ExtraPanel {
		bottom: 44px;
		height: 250px;
		border-top-width: 1px;
		overflow: auto;
	-webkit-overflow-scrolling: touch;
	}

		.AdministrationPanel .ExtraPanel iframe {
			height: 100%;
		}

		.AdministrationPanel .ExtraPanel p {
			margin: 20px;
		}

	.AdministrationPanel:not(.Extra) .ExtraPanel {
		display: none;
	}

	.AdministrationPanel .ButtonPanel {
		bottom: 0px;
		height: 44px;
		padding: 5px;
		border-top-width: 1px;
		background-color: #F5F5F5;
	}

	.AdministrationPanel:not(.SaveAvailable):not(.ExtraAvailable) .ButtonPanel {
		display: none;
	}

	.AdministrationPanel > dl,
	.AdministrationPanel > div > dl,
	.AdministrationPanel > div > div > dl {
		max-width: 800px;
	}

		.AdministrationPanel > dl > dd,
		.AdministrationPanel > div > dl > dd,
		.AdministrationPanel > div > div > dl > dd {
			margin-bottom: 25px;
		}

	.AdministrationPanel dt h3 {
		margin-bottom: 0px;
		font-weight: bold;
	}

	.AdministrationPanel .CommandList {
		float: right;
	}

.SessionEventTriggerPanel table {
	width: 100%;
}

	.SessionEventTriggerPanel table dl {
		margin-bottom: 0px;
	}

		.SessionEventTriggerPanel table dl:after {
			content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
		}

	.SessionEventTriggerPanel table dt {
		float: left;
	clear: left;
	text-align: right;
	margin-bottom: 10px;
		width: 18%;
	}

	.SessionEventTriggerPanel table dd {
		float: left;
	margin-bottom: 10px;
		width: 82%;
	}

	.SessionEventTriggerPanel table dt,
	.SessionEventTriggerPanel table dd {
		margin-bottom: 5px;
	}

	.SessionEventTriggerPanel table input[type=text] {
		width: 100%;
	}

.ExtensionsPanel {
}

	.ExtensionsPanel dd:not(.Empty) .EmptyPanel {
		display: none;
	}

	.ExtensionsPanel .ExtensionPanel {
		border-width: 1px;
		background-color: #F5F5F5;
	}

		.ExtensionsPanel .ExtensionPanel:after {
			content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
		}

		.ExtensionsPanel .ExtensionPanel.LoadError img,
		.ExtensionsPanel .ExtensionPanel.IncorrectVersion img,
		.ExtensionsPanel .ExtensionPanel.Disabled img {
			opacity: 0.3;
		}

		.ExtensionsPanel .ExtensionPanel img {
			float: left;
			width: 200px;
			height: 125px;
			margin: 5px;
			margin-right: 10px;
			background-color: #E9E9E9;
		}

		.ExtensionsPanel .ExtensionPanel .CommandPanel {
			float: right;
			margin: 0px;
		}

		.ExtensionsPanel .ExtensionPanel p {
			overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
		}

		.ExtensionsPanel .ExtensionPanel h3,
		.ExtensionsPanel .ExtensionPanel p {
			margin: 10px 10px 0px 0px;
		}

			.ExtensionsPanel .ExtensionPanel p span {
				display: inline-block;
				margin-right: 40px;
			}

		.ExtensionsPanel .ExtensionPanel p {
			opacity: 0.6;
		}

			.ExtensionsPanel .ExtensionPanel p:last-child {
				margin-bottom: 10px;
			}

p.CommandList a {
	display: inline-block;
	margin-left: 10px;
}

.CommandPanel {
}

	.CommandPanel a {
		display: inline-block;
		padding: 0px 8px;
		text-decoration: none;
		font-size: 15px;
		line-height: 22px;
	}

	.CommandPanel > a.TouchActive,
	.CommandPanel > a:hover {
		background-color: rgba(0, 0, 0, 0.1);
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}

	.CommandPanel > a.AlwaysOverflow,
	.PopoutPanel a.Overflow,
	.PopoutPanel.Overflow a.NeverOverflow,
	.PopoutPanel.Overflow a.SometimesOverflow {
		display: none;
	}

.PopoutPanel {
	position: fixed;
	z-index: 1000;
	border-width: 1px;
	max-width: 350px;
	color: #444;
	background-color: #F5F5F5;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-animation-name: PopupFadeIn;
	-webkit-animation-duration: 0.12s;
	animation-name: PopupFadeIn;
	animation-duration: 0.12s;
	animation-timing-function: ease;
}

@-webkit-keyframes PopupFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes PopupFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.PopoutPanel > *,
.PopoutPanel > div > * {
	display: block;
	margin: 0px;
	padding: 8px 48px 8px 16px;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
}

.PopoutPanel p {
	font-weight: 500;
}

.PopoutPanel div {
	padding: 2px 0px;
}

	.PopoutPanel div:not(:last-child) {
		border-bottom-width: 1px;
	}

.PopoutPanel a.TouchActive,
.TouchDisabled .PopoutPanel a:not(.Disabled):hover {
	background-color: #5F8C5B;
	color: #F5F5F5;
	font-weight: 500;
	transition: ;
}

.PopoutPanel hr {
	padding: 0px;
	margin: 4px 0px;
}

.PopoutPanel a img {
	display: none;
}

.PopoutPanel a span {
	margin-left: 0px;
}

@media (max-width: 930px) {
	.OuterPanel .MasterPanel {
		width: 35%;
	}

	.OuterPanel .DetailPanel {
		left: 35%;
	}

	.OuterPanel .MainPanel.HideDetailPanel .SubDetailPanel {
		top: 100%;
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		display: none;
	}

	.OuterPanel .MainPanel.HideDetailPanel .MainDetailPanel {
		bottom: 0%;
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}

	.OuterPanel .MainDetailPanel,
	.OuterPanel .MainDetailHeaderPanel {
		left: 35%;
		right: 0px;
	}

	.OuterPanel .MainDetailPanel {
		bottom: 70%;
	}

	.OuterPanel .SubDetailHeaderPanel {
		display: none;
	}

	.OuterPanel .SubDetailPanel {
		left: 35%;
		right: 0px;
		top: 30%;
		width: auto;
		border-top-width: 1px;
		border-left-width: 0px;
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}

		.OuterPanel .SubDetailPanel .HideDetailPanelButton {
			display: inherit;
		}

	.OuterPanel .MasterPanel .Instruction {
		display: none;
	}

	.GuestPage .OuterPanel .ContentPanel {
		-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	}

		.GuestPage .OuterPanel .ContentPanel > div {
			-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
			margin: 10px 0px;
		}

	.SubDetailPanel .DetailTabList {
		width: 90%;
	}
}

@media (max-width: 520px) {
	.PopoutPanel > *, .PopoutPanel > div > * {
		padding-right: 32px;
	}

	.GuestPage:not(.UserAuthenticated) .ShowFlyoutMenuButton,
	.GuestPage:not(.UserAuthenticated).ShowFlyoutMenu .OuterPanel::before {
		display: none;
	}

	.EntryHistoryPanel .HistoryPanel {
	}

		.EntryHistoryPanel .HistoryPanel .EmptyPanel img {
			width: 75px;
		}

		.EntryHistoryPanel .HistoryPanel .EmptyPanel > * {
			margin: 2%;
		}

		.EntryHistoryPanel .HistoryPanel .EmptyPanel h4 {
			font-size: 18px;
		}

	dd {
		padding-left: 0;
	}

	.SubDetailPanel .Start dl dd {
		padding-left: 5px;
	}

	.UserAuthenticated .MainPanel {
		left: 0;
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}

	.OuterPanel {
	}

		.OuterPanel .MasterPanel {
			width: 0;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

		.OuterPanel .DetailPanel,
		.OuterPanel .MainPanel .SubDetailPanel,
		.OuterPanel .MainPanel .MainDetailPanel {
			left: 0;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

		.OuterPanel .MainDetailHeaderPanel {
			left: 88px;
		}

		.OuterPanel #detailTitleHeading {
			display: block;
		}

		.OuterPanel .NavigationPanel {
			width: 0px;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

		.OuterPanel .SubDetailPanel .DetailTabList {
			width: 90%;
		}

		.OuterPanel .HeaderPanel .LogoIconLink {
			display: none;
		}

		.OuterPanel .MainDetailHeaderPanel {
		}

			.OuterPanel .MainDetailHeaderPanel h2 {
				display: none;
			}

		.OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child {
			width: 40%;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

	.ShowFlyoutMenu {
	}

		.ShowFlyoutMenu .ShowFlyoutMenuButton {
			width: 0px;
		}

		.ShowFlyoutMenu .OuterPanel .HeaderPanel .LogoIconLink {
			display: block;
		}

		.ShowFlyoutMenu .NavigationPanel {
			width: 88px;
			z-index: 100;
			-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
		}

		.ShowFlyoutMenu .MasterPanel {
			width: 60%;
			z-index: 100;
			left: 88px;
			-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
		}

		.ShowFlyoutMenu .LogoIconLink {
			display: block;
		}

		.ShowFlyoutMenu .OuterPanel::before {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 88px;
			content: '';
			background-color: rgba(0, 0, 0, 0.35);
			z-index: 99;
			-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
		}

		.ShowFlyoutMenu .ShowFlyoutMenuButton::after {
			position: absolute;
			width: 100%;
			width: calc(100% - 88px);
			height: 100vh;
			content: '';
			background-color: rgba(0, 0, 0, 0.1);
			z-index: 99;
		}

	.ShowFlyoutMenuButton {
		width: 88px;
		height: 55px;
		background-origin: content-box;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAO0lEQVR4Ae3TUQnAQAxEwUqI5DjfU9C/BK50xsDCwntuA5DOhH4fGLI+sH/RZ6Hk1HJoKSWDkpUM/NgBJRtbFvaGdnsAAAAASUVORK5CYII=) no-repeat;
		background-size: 32px;
		background-position: center;
	}

	.LoginPage .ShowFlyoutMenuButton {
		display: none;
	}

	.LoginPage .OuterPanel .HeaderPanel .LogoIconLink {
		display: block;
	}

	.OuterPanel .HeaderPanel .LogoPanel {
		background-image: none;
	}

	.ModalDialog .TitlePanel h2 {
		margin: 15px 0px 15px 15px;
		font-size: 20px;
	}

	.ModalDialog .TitlePanel a {
		padding: 0px;
		margin: 20px 20px 20px 0px;
	}

	.ModalDialog .ContentPanel {
		padding: 15px 20px 0px 20px;
	}

		.ModalDialog .ContentPanel dd {
			text-align: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 0px;
		}

		.ModalDialog .ContentPanel dt {
			text-align: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	opacity: 1;
	color: #7d7d7d;
	margin-bottom: 8px;
		}

	.ModalDialog .ButtonPanel {
		padding: 5px;
	}

		.ModalDialog .ButtonPanel * {
			font-size: 15px;
		}

		.ModalDialog .ButtonPanel input {
			padding: 8px 8px;
		}

	.ModalDialog.EditRole div.ScopedPermissionContainer {
		flex-direction: column;
	}

		.ModalDialog.EditRole div.ScopedPermissionContainer .ScopeBox {
			padding: 0px;
		}

		.ModalDialog.EditRole div.ScopedPermissionContainer select {
			min-height: 100px;
			border-right-width: 0px;
			border-bottom-width: 1px;
		}

		.ModalDialog.EditRole div.ScopedPermissionContainer > div {
			min-height: 300px;
		}

			.ModalDialog.EditRole div.ScopedPermissionContainer > div * {
				margin-left: 0px;
				padding-left: 0px;
			}
}

@media (max-width: 350px) {
	.ExtensionsPanel .ExtensionPanel {
		padding: 5px;
	}

		.ExtensionsPanel .ExtensionPanel img {
			width: 100%;
			height: 100%;
			margin: 0;
			margin-bottom: 5px;
			background-color: #E9E9E9;
		}

	table.DataTable td.ActionCell {
		white-space: normal;
	}

	.OuterPanel .MainDetailPanel .DetailSelectionPanel .DetailTableContainer table td:last-child {
		width: 25%;
		-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
}

@media (max-width: 915px) {
	div.StatusTestPanel .Content dl {
		padding: 10px;
	}

	div.StatusTestPanel .Content dt {
		width: 100%;
		text-align: left;
		margin: 0px;
	}

	div.StatusTestPanel .Content dd {
		width: 100%;
	}

	div.StatusTestPanel .Content > p {
		padding: 5px;
	}
}

@media (max-height: 400px) {
	.OuterPanel .MasterPanel .Instruction {
		display: none;
	}
}

@media (max-height: 500px) {
	.HostPage .InfoPanel {
		display: none;
	}

	.NavigationPanel img + span {
		display: none;
	}

	.NavigationPanel span + span {
		display: none;
	}
}

@media only screen and (max-width: 360px) {
	.ContentPanel.Authentication > div {
		left: 6%;
		margin-right: 6%;
		width: 88%;
		margin-left: 6%;
		padding-left: 6%;
		padding-right: 6%;
	}
}

.GuestPage .OuterPanel .ContentPanel,
.OuterPanel .ContentPanel.Authentication {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVAAAAI2CAYAAAC2dKOBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAABBuSURBVHhe7dgxAYAwEMDAB/+eKQNTaRzcLfGQ63kNAAAAAAA/91cAAAAAADYGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAYKACAAAAAAQDFQAAAAAgGKgAAAAAAMFABQAAAAAIBioAAAAAQDBQAQAAAACCgQoAAAAAEAxUAAAAAIBgoAIAAAAABAMVAAAAACAYqAAAAAAAwUAFAAAAAAgGKgAAAABAMFABAAAAAIKBCgAAAAAQDFQAAAAAgGCgAgAAAAAEAxUAAAAAIBioAAAAAADBQAUAAAAACAYqAAAAAEAwUAEAAAAAgoEKAAAAABAMVAAAAACAo5kF190IaO2cf8IAAAAASUVORK5CYII=);
	background-position: center;
	background-size: cover;
	padding: 0px;
	overflow: hidden;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	.GuestPage .OuterPanel .ContentPanel > div,
	.ContentPanel.Authentication > div:first-child {
		margin: 0px;
		background-color: rgb(150, 150, 150);
		background-color: rgba(0, 0, 0, 0.6);
		color: #FFF;
	}

	.GuestPage .OuterPanel .ContentPanel > div {
		max-width: 95%;
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
	}

		.GuestPage .OuterPanel .ContentPanel > div > div {
			padding: 15px 15px 0px 15px;
			margin: 0px;
			-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	flex-grow: 0;
			width: 280px;
		}

			.GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel {
			}

				.GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel h2 {
					font-family: "MV Boli", "Noteworthy";
					font-size: 44px;
					margin-bottom: 10px;
					line-height: 1em;
				}

				.GuestPage .OuterPanel .ContentPanel > div > div.WelcomePanel p {
					font-size: 15px;
				}

			.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel {
				display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
				-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
				-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
			}

				.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div {
					display: inline-block;
					background-color: rgba(255, 255, 255, 1.0);
					padding: 10px;
					width: 100%;
				}

					.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > * {
						margin: 0px;
					}

					.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > p > * {
						vertical-align: bottom;
					}

					.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > p:empty {
						display: none;
					}

					.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > a {
						float: right;
						margin-top: 4px;
					}

					.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 {
						font-size: 20px;
						color: #5F8C5B;
						line-height: 1.25em;
					}

						.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 > em {
							font-size: 32px;
							font-weight: bold;
							font-style: normal;
						}

						.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel > div > h2 ~ p {
							margin-top: 8px;
							color: #444;
						}

				.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel input[type="text"],
				.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel input[type="search"],
				.GuestPage .OuterPanel .ContentPanel > div > div.ActionPanel select {
					font-size: 30px;
					width: 180px;
					color: #444;
				}

.SecondaryButton {
	background-color: #f9f9f9;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #666;
	font-size: 14px;
	padding: 4px 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFF;
	margin: 5px;
}

	.SecondaryButton:disabled {
		color: #CCC;
		cursor: default;
	}

.SecurityPanel {
}

	.SecurityPanel table {
		width: 100%;
	}

	.SecurityPanel .RolesPanel {
	}

	.SecurityPanel .UserSourcesPanel {
	}

		.SecurityPanel .UserSourcesPanel > div {
			background-color: #F5F5F5;
			border-width: 1px;
		}

		.SecurityPanel .UserSourcesPanel .CommandPanel,
		.SecurityPanel .UserSourcesPanel h4 {
			float: right;
		}

		.SecurityPanel .UserSourcesPanel .UserSourceTopPanel {
			margin: 0px;
			padding: 15px 15px 0px 15px;
		}

			.SecurityPanel .UserSourcesPanel .UserSourceTopPanel p {
				opacity: 0.6;
			}

		.SecurityPanel .UserSourcesPanel .UserSourceBottomPanel {
			padding: 15px 15px 0px 15px;
		}

			.SecurityPanel .UserSourcesPanel .UserSourceBottomPanel > p {
				text-align: center;
			}

		.SecurityPanel .UserSourcesPanel > div:not(.Expanded) .UserSourceDetailPanel,
		.SecurityPanel .UserSourcesPanel > div.ReadOnly .UserTablePanel,
		.SecurityPanel .UserSourcesPanel > div:not(.ReadOnly) .UserLookupPanel,
		.SecurityPanel .UserSourcesPanel > div:not(.Expanded) .UserSourceDetailPanel,
		.SecurityPanel .UserSourcesPanel > div:not(.Expanded) .HideButton,
		.SecurityPanel .UserSourcesPanel > div.Expanded .ShowButton,
		.SecurityPanel .UserSourcesPanel > div.ReadOnly .UserTableButton,
		.SecurityPanel .UserSourcesPanel > div:not(.ReadOnly) .UserLookupButton {
			display: none;
		}

	.SecurityPanel .DataTable td:not(.ActionCell) {
		max-width: 0px;
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

	.SecurityPanel textarea {
		width: 100%;
		height: 200px;
		resize: vertical;
	}

/**/
/*Animation Keyframes*/
/**/

@keyframes Highlight {
	15% {
		background-color: #ffc864;
	}

	65% {
		background-color: #ffc864;
	}
}

@keyframes ModalSlideIn {
	from {
		top: -50px;
		opacity: 0;
	}

	to {
		top: 0;
		opacity: 1;
	}
}








 /**/
 /**/
/**/
.OuterPanel .MasterPanel {
	background-color: #F5F5F5;
	color: #444;
	border-right-width: 1px;
}

.NavigationPanel {
	background-color: #E6E6E6;
	color: #444;
}

	.NavigationPanel img {
		filter: brightness(0.2);
	-webkit-filter: brightness(0.2);
	-moz-filter: brightness(0.2);
	-o-filter: brightness(0.2);
	-ms-filter: brightness(0.2);
	}

.OuterPanel .MasterPanel p.Create a {
	color: #FFF;
}

.OuterPanel .MasterPanel ul li > *:first-child,
.OuterPanel .MasterPanel p.Ambient a {
	opacity: 0.75;
}

.OuterPanel .MasterPanel ul li.TouchActive > *:first-child, .TouchDisabled .OuterPanel .MasterPanel ul li > *:first-child:hover {
	opacity: 1;
}

.OuterPanel .MasterPanel p.Ambient a.TouchActive, .TouchDisabled .OuterPanel .MasterPanel p.Ambient a:hover {
	opacity: 1;
}

.OuterPanel .MasterPanel ul div > a {
	filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
	-moz-filter: brightness(0.6);
	-o-filter: brightness(0.6);
	-ms-filter: brightness(0.6);
}

.OuterPanel .MasterPanel > ul::-webkit-scrollbar-thumb {
	background-color: #cccccc;
}

.OuterPanel .MasterPanel ul li.HasChildren > div > p {
	filter: brightness(0.2);
	-webkit-filter: brightness(0.2);
	-moz-filter: brightness(0.2);
	-o-filter: brightness(0.2);
	-ms-filter: brightness(0.2);
}

.OuterPanel .MasterPanel ul div > a:hover {
	filter: brightness(0.2);
	-webkit-filter: brightness(0.2);
	-moz-filter: brightness(0.2);
	-o-filter: brightness(0.2);
	-ms-filter: brightness(0.2);
}
