/* MODELIO THEME */
/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */
.login-pf body {
    background: url("../img/modelio-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

/*IE compatibility*/
.pf-c-form-control {
	border-radius: 10px; /* Modelio: Docaposte */
	min-width:372px;
	min-height:36px
}


.pf-c-form-control:hover{
	border-color :#0000FF;

}

input#password.pf-c-form-control {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: none;
}

.pf-c-form-control:focus-visible{
	border :none!important;
}

.pf-c-form-control{
	border-color :#DADCE5;
}

input#password.pf-c-form-control:focus-visible+button{
	/* Make button border same as password field */
	border-width: 1px;
	border-left: none;
	border: var(--pf-c-form-control--focus--border) ;
}

input#password.pf-c-form-control:focus-visible{
	/* Make button border same as password field */
	border-width: 1px;
	border-r: none;
	border: var(--pf-c-form-control--focus--border) ;
}


input#password.pf-c-form-control:hover+button{
	border-color :#0000FF;
}

button[aria-controls="password"].pf-c-button.pf-m-control {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: none;
	padding-top: var(--pf-c-form-control--PaddingTop) ;
	padding-bottom: var(--pf-c-form-control--PaddingBottom) ;
	border-color :#DADCE5;
}


.pf-c-form__label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* Secondary / Ultramarine */
    color: #00008C;
}

.pf-c-form__label-text {

}



hr {
    /* Color / Bleu Digital / 20 */
    border: 1px dashed #CCCCFB;
    margin-top: 0px;
}

.login-pf-page .login-pf-settings {
	/* Flex: justify "remember me" and "forgot password" to the left*/
    justify-content: left;
	column-gap: 1em;
}



.pf-c-alert__title {
}

.pf-c-button{
    /* Bleu Digital / 100 */
    background: #F6F6F8;
    /* Bleu Digital / 100 */
    border: 1px solid #0000FF;
    box-sizing: border-box;
    border-radius: 10px;
}

.pf-c-button.btn-lg {
    color: #FFFFFF;
    background-color: #0000FF;
    background-color: var(--pf-global--primary-color--100);
}

/* default - IE compatibility */
.pf-m-primary {
    background-color: #3970E6;
    background-color: var(--pf-global--primary-color--100);
}

/* default - IE compatibility */
.pf-m-primary:hover {
}


/* default - IE compatibility */
.pf-c-button:hover {
    background-color: #3970E6!important;
    border-color: #3970E6!important;
    color : #e5e5fd!important;
}

.pf-c-button:hover {
    background-color: #3970E6!important;
    border-color: #3970E6!important;
    color : #e5e5fd!important;
}

.pf-c-button::after {
    border:none;
}

/* default - IE compatibility */
.pf-c-button.pf-m-control {
}
/*End of IE compatibility*/

.pf-c-button.pf-m-control::after {
    --pf-c-button--BorderWidth: 0;
}

h1#kc-page-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    /*margin: 0px;*/

    letter-spacing: 0.6px;

    /* Secondary / Lynch */
    color: #666D92;
}

h1#kc-page-subtitle {
    /* Headline / H2 */
    font-size: 40px;
    line-height: 47px;
    letter-spacing: 1.2px;
    margin: 0px;

    /* Bleu Digital / 100 */
    color: #0000FF;
}

#kc-locale ul {
}
#kc-locale:hover ul {
}

#kc-locale-dropdown{
    display: inline-block;
}

#kc-locale-dropdown:hover ul {
    display: block;
}

/* IE compatibility */
#kc-locale-dropdown a {
    text-align: left;
}

div#kc-locale-dropdown {
    position: absolute;
    right: 0px;
}

button#kc-current-locale-link::after {
    content: "\2c5";
    margin-left: 4px;
    margin-left: var(--pf-global--spacer--xs)
}


.login-pf a:hover {

}

#kc-logo {
}

#kc-logo-wrapper {
    background-image: url(../img/logo_DOCAPOSTE305x135.png);
	height: 135px;
	width: 302px;
}

div.kc-logo-text {
    background-image: url(../img/modeliocloud-logo.png);
}

div.kc-logo-text span {
    display: none;
}

#kc-header {
    display:none; /* Disabled for Modelio */
}

#kc-webauthn-settings-form {
	padding-top: unset; /* 8px;  */
}

div.softeam-logo-text {
    background-image: url(../img/logo_DOCAPOSTE305x135.png);
    background-repeat: no-repeat;
	height: 135px;
	width: 302px;
    position: absolute;
    bottom: 47px;
    right: 47px;
    z-index: 0;
}


@media (max-width: 767px),(max-height: 670px) {
	div.softeam-logo-text {
		display : none;
	}
}


div.modelio-logo-text {
    background-image: url(../img/modelio-logo-360x80.png);
    background-repeat: no-repeat;
	height: 80px;
	width: 360px;
    margin-bottom : 10px;
}


#kc-form-webauthn .select-auth-box-parent {
    pointer-events: none;
}

#kc-form-webauthn .select-auth-box-desc {
    color: var(--pf-global--palette--black-600);
}

#kc-form-webauthn .select-auth-box-headline {
    color: var(--pf-global--Color--300);
}

#kc-form-webauthn .select-auth-box-icon {
    flex: 0 0 3em;
}

#kc-form-webauthn .select-auth-box-icon-properties {
    margin-top: 10px;
    font-size: 1.8em;
}

#kc-form-webauthn .select-auth-box-icon-properties.unknown-transport-class {
    margin-top: 3px;
}

#kc-form-webauthn .pf-l-stack__item {
    margin: -1px 0;
}


#kc-registration-terms-text {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 5px;
}

#kc-terms-text {
    margin-bottom: 20px;
    max-height: 40vh;
    overflow: auto;
}

#kc-terms-text p {
    margin-bottom: 5px;
    font-size: var(--pf-global--FontSize--xs);
}

#kc-terms-text ul li {
    font-size: var(--pf-global--FontSize--xs);
    color: #72767b;
}

#kc-terms-text li::before {
    content: "- ";
    color: #72767b;
}



.kc-social-provider-name {
    position: relative;
}


#kc-form-buttons {

}

.login-pf-page .login-pf-brand {
    margin-top: 20px;
    max-width: 360px;
    width: 40%;
}

.login-pf-page .login-pf-header h1 {
    text-align: left;
}


.card-pf {
    margin: 72px 185px 0 auto;
    max-width: 500px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 46, 0.04), 0px 0px 2px rgba(0, 0, 45, 0.06), 0px 0px 1px rgba(0, 0, 45, 0.04);
    box-shadow: var(--pf-global--BoxShadow--lg);
    border-radius: 10px;
	border-top: none; /* remove blue border on top */
    z-index: 1;
    position: relative;
	overflow: auto; /* the footer may overflow because of negative bottom margin */
}

/*phone*/

#kc-form-login div.form-group:last-of-type,
#kc-register-form div.form-group:last-of-type,
#kc-update-profile-form div.form-group:last-of-type {
    margin-bottom: unset; /*0px;*/
}




:where(:root) {
	--pf-global--Color--100: #151515;
	--pf-global--Color--200: #6a6e73;
	--pf-global--Color--300: #3c3f42;
	--pf-global--Color--400: #8a8d90;
	--pf-global--Color--light-100: #fff;
	--pf-global--Color--light-200: #f0f0f0;
	--pf-global--Color--light-300: #d2d2d2;
	--pf-global--Color--dark-100: #151515;
	--pf-global--Color--dark-200: #6a6e73;
	--pf-global--active-color--100: #06c;
	--pf-global--active-color--200: #bee1f4;
	--pf-global--active-color--300: #2b9af3;
	--pf-global--active-color--400: #73bcf7;
	--pf-global--disabled-color--100: #6a6e73;
	--pf-global--disabled-color--200: #d2d2d2;
	--pf-global--disabled-color--300: #f0f0f0;
	--pf-global--primary-color--100: #06c;
	--pf-global--primary-color--200: #004080;
	--pf-global--primary-color--light-100: #73bcf7;
	--pf-global--primary-color--dark-100: #06c;
	--pf-global--secondary-color--100: #6a6e73;
	--pf-global--custom-color--100: #73c5c5;
	--pf-global--custom-color--200: #009596;
	--pf-global--custom-color--300: #003737;
	--pf-global--success-color--100: #3e8635;
	--pf-global--success-color--200: #1e4f18;
	--pf-global--info-color--100: #2b9af3;
	--pf-global--info-color--200: #002952;
	--pf-global--warning-color--100: #f0ab00;
	--pf-global--warning-color--200: #795600;
	--pf-global--danger-color--100: #c9190b;
	--pf-global--danger-color--200: #a30000;
	--pf-global--danger-color--300: #470000;

}