.page-resetpassword{
    width: 1020px;
    padding: 40px 0px;
    margin: 0px auto !important;
}

.row,
.page-resetpassword {
    margin: 0 auto;
}

.page-resetpassword .passwordSection label.error {
    color: #d40140;
}

.passwordSection .-passwordVerify {
    z-index: 1003;
}

.page-resetpassword .button.-action {
    background-color: #35b2b6;
    color: #fff !important;
    float: none;
    padding: 0 20px 0 15px!important;
    margin-top: 20px;
    margin-bottom: 15px;
    height: 43px;
    width: 227px;
    font-size: 14px;
}

.page-resetpassword .button.-action:hover,
.page-resetpassword .button.-action:focus {
    padding-right: 20px;
    border:none;
}

.page-resetpassword .button.-action.ui-state-hover {
    background-color: #0d6a6d !important;
    color: #fff !important;
}

.page-resetpassword input.newPasswordInput,
.page-resetpassword input.repeatedPasswordInput {
    font-size: 16px;
    height: 43px;
    border: 1px solid #e1e1e1 !important;
    border-radius: 3px;
    display: inline-block;
}

.page-resetpassword .passwordSection .errorCheck,
.page-requestpassword .errorCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23D9382C'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E");
}

.page-resetpassword .passwordSection .validCheck,
.page-requestpassword .validCheck {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2369C53A'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
}

.page-resetpassword .passwordSection .errorCheck,
.page-resetpassword .passwordSection .validCheck,
.page-requestpassword .errorCheck, 
.page-requestpassword .validCheck {
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    left: 10px;
    position: relative;
    width: 24px;
    top: 10px;
}

.page-resetpassword .passwordSection .resetPopup.-passwordVerify {
    left: 0 !important;
    bottom: 34px !important;
}

.page-resetpassword-title {
    width: 1020px;
}

.page-resetpassword .inputBlock.form-group.entry {
    max-width: 425px;
}

.page-resetpassword .floating-label {
    display: inline-block;
}

.page-resetpassword .passwordSectionPopup {
    position: relative;
}

.headline-reset-pass,
.headline-request,
.requestsucces-heading {
    margin-top: 60px; 
    border-bottom: 2px solid #4a4a4a; 
    padding-bottom: 20px; 
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .page-resetpassword .passwordSection .errorCheck,
    .page-resetpassword .passwordSection .validCheck,
    .page-requestpassword .errorCheck,
    .page-requestpassword .validCheck {
        left: 0;
        right: 10px;
        float: right;
    }
    .headline-reset-pass,
    .headline-request,
    .requestsucces-heading {
        margin-top: 30px !important; 
    }
    .requestPasswordSuccess .info-password {
        margin: auto;
    }
    .requestsucces-heading{
        font-size: 24px;
    }
}


/** ALDI **/
    .page-resetpassword.aldiFotos .passwordSection .resetPopup.-passwordVerify {
        bottom: 6px !important;
    }
    .page-resetpassword.aldiFotos .passwordSection .error {
        display: inline-block;
    }
    .page-resetpassword.aldiFotos .button.-action {
        background-color: #00005f;
    }
    .page-requestpassword.aldiFotos .input-request {
        display: inline-block;    
    }
    .page-resetpassword.aldiFotos .text-format span{
        padding-left: 0px !important;
    }
/** END ALDI **/


/** MONOEUVRE **/
    .page-resetpassword.monoeuvre .button.-action {
        width: 280px;
    }
/** END MONOEUVRE **/


/** MEINXXL **/
    .page-resetpassword.meinxxl .resetPopup.-passwordVerify {
        position: absolute;
        width: 47%;
        background-color: #f9f9f9;
        padding: 10px;
        border: 1px solid #e1e1e1;
        z-index: 200;
        bottom: 20px !important;
    }

    .page-resetpassword.meinxxl .resetPopup.-passwordVerify:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        top: 88%;
        left: 23px;
        background: #f9f9f9;
        transform: rotate(45deg);
        border-bottom: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
    }

    .page-resetpassword.meinxxl .-passwordVerify ul {
        list-style: none;
    }
  
    .page-resetpassword.meinxxl .-passwordVerify ul li {
        position: relative;
    }

    .page-resetpassword.meinxxl .-passwordVerify ul li:before {
        content: '\2715';
        position: absolute;
        left: -20px;
    }
    
    .page-resetpassword.meinxxl .-passwordVerify ul li.-correct {
        color: #E43427;
    }
  
    .page-resetpassword.meinxxl .-passwordVerify ul li.-correct:before {
        content: '\2713';
    }

    .page-resetpassword.meinxxl .button.-action {
        background-color: #cc1717;
        border: 1px solid #cc1717;
        border-radius: 3px;
    }

    .page-resetpassword.meinxxl .ui-messages-error{
        display: table;
        position: relative;
        border-radius: 4px;
        font-size: 13px;
        border: 1px solid #8e0000;
        background-color: #ffc2c2;
        color: #8e0000;
        padding: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .page-resetpassword.meinxxl .ui-messages-error ul li::marker{
        content: "";
    }
    .page-resetpassword.meinxxl .ui-messages-error ul {
        margin-bottom: 0 !important;
    }
    .page-resetpassword.meinxxl .ui-messages-error-icon::before{
        content: '!';
        display: block;
        position: absolute;
        text-align: center;
        line-height: 24px;
        width: 24px;
        height: 24px;
        font-size: 16px;
        border-radius: 50%;
        background-color: #f11;
        color: #fff;
        top: 18px;
        left: 10px;
    }
    .page-requestpassword.meinxxl .form-group {
        position: relative;
        overflow: visible;
    }

    @media only screen and (max-width: 768px) {
        .page-resetpassword.meinxxl .resetPopup.-passwordVerify {
            width: 90%;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .page-resetpassword.meinxxl {
            padding: 40px 20px;
        }
    }

    @media only screen and (max-width: 1024px) {
        .row.meinxxl {
            padding: 0 10px;
        }

        .page-resetpassword.meinxxl {
            padding: 40px 10px;
        }

        .page-requestpassword.meinxxl .content{
            padding: 0 10px;
        }
    }
/** END MEINXXL **/


/** PSTFR **/
.page-resetpassword.pstfr .resetPopup.-passwordVerify {
    position: absolute;
    width: 47%;
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #e1e1e1;
    z-index: 200;
    bottom: 20px !important;
}

.page-resetpassword.pstfr .resetPopup.-passwordVerify:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 88%;
    left: 23px;
    background: #f9f9f9;
    transform: rotate(45deg);
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.page-resetpassword.pstfr .-passwordVerify ul {
    list-style: none;
}

.page-resetpassword.pstfr .-passwordVerify ul li {
    position: relative;
}

.page-resetpassword.pstfr .-passwordVerify ul li:before {
    content: '\2715';
    position: absolute;
    left: -20px;
}

.page-resetpassword.pstfr .-passwordVerify ul li.-correct {
    color: #E43427;
}

.page-resetpassword.pstfr .-passwordVerify ul li.-correct:before {
    content: '\2713';
}

.page-resetpassword.pstfr .button.-action {
    background-color: #cc1717;
    border: 1px solid #cc1717;
    border-radius: 3px;
}

.page-resetpassword.pstfr .ui-messages-error{
    display: table;
    position: relative;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid #8e0000;
    background-color: #ffc2c2;
    color: #8e0000;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.page-resetpassword.pstfr .ui-messages-error ul li::marker{
    content: "";
}
.page-resetpassword.pstfr .ui-messages-error ul {
    margin-bottom: 0 !important;
}
.page-resetpassword.pstfr .ui-messages-error-icon::before{
    content: '!';
    display: block;
    position: absolute;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px;
    font-size: 16px;
    border-radius: 50%;
    background-color: #f11;
    color: #fff;
    top: 18px;
    left: 10px;
}

.page-requestpassword.pstfr .form-group {
    position: relative;
    overflow: visible;
}

.page-requestpassword.pstfr .g-recaptcha {
    z-index: 10;
    position: relative;
}

.page-requestpassword.pstfr .grecaptcha-badge {
    bottom: 100px !important;
}

@media only screen and (max-width: 768px) {
    .page-resetpassword.pstfr .resetPopup.-passwordVerify {
        width: 90%;
    }

    .page-resetpassword input.newPasswordInput, .page-resetpassword input.repeatedPasswordInput {
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-resetpassword.pstfr {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .row.pstfr {
        padding: 0 15px;
    }

    .page-resetpassword.pstfr {
        padding: 40px 15px;
    }

    .page-requestpassword.pstfr .content{
        padding: 0 15px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1140px) {
    .row.pstfr {
        padding: 0 15px;
    }

    .page-resetpassword.pstfr {
        padding: 40px 15px;
    }

    .page-requestpassword.pstfr .content{
        padding: 0 15px;
    }
}

/** END PSTFR **/


/** LIDL-DE **/
    .page-requestpassword.lidl,
    .row.lidl,
    .requestPasswordSuccess.lidl,
    .page-resetpassword.lidl {
        width: auto !important;
        max-width: 1280px !important;
    }
    .page-resetpassword.lidl .resetPopup.-passwordVerify {
        position: absolute;
        width: 47%;
        background-color: #f9f9f9;
        padding: 10px;
        border: 1px solid #e1e1e1;
        bottom: 20px !important;
    }

    .page-resetpassword.lidl .resetPopup.-passwordVerify:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        top: 90%;
        left: 23px;
        background: #f9f9f9;
        transform: rotate(45deg);
        border-bottom: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
    }

    .page-resetpassword.lidl .-passwordVerify ul {
        list-style: none;
    }
  
    .page-resetpassword.lidl .-passwordVerify ul li {
        position: relative;
    }

    .page-resetpassword.lidl .-passwordVerify ul li:before {
        content: '\2715';
        position: absolute;
        left: -20px;
    }
    
    .page-resetpassword.lidl .-passwordVerify ul li.-correct {
        color: #E43427;
    }
  
    .page-resetpassword.lidl .-passwordVerify ul li.-correct:before {
        content: '\2713';
    }

    .page-resetpassword.lidl .button.-action {
        background-color: #0050aa;
        border-color: #0050aa;
    }

    .page-requestpassword.lidl .input-request {
        display: inline-block;    
    }

    @media only screen and (max-width: 768px) {
        .page-resetpassword.lidl .resetPopup.-passwordVerify {
            width: 90%;
        }
    }
/** END LIDL-DE **/


/** B2B-EU **/
    .page-resetpassword.b2b .button.-action {
        background-color: #e71e31;
    }

    .page-resetpassword.b2b .button.-action.ui-state-hover {
        background-color: #5c5c5c !important;
    }

    @media only screen and (max-width: 768px) {
        .row.b2b .headline{
            padding: 0px 0 20px !important;
            font-size: 24px !important;
        }
    } 
/** END B2B-EU **/


/** PHOTO GIFTS EU **/
    .row.pgeu .col{
        margin-left: 0px;
        width: 100%;
    }
    .page-requestpassword.pgeu .form-group {
        position: relative;
        overflow: visible;
    }
    .page-requestpassword.pgeu .button {
        text-align: center;
    }
    .page-requestpassword.pgeu .button:hover {
        background-color: #e43427 !important;
    }
    .page-requestpassword.pgeu .floating-label {
        top: -18px;
    }
    @media only screen and (max-width: 1024px) {
        .row.pgeu .-span-12{
            width: 100%;
            box-sizing: border-box;
            padding: 0 10px;
        }
        .page-requestpassword.pgeu .text-format{
            padding: 0 10px;
        }
        .page-resetpassword.pgeu{
            padding: 40px 10px;
        }
        .page-requestpassword.pgeu .button.-action.-arrow:after {
            background-image: none;
        }
    }
/** END PHOTO GIFTS EU **/


/** MASTER TEMP **/
    .masterTemp.row,
    .masterTemp.row .reset-headline-block,
    .page-resetpassword .masterTemp{
        margin: 0 auto;
    }
    .masterTemp.row .col{
        padding: 0;
    }
    .page-resetpassword.masterTemp .content{
        padding: 0 10px;
    }
    @media only screen and (max-width: 768px) {
        .masterTemp.row .col{
            padding: 0 10px;
        }
        .page-requestpassword.masterTemp .content{
            padding: 0 10px;
        }
    }
    .masterTemp .row .-span-12 {
        width: 100%;
        padding-left: 0 !important;
    }
    .page-resetpassword.masterTemp .hidden {
        display: none !important;
    }
    .page-resetpassword.masterTemp .button.-action,
    .page-requestpassword.masterTemp .button.-action {
        border: #35b2b6;
    }
    .page-resetpassword.masterTemp label {
        margin-bottom: 0 !important;
    }
    .page-requestpassword.masterTemp .form-group {
        position: relative;
        overflow: visible;
    }
    .page-requestpassword.masterTemp .hidden {
        display: none;
    }
/** END MASTER TEMP **/


/** PICANOVA DE **/
    .page-requestpassword.pcde .floating-label {
        position: absolute !important;
    }
    .page-resetpassword.pcde .button.-action {
        background-color: #d08e3b;
        padding: 0 10px 0 10px!important;
        width: 235px;
    }
    .page-resetpassword.pcde .button.-action.ui-state-hover {
        background-color: #333 !important;
    }
/** END PICANOVA DE **/


/* REQUEST PASSWORD */
    .page-requestpassword,
    .requestPasswordSuccess {
        padding: 20px 0 !important;
        margin: 0 auto;
    }
  
    .page-requestpassword #requestPasswordForm {
        margin-top: 30px;
    }
  
    .page-requestpassword .floating-label {
        font-size: 12px;
        white-space: nowrap;
        color: #404040;
        -webkit-animation: moveTextTop 0.1s;
        animation: moveTextTop 0.1s;
        opacity: 1;
        position: absolute;
        top: -16px;
    }
  
    .page-requestpassword .floating-label .error,
    .page-requestpassword .error, 
    .page-requestpassword .error-soft{
        color: #d40140;
    }

    .page-requestpassword p{
        font-size: 16px !important;
    }
  
    .page-requestpassword .form-group {
        margin-bottom: 20px;
    }
  
    .page-requestpassword .error, 
    .page-requestpassword .error-soft {
        white-space: pre-wrap;
    }
  
    .page-requestpassword .error:before, 
    .page-requestpassword .error-soft:before {
        content: ': ';
    }
  
    .page-requestpassword .input-request {
        margin-left: 0;
        height: 43px !important;
        border: 1px solid #BFBFBF !important;
        border-radius: 2px;
        font-size: 16px !important;
    }
  
    .page-requestpassword .input-request:focus {
        border: 1px solid #e1e1e1 !important;
    }
  
    .page-requestpassword .button, 
    .page-requestpassword .filebutton {
        width: 227px;
        height: 43px;
        font-size: 14px;
    }
    .page-requestpassword .btn-red {
        border: none;
    }
  
    .page-requestpassword .outmsg .-error, .page-requestpassword .outmsg li {
        list-style-type: none !important;
        margin-top: 0 !important;
    }
  
    .page-requestpassword .text-format > ul {
        padding-left: 0 !important;
    }
  
    .page-requestpassword .page-text {
        padding: 20px 0 !important;
    }

    .page-requestpassword .-error {
        display: table;
        position: relative;
        border-radius: 4px;
        font-size: 13px;
        border: 1px solid #8e0000;
        background-color: #ffc2c2;
        color: #8e0000;
        padding: 20px 20px 20px 44px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .page-requestpassword .-error::before {
        content: '!';
        display: block;
        position: absolute;
        text-align: center;
        line-height: 24px;
        width: 24px;
        height: 24px;
        font-size: 16px;
        border-radius: 50%;
        background-color: #f11;
        color: #fff;
        top: 18px;
        left: 10px;
    }

    @media only screen and (max-width: 1024px) {    
        .page-resetpassword .passwordSection .errorCheck,
        .page-resetpassword .passwordSection .validCheck,
        .page-requestpassword .errorCheck, 
        .page-requestpassword .validCheck {
            left: 5px;
        }
        .headline-reset-pass,
        .headline-request,
        .headline-reset {
            margin-top: 30px !important; 
            font-size: 24px !important;
        }
        .page-resetpassword .floating-label,
        .page-requestpassword .floating-label {
            position: initial !important;
            white-space: inherit !important;
        }
    }
/*  END REQUEST PASSWORD */


/* REQUEST PASSWORD SUCCESS */
    .requestPasswordSuccess {
        padding: 20px 0 !important;
    }

    .requestPasswordSuccess .info-heading {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px;
        padding-top: 20px;
    }

    .requestPasswordSuccess .info-password {
        height: 76px;
        border-radius: 4px;
        background-color: #F9F9F9;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px;
    }

    .requestPasswordSuccess .check-green {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 15px;
    }

    .requestPasswordSuccess .text-format {
        padding: 0 10px;    
    }

    .requestPasswordSuccess .text-format ul {
        padding-left: 15px !important;
    }

    .requestPasswordSuccess .text-format ul li {
        list-style-type: decimal !important;
        padding-bottom: 10px;
    }

    .requestPasswordSuccess .text-format ul li:last-child {
        padding-bottom: 0;
    }

    .page-requestpassword .errorCheck, 
    .page-requestpassword .validCheck {
        top: 8px !important;
    }

    .requestPasswordSuccess #email {
        font-weight: bold;
    }
    .requestPasswordSuccess .row{
        margin: 0 !important;
    }
/* END REQUEST PASSWORD SUCCESS */

.page-requestpassword .button.-action.-arrow:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjEgOS40Ij48cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjQuNywzLjMgMS40LDAgMCwxLjQgMy4zLDQuNyAwLDggMS40LDkuNCA0LjcsNi4xIDYuMSw0LjcgIi8+PC9zdmc+');
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -4px;
    right: 10px;
    background-repeat: no-repeat;
}

.page-resetpassword.-PIUS .button.-action {
    background-color: #d08e3b;
}
.page-resetpassword.-PIUS .button.-action:hover {
    background-color: #9B6725;
    border: 2px solid #9B6725;
}

.page-resetpassword.-PIUS .button.-action.ui-state-hover {
    background-color: #9B6725 !important;
}