/* .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: #fff !important;
}

#kc-header{
    background-image: url("./img/logo.svg");
    width: 160px;
    margin: auto;
    background-size: 130px;
}

/* .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: row !important;
}

.kcFormCardClass{
    background-color: #cf9b64;
}

.kcFormGroupClass button,
.kcFormGroupClass button span{
    color: #cf9b64 !important;
}

#kc-oauth{
    color: #fff;
}

.kc-recovery-codes-warning{
    background: #d7aa24;
}

.kcButtonClass,
#updateProfile {
    background: #fff !important;
    color: #cf9b64 !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: #cf9b64;
}

.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: left;
    color: #fff;
}

.sd-barStyle {
    display: none !important;
    border: 0;
    height: 5px;
    background: #fff;
    width: 50px;
    margin: 10px auto 0px;
}

.checkbox span{
    color: #fff;
}

#input-error,
.kcInputErrorMessageClass,
#input-error-otp-code,
#input-error-username,
#input-error-password{
    color: #c00000 !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: #cf9b64;
}

#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;
}

.color-on-hover {
    color: #cf9b64 !important;
}

.checkbox span:not(.checkmark){
    margin-left: 5px;
    color: #fff;
    font-family: "Montserrat Light";
}

#kc-info-wrapper{
    background-color: #cf9b64;
    color: #fff !important;
}