body {
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

body:before {
	background-image: url("/static/department/apps/auth/images/wheat-blur.jpg") !important;
	background-color: white !important;
	background-repeat: no-repeat;
	background-position: 58% 20% !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	height: 100% !important;
	/*	-webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px); */

	z-index: -1;
	display: block;
	content: "";
	position: fixed;
	left: 0;
	right: 0;
}

.spacing {
	padding-top:7px;
	padding-bottom:7px;
}
.middlePage {
	position: absolute;
	top: 10%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media (min-width: 1800px) {
	.middlePage.col-lg-4 {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	.middlePage.col-lg-4 {
		width: 40%;
	}
}

@media (min-width: 1200px) and (max-width: 1700px) {
	.middlePage.col-lg-6 {
		width: 66%;
	}
}

.help-box {
	margin-top: 25px;
	border-right: 1px solid #ccc;
}

.login-box {
	margin-top: 30px;
}

.login-box a {
	font-size: 115% !important;
	color: #337ab7 !important;
}

.btn {
	font-size: 16px !important;
	font-weight: 400;
	text-shadow: none;
	background-image: none;
	/*border: 1px solid transparent;  border-radius: 4px;*/
	cursor: pointer;
	padding: 6px 12px;
}

.btn:hover,
.btn:active,
.btn:focus {
	background-image: none;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.btn-primary {
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background-image: none;
	background-color: #286090 !important;
	border-color: #204d74 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.btn-lg {
	padding: 10px 16px;
}

.btn a {
	color: white !important;
}

a.btn {
	font-size: 16px !important;
}

.btn-default {
	color: #337ab7 !important;
}

button.btn,
button.btn:hover,
button.btn:active,
button.btn:focus {
	font-size: 18px !important;
}

.login-box input[type="checkbox"] {
	margin-left: 5px;
	margin-right: 7px;
}

.login-box fieldset:not(.current) {
	display: none;
}

.help-box ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
.help-box ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */

}
.help-box ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:0px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:1.75em;
	padding:3px;
	color:#000;
	background:#ddd;
	border-radius:20px;
	text-align:center;
}

.help-box ol > li.current:before {
	background:#337ab7;
	font-weight:bold;
	color:#fff;
}

.options {
	border-top: 1px solid #ccc;
	padding: 15px;
}

.options h4 {
	text-align: center;
}

@media (max-width: 990px) {
	.options a {
		margin-bottom: 20px;
	}
	.login-box button {
		margin-top: 15px
	}
}

label {
	font-size: 125%;
}

label.terms {
	margin-right: 4px;
	font-weight: normal;
	cursor: pointer;
}

.required {
	color: red;
	font-weight: normal;
	font-style: italic;
}

.alert>p {
	font-size: 14px;
}

.logo {
	text-align: center;
	position: relative;
}

.box-shadow--6dp {
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.panel-title {
	font-size: 20px;
}

.panel-heading a {
	cursor: pointer;
}

/*input:focus:required:invalid {
	border: 2px #C70000 solid;
}*/

.footer {
	bottom: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	height: 50px;
	text-align: center;
	font-size: 14px;
	background-color: #eee;
	overflow: hidden;
}
.footer ul {
	margin: 0 auto;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0;
}
.footer li {
	list-style: none;
	text-align: center;
	margin: 1em 0;
	display: inline-block;
}
.footer li:after {
	content: '|';
	padding: 0 .5em;
	display: inline-block;
}
.footer li:last-child:after, .footer li.last:after {
	content: '';
	padding: 0;
}
button span.image {
	position: absolute;
	left: 0;
	width: 50px;
	margin-left: 16px;
	margin-top: -1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid rgba(0,0,0,0.15);
	text-decoration: none;
}

button span.image.fa-2x {
	margin-top: 0px;
}

button span.text{
	font-size: 18px;
	margin: 7px 7px 10px 55px;
}
input[type=button]  {
	font-size: 18px;
}
.btn-link,.btn-link:hover,.btn-link:active {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}
.btn-link.text-success {
	color: #3c763d;
}
.blurb {
	font-size: 20px;
	padding: 16px;
	font-family: Georgia, Garamond, serif;
}
.blurb li {
	padding-bottom: 15px;
}
.blurb a, .blurb a span {
	color: #337ab7 !important;
	font-size: 20px !important;
	font-family: Georgia, Garamond, serif !important;
	vertical-align: inherit;
}
.blurb a:hover {
	text-decoration: underline !important;
}
.scrollable {
	overflow-y: auto;
	max-height: 600px;
}
.terms .scrollable {
	max-height: 450px;
}
fieldset {
	padding-bottom: 20px;
}

.form-group table {
	width: 100%;
}

/* fix ADF spacer */
.xu {
	display: none;
}

/***********************
  PANEL FLIP
************************/
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}

/* START: Accommodating for IE */
.flip-container.flip .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container.flip .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* END: Accommodating for IE */

.flip-container, .front, .back {
	/*width: 700px;*/
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;

	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);

	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 200px;

	background: rgba(255,255,255,0.85);
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip-container {
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Error Messages */
.p_AFError  > table:first-child {
	display: none;
}

.p_AFError img {
	display: none;
}

.p_AFError a, .p_AFError div, .p_AFError a:active {
	font-size: 14px !important;
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	border: none;
}

.p_AFError div .x15d {
	padding-top: 6px;
}

.p_AFError .form-control {
	margin-top: 1px !important;
}

.p_AFError span {
	border: none !important;
}

.p_AFError input {
	border: 2px #C70000 solid !important;
}
/* End Errors */

.input-group.input-group-unstyled input.form-control {
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
}

.input-group-unstyled .input-group-addon {
	border-radius: 6px;
	border: 0px;
	background-color: transparent;
}

a.input-group-addon {
	cursor: pointer;
	vertical-align: bottom;
	padding-bottom: 10px;
}

a .fa.text-primary:hover,
a:focus .fa.text-primary {
	color: #286090 !important;
}

.topcorner{
	position:absolute;
	top:-5px;
	right:0px;
	font-size: 18px
}



.confirmPasswordOk {display: inline; font-size:20px;}
.confirmPasswordNotOk {display: none;}
.passwordOk { display: inline; font-size:20px;}
.passwordNotOk { display: none;}
.emailOk { display: inline; font-size:20px;}
.emailNotOk { display: none;}

.helpText {
	margin: 10px 0 30px;
}

.digIDMain {
	border: 2px solid #979797;
}

.digID_1 {
	margin: 10px;
	text-align: center;

	line-height: 1.5;
}


a.myGovExchangeNewBranding {
	background-color: black;
	color: white;
	cursor: pointer;
	text-decoration: none !important;
	font-size: 11px !important;
	display: block;
	width: 100%;
}
.myGovExchangeNewBranding:active,
.myGovExchangeNewBranding:focus,
.myGovExchangeNewBranding:hover{
	color: white !important;
	text-decoration: none !important;
	font-size: 12px !important;

}

.btnCrest {
	max-width: 30px;
}

.digID_2 {
	border-top: 2px solid #979797;
}
.digIDMain p {
	margin: 0;
	color: #313131;
	padding: 10px;
}