* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	height: 100%;
	width: 100%;
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	font-family: "Segoe UI", "Segoe", "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;
	min-width: 500px;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
	font-size: 0.9em;
	overflow-x: hidden;
}

#noScript {
	margin: 16px;
	color: #000;
}

:lang(en-GB) {
	quotes: '\2018' '\2019' '\201C' '\201D';
}

:lang(zh) {
	font-family: 微软雅黑;
}

@-ms-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@-webkit-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* Theme layout styles */

/* Make sure this matches styles in LoginTheme.scss and AppSettings.GetLoginBackgroundHTML */
#fullPage,
#brandingWrapper {
	width: 100vw;
	height: 100vh;
	background-color: inherit;
}

#branding {
	/* A background image will be added to the #branding element at run-time once the illustration image is configured in the theme. 
       Recommended image dimensions: 1420x1200 pixels, JPG or PNG, 200 kB average, 500 kB maximum. */
	height: 100%;
	background-color: inherit;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

	#branding.appMarketBranding,
	#branding.epicOnFHIRBranding {
		background-repeat: repeat-x;
		background-color: #B9E8FA;
		background-position: 50% 20%, 0 100%;
		background-attachment: fixed;
		background-size: auto;
	}

	#branding.epicOnFHIRBranding {
		background-color: #F45C43;
		background-size: contain;
	}

#contentWrapper {
	position: absolute;
	width: 502px;
	height: auto;
	margin: 0 auto;
	top: calc(50% - 183px);
	left: 50%;
	margin-left: -250px;
}

	#contentWrapper.show-UserWeb-login {
		top: calc(50% - 273px);
	}

		#contentWrapper.show-error,
		#contentWrapper.show-full-list,
		#contentWrapper.show-UserWeb-login:not(.show-error):not(.show-full-list) #content {
			background-color: rgba(255, 255, 255, 0.95);
		}

	#contentWrapper.show-full-list,
	#contentWrapper.show-pilot-list,
	#contentWrapper.show-error {
		top: 0;
		border-radius: 0;
		min-height: 100%;
		border-bottom: none;
		border-top: none;
	}

		#contentWrapper.show-error #errorArea {
			margin-bottom: 60px;
		}

		#contentWrapper.show-error #errorDetails,
		#contentWrapper.show-error #errorDescription {
			display: block !important;
			color: #999;
		}

#content {
	border: 1px solid #FFF;
	border-radius: 2px;
	height: auto !important;
	margin: 0 auto;
	padding: 0 50px;
	display: none;
}

#contentWrapper:not(.show-error):not(.show-full-list) #content {
	background-color: rgba(255, 255, 255, 0.92);
}

#header {
	font-size: 2em;
	font-weight: lighter;
	font-family: "Segoe UI Light", "Segoe", "SegoeUI-Light-final", Tahoma, Helvetica, Arial, sans-serif;
	padding-top: 50px;
	margin-bottom: 30px;
	min-height: 100px;
	overflow: hidden;
	text-align: center;
}

	#header img {
		/* Logo image recommended dimension: 60x60 (square) or 350X35 (elongated), 4 kB average, 10 kB maximum. Transparent PNG strongly recommended. */
		width: auto;
		max-width: 100%;
		height: auto;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

.appmarket-login #header {
	margin-bottom: 0;
	padding: 25px 0 20px 0;
	min-height: unset;
}

#workArea,
#header {
	word-wrap: break-word;
	width: auto;
}

#footer {
	position: fixed;
	color: #666;
	font-size: 0.78em;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #F1F1F1;
}

#footerLinks {
	float: none;
	display: none;
}

	#footerLinks div {
		padding: 5px 0;
	}

#copyright {
	color: #696969;
}

.pageLink {
	color: #000;
	margin-left: 16px;
}

/* Common content styles */

.clear {
	clear: both;
}

.float {
	float: left;
}

.floatReverse {
	float: right;
}

.indent {
	margin-left: 16px;
}

.indentNonCollapsible {
	padding-left: 16px;
}

.hidden {
	display: none;
}

.notHidden {
	display: inherit;
}

.error {
	color: #C85305;
}

.actionLink {
	margin-bottom: 8px;
	display: block;
	clear: left;
}

#errorDetailsLink {
	cursor: default;
	color: #999;
}

a {
	color: #2672EC;
	text-decoration: none;
	background-color: transparent;
}

ul {
	list-style-type: disc;
}

h1, h2, h3, h4, h5, label {
	margin-bottom: 8px;
}

.submitMargin {
	margin-top: 38px;
	margin-bottom: 30px;
}

.topFieldMargin {
	margin-top: 8px;
}

.fieldMargin {
	margin-bottom: 8px;
}

.groupMargin {
	margin-bottom: 40px;
}

.sectionMargin {
	margin-bottom: 64px;
}

.block {
	display: block;
}

.autoWidth {
	width: auto;
}

.fullWidth {
	width: 342px;
	width: calc(100% - 8px);
}

.fullWidthIndent {
	width: 326px;
}

input {
	max-width: 100%;
	font-family: inherit;
	margin-bottom: 8px;
}

	input[type="radio"],
	input[type="checkbox"] {
		vertical-align: middle;
		margin-bottom: 0px;
	}

	span.submit,
	input[type="submit"] {
		border: none;
		background-color: rgb(38, 114, 236);
		min-width: 80px;
		width: auto;
		height: 30px;
		padding: 4px 20px 6px 20px;
		transition: background 0s;
		color: rgb(255, 255, 255);
		cursor: pointer;
		margin-bottom: 8px;
		-ms-user-select: none;
		-moz-transition: background 0s;
		-webkit-transition: background 0s;
		-o-transition: background 0s;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

		input[type="submit"]:hover,
		span.submit:hover {
			background: rgb(212, 227, 251);
		}

	input.text {
		height: 28px;
		padding: 0px 3px 0px 3px;
		border: 1px solid #BABABA;
	}

		input.text:focus {
			border: 1px solid #6B6B6B;
		}

select {
	height: 28px;
	min-width: 60px;
	max-width: 100%;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	box-shadow: none;
	padding: 2px;
	font-family: inherit;
}

h1, .giantText {
	font-size: 2.0em;
	font-weight: lighter;
}

h2, .bigText {
	font-size: 1.33em;
	font-weight: lighter;
}

h3, .normalText {
	font-size: 1.0em;
	font-weight: normal;
}

h4, .smallText {
	font-size: 0.9em;
	font-weight: normal;
}

h5, .tinyText {
	font-size: 0.8em;
	font-weight: normal;
}

.hint {
	color: #999;
}

.emphasis {
	font-weight: 700;
	color: #2F2F2F;
}

.smallIcon {
	height: 20px;
	padding-right: 12px;
	vertical-align: middle;
}

.largeIcon {
	height: 48px;
	/* width:48px; */
	vertical-align: middle;
}

.largeTextNoWrap {
	height: 48px;
	line-height: 48px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1.2em;
	padding-left: 64px;
}

.idp {
	height: 48px;
	clear: both;
	padding: 8px;
	overflow: hidden;
}

	.idp:hover {
		background-color: #CCC;
	}

.idpDescription {
	width: 100%;
}

/* Form factor: intermediate height layout. Reduce space of the header. */
@media only screen and (max-height: 820px) {
	#header {
		padding-top: 40px;
		min-height: 0;
		overflow: hidden;
	}
}

/* Form factor: intermediate height layout. Reduce space of the header. */
@media only screen and (max-height: 650px) {
	#contentWrapper {
		margin-bottom: 40px;
		border-radius: 0;
	}
}

/* Form factor: intermediate height layout. Reduce space of the header. */
@media only screen and (max-height: 500px) {
	#header {
		padding-top: 30px;
		margin-bottom: 30px;
	}

	#contentWrapper {
		margin-bottom: 40px;
		border-radius: 0;
	}

		#contentWrapper.show-UserWeb-login {
			top: 0;
		}
}



/* Form factor: intermediate layout (WAB in non-snapped view falls in here) */
@media only screen and (max-width: 600px) {
	html,
	body {
		min-width: 260px;
	}

	.fullWidthIndent {
		width: 376px;
	}
}

@media only screen and (max-width: 450px) {
	body {
		font-size: 0.8em;
	}

	#contentWrapper {
		float: none;
		width: 100%;
		margin: 0;
		left: 0;
	}

	#content {
		padding: 0 25px;
	}

	span.submit,
	input[type="submit"] {
		font-size: 0.9em;
	}

	.fullWidth {
		margin-left: auto;
		margin-right: auto;
	}

	.fullWidthIndent {
		width: 85%;
	}
}

@media only screen and (max-width:350px) {

	#content {
		padding: 0 10px;
	}
}

/* Form factor: snapped WAB (for WAB to work in snapped view, the content wrapper width has to be set to 260px) */
@media only screen and (max-width:280px) {

	.idpDescription {
		max-width: 160px;
		min-width: 100px;
	}
}

/* Epic Customizations */

#userNameInput,
#passwordInput {
	background-color: #FFF !important;
}

#introduction {
	margin-bottom: 0;
}

#branding {
	background-position: center;
}

#brandingWrapper {
	position: fixed;
	top: 0;
	left: 0;
}

#terms {
	padding-left: 0;
}

#footerLinks {
	text-align: center;
}

#copyright {
	display: block;
}

.pageLink:first-of-type {
	margin-left: 0;
}

#errorMessage > p {
	margin-bottom: 10px;
}

	#errorMessage > p:last-child {
		margin-top: 30px;
	}

#bySelection {
	display: none;
	margin-bottom: 50px;
}

	#bySelection.sorted {
		display: block;
	}

div.noncandidates,
div.implementing {
	display: none;
	padding: 8px;
	margin-top: 35px;
	background-color: rgba(255, 255, 255, 1);
}

#bySelection.show-more > div.noncandidates,
#bySelection.show-pilot-list > div.implementing {
	display: block;
}

#bySelection.show-pilot-list > div.noncandidates,
#bySelection.show-pilot-list > div.candidates,
#bySelection.show-pilot-list > a.show-more {
	display: none;
}

a.show-more {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 30px;
	text-align: center;
	font-weight: 600;
	position: relative;
}

	a.show-more span.spinner {
		display: none;
		width: 16px;
		height: 16px;
		background-image: url('data:image/gif;base64,R0lGODlhEAAQALMLAF9fX3Nzc5qamoaGhmBgYHR0dIiIiJ2dnUxMTK+vr7Kysv///wAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgALACwAAAAAEAAQAAAEUHDJuRCimFqbJwHVtigK9hFEuCQJSQEfOLWtmWLuFBTd5O6FQI/UKgR5HQVtsetJcpKBIaPESKUUYmliuC4OglVry50KBIfDKOFMg50UdCcCACH5BAUKAAsALAAAAAAOABAAAAREcMm5AKFYkg3yKkFFWAuCTGBRLGNpnksAhtMLfytmSoPhUT3D4CcxCH3ERS9JERyYTmfyEF0oEr/DM5FQKJLeK7OLiQAAIfkEBQoACwAsAAAAABAADgAABEJwyblCoZiWHfI0Q1VYC0FgoGEs4wIAJjWA4QTD6IrFk3B4EwRi4TsIgELhwfjzJIc+oERISSikVYUVK9Fqud0rNgIAIfkEBQoACwAsAAAAABAADgAABEVwybmGoZiaPfI8QmVYS1Fg4HEs4xIEJiWA4QTD6IrFU6J4EwJh4VMkgEIAQWH8eQhKANGJHAInCMSVks1uJV3td+GVRAAAIfkEBQoACwAsAgAAAA4AEAAABERwSSnOvPdogaVKS1UthjF9irIc3DCUUvKB0/ueKgZ3fFHwF1/gB1wUhoGixKckAJQLgpPAQyAWAIC0Y7VGn9wu1NuJAAAh+QQFCgALACwCAAAADgAQAAAEQ3BJmdS8V+mEca3LcXSSwgmCSE5puk7qexmGvNBD/Rr5YNMSBKJTCEyEwkuhWAgiFwTAIhBYHocAAIGwKJK2UZuWFAEAIfkEBQoACwAsAAACABAADgAABENwyUmXUjXLlK6uXfdV3oQg43Icy3l+q3C4qHbIQlvD7AQQGcOg8vtRDEIDhVBcFAKLwQBZIQADgUJhIRxpn6lJVhMBACH5BAUKAAsALAAAAgAQAA4AAARDcEmEpL2XUsyXrh22hRZAkIuiLIAJhGqiEIQJywl7kuoVFJyDAPP7XQ7Cw6VQXBgGC4EAiSkABwODYSEkaZ8oS7YTAQA7');
		position: absolute;
		top: 3px;
		margin-left: 3px;
	}

	a.show-more.active {
		color: rgba(38, 114, 236, 0.75);
	}

		a.show-more.active span.spinner {
			display: inline-block;
		}

div.idp {
	position: relative;
	display: block;
}

a.show-more,
div.idp {
	cursor: pointer;
}

div.candidates div.idp {
	background-color: #FFF;
	margin: 4px 0;
}

	div.candidates div.idp:hover {
		background-color: #CCC;
	}

div.idp span.customer-icon {
	position: absolute;
	left: 8px;
	display: inline-block;
}

#bySelection.show-more > a.show-more {
	display: none;
}

#idpSearch {
	margin: 8px;
	padding: 4px 24px 4px 4px;
	width: calc(100% - 16px);
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #7BC1EE;
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAASNJREFUOE+1zDFKw1Acx/EewAN0ygVEEITi0Kmrkwdw9QBOrk5OBUEQnAQhJSSEEEJIYsa4CE6CB0imXkBdhL/fV94rfa/J0ILDhwf/3+M76rpupa7rC0RYooWPM7MPEZG11aGqqifIgEc3sMmKlWV5DsE3LjGGh2v8Qm2TvpBixYqiiCC4cj9ym+vtwd0MK5bn+RKCsfuR25HePtzNsGJZlrUQeO5Hbid6e3c3w4qlaepDcON+5Pastzt3M6xYkiQziHaPCabw9e0Hh30hxYqpQxzHM0iPL/02OHBDylZMiaLoGHO84RW3OEULQYOtYG9sSBiGHloIGljBnWJKEAQeWggarIM7x5TFYuGhheDF3PeKKb7ve/jE1Nz2jvX5p5iM/gBImz02SrwUYwAAAABJRU5ErkJggg==') no-repeat right center;
	line-height: 27px;
	font-size: 22px;
}

	#idpSearch:focus,
	#idpSearch:active {
		border: none;
		border-bottom: 1px solid #7BC1EE;
		outline: none;
	}

	#idpSearch::-webkit-input-placeholder /* WebKit browsers */ {
		color: #000;
	}

	#idpSearch:-moz-placeholder /* Mozilla Firefox 4 to 18 */ {
		color: #000;
		opacity: 1;
	}

	#idpSearch::-moz-placeholder /* Mozilla Firefox 19+ */ {
		color: #000;
		opacity: 1;
	}

	#idpSearch::-ms-clear {
		display: none;
	}

div.idp.no-match {
	display: none;
}

#helpText {
	margin-left: 8px;
}

#bySelection > div.groupMargin {
	display: none;
}

div.implementing > h2 {
	padding-left: 8px;
	color: #888;
	font-weight: 600;
}

div.implementing span.largeTextNoWrap {
	color: #888;
}

a.request-account {
	background-color: #5CAED7;
	color: #FFF;
	padding: 4px 20px 6px 20px;
	line-height: 20px;
	height: 20px;
	margin: 0;
	display: block;
	text-align: center;
}

	a.request-account:hover {
		background-color: #8FCBE9;
		color: #FFF;
	}

.no-search-results {
	display: none;
	margin: 35px 0 10px 8px;
}

	.no-search-results ul {
		padding-left: 20px;
	}

.noncandidates.no-results .no-search-results {
	display: block;
}

.use-different-account {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS41ZEdYUgAAAMZJREFUSEvllNEJwkAQRK8LOzCtBOzBBgyCNmEVsbZ8i5IS4gxsPrzs5ohMCOjAEJg99nG5ZdP/aX997uADvxZpZYAjPBBksU4ZQA9xAFoImnkAHQSNIgDNnANQcjwgLMIRYIn9G6OgAtBTCEIlgP6EIFAD6AmED+UdLPvy8HPlTapz5+bwBm8yCoV1p2sUikVQfXsNp7YP3dx7npvf1jwARyDmmnXPRtYwh8S/4RuhoQfSQig0zUF6CJWB1oFQBppf4T+ulN78/2GI61TfAgAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-size: 11%;
	padding-left: 18px;
}

.forgot-username-password {
	text-align: right;
}

.forgot-username-password a {
	margin-left: 15px;
	white-space: nowrap;
}

.login-help-links {
	display: inline-block;
	float: right;
	clear: right;
}

div.org-header {
	font-size: 22px;
	margin: 35px 8px 12px 8px;
}

div.noncandidates.no-results div.org-header {
	display: none;
}

#loginMessage {
	font-size: 20px;
	margin-bottom: 5px;
	color: #555;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#kmsiArea {
	color: #555;
	clear: right;
}

#submissionArea {
	margin: 8px 0;
}

	#submissionArea .submit {
		display: block;
		text-align: center;
		line-height: 20px;
		height: 20px;
		margin: 0;
	}

#authOptions {
	float: left;
}

.search-header {
	display: none;
	margin: 8px;
}

/* IE 10+ css to hide placeholder in IE and display a search header instead */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.search-header {
		display: block;
		font-size: 22px;
	}

	#idpSearch:-ms-input-placeholder /* Internet Explorer 10+ */ {
		color: transparent;
	}

	.noncandidates {
		margin-top: 8px;
	}
}