﻿
.div-forgot-username-form-outer h1 {
    font-weight:normal;
}
.div-forgot-username-form-outer .h4Title.subtitle-forgot-username
    , .div-forgot-username-form-outer .div-error-placeholder
    , .div-forgot-username-form-outer .div-error-placeholder  span 
    , .div-forgot-username-confirmation .h4Title
{
    width:100%;
    max-width:100% !important;
}

.div-forgot-username-confirmation #spanEmail {
    color: #9c5eb5;
    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
}

.div-forgot-password {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div-forgot-password, .div-reset-password, .div-forgot-username {
    margin-top:30px;
}
.div-forgot-password .div-field, .div-reset-password .div-field, .div-reset-password-confirmation .div-field, .div-forgot-username .div-field, .div-forgot-username-confirmation .div-field {
    margin-top: 10px;
    max-width: 560px;
}

.div-reset-password .div-submit, .div-forgot-username .div-submit, .div-forgot-username-confirmation .div-submit {
   display:inline-block;
   margin-right:35px;
}
.div-forgot-password .div-error-placeholder, .div-reset-password .div-error-placeholder, .div-reset-password-confirmation .div-error-placeholder, .div-forgot-username .div-error-placeholder, .div-forgot-username-confirmation .div-error-placeholder{
    display:none;
    margin-top: 6px;    /*14?*/
    max-width: 560px;
}
.div-forgot-password .div-error-placeholder span,  .div-reset-password .div-error-placeholder span, .div-reset-password-confirmation .div-error-placeholder span, .div-forgot-username .div-error-placeholder span 
, .div-forgot-username-confirmation .div-error-placeholder span{
    max-width: 560px;

    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
    font-size: 14px;
    font-weight: bold;
    color:#c7233a;
}

.div-forgot-password .div-field-tip, .div-reset-password .div-field-tip {
    margin-top:6px;
    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
    font-size: 14px;
    color:#333;
}

.show-password-link {
   background-color: #ccc;
    color: #333333;
    display: inline-block;
    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
    font-size: 14px;
    text-shadow: 0 1px 0 #FFFFFF;
    cursor: pointer;
    position: absolute;/*relative;*/
    left: 470px;
    top: -48px;
    height: 48px;
    width: 130px;
    line-height: 48px;
    text-align: center;
}
.show-password-link {
  display: block;
  position: absolute;
  z-index: 11;
  text-decoration:none;
  color:#333;
}
.show-password-link:hover, .show-password-link:focus {
  text-decoration:none;
  color:#333;
}
.password-showing {
    position: absolute;
    z-index: 10;
    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
    font-size:16px;
    display: block;
    width: 100%;
    max-width:560px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.password-showing:focus {
     border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.div-reset-password  .div-cancel, .div-reset-password  .div-submit {display:inline-block;width:170px;margin-right:15px;}
.div-reset-password  .buttonSubmit {width:100%;}

.div-forgot-username .half-off {
    margin-right:40px;
}


#ulFoundUserList {
    list-style-type: none;
    margin-top:30px;
    padding:0px;
}

#ulFoundUserList li {
    margin-bottom: 15px;
}
/*
#ulFoundUserList li:before { 
    content: "";
    border-color: transparent #9c5eb5;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    display: block;
    height: 0;
    width: 0;
    top: 24px;
    position: relative;
}
*/
#ulFoundUserList li a {
    color:#9c5eb5;
    font-family: GraphikRegular, Arial, sans-serif, "Verdana";
    font-size: 20px;
    font-weight:normal;
    cursor:pointer;
    padding-left:20px;
}
.div-gobacktosignin a {font-size:18px;}
#buttonRequestPasswordReset {width:340px;margin-right: 40px;}

.div-reset-password-form-outer.mobile input#textPassword
, .div-reset-password-form-outer.mobile input.password-showing
{
	    width: calc(100% - 24px);
		height:22px;
}
.div-reset-password-form-outer.mobile input.password-showing
{
	    width: calc(100% - 48px);
		height:22px;
}
.div-reset-password-form-outer.mobile .show-password-link
{
	    top: 218px;
		xleft:235px;
		height: 35px;
		line-height:35px;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
}


.position-relative
{
	position:relative;
}