/* css for forget_password.mak */

/* || Generic Elements */

body {
    font-family: Poppins, sans-serif;
}

.container {
    width: 1000px;
}

.container-fluid {
    padding: 0px;
}

#forget-pw-container {
    padding: 20px 30px;
    margin-top: 30px;
    border: 1px solid #454d55;
    background-color: #343a40;
}

#forget-pw-container .forget-pw-title {
    font-size: 23px;
    font-weight: bold;
}

#forget-pw-container .forget-pw-desc {
    margin-top: 30px;
}

#forget-pw-container input {
    width: 300px;
    margin-top: 13px;
    margin-bottom: 3px;

    background-color: #313131;  /* Dark background */
    color: #ddd;            /* Light text */
    border: 1px solid #555; /* Slightly lighter border for visibility */
    padding: 20px 18px;      /* Some padding for aesthetics */
    font-size: 16px;        /* Readable text size */

    /* Optional: styling for focus state */
    outline: none; /* Removes the default focus outline */
}

#forget-pw-container #submit-btn {
    width: 300px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.status-msg {
    color: #d00300;
    margin-top: 13px;
    margin-bottom: 13px;
}

#forget-pw-container .error {
    color: #d00300;
    font-size: 13px;
}

#forget-pw-submit-loader {
    height: 30px;
    width: 30px;
    display: none;
}