/*================================== ID-Authenticator Styles ======================================*/

/* ID-Authenticator logo */

/*Body*/

/*set the INACTIVE color for text field labels*/

label {
    color: #999;
}

/* set the ACTIVE color for text field labels */

input:focus ~ label,
input:valid ~ label {
	font-size:14px;
    color: #323A45;
	letter-spacing: 4px;
}

/* IE9 requires its own css declaration. This should be set to the ACTIVE color value */

.ie9 .dynamicOlabel {
	font-size:14px;
    color: #323A45;
	letter-spacing: 4px;
}

/* set color values for hyperlinks */

a,
a.visited {
    color: #009ddc;
}

/* set color values for active hyperlinks */

a:hover,
a:focus {
    color: #0079a9;
}

/* set color values for static text */

body {
    color: #999999;
    background: #fff;
	font-family:"BlueSkyStandard-Light","NotoSansCJKsc-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* set button background color and border */

section .row .column form button {
    background-color: #003366;
    border-bottom-color: #04729E;
}

/*Footer */

/* set color values for footer hyperlinks */

footer {
    position: fixed;
	bottom:50px;
}

footer small span a,
footer small span a.visited {
    color: #999;
}

/* set color values for active footer hyperlinks */

footer small span a:hover,
footer small span a:focus {
    color: #0000bb;
}

/* set color values for static text */

footer small span {
    color: #999999;
}

/* uncomment the line below to hide the footer entirely */

/* footer { display:none;} */

/*================================== Fonts ======================================*/

/* Fonts

   Font styling can be changed globally as noted in the example below

   Options include: serif, sans-serif;

   You may also specify standard fonts such as: helvetica, arial, verdana, times new roman, etc;



   More specific fonts may be specified as long as they are Web Fonts. For more information, see:

   http://www.w3schools.com/cssref/css_websafe_fonts.asp

   https://www.google.com/fonts

   http://www.fontspring.com/support/installing_webfonts/how-do-i-use-the-webfonts

   */

body.signon-app {
    font-family:"BlueSkyStandard-Light","NotoSansCJKsc-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: none;
}

.signon-app header {
    position: fixed;
    background: none;
    margin-top: 50px;
    width: 100%;
}

.signon-app .user-label span, .signon-app .email-label span, .signon-app .answer1-label span, .signon-app .currentPass-label span, .signon-app .pass-label span {
	letter-spacing:4px;
	margin-bottom:20px;
}



.signon-app header hgroup h1 {
    margin-left: 30px;
    float: left;
    background: url("/documents/10182/10340/nextev_logo.png") no-repeat 0 center;
    width: 100px;
    height: 35px;
    background-size: 100px 35px;
}

.signon-app section .row .column form button {
    background: #00BEBE;
    border: 1px solid #00BEBE;
    border-radius: 100px !important;
    color: #fff;
    height: 70px;
	width: 180px;
    line-height: 70px;
    padding: 0px !important;
	margin: 0 auto;
}

.signon-app .container {
    background: url("/documents/10182/10340/signon_background_new.png/1a3db9d4-ee3f-42ee-9d5a-4b8706aea684?t=1739870965000") no-repeat 0 bottom;
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
    float: right;
    margin: 0px auto 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    background-size: cover !important;
}

.signon-app .container .row {
    background-size: 80%;
    float: right;
    height: 100%;
    width: 596px;
    margin-right: 0;
    margin-top: 0;
    background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.30);
}

.signon-app header {
    background: none;
    margin: 20px auto auto 0px !important;
    padding: 0px !important;
}

.signon-app header hgroup h2 {
    text-align: left;
    margin-top: 115px !important;
    float: right;
    width: 670px;
    padding-left: 120px;
    line-height: 42px;
    color: #2c353c;
    height: 34px;
    font-weight: 100;
	font-size: 36px;
	font-family:"BlueSkyStandard-Light","NotoSansCJKsc-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.signon-app h3 {
	margin-bottom:0px;
	margin-top:0px;
}
.signon-app .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
}

.signon-app input {
    background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
    border: 1px solid #E6E6E7;
	border-radius: 4px;
    padding: 10px;
    position: relative;
    padding-left: 44px;
    height: 70px;
    line-height: 70px;
    color: #323a45;
    font-size: 13px !important;
    background-size: 16px !important;
}
.signon-app #pass1,.signon-app #pass2{
	background: rgba(255, 255, 255, 0.1) url("./mm-icon.png") no-repeat scroll 14px center;
}
.signon-app input#answer1, .signon-app input#answer2{
	background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
	padding: 10px;
	padding-left: 10px;
}
input#password {
    background: url("../images/") no-repeat 14px center rgba(255, 255, 255, 0.1);
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white !important;
    background-image: none !important;
    
}
.signon-app input::-webkit-input-placeholder {
    color: #323a45;
}

.signon-app input:before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.signon-app .group {
    margin-bottom: 20px;
}

.signon-app .terms {
    color: #fff;
    font-size: 14px;
    margin-top: 33px;
    margin-bottom: 10px;
}

.signon-app a {
    color: black;
}

.signon-app a:hover {
    color: #b9b9b9;
    text-decoration: underline;
}

.signon-app p {
    margin-top: 15px;
    color: #323a45;
    text-align: left;
}
.signon-app .checkbox p {
    margin-top: 28px;
}

.signon-app .alert {
   padding: 140px 15px 0px 50px;
   color:#D12D2D;
   font-size: 12px;
   margin-bottom:-60px;
}
.signon-app .bg-danger{
	background:#ffffff;
}
.signon-app .bg-success{
	background:#ffffff;
	display:none;
}
.signon-app article {
    width: auto;
    margin: 0 auto;
    padding: 10px;
    clear: both;
    height: 40px;
    text-align: right;
    margin-right: 500px;
    display: none;
}

.signon-app .column {
    padding: 270px 50px 50px 50px;
}
.signon-app .column > h4,.signon-app .column > h3,.signon-app .column >h2,.signon-app .column >h1{
	margin: 0;
	color:#333333;
}
.signon-app #form1 > h4{
	margin: 0;
}
.signon-app .column > h3 {
    font-size: 16px;
	font-family:"BlueSkyStandard-Light","NotoSansCJKsc-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#333333;
}
.signon-app button {	
	letter-spacing: 4px;
	font-size:14px;
}
.signon-app button:hover {	
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15) !important;
}
.primary-header .row .logo {
    background: url("/documents/10182/10340/nextev_logo.png") no-repeat left center;
    background-size: auto 35px ;
}

.primary-header  {
    background: #00bebe ;
}

.signon-app footer small {
   float:right;
   margin:0;
   text-align:center;
}

.signon-app .right-span {
    float: right !important;
    width: 90%;
}
.signon-app footer small .left-span {
    width: 120%;
}
.signon-app .left-span {
    display: block;
}
.signon-app .pull-left {
	float: left;
}
.signon-app .pull-left {
	float: left !important;
}
input::-webkit-input-placeholder {
 color: #323a45!important;
}
input::-moz-placeholder {
color: #323a45!important;
}
input:-ms-input-placeholder {
color: #323a45!important;
}
form.login-form p a,a.sso {
	color: blue;
	text-decoration: underline;
}
.bg-danger{
	 position: absolute;
	 top: 220px;
	 padding: 0 !important;
	 margin-left: 50px;
	 white-space: normal;
	 overflow-wrap: break-word;
	  word-break: break-word;
	 overflow: hidden;
	width:546px
}

.bg-success{
	 position: absolute;
	 top: 220px;
	 padding: 0 !important;
	 margin-left: 50px;
	 white-space: normal;
	 overflow-wrap: break-word;
	  word-break: break-word;
	 overflow: hidden;
	width:546px
}