/* << LOGIN & FORGOT-PASSWORD : start */

/* note1: Background Image URL setting in "Administration - Login & Registration" doesn't work. It's inside staticresources for any updates */
/* note2: The Logo File in "Administration - Login & Registration" DOES work. Max of 250px. We overide SF css to ensure the logo is output at it's max width */

/* LOGIN General */

#LoginNew {
    flex-direction:column;
    overflow:hidden;
    justify-content:space-around; /* switched from center to space-around NT 0808 */
}

#LoginNew h1,
#LoginNew h2 {
    margin:0;
    padding:15px 25px 10px;
    background:#F7F8F9;
    color:#121212;
    border:1px solid #E4E5E9;
    border-radius:8px 8px 0px 0px;
    font-size:13px;
    line-height:19px;
    font-weight:bold;
}

#LoginNew h2 {margin-top:20px!important;}

#LoginNew .cCenterPanel {color:#fff!important;max-width:500px;width:100%;margin-top:0;margin-bottom:0;} /* margin 0 top/bottom added NT 0808 */
#LoginNew .cCenterPanel > div {padding:1.5rem 2rem 0;}
#LoginNew .cCenterPanel .contentRegion > div > div {padding:0;} /* ui-widgets */

#LoginNew .inputBox {margin-top:0!important;outline:0!important;border:0!important;box-shadow:none!important;font-size:16px!important;line-height:21px;color:#121212;}
#LoginNew .inputBox::placeholder {color:#afafaf;opacity:1;}
#LoginNew .inputBox:-ms-input-placeholder {color:#afafaf;}
#LoginNew .inputBox::-ms-input-placeholder {color:#afafaf;}

#LoginNew .inputContainer {padding:10px 12px 9px;border-color:#E4E5E9;margin-bottom:14px;border-radius:4px;}
#LoginNew .inputIcon {margin-top:2px;font-size:unset;color:#6E6F72;}
#LoginNew .uiButton {background-color:#2D669B;font-weight:bold;border-radius:4px;padding:10px 20px 8px;color:#fff;text-transform:uppercase;font-size:13px;transition: all 300ms ease;}
#LoginNew .uiButton:hover {background-color:#cca700;}

#LoginNew .error {margin-top:0!important;color:red!important;}

#LoginNew a {color:#2D669B;text-align:center;text-decoration:none!important;}
#LoginNew a:hover {text-decoration:underline;}

#LoginNew .employeeLoginLink {
    background:#fff;
    padding:20px 25px;
    border-radius:0 0 8px 8px;
    box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.10);
}

#LoginNew .employeeLoginLink a {border:1px solid #ADAEB1;border-radius:4px;font-weight:bold;font-size:13px;line-height:18px!important;padding:10px 20px 8px;text-transform:uppercase;}
#LoginNew .employeeLoginLink a:hover {text-decoration:none;} 

@media screen and (max-width:640px) {
    #LoginNew .cCenterPanel > div {padding: 1.2rem 1rem 2.5rem;gap:unset;}
}

/* LOGIN Footer */

#LoginNew .cFooterPanel {
    padding-left:20px;padding-right:20px;
    position:relative; /* was unset: relative needed to index over pseudo bg */
    max-width:840px;
}

.comm-page-forgot-password .cFooterPanel, .comm-page-check-password .cFooterPanel {display:none!important;} /* hide footer texts except for login */

#LoginNew .cFooterPanel h3,
#LoginNew .cFooterPanel h3 > span,
#LoginNew .cFooterPanel h3 > strong {font-size:18px;line-height:24px;}

@media screen and (max-width:640px) {
    #LoginNew .cFooterPanel h3,
    #LoginNew .cFooterPanel h3 > span,
    #LoginNew .cFooterPanel h3 > strong {font-size:15px!important;line-height:20px!important;}
    #LoginNew .cFooterPanel p,
    #LoginNew .cFooterPanel p > span {font-size:13px!important;line-height:19px!important;}
}

/* LOGIN Logo */

#LoginNew .salesforceIdentityCommunityLogo2 {
    border-radius:8px;
    background:var(--shield-palette-primary-very-dark, #19324B);
    padding:18px 16px;
    box-shadow:0px 4px 5px -1px rgba(0, 0, 0, 0.10);
    margin-bottom:20px;
}

#LoginNew .salesforceIdentityCommunityLogo2 .communityLogo {max-width:unset!important;width:unset!important;}

/* LOGIN 'LoginForm2' */

#LoginNew .salesforceIdentityLoginForm2 {background:#fff;padding:20px 25px;border-radius:0 0 8px 8px;box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.10);}
#LoginNew .salesforceIdentityLoginForm2 a:hover {text-decoration:underline!important;}

/* LOGIN Forgot-Password & Check email */

.comm-page-forgot-password .contentRegion > div p,
.comm-page-check-password .contentRegion > div p {color: #121212;}

.comm-page-forgot-password .contentRegion > div > div:not(:nth-child(1)):not(:nth-child(2)),
.comm-page-check-password .contentRegion > div > div:not(:nth-child(1)):not(:nth-child(2)) {background:#fff;padding:20px 25px 0!important;}

.comm-page-forgot-password .contentRegion.comm-layout-column > div > div:last-of-type,
.comm-page-check-password .contentRegion.comm-layout-column > div > div:last-of-type {padding:0 25px 20px!important;border-radius:0 0 8px 8px;}

.comm-page-forgot-password .contentRegion > div > div:last-of-type a,
.comm-page-check-password .contentRegion > div > div:last-of-type a {border:1px solid #ADAEB1;border-radius:4px;font-weight:bold;font-size:13px;line-height:18px!important;padding:10px 20px 8px;text-transform:uppercase;}

.comm-page-forgot-password .contentRegion .inputContainer + div {border-top:1px solid #E4E5E9;margin-top:24px;padding-top:18px;}

/* LOGIN & FORGOT-PASSWORD : end >>> */