/* ===============================
   Password Reset Layout Override
   =============================== */

.reset_content {
    max-width: 420px;
    margin: 60px auto 0;
    padding: 0 20px;
    text-align: left; /* override login_content centering */
    text-shadow: none;
}

.reset_content form {
    background: #ffffff;
    padding: 32px 36px;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* Header */
.reset_content h1 {
    text-align: left;
    margin: 0 0 16px;
    font-size: 26px;
    letter-spacing: -0.03em;
}

/* Remove decorative lines from login_content */
.reset_content h1:before,
.reset_content h1:after {
    display: none;
}

/* Intro text */
.reset_content .intro {
    margin-bottom: 28px;
    color: #555555;
    line-height: 1.5;
}

/* Form field spacing */
.reset_content .form-group {
    margin-bottom: 24px;
}

.reset_content label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
}

/* Inputs */
.reset_content input[type="text"],
.reset_content input[type="email"] {
    font-size: 15px;
    padding: 10px 12px;
}

/* Button row */
.reset_content .form-actions {
    margin-top: 10px;
}

.reset_content .form-actions button {
    width: 100%;
    padding: 10px;
    font-size: 15px;
}

/* Hint text */
.reset_content .hint {
    margin-top: 20px;
    font-size: 13px;
    color: #777777;
}

/* Back link */
.reset_content .back-link {
    display: inline-block;
    margin-top: 24px;
    font-size: 13px;
}


.error-message {
    color: red; /* Change the text color to red */
    background-color: #f8d7da; /* Change the background color */
    padding: 10px; /* Add some space around the text */
    margin: 5px 0; /* Add some space above and below the message */
    border: 1px solid #f5c6cb; /* Add a border */
    border-radius: 4px; /* Rounded corners */
}

.info-message {
    color: blue; /* Change the text color to red */
    background-color: #e8f2ff; /* Change the background color */
    padding: 10px; /* Add some space around the text */
    margin: 5px 0; /* Add some space above and below the message */
    border: 1px solid #f5c6cb; /* Add a border */
    border-radius: 4px; /* Rounded corners */
}

.btn-primary-action {
    background-color: #3b6fb6;
    border-color: #345f9d;
    color: #fff;
    font-weight: 600;
}

.btn-primary-action:hover,
.btn-primary-action:focus {
    background-color: #2f5fa3;
    border-color: #2a548f;
    color: #fff;
}

.btn-primary-action:disabled {
    background-color: #cfd8e6;
    border-color: #cfd8e6;
    color: #ffffff;
}

.password-field {
    position: relative;
}

.password-field input {
    padding-right: 42px; /* room for the toggle */
}

.password-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    color: #6c757d; /* Bootstrap muted */
}

.password-toggle:hover,
.password-toggle:focus {
    color: #2f5fa3; /* match your primary action */
    outline: none;
}

/* Chrome, Edge, Safari */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* Chrome / Edge / Safari */
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-textfield-decoration-container {
    visibility: hidden;
    pointer-events: none;
}

.forgot_password {
    margin-top: 10px !important;
}
.login_content div .forgot_password {
    margin-top: 13px !important;
    /*margin-right: 39px;*/

}