/*
	*
	*	description: wam specific css styles
	*	date:	3-05-2014
	*	author:	goddarmx
	*
*/
/*	PAGE LAYOUT STYLES	*/
	#helpSection #helpLinks {
		background: #fff;
		border: 1px solid #bcbec0;
		border-radius: 3px;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.28);
		display: none;
		position: absolute;
		right: 0;
		text-align: left;
		top: 40px;
		width: 75%;
		z-index: 1;
	}
	#idpLoginLinks, #idpProfileLinks {
		background: #fff;
		border: 1px solid #bcbec0;
		border-radius: 3px;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
		display: none;
		text-align: left;
		top: -240px;
		width: 425px;
		z-index: 1;
	}
	#helpSection #helpLinks li,
	#helpSection #helpLinks li a,
	#idpLoginLinks li,
	#idpLoginLinks li a,
	#idpProfileLinks li,
	#idpProfileLinks a {
		display: block;
		line-height: 24px;
	}
	#helpSection #helpLinks li:first-child,
	#idpLoginLinks li:first-child,
	#idpProfileLinks li:first-child {
		background: rgb(244, 244, 245);
		background: -ms-linear-gradient(90deg, rgb(244, 244, 245) 30%, rgb(233, 233, 234) 75%);
		background: linear-gradient(180deg, rgb(244, 244, 245) 30%, rgb(233, 233, 234) 75%);
		border-bottom: 1px solid #fff;
		font-size: 12px;
		font-size: 1.2rem;
		height: 40px;
		line-height: 40px;
		padding: 14 16px;
	}
	#idpLoginLinks li:first-child,
	#idpProfileLinks li:first-child {
		margin-bottom: 0;
	}
	#helpLinks > li:nth-child(2),
	#idpLoginLinks > li:nth-child(2),
	#idpProfileLinks > li:nth-child(2) {
		border-top:1px solid #bcbec0;
		padding-top:6px;
	}
	#helpLinks > li:last-child,
	#idpLoginLinks > li:last-child,
	#idpProfileLinks > li:last-child {
		margin-bottom: 6px;
	}
	#helpSection #helpLinks li a,
	#idpLoginLinks li a,
	#idpProfileLinks li a {
		padding: 0 10px;
		padding: 0 1rem;
	}
	#helpSection #helpLinks li a:visited,
	#idpLoginLinks li a:visited,
	#idpProfileLinks li a:visited {
		color: #07c;
		text-decoration: none;
	}
	#helpSection .cls_customerSupportNoWrap {
        padding: 0 1rem;#helpSection #helpLinks
    }
    #helpSection .cls_customerSupportNoWrap .cls_customerSupportNo {
        margin: 0px;
    }
	section#loginArea input[type="text"],
	section#loginArea input[type="password"] {
		width: 90%;
	}
	section#loginArea li {
		/*overflow: hidden;
		position: relative;*/
		
	}
	section#loginArea form li {
			margin-bottom: 16px;
			margin-bottom: 1.6rem;
		}
		label#rememberMe {
			height: 47px;
			line-height: 47px;
			margin: 0 0 0 20px;
		}
#signInForm #signInSbmtBtn {
    float: right;
}
.cls_signinBtnCont {
    width: 92%;
}
#signInForm label#rememberMe {
    margin: 0px;
}
.support-links li {
	margin:24px 0;
}

.support-links li:first-child {
	margin-top: 0;
}

.subtitle {
    font-family: Lato,Helvetica,Arial,sans-serif;
    font-size:13px;
    color:#939598
}

/*MODAL DIALOG*/
.modal-title {
	float: left;
	padding: 0 0 0 10px;
	padding: 0 0 0 1rem;
}
.close-btn {
	border: 1px solid rgba(255,255,255,0);
	float: right;
	height: 16px;
	line-height: normal;
	margin: 13px 10px 13px 0;
	text-align: center;
	width: 16px;
}
.close-btn:hover, .close-btn:focus {
	background-color: #f4f4f5;
	border: 1px solid #bcbec0;
}
.close-btn:active{
	background-color: #373739;
	color: #f4f4f5;
}

	/* forgot credentials area */
	#ForgotUserId-radio-display,
	#ForgotPwd-radio-display {
		margin-left: 23px;
	}
	/* end forgot credentials area */

	/*
		*	end login area
		*	marketing area
	*/
	aside#marketingArea {
		float: right;
		background: #fff;
		max-width: 538px;
		width: 60%;
	}
	aside#marketingArea iframe {
		min-height: 494px;
		width: 100%;
	}
	/*
		*	end marketing area
		*	end content area
	*/
	/**/

/*	END PAGE LAYOUT STYLES	*/
/*
		*	button styles
*/
	/*
		* Important note:  GDSI has this drop down showing as a link instead of a button within the GDSI designs.  It has been verfied that this should look like a link.
	*/
button.drop-down-btn {
	color: #07c;
	font-size: 14px;
	font-size: 1.4rem;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
}
button.drop-down-btn:hover,
button.drop-down-btn:focus {
	text-decoration: underline;
}
button.drop-down-btn a:hover,
button.drop-down-btn a:focus {
	outline: 0;
}
section#loginArea li.link-messages {
	clear: both;
	color: #07c;
	overflow: hidden;
	padding: 20px 0 0;
}
.float-left {
	float: left;
}

.wam-keyword {
	color: #ed1c24;
}
.wam-additional-guidelines {
	margin-top: 20px;
}

form p a:link {
	text-decoration: none;
}

.mode-heading {
	margin: 3.2rem 0 .8rem;
}

.delivery-mode {
	margin-left: 20px;
	margin-left: 2rem;
}

#passcode {
	width: 80%;
}

/* Authentication History Page Styles */
/* Desktop Version */
@media screen
{
    .auth-history-link{
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        margin: 0 0 0px;
    }

    .auth-history-table{
        width: 75%;
    }

    .auth-history-date-column{
            width: 44%;
    }

    .auth-history-ip-column{
        width: 44%;
    }

    .auth-history-detail-column{
        width: 12%;
    }

    .auth-history-details{
        display:none;
        background-color: #f4f4f5;
        padding-left: 20px;
    }

    .auth-history-gap{
        margin-top: 20px;
    }


}
/* Mobile Version */
@media screen and (max-width: 760px)
{
    .auth-history-link{
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 9px;
        font-size: .9rem;
        line-height: 20px;
        margin: 0 0 0px;
    }

    .auth-history-table{
        width: 100%;
    }

    .auth-history-date-column{
        width: 55%;
    }

    .auth-history-ip-column{
        width: 30%;
    }

    .auth-history-detail-column{
        width: 15%;
    }

    .auth-history-details{
        display:none;
        background-color: #f4f4f5;
        padding-left: 20px;
    }
}

/* Password Fields */

.pwdWithShowWrapper{
  position: relative;
  width: calc(90% + 20px);
  margin-top: 16px;
}

.showPwdInput{
  width: calc(100% - 78px);
  padding-right: 68px;
  height: 26px;
}

section#loginArea div .pwdWithShowWrapper input[type="text"], section#loginArea input[type="password"] {
  width: calc(100% - 78px);
}

section#loginArea div .pwdWithShowWrapper input[type="text"].error, section#loginArea input[type="password"].error {
  padding-right: 68px;
}

body#login section#wrapper {
    padding-bottom: 100px;
}
body#login .nav_footer .footer {
    margin-top: 0px;
}
.field-icon {
  font: 10px Lato, Arial;
  color: #939598;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  margin: 0 0;
}

.field-icon-error{
  font: 10px Lato, Arial;
  color: #939598;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  margin: 0 20px;
}

.field-icon:hover {
  text-decoration: underline;
  color: #939598;
}

.field-icon:focus {
  text-decoration: underline;
  color: #939598;
}

#challengeQuestions .wam-buttons, #retrieveCredentials .wam-buttons {
    margin: 2em 0 2.333em 0;
}

/* Device De-auth Section */

#deauthBtnSpan{
    float: left;
}

#deauthMsg{
    padding-left: 10px;
    float: left;
}

#deviceDeauthorizationClear{
    clear: both;
}

/* FSO OTP Message */
#otpMessageArea{
    color: #ED1C24;
}


/* Password dynamic confirmation start */
span.cls_validImg {
    height: 20px;
    width: 20px;
    float: left;
    margin: 0;
    background-image: url("/lnaccess/images/valid.png");
    visibility: hidden;
}

ul.cls_passwordMainCriteria {
    list-style: disc;
    font-size: 10px;
}

ol.cls_passwordRestrictions {
    list-style: decimal;
    font-size: 12px;
    margin-left: 30px;
}

li.valid {
	list-style: none;
}

.cls_validImg.valid {
	visibility: visible;
}
.valid span.input-details {
    color: #009933;
}
/* Password dynamic confirmation end */