/* .sd-blank-bg-logo{
    background: url("./img/BLANK-material-person-white-Blank.svg") no-repeat;
    background-color: #3fdda3;
    width: 39px;
    height: 37px;
    background-size: 24px 32px;
    background-position: center;
    margin: 10px 10px;
} */

.kcBodyClass, body{
    background: #E7E7E7 !important;
}

#kc-header{
    background-image: url("./img/logo.svg");
    width: 160px;
    margin: 0 auto 10px;
    background-size: 100px;
}

.sd-blank-bg-logo{
    background: url("./img/LCL-Icon-material-lock-open.svg") no-repeat;
    width: 39px;
    height: 37px;
    background-size: 24px 32px;
    background-position: center;
    margin: 10px 10px;
}

.kcFormHeaderClass{
    flex-direction: column !important;
}

.kcFormCardClass{
    background-color: #3B51D5;
}

.kcFormGroupClass button,
.kcFormGroupClass button span{
    color: #3B51D5 !important;
}

#kc-oauth{
    color: #fff;
}

.kc-recovery-codes-warning{
    background: #d7aa24;
}

.kcButtonClass,
#updateProfile {
    background: #fff !important;
    color: #3B51D5 !important;
    border: 1px solid #fff;
    margin: 15px auto 0;
}

.kcResetFlowIcon{
    color: #fff;
}

/* .kcFormPasswordVisibilityButtonClass[aria-label="Hide password"],
.kcFormPasswordVisibilityButtonClass[aria-label="Show password"]{
    filter: hue-rotate(0deg);
} */

input:checked ~ .checkmark{
    background-color: #1F368B;
}

.checkmark{
    background-color: #eee;
}

.kcFormGroupClass div span a,
span[data-kc-msg="doForgotPassword"]{
    color: #fff !important;
}

#kc-page-title{
    color: #fff;
}

.sd-header-baseline{
    text-align: center;
    color: #fff;
}

.sd-barStyle {
    display: block !important;
    border: 0;
    height: 1px;
    background: #ffffff38;
    width: 100%;
    margin: 10px auto 0px;
}

.checkbox span{
    color: #fff;
}

#input-error,
.kcInputErrorMessageClass,
#input-error-otp-code,
#input-error-username,
#input-error-password{
    color: #ff8c8c !important;
}

.alert-success{
    background: #00d46a;
}

.alert-warning, .alert-info, .kcRecoveryCodesWarning{
    background: #d18c01 !important;
}

.alert-error, #error-mobile-format{
    background: #fb5454;
}

.pf-c-alert__icon{
    color: #fff;
}

.kcLabelWrapperClass .subtitle{
    color: #fff !important;
}

/* .kcButtonClass[name="login"]{
    background-image: url("./img/LCL-Icone-fleche-horizontale-btn-bleu.svg") !important;
    background-repeat: no-repeat;
    background-position: 85% center;
    padding-right: 50px;
} */

#certificate_subjectDN, label#username{
    color: #d9d9d9;
}

#kc-attempted-username{
    color: #fff;
}

#printRecoveryCodes, #downloadRecoveryCodes, #copyRecoveryCodes{
    color: #fff !important;
}

/* -- RAJOUT -- */

.checkbox label,
.checkbox span{
    color: #fff;
}

.kcInputGroup{
    display: flex;
    align-items: center;
}

/* inverser les couleurs du thèmes*/
.kcSelectAuthListItemClass:hover {
    background: #fff;
    color: #3B51D5;
}

#kc-content-wrapper,
#kc-content-wrapper a,
#kc-content-wrapper p,
#kc-content-wrapper li {
    color: #fff;
}

.select-auth-box-headline{
    color: #fff;
}

#kc-page-title p,
#kc-page-title span{
    color: #fff;
}

.kcLoginOTPListItemIconBodyClass,
.kcLoginOTPListItemTitleClass{
    color: #fff;
}

.kcFormGroupClass.kcFormSettingClass{
    display: flex;
    flex-direction: column;
}

.kcRecoveryCodesWarning,
.kcRecoveryCodesWarning p,
.kcRecoveryCodesWarning span,
.kcRecoveryCodesWarning i,
.kcFeedbackErrorIcon,
.kcRecoveryCodesWarning i::before,
.kcRecoveryCodesWarning i::after,
.kcAlertTitleClass,
.kcAlertTitleClass p,
.kcAlertTitleClass span,
.kcAlertTitleClass i,
.kcFeedbackErrorIcon,
.kcAlertTitleClass i::before,
.kcAlertTitleClass i::after{
    color: #fff;
}

#kc-recovery-codes-list li,
#kc-recovery-codes-list p,
#kc-recovery-codes-list span{
    color: #fff;
}

.pf-c-alert__icon{
    color: #fff;
}

.color-on-hover {
    color: #3B51D5 !important;
}

.checkbox span:not(.checkmark){
    margin-left: 5px;
    color: #fff;
    font-family: "Montserrat Light";
}

#kc-info-wrapper{
    background-color: #3B51D5;
    color: #fff !important;
}