/*-- S1 Community Styles - Login Pages-- Deploy */


/*-- Login Page 3--*/

.salesforceIdentityLoginBody2 .cCenterPanel:before {
    top: -30px !important;
    bottom: -40px !important;
}

.salesforceIdentityLoginForm2 .inputContainer {
    margin-bottom: 10px;
    padding: 6px 12px !important;
    background-color: #282828 !important;
    border: 1px solid #525252 !important;
    border-radius: 2px;
}

.salesforceIdentityLoginForm2 .inputBox, .salesforceIdentityLoginForm2 .inputBox:active {
    background-color: #282828 !important;
    color: #FFFFFF !important;
    width: 90% !important;
}

.salesforceIdentityLoginForm2 .inputBox::placeholder {
    color: #A3A3A3 !important;
    font-style: italic;
}

.salesforceIdentityLoginForm2 .forceIcon.slds-button__icon .slds-icon {
    fill: #fff !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    top: 2px !important;
    left: -2px !important;
    position: relative !important;
}
.salesforceIdentityLoginForm2 .uiButton {
    margin-top: 10px !important;
    padding: 8px 12px !important;
}
.salesforceIdentityLoginForm2 .uiButton .label {
    color: #282828 !important;
    text-shadow: none;
}
.salesforceIdentityLoginForm2 .inverseTextColor, .salesforceIdentityLoginBody2 a {
    color: var(--lwc-colorTextInverse,#FFFFFF);
    border-bottom: #8C69F6 1px solid !important;
    padding-bottom: 2px !important;
}

.salesforceIdentityLoginForm2 .inverseTextColor:hover, .salesforceIdentityLoginBody2 a:hover {
    color: #8C69F6 !important;
}

.S1_AyaEmp {
    color: #fff;
    padding-left: 44px;
    width: 100%;
    display: block;
}

.salesforceIdentityLoginBody2 .forceIcon.slds-button__icon .slds-icon {
    fill: #fff;
}

.salesforceIdentityEmployeeLoginLink2 {
    text-align: center;
    position: relative;
    padding: initial;
    right: -70px;
    top: -32px;
}

.salesforceIdentityEmployeeLoginLink2.employeeLoginLink a.inverseTextColor {
    color: #FFFFFF;
    border: 1px solid #fff !important;
    padding: 8px 16px !important;
    border-radius: 2px;
    background-color: #282828;
}
/*-- Password Reset --*/

.salesforceIdentityLoginBody2 .inputContainer {
    margin-bottom: 10px;
    padding: 6px 12px !important;
    background-color: #282828 !important;
    border: 1px solid #525252 !important;
    border-radius: 2px;
}

.salesforceIdentityLoginBody2 .inputBox, .salesforceIdentityLoginForm2 .inputBox:active {
    background-color: #282828 !important;
    color: #FFFFFF !important;
    width: 90% !important;
}

.salesforceIdentityLoginBody2 .uiButton {
    margin-top: 10px !important;
    padding: 8px 12px !important;
}

.salesforceIdentityLoginBody2 .inputBox::placeholder {
    color: #A3A3A3 !important;
    font-style: italic;
}

.salesforceIdentityLoginBody2 .uiButton .label {
    color: #282828 !important;
    text-shadow: none;
}

.salesforceIdentityLoginBody2 .inverseTextColor, .salesforceIdentityLoginBody2 .forceCommunityRichText a {
    color: #FFFFFF;
    border-bottom: #8C69F6 1px solid !important;
    padding-bottom: 2px !important;
    font-weight: 300;
}

/*
.salesforceIdentityLoginBody2 .inverseTextColor:hover, .salesforceIdentityLoginBody2 .forceCommunityRichText a:hover {
    color: #8C69F6 !important;
}
*/

.salesforceIdentityLoginBody2 .forceIcon.slds-button__icon .slds-icon {
    top: -1px !important;
}

.salesforceIdentityLoginBody2 hr {
    margin: 0px 0px 25px 0px;
}