.et-shelf .greenplan-signin{padding-top:32px;padding-bottom:42px}
.et-shelf .greenplan-signin .heplogin__text{margin-bottom:24px;margin-top:12px}
.et-shelf .greenplan-signin .heplogin__alert,.et-shelf .greenplan-signin .heplogin__submitbtn{margin-bottom:18px}
.et-shelf .greenplan-signin .heplogin__passwordfld{margin-top:24px;margin-bottom:18px;position:relative}
.et-shelf .greenplan-signin .heplogin__alert .alert__danger,.et-shelf .greenplan-signin .input-field{width:100%}
.et-shelf .greenplan-signin .heplogin__forgotpswdlink{margin-bottom:24px}
.et-shelf .greenplan-signin .heplogin__forgotpswdlink .comp-rich-text p:nth-of-type(2){margin-top:16px}
.et-shelf .greenplan-signin .heplogin__getstartedlink .cta-button{margin-top:10px}
.et-shelf .greenplan-signin .heplogin__psdchangetext{margin-top:12px;margin-bottom:24px}
.et-shelf .greenplan-signin .heplogin__newpswdfield{margin-top:24px;margin-bottom:18px}
.et-shelf .greenplan-signin .heplogin__createnewpsdbtn{margin-bottom:18px}
.et-shelf .greenplan-signin .heplogin__otptext{margin-bottom:16px}
.et-shelf .greenplan-signin .cmp-form-text{max-width:100%}
.et-shelf .greenplan-signin .cmp-form-text__text:focus.errorOutline{outline:2px solid #5e10b1;border:0}
.et-shelf .greenplan-signin .show-password,.et-shelf .greenplan-signin .hide-password{position:absolute;right:0;top:0;color:#5e10b1;font-size:16px;cursor:pointer}
.et-shelf .greenplan-signin .show-password .icon,.et-shelf .greenplan-signin .hide-password .icon{height:24px;width:24px;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:15px;float:left}
.et-shelf .greenplan-signin .show-password text,.et-shelf .greenplan-signin .hide-password text{text-decoration:underline}
.et-shelf .greenplan-signin .show-password:focus,.et-shelf .greenplan-signin .hide-password:focus{outline:1px solid #5a287d}
.et-shelf .greenplan-signin .show-password{width:84px}
.et-shelf .greenplan-signin .show-password .icon{background-image:url("clientlib_gpsignin_base/resources/images/show_eye_icon_champ.svg")}
.et-shelf .greenplan-signin .hide-password{display:none;width:74px}
.et-shelf .greenplan-signin .hide-password .icon{background-image:url("clientlib_gpsignin_base/resources/images/hide_eye_icon_champ.svg")}
@media(max-width:767px) and (max-width:767px){.et-shelf .greenplan-signin .heplogin__submitbtn{margin-bottom:10px}
.et-shelf .greenplan-signin .heplogin__submitbtn .cta-button{width:100%}
.et-shelf .greenplan-signin .heplogin__submitbtn .cta-button .cta-text{min-width:100% !important}
}
@media(max-width:767px) and (max-width:767px){.et-shelf .greenplan-signin .heplogin__createnewpsdbtn{margin-bottom:10px}
.et-shelf .greenplan-signin .heplogin__createnewpsdbtn .cta-button{width:100%}
.et-shelf .greenplan-signin .heplogin__createnewpsdbtn .cta-button .cta-text{min-width:100% !important}
}
@media(max-width:767px){.et-shelf .greenplan-signin .heplogin__getstartedlink .cta-button{width:100%}
.et-shelf .greenplan-signin .heplogin__getstartedlink .cta-button .cta-text{min-width:100% !important}
}
.et-shelf .cq-wcm-edit .greenplan-signin .hide-password,.et-shelf .aem-AuthorLayer-Edit .greenplan-signin .hide-password{display:block}
.et-shelf .hepchangepassword{padding-top:32px;padding-bottom:42px}
.et-shelf .hepchangepassword .heplogin__forgotpswdlink{margin-bottom:24px}
.et-shelf .hepchangepassword .heplogin__psdchangetext{margin-top:12px;margin-bottom:24px}
.et-shelf .hepchangepassword .heplogin__newpswdfield{margin-top:24px;margin-bottom:18px;position:relative}
.et-shelf .hepchangepassword .heplogin__createnewpsdbtn{margin-bottom:18px}
.et-shelf .hepchangepassword .heplogin__otptext{margin-bottom:10px}
.et-shelf .hepchangepassword .cmp-form-text{max-width:100%}
.et-shelf .hepchangepassword .input-field{width:100%}
.et-shelf .hepchangepassword .show-password,.et-shelf .hepchangepassword .hide-password{position:absolute;right:0;top:0;color:#5e10b1;font-size:16px;cursor:pointer}
.et-shelf .hepchangepassword .show-password .icon,.et-shelf .hepchangepassword .hide-password .icon{height:24px;width:24px;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:15px;float:left}
.et-shelf .hepchangepassword .show-password text,.et-shelf .hepchangepassword .hide-password text{text-decoration:underline}
.et-shelf .hepchangepassword .show-password:focus,.et-shelf .hepchangepassword .hide-password:focus{outline:1px solid #5a287d}
.et-shelf .hepchangepassword .show-password{width:84px}
.et-shelf .hepchangepassword .show-password .icon{background-image:url("clientlib_gpsignin_base/resources/images/show_eye_icon_champ.svg")}
.et-shelf .hepchangepassword .hide-password{display:none;width:74px}
.et-shelf .hepchangepassword .hide-password .icon{background-image:url("clientlib_gpsignin_base/resources/images/hide_eye_icon_champ.svg")}
.et-shelf .hepchangepassword .cmp-form-text__text:focus.errorOutline{outline:2px solid #5e10b1;border:0}
@media(max-width:767px) and (max-width:767px){.et-shelf .hepchangepassword .heplogin__createnewpsdbtn{margin-bottom:10px}
.et-shelf .hepchangepassword .heplogin__createnewpsdbtn .cta-button{width:100%}
.et-shelf .hepchangepassword .heplogin__createnewpsdbtn .cta-button .cta-text{min-width:100% !important}
}
.et-shelf .cq-wcm-edit .hepchangepassword .hide-password,.et-shelf .aem-AuthorLayer-Edit .hepchangepassword .hide-password{display:block}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper{padding-bottom:24px;padding-right:24px}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-form-text{min-width:100%}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-form-text__text{width:55.78%}
@media(max-width:767px){#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-form-text__text{width:100%}
}
@media(min-width:768px) and (max-width:1023px){#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-form-text__text{width:99.48%}
}
@media(min-width:1024px) and (max-width:1255px){#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-form-text__text{width:64.8%}
}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-experiencefragment{align-items:flex-start}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper .alert-block.alert__danger{margin:24px 0 24px 0;width:100%;display:none}
@media(min-width:1024px){#hrfForgotPasswordLightbox .lightbox__Model__wrapper .alert-block.alert__danger{width:80%}
}
#hrfForgotPasswordLightbox .lightbox__Model__wrapper .cmp-text{text-align:left}
#hrfForgotPasswordLightbox .lightbox__Model__btnWrapper{justify-content:left}