/*
 * Montserrat Extra Light
 * Licensed under the Open Font License.
 * https://openfontlicense.org/
 */
@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/*
 * Montserrat Regular
 * Licensed under the Open Font License.
 * https://openfontlicense.org/
 */
@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
 * Montserrat Bold
 * Licensed under the Open Font License.
 * https://openfontlicense.org/
 */
@font-face {
    font-family: 'Montserrat';
    src: url("../webfonts/Montserrat-Bold.woff2") format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html, body {
    background-color: #12192D;
}

div#center {
    text-align: center;
}

.productExt {
    top: 40px;
    left: 40px;
    position: absolute;
}

.productExt img {
    border-style: none;
}

#loginParent {
}

.loginbackground {
    width: 619px;
    height: 400px;
    margin: auto;
    border: solid 1px #FCB557;
    color: #555555;
    background: url("../images/eframe-background.png") no-repeat left top;
    background-size: contain;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.lr p {
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    font-size: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 200;
}

.loginerror {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;;
    margin-top: 10px;
}

.loginButtonId {
    background-color: #FA9C1E;
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    width: 100px;
    height: 26px;
    margin-top: 9px;
    margin-left: 84px;
}

.loginButtonId .verify {
    margin-left: 94px !important;
}

.loginContent {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    position: relative;
    text-align: left;
    padding: 20px 20px 20px 20px;
}

.loginForm {
    margin: 121px 0 0 355px;
}

.verifyForm {
    margin-top: 66px; !important;
}

.loginForm div {
    text-align: left;
    clear: none;
    margin: 0;
    padding: 0 10px 8px 10px;
}

.loginForm label {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 2px;
    display: block;
    float: none;
    text-align: left;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.loginTextEntry {
    width: 180px;
    height: 24px;
    background-color: #E4F3FF !important;
    border: none;
    border-radius: 5px;
    text-indent: 3px;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

.loginTextEntry::placeholder {
    text-indent: 3px;
    color: #42474E !important;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

.loginTextEntry:focus::placeholder {
    color: transparent !important;
}

.login-message {
    margin-left: 95px;
    margin-top: 25px;
}

.login-message p {
    left: 0;
    font-size: 12px;
    position: relative;
}

.login-message p a {
    color: #FFFFFF;
    font-size: 14px;
}

/* Font styling for error message*/
.errorMessage {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #d74352;
    font-weight: bold;
    text-align: left;
    margin-left: 95px;
    margin-top: 32px;
}

.internetExplorerWarning {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 14px;
    color: #FF9500;
    text-align: left;
    margin-left: 95px;
    margin-top: 32px;
}

/*reset password*/

.reset-pwd-message-title {
    position: absolute;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: orangered;
    margin-left: 283px;
    margin-top: -207px;
}

.reset-pwd-message-text {
    font-family: Montserrat, sans-serif;
    color: #FFFFFF;
    font-size: 10px;
    margin-top: -187px;
    margin-left: 366px;
}

.reset-pwd-form {
    margin-left: 355px;
    margin-top: 111px;
    padding: 10px;
}

.changePasswordFormGroup {
    padding-bottom: 7px;
}

.resetPasswordButton {
    background-color: #FA9C1E;
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    width: 100px;
    height: 26px;
    margin-top: 15px;
    margin-left: 84px;
}

.resetPasswordUsernameInput {
    width: 180px;
    height: 24px;
    background-color: #E4F3FF !important;
    border: none;
    border-radius: 5px;
    text-indent: 3px;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

.resetPasswordUsernameInput::placeholder {
    text-indent: 3px;
    color: #42474E !important;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

.resetPasswordUsernameInput:focus::placeholder {
    color: transparent !important;
}

.resetPasswordBackButton {
    font-family: Montserrat, sans-serif;
    margin-left: 363px !important;
    color: #FFFFFF;
}

.reset-pwd-label {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 13px;
    height: 20px;
    width: 200px;
    margin-top: 10px;
    margin-left: 5px;
    text-align: right;
    margin-right: 5px;
    float: left;
}

.reset-pwd-input {
    width: 180px;
    height: 24px;
    background-color: #E4F3FF !important;
    border: none;
    border-radius: 5px;
    text-indent: 3px;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

.reset-pwd-button {
    background-color: #FA9C1E;
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    width: 145px;
    height: 26px;
    margin-top: 10px;
    margin-left: 40px;
}

.reset-pwd-error {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    margin-top: 180px;
}

/*forgot password*/

.login-forgot-pwd {
    margin-left: 414px;
    margin-top: 20px;
}

.login-forgot-pwd p {
    width: 150px;
    left: 0;
    font-size: 12px;
    position: relative;
}

.login-forgot-pwd p a {
    font-weight: normal;
    color: white;
}

.forgotPasswordForm {
    margin-top: 119px;
    margin-left: 363px;
    display: inline-block
}

.forgotPasswordForm label {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 13px;
    height: 20px;
    width: 70px;
    margin-left: 85px;
    float: none;
}

.forgot-pwd-request-form a {
    margin-left: 85px;
}

.forgot-pwd-message-title {
    width: 180px;
    color: #FFFFFF;
    font-size:15px;
    font-family: Montserrat, sans-serif;
    font-weight:bold;
    margin-top: 20px;
    margin-left: 363px;
}

.afterReset {
    margin-top: 117px !important;
}

.forgot-pwd-message-text {
    width: 180px;
    color: #FFFFFF;
    font-size:9px;
    font-family: Montserrat, sans-serif;
    margin-top: 10px;
    margin-left: 363px;
}

.forgot-pwd-token-error{
    font-size: 15px;
    color: #FF0000;
    font-weight: bold;
    margin-top: 180px;
    margin-left: 95px;
}

.reset-forgot-pwd-form {
    margin-left: 355px;
    margin-top: 111px;
    padding: 10px;
}

.forgot-pwd-field {
    padding-bottom: 7px;
}

.reset-forgot-pwd-error {
    font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
}

.informationMessage {
    font-family: Montserrat, sans-serif;
    width: 180px;
    font-size: 12px;
    color: #1ea85d;
    font-weight: bold;
    text-align: left;
    margin-left: 95px;
    margin-top: 32px;
}

.authenticationCode{
    -webkit-text-security:disc;
}