@font-face {
	font-family: "Segoe UI";
	src: url("/assets/fonts/segoeui.eot");
	src: local("Segoe UI"), local("Segoe"), local("Segoe WP"),
		url("/assets/fonts/segoeui.eot?#iefix") format("embedded-opentype"),
		url("/assets/fonts/segoeui.woff") format("woff"),
		url("/assets/fonts/segoeui.svg#SegoeUI") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.bg-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}

.bg-image {
  height: 900px;
  width: 1440px;
  bottom:0;
  position: absolute;
}

a,
a:hover,
a:visited {
	text-decoration: none;
	cursor: pointer;
	color: #0f99d6;
}

.bold {
	font-weight: bold;
}

.align-right {
	text-align: right;
}

.align-center,
.logo,
.login-wrapper .login-positioner,
.login-wrapper .login-positioner .form-wrapper>div.divider,
.login-wrapper .login-positioner .form-wrapper>div.providers div>div,
.login-wrapper .login-positioner .form-wrapper>div.providers div a,
.footer,
.no-context-wrapper h1,
.error-wrapper,
.error-wrapper .logo {
	text-align: center;
}

.align-left,
label.error {
	text-align: left;
}

body {
	background-color: #030C17;
}

p {
	color: #fff;
}

input,
button {
	font-family: Segoe UI, sans-serif;
	border-radius: 0px;
}

input.form-control,
button.form-control {
	border-radius: 0;
	font-size: 14px;
	height: 24px;
	padding: 4px;
}

button {
	letter-spacing: 2px;
	font-size: 16px;
}

input {
	color: #333;
}

input::-webkit-input-placeholder {
	color: #303c42 !important;
}

input::-moz-placeholder {
	color: #303c42 !important;
}

input::-moz-placeholder {
	color: #303c42 !important;
}

input::-ms-input-placeholder {
	color: #303c42 !important;
}

label.error {
	color: #e64a19;
	font-weight: normal;
	display: inline-block;
	padding: 0 0 0 25px;
	margin-top: 10px;
	float: left;
	height: 24px;
	line-height: 16px;
}

.version {
	display: none;
}

.hide {
	display: none;
}

.invisible {
	visibility: hidden;
}

.button-wrap {
	text-align: right;
}

.redirect-layout {
	width: 400px;
	height: 600px;
	display: flex;
	margin: auto;
	flex-flow: column;
	align-content: center;
}

.redirecting-message {
	margin: 50px auto;
	color: #fff;
	text-align: center;
}

.loader {
	color: #199ad6;
	font-size: 6px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	animation: load 1.3s infinite linear;
	margin-top: 35px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

.dividerline {
  display:none;
}

.split {
	display: flex;
}

.split>div {
	flex: 1;
}

a.btn {
	line-height: 30px;
}

.btn {
	height: 40px;
	border-radius: 0;
}

.btn.btn-primary {
	background-color: #0f99d6;
	border: 0;
	border-radius: 0;
	color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	border: none;
	border-radius: 0;
	outline: none;
}

.btn.btn-full {
	width: 100%;
}

.btn.btn-large {
	width: calc(100% - 25px);
}

.btn.btn-small {
	width: 50px;
	background-color: #393d49;
	float: left;
}

.btn.btn-small:active:focus {
	background-color: #292d34;
}

.btn.btn-md {
	width: 33%;
}

.form-group {
	padding-top: 20px;
}

.logo {
	margin: 50px 0 20px 0;
	width: auto;
}

.logo img {
	width: 600px;
	height: auto;
}

.error.icon-conflict {
	background-image: url("/assets/img/icon-conflict.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.login-wrapper {
	height: 100%;
	display: flex;
}

.login-wrapper.single-sided .login-positioner .form-wrapper {
	display: inline-block;
	flex: none;
}

.login-wrapper .messaging {
	margin-bottom: 10px;
	line-height: 16px;
	font-size: 14px;
	display: inline-block;
	padding-left: 20px;
}

.login-wrapper .messaging.failure {
	color: #e64a19;
}

.login-wrapper .messaging.success {
	color: #26a599;
}

.login-wrapper .messaging.icon-conflict {
	background-image: url("/assets/img/icon-conflict.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.login-wrapper .messaging.icon-completed {
	background-image: url("/assets/img/icon-completed.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.login-wrapper .login-form {
	height: 256px;
}

.login-wrapper .login-form .screen-reader {
	left: -100vw;
	position: absolute;
}

.login-wrapper .login-form .saml-wrapper select {
	width: 100%;
	color: #000;
	line-height: 24px;
	font-size: 18px;
}

.login-wrapper .login-positioner {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

.login-wrapper .login-positioner .form-wrapper {
	display: block;
	min-height: 300px;
}

.login-wrapper .login-positioner .form-wrapper>div {
	display: inline-block;
	vertical-align: top;
	flex: 1;
}

.login-wrapper .login-positioner .form-wrapper>div:not(.dividerline) {
	width: 480px;
	max-width: 480px;
	padding-left: 90px;
	padding-right: 90px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	flex: 4;
}

.login-wrapper .login-positioner .form-wrapper>div.divider {
	color: #fff;
	align-self: center;
}

.login-wrapper .login-positioner .form-wrapper>div.divider span {
	display: block;
}

.login-wrapper .login-positioner .form-wrapper>div.divider>.line {
	width: 50%;
	min-height: 20%;
	border-right: 2px solid #5b6c74;
}

.login-wrapper .login-positioner .form-wrapper>div.divider .text {
	padding: 10px 0;
}

.login-wrapper .login-positioner .form-wrapper>div.login .passwordButtons>a {
	color: #0f99d6;
	font-family: Segoe UI, sans-serif;
	font-size: 14px;
	float: left;
	line-height: 32px;
	padding-right: 10px;
}

.login-wrapper .login-positioner .form-wrapper>div.login .passwordButtons>button {
	float: right;
}

.login-wrapper .login-positioner .form-wrapper>div.login .input-header {
	color: #fff;
	font-weight: 600;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
	margin-bottom: 5px;
	text-align: left;
}

.login-wrapper .login-positioner .form-wrapper>div.login .authTypeSelector {
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
}

.login-wrapper .login-positioner .form-wrapper>div.login .text-change-pwd {
	margin-top: 5px;
}

.login-wrapper .login-positioner .form-wrapper>div.login .split {
	display: flex;
}

.login-wrapper .login-positioner .form-wrapper>div.login .split>div {
	flex: 1;
}

.login-wrapper .login-positioner .form-wrapper>div.providers div>div,
.login-wrapper .login-positioner .form-wrapper>div.providers div a {
	height: 40px;
	vertical-align: middle;
	padding: 2px;
	display: block;
}

.login-wrapper .login-positioner .form-wrapper>div.providers div>div img,
.login-wrapper .login-positioner .form-wrapper>div.providers div a img {
	height: 30px;
	width: auto;
}

.login-wrapper .login-positioner .form-wrapper>div.providers div>div.centrify,
.login-wrapper .login-positioner .form-wrapper>div.providers div a.centrify {
	background-color: #97382f;
}

.login-wrapper .login-positioner .form-wrapper>div.disabledLogins {
	color: #fff;
	margin-top: 10px;
}

.login-wrapper .login-positioner .form-wrapper>div h2 {
	color: #fff;
	font-family: Segoe UI, sans-serif;
	font-size: 1.5em;
	text-align: center;
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 10px;
  	margin-bottom: 50px;
}

.footer div {
	font-family: Segoe UI, sans-serif;
	color: white;
	font-size: 12px;
	padding: 10px;
	text-decoration: none;
}

.footer div:nth-child(-n + 2) {
	padding: 0;
}

.no-context-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	color: #fff;
}

.no-context-wrapper h1 {
	font-size: 16px;
}

.no-context-wrapper h1.error {
	color: #e64a19;
}

.no-context-wrapper .home-url {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}

.no-context-wrapper .message {
	padding-top: 40px;
	padding-bottom: 40px;
}

.form-wrapper {
	flex-direction: column;
	color: #fff;
	width: 60%;
	margin: auto;
}

.form-wrapper.security-questions>div {
	width: 400px;
}

.form-wrapper.security-questions label {
	font-weight: 100;
}

.form-wrapper>div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.form-wrapper>div.message {
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
}

.form-wrapper>div.message-title {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #999;
	height: 27px;
	margin: 0 auto 20px auto;
}

.form-wrapper>div.reqsheader {
	margin: 0 auto 20px auto;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	opacity: 0.7;
}

.form-wrapper>div.reqlistitem {
	width: 300px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	color: #fff;
	opacity: 0.7;
}

.form-wrapper>div:not(:first-child) {
	margin-bottom: 20px;
	clear: both;
}

.form-wrapper input {
	width: 100%;
}

.error-wrapper {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	width: 1024px;
}

.error-wrapper .logo img {
	width: 200px;
	height: auto;
}

.error-wrapper p {
	font-size: 64px;
	margin-bottom: 100px;
}

#duo-wrapper .logo {
	margin-top: 20px;
	margin-bottom: 20px;
}

#duo-wrapper .iframe_div {
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
}

#duo-wrapper #duo_iframe {
	height: 500px;
	width: 100%;
}

#duo-wrapper .iframe_div {
	background: transparent;
}

@-moz-keyframes load {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
			0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@-webkit-keyframes load {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
			0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@-o-keyframes load {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
			0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@keyframes load {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
			0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
			0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
			0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
			0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}