input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], #logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton, .credit-item > .license, .credit-item > .license:before {
	border-radius: .2rem
}

.notification, input[type="password"], input[type="email"] {
	border-radius: .4rem
}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none
}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	user-select: none
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden
}

@keyframes relationHeartPulse {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.4)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(359deg)
	}
}

.rotateAnimationInfinite {
	animation: rotate 1s linear infinite
}

input:focus[type="text"], input:focus[type="password"], input:focus[type="email"], input:focus[type="tel"], input:focus[type="url"] {
	box-shadow: inset 0 0.2rem 0.5rem 0 rgba(0,0,0,0.2)
}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none
}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	user-select: none
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden
}

@keyframes relationHeartPulse {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.4)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(359deg)
	}
}

.rotateAnimationInfinite {
	animation: rotate 1s linear infinite
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
	background-color: #f2f2f2;
	background-image: none;
	border: 0.1rem solid transparent;
	color: #000;
	display: block;
	outline: none;
	padding: 1rem 1.2rem;
	border-top-color: #ccc;
	box-sizing: border-box;
	resize: none
}

input:focus[type="text"], input:focus[type="password"], input:focus[type="email"], input:focus[type="tel"], input:focus[type="url"] {
	border-color: #ff7b24;
	color: #000;
	background: #fff
}

input.invalid[type="text"], input.invalid[type="password"], input.invalid[type="email"], input.invalid[type="tel"], input.invalid[type="url"] {
	color: #cd0000
}

input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="email"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="url"]::-ms-clear {
	display: none
}

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder {
	color: #9a9a9a;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

input:-webkit-autofill[type="text"], input:-webkit-autofill[type="password"], input:-webkit-autofill[type="email"], input:-webkit-autofill[type="tel"], input:-webkit-autofill[type="url"] {
	box-shadow: 0 0 0 1000px #fff inset
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
	width: 100%;
	-webkit-appearance: none
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
	display: none
}

input[type="search"] {
	-webkit-appearance: none;
	box-sizing: border-box;
	outline: none
}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	height: 5rem;
	line-height: 5rem;
	box-shadow: 0 0 0 0 transparent;
	transition: background-color 0.08s ease-in-out
}

.notification {
	position: relative;
	padding: 1rem;
	margin: 1rem 0;
	clear: both;
	vertical-align: middle;
	box-sizing: border-box
}

	.notification ul {
		padding: 10px 0 0 0
	}

	.notification div.inner {
		padding: 9px 0 9px 10px
	}

	.notification.success {
		background: #b5d27c;
		color: #455d15;
		border: 0.1rem solid #7aa22b
	}

	.notification.warning {
		background: #fff2a9;
		color: #865623;
		border: .1rem solid #f4bc7a
	}

	.notification.error {
		background: #ffc5c5;
		color: #741b23;
		border: 0.1rem solid #d46e77
	}

	.notification.info {
		background-color: #dceffd;
		margin: 0 0 1rem;
		border: 0.1rem solid #abbbc8;
		color: #3d6f94
	}

	.notification .text--warning {
		color: #b27600
	}

	.notification .close-icon {
		padding: 1rem;
		float: right
	}

		.notification .close-icon:hover {
			cursor: pointer
		}

.notification-numericList {
	list-style-type: decimal;
	margin-left: 1.6rem
}

.throbbervisible {
	opacity: 0;
	transition-duration: 0;
	transition-property: opacity
}

	.throbbervisible.visible {
		opacity: 1;
		transition-duration: 0.3s
	}

.relationpicker--button.no-relation > img {
	display: none
}

@media (max-width: 991px) {
	.relationpicker--button.no-relation > img {
		display: inline-block
	}
}

html, body, div, span, applet, object, iframe, article, section, header, footer, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none
	}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], body {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.1rem
}

small {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.8rem
}

h1 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 2.6rem;
	font-weight: 100;
	line-height: 3.3rem
}

h2 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 3.3rem
}

h3 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 2.2rem
}

h4 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.2rem
}

h5 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.1rem
}

h6 {
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1.4rem;
	text-transform: uppercase
}

h1 {
	display: block
}

h2 {
	display: block
}

h3 {
	display: inline-block
}

h4 {
	display: inline-block
}

h5 {
	display: inline-block
}

h6 {
	display: inline-block
}

h1 icon, h2 icon {
	width: 2.8rem;
	height: 2.8rem
}

h1 .labelWithIcon-icon, h2 .labelWithIcon-icon {
	margin-right: 1.0rem
}

	h1 .labelWithIcon-icon.right, h2 .labelWithIcon-icon.right {
		margin-left: 1.0rem;
		margin-right: 0
	}

html {
	height: 100%;
	font-size: 10px
}

a {
	color: #2750ae;
	font-weight: bold;
	text-decoration: none
}

	a:hover {
		text-decoration: underline
	}

input[type="password"], input[type="email"] {
	height: 5.6rem;
	margin-bottom: 1.5rem;
	background-color: #fff
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.site-footer {
	color: #b0b0b0;
	margin-bottom: 1.0rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
	text-align: center
}

	.site-footer a {
		color: #b0b0b0
	}

.content {
	position: relative
}

.browser-warning {
	margin: 0;
	padding: 5px
}

	.browser-warning h1 {
		font-size: 16/12em
	}

	.browser-warning ul {
		list-style-position: inside;
		list-style-type: disc;
		line-height: 26px
	}

		.browser-warning ul a {
			padding-bottom: 5px;
			padding-top: 5px
		}

#infoHeader {
	background-color: #f9f9f9;
	border-color: #ccc;
	border-radius: 6px 6px 0 0;
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4em;
	max-width: 50em;
	padding: 5px 3px 0 10px;
	position: relative;
	text-align: center;
	width: 90%
}

	#infoHeader .logo {
		height: auto;
		width: 8rem;
		margin-bottom: 2.5rem;
		margin-top: 3.5rem
	}

#infoBody {
	margin-bottom: 4em;
	margin-left: auto;
	margin-right: auto;
	max-width: 50em;
	width: 90%;
	background-color: #fff;
	border-color: #ccc;
	border-radius: 0px 0px 6px 6px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	position: relative;
	padding: 5px 3px 0 10px
}

.content.info-page {
	background-color: #fff
}

p {
	margin-bottom: 1em
}

ol {
	list-style-type: decimal;
	margin-bottom: 1em
}

ul {
	line-height: 2em;
	list-style-type: disc;
	margin-bottom: 1em
}

.license-summary, .terms-of-service, .privacy-policy {
	padding: 1em 1em 1em 3em
}

	.license-summary > ol > li {
		margin-bottom: 1em
	}

	.terms-of-service > ol > li {
		margin-bottom: 1em
	}

.info-page h1 {
	margin-bottom: 2.5rem
}

ol > li > ul, ul > li > ul {
	margin-left: 1.3em
}

.license-semi-footer {
	text-align: center
}

.content.credits {
	word-break: break-all;
	margin: 2em 3em 3em 3em;
	padding: 1em 0em 1em 0em
}

.credit-item {
	margin-bottom: 2em
}

	.credit-item > .license {
		background-color: #eee;
		padding: 0.5em;
		padding-top: 1em;
		position: relative;
		line-height: 1.5em;
		white-space: pre-line
	}

		.credit-item > .license:before {
			background-color: #eee;
			content: "License:";
			display: block;
			padding: 0 0.5em;
			position: absolute;
			top: -0.7em;
			left: -1em
		}

#capslock-warning {
	display: none
}

.forgot-password-container {
	display: block;
	margin-top: 2rem;
	margin-bottom: 1rem;
	text-align: center
}

	.forgot-password-container p {
		text-align: center;
		margin-bottom: 1rem;
		width: 25rem;
		margin: 0 auto 2rem
	}

	.forgot-password-container a {
		text-decoration: none;
		color: rgba(255,255,255,0.5)
	}

		.forgot-password-container a:hover {
			text-decoration: underline
		}

#forgot-password-content {
	text-decoration: none;
	color: #fff
}

	#forgot-password-content .ForgotPasswordEmail {
		margin-bottom: 1.0rem;
		width: 100%
	}

	#forgot-password-content .forgotpasswordinfo {
		text-align: center;
		margin-top: 5px
	}

	#forgot-password-content #newpassword, #forgot-password-content #confirmpassword {
		margin-bottom: 10px
	}

	#forgot-password-content #changepasswordbutton {
		text-align: center;
		margin-bottom: 10px
	}

#sent-password-content {
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 300;
	color: #fff
}

	#sent-password-content .sentpasswordinfo {
		text-align: center;
		margin-top: 5px
	}

#login-bottom {
	text-align: center;
	padding: 0 0 1.5rem 0
}

	#login-bottom a {
		text-decoration: none;
		color: rgba(255,255,255,0.5)
	}

		#login-bottom a:hover {
			text-decoration: underline
		}

.loginBody {
	background: rgb(15,99,65);
	background: radial-gradient(circle, rgba(15,99,65,1) 0%, rgba(10,54,36,1) 100%);
	padding-top: 10%;
	background-size: 100%;
}

.loginContainer, #forgot-password-content {
	max-width: 32rem;
	margin: 0 auto
}

	.loginContainer .logo {
		display: block;
		width: 200px;
		margin: 0 auto 2rem;
		margin-bottom:80px;
	}

	.loginContainer #timeHeader {
		margin-bottom: 4rem;
		color: #fff;
		text-align: center
	}

#logonbutton, #sendpasswordretrievalbutton, #changepasswordbutton {
	display: block;
	width: 100%;
	background: rgba(255,255,255,0.2);
	outline: none;
	border: none;
	border-radius: .4rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 300;
	cursor: pointer;
	font-weight: bold;
	font-family: Roboto
}

	#logonbutton:hover, #sendpasswordretrievalbutton:hover, #changepasswordbutton:hover {
		background: rgba(255,255,255,0.3)
	}

	#logonbutton:active, #sendpasswordretrievalbutton:active, #changepasswordbutton:active {
		background: rgba(0,0,0,0.1)
	}

#acceptlicense {
	background-color: #ff7b24;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	border-radius: 4px;
	letter-spacing: 0;
	line-height: 23px;
	padding: 12px 30px;
	font-family: roboto;
	font-weight: 300;
	outline: none;
	cursor: pointer
}

	#acceptlicense:hover {
		background-color: #F76B07
	}

	#acceptlicense:active {
		background-color: #ef6407;
		outline: none;
		border: none
	}

	#acceptlicense.pressed {
		background-color: #ef6407
	}

	#acceptlicense.disabled {
		background-color: #eee;
		border-color: #999999;
		text-shadow: transparent 0 0 0;
		color: #555
	}

#logonbutton .text {
	display: inline
}

#logonbutton .text-logging-in {
	display: none
}

#logonbutton.loading .text {
	display: none
}

#logonbutton.loading .text-logging-in {
	display: inline
}

.loginFooter {
	position: absolute;
	bottom: 1.5rem;
	left: 0;
	text-align: center;
	width: 100%;
	color: rgba(0,0,0,0.5);
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.notification.error {
	background: rgba(255,255,255,0.8);
	margin-bottom: 1.5rem;
	color: #cd0000;
	text-align: center;
	border-bottom: 2px solid #cd0000
}

.passwordValidationInfo {
	float: right;
	margin-right: 1rem;
	font-weight: bolder
}

.passwordFeedback {
	margin-bottom: -0.3rem
}

@media screen and (max-width: 767px) {
	.loginBody {
		background-size: 150%
	}

	.loginContainer {
		padding-right: 2rem;
		padding-left: 2rem
	}

	.loginFooter {
		display: none
	}
}

@media screen and (min-width: 767px) and (max-height: 600px) {
	.loginBody {
		padding-top: 5%
	}

	.loginFooter {
		position: static
	}
}


.UserName-container label, .Password-container label {
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
}