/*Forgot Password*/
.forgotpassword-header {
    display: inline;
}

.forgotpassword-block-align {
    margin-top: 3%;
    margin-bottom: 5%;
}

.forgotpassword-top-align {
    margin-top: 3%;
}

.forgotpassword-header-align {
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: -58px;
}

.forgotpassword-error-align {
    margin-bottom: 20px;
}

.required-info-size {
    font-size: 12px;
}
.btn-spacing {
    margin-right: 20px;
}

/*Toggle Eye Icon*/

.inner-addon {
    position: relative;
}

.inner-addon .far, .inner-addon .fas {
    position: absolute;
    padding: 10px 20px;
    z-index: 100;
    cursor: pointer;
}

.left-addon .far, .left-addon .fas {
    left: 0px;
}

.right-addon .far, .right-addon .fas {
    right: 90px;
}

/* --------- Fix toggle eye icon position when zoom in/out ---------*/

/* --------- Eye Icon - Zoom in/out ---------*/
@media only screen and (min-width: 360px) and (max-width: 768px) {
    .right-addon .far, .right-addon .fas {
        right: 537px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .right-addon .far, .right-addon .fas {
        right: 75px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .right-addon .far, .right-addon .fas {
        right: 62px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .right-addon .far, .right-addon .fas {
        right: 90px;
    }
}

/* --------- Eye Icon - Zoom in/out ---------*/

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}