/*CONTAINERS*/

body#password #main {
    border-radius: 11px;
    background: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

body#password section#content,
body#password header.page-header h1 {
    background: transparent;
}

/*TITLE*/

.page-header h1 {

}

/*FORM*/

.forgotten-password {
    padding : 4px
}

.forgotten-password .form-fields .center-email-fields {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center
}

.forgotten-password .form-fields .center-email-fields button {
    height: 38px;
    text-align: center;
    width: fit-content;
    margin: auto;
}

.forgotten-password .form-fields .email {
    margin-bottom : 15px;
}

.forgotten-password .form-fields .email input {
    height : 38px;
}

.forgotten-password .form-fields label.required {
    width : 130px
}

/*PAGE FOOTER*/

footer.page-footer a.account-link.btn-primary {
    margin-top: 1em;
    display: inline-block;
}

@media (max-width : 767px) {
    .forgotten-password .form-fields .email {
        padding-left  : 10px;
        padding-right : 10px;
        width         : 100%
    }

    .forgotten-password .form-fields .center-email-fields {
        -webkit-box-orient    : vertical;
        -webkit-box-direction : normal;
        -ms-flex-direction    : column;
        flex-direction        : column
    }

    .forgotten-password .form-fields .center-email-fields button {
        margin : 10px;
        width  : calc(100% - 20px)
    }
}