.ForgotPasswordDialogBox
{
  width: 32em;
  height: 35em;
  padding: 1em;
  box-sizing: border-box;
  background-color: #293035;
  opacity: 0.95;
}

.ForgotPasswordDialogContainer
{
  padding: 0.5em 0.5em 0px;
  border: 0.25em solid #5C9EC8;
  border-radius: 0.19em;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.ForgotPasswordDialogContent
{
  height:18.5em;
  overflow-y: hidden;
}

.ForgotPasswordDialogFormContent
{
  height:23em;
  overflow-y: hidden;
}

.ForgotPasswordLogo
{
  width: 25em;
  display: block;
  margin: auto;
}


.ForgotPasswordInstructions
{
  font-size: 100%;
  color: white;
  width: 100%;
  margin: 1em auto;
  text-align: center;
  line-height: 2em;
}

.ForgotPasswordTokenInstructions
{
  font-size: 90%;
  color: white;
  width: 26em;
  margin: 0em auto;
}

.ForgotPasswordTwoFactorInstructions
{
  font-size: 90%;
  color: white;
  width: 26em;
  margin: 0em auto;
}

#forgotPasswordSecurityQuestion
{
  font-size: 100%;
  color: white;
  width: 26em;
  margin: 1em auto 0 auto;
}

.ForgotPasswordInputText
{
  margin: .5em auto;
  background: transparent;
  color: #fff;
  width: 95%;
  border: solid 0.15em #5c9ec8;
  font-size: 125%;
  border-radius: 3px;
  padding: .5em;
  font-weight: normal;
  display:block;
  line-height: 1.5em;
  box-sizing: border-box;
}


.ForgotPasswordResendButtonContainer
{
  width: 10em;
  margin: 0 auto;
}

.ForgotPasswordSingleButtonContainer
{
  width: 6em;
  margin: 0 auto;
}


.ForgotPasswordBtn.OKButton
{
  width: 6em;
  padding: 0.8em 0;
}

.ForgotPasswordBtn:hover
{
  cursor:pointer;
}


#forgotPasswordUserNameContainer, #forgotPasswordSecurityQuestionContainer, #forgotPasswordMessageContainer, #forgotPasswordFormContainer , #forgotPasswordTokenContainer, #forgotPasswordTwoFactorContainer
{
  display : none;
  font-family: helvetica;
}


.ForgotPasswordSubHeading
{
  padding: 0.25em;
  color: #cc0000;
  margin: auto;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.5em;
}

#forgotPasswordMessage
{
  color: white;
  margin: 4em auto 0 auto;
  width: 21em;
  font-size: 125%;
  line-height: 1em;
}

#forgotPasswordSubMessage
{
  color: grey;
  margin: 1em auto 0 auto;
  width: 18em;
  font-size: 100%;

}

#forgotPasswordResendTokenPinBtn
{
  display: inline-block;
  width:10em;
  height:2.5em;
  background-color: #5c9ec8;
  color:black;
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 2.5em;
  margin-top:.5em;
}

#forgotPasswordResendTokenPinBtn:hover
{
  cursor:pointer;
}

#i18n_lockoutNewPasswordTokenInstructions
{
  width: 80%;
  font-size: 90%;
  color: white;
  margin: 0 auto;
  line-height: 1.5em;
}

#i18n_lockoutTwoFactorInstructions
{
  width:50%;
  font-size: 105%;
  color:white;
  margin: 0 auto;
}

#i18n_lockoutMobileTwoFactorIsEnabled
{
  width:75%;
  font-size: 100%;
  color:white;
  margin: 0 auto;
}



/*

ACCOUNT LOCKOUT CLASSES

*/
#accountLockoutContainer
{
  display:inline;
}

.ForgotPasswordDialogBox.AccountLockout
{
  width:64em;
}

.ForgotPasswordInputText.AccountLockout
{
  width:60%;
}

#i18n_lockoutNewPasswordTokenInstructions.AccountLockout
{
  width:90%;
  font-size: 105%;
  color:white;
  line-height: 1.5em;
}

#i18n_lockoutTwoFactorInstructions.AccountLockout
{
  width:50%;
  font-size: 105%;
  color:white;
}

.ForgotPasswordSubHeading.AccountLockout
{
  display: none;
}

.ForgotPasswordLogo.AccountLockout
{
  width: 8em;
  height: 7em;
  display: inline-block;
}

.ForgotPasswordLogo.AccountLockout.MessageMode
{
  height: 6em;
  width: 85%;
  display: block;
}


#forgotPasswordSecurityQuestion.AccountLockout
{
  font-size:150%;
  width:95%;
}

#forgotPasswordQuestionAnswer.AccountLockout
{
  width: 95%;
  height: 3em;
}

#accountLockoutHeader
{
  display: inline-block;
  border-radius: 4px;
  padding: 0 0.3em;
  font-size: 124%;
  font-weight: 500;
  border: 0.15em solid #cc0000;
  line-height: 1.8em;
  width: 81%;
  vertical-align: top;
  height: 4em;
  margin: 0.8em 0 0 .5em;
}


.AccountLocked
{
  color: #cc6000;
  font-size: 150%;
  margin-top: .3em;
  display: inline-block;
}

.AccountLockoutSubHeading
{
    display: block;
    font-size: 55%;
}

.AccountLockoutLineHeading
{
  width: 98%;
  height: 2px;
  background-color: #5c9ec8;
  margin: .2em auto .5em auto;
}

.AccountLockedHeader
{
  color: white;
  display: inline-block;
  font-size: 120%;
  margin-left: .3em;
}

#accountLockoutSubHeading
{
  color: #cc0000;
  margin-left: 1em;
  font-size: 75%;
  display: block;
  position: relative;
  top: -.8em;
}

#forgotPasswordMessage.AccountLockout
{
  width:75%;
  margin-top:0;
}

#forgotPasswordSubMessage.AccountLockout
{
  width:55%;
}

#i18n_lockoutInstructions
{
  font-size: 90%;
  color: white;
  width: 75%;
  margin: 0 auto;
  line-height: 1em;
}

.AccountLockoutCheckbox
{
  padding: 0.5em 0 0 0;
}

#reportSuspiciousActivity
{
  font-size: 200%;
  margin-left: .8em;
}

#i18n_lockoutReportSuspiciousActivity
{
  color: white;
  margin-left: .5em;
}


input::-ms-clear
{
  display: none;
}