/* login-page.css - Styles extracted from Login.cshtml inline styles */

/* Hide browser's native password reveal button to avoid duplicate icons */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-contacts-auto-fill-button {
    display: none !important;
}
*{
    font-size:12px
}
/* Hidden data elements */
.hidden-data {
    display: none;
}

/* Login form table */
.login-table {
    width: 100%;
    border: 0;
}

/* Form container */
.login-form-container {
    background-color: white !important;
}

/* Form labels */
.login-form-label {
    margin-bottom: .0rem !important;
}

/* Password input container */
.password-input-container {
    position: relative;
}

.password-input {
    padding-right: 40px;
}

/* Password toggle icon */
.password-toggle-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

.password-toggle-icon-top {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
    color: #888;
}

/* Login message */
.login-message {
    color: red;
    font-weight: bold;
}

/* Password expired message */
.password-expired-msg {
    display: none;
    color: #d9534f;
    font-weight: bold;
    margin-top: 10px;
}

.password-expired-link {
    color: #192f68;
    font-weight: bold;
    text-decoration: underline;
}

/* Submit button */
.login-submit-btn {
    width: 315px;
}

.reset-password-btn {
    width: 300px;
    margin-top: 20px;
}

/* Forgot password link container */
.forgot-password-container {
    width: 315px;
    margin-top: 10px;
}

.forgot-password-link {
    margin-top: 20px;
    text-align: center;
}

.back-to-login-link {
    text-align: center;
    padding: 10px;
}

/* Hidden divs */
.hidden-div {
    display: none;
}

/* Success/Reset message containers */
.reset-success-container {
    padding: 20px;
}

.success-message {
    color: green;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.info-message {
    margin-bottom: 20px;
    color: #666;
}

.success-link {
    color: #192f68;
    font-weight: bold;
    text-decoration: underline;
}

/* Password expired form */
.password-expired-header {
    padding-bottom: 15px;
}

.password-expired-title {
    color: #d9534f;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.password-expired-description {
    color: #666;
    font-size: 13px;
}

/* MFA form */
.mfa-header {
    padding-bottom: 15px;
}

.mfa-title {
    color: #192f68;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.mfa-instruction {
    color: #666;
    font-size: 13px;
    margin-top: 10px;
}

.mfa-code-input {
    letter-spacing: 8px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.mfa-timer-text {
    display: block;
    color: #666;
    font-size: 11px;
    margin-top: 5px;
}

.mfa-timer-value {
    font-weight: bold;
    color: #192f68;
}

.mfa-error-msg {
    color: red;
    font-weight: bold;
    display: none;
}

.mfa-verify-btn {
    width: 300px;
    margin-top: 20px;
}

.mfa-links-container {
    width: 315px;
    margin-top: 10px;
}

.mfa-link {
    text-align: center;
    padding: 10px;
}

.mfa-link-separator {
    margin: 0 10px;
    display: inline-block;
}

/* Small text */
.small-text {
    display: block;
    color: #666;
    font-size: 11px;
    margin-top: 3px;
}

/* Change password link */
.change-pwd-link {
    color: #192f68;
    font-weight: bold;
    text-decoration: underline;
}