/* == fonts */
@import '../fonts/fonts.css';

/* == variables */
:root {
    --baseColor: #356694;
    --baseLightColor: #487eb0;
    --baseDarkColor: #00457f;
    --bgColorError: #FDECEB;
    --bgColorSuccess: #E9F8E8;
    --colorError: #dc3545;
    --colorSuccess: #18753C;
    --blackLight: #707070;
    --gray: #dadada;
    --grayLight: #f5f7fa;
    --grayDark: #595959;
    --colorTwitter: #55acee;
    --colorFacebook: #395185;
    --colorGoogle: #ff3d00;
    --dsfrTextColor: #161616;
    --dsfrBlue: #000091;
    --dsfrBlueHighlight: #1212ff;
    --dsfrWhiteHighlight: #f6f6f6;
}

/* == global */
*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
html::before{height: 1px; content: ''; position: fixed; top: -1px; right: 0; left: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .5); z-index: 200}
body{margin: 0; font: 400 .75em/1.5 'Marianne'}
input::-ms-reveal,
input::-ms-clear{display: none}
h1, h2, h3{color: var(--baseColor); text-transform: uppercase}
p {margin: 12px 0;}
a{color: var(--baseColor); transition: all .3s}
a:hover,
a:focus{text-decoration: none}
ul{padding-left: 0; list-style: none}
ul li{display: inline-block}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.alert-success {background-color: var(--bgColorSuccess); border-radius: 3px; padding: 9px 15px; margin: 10px 0; color: var(--colorSuccess)}
.alert-error {background-color: var(--bgColorError); border-radius: 3px; padding: 9px 15px; margin: 10px 0; color: var(--colorError)}

/* == default */
.d-flex{display: flex}
.text-small{font-size: 75%}
.text-center{text-align: center}
.text-default{color: var(--baseColor)}
.text-dark{color: var(--baseDarkColor)}
.text-light{color: var(--baseLightColor)}
.text-black-light{color: var(--blackLight)}
.link-black{color: black}
.link-white{color: white}
.link-reverse{text-decoration: none}
.link-reverse:hover,
.link-reverse:focus{text-decoration: underline}
.btn{min-width: 168px; display: inline-block; margin: .5rem; padding: .8125rem 1.44rem; color: var(--baseColor); font: 700 .8rem/1.1rem 'Marianne'; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 1.3125rem; border: solid 1px var(--baseColor); background-color: transparent; cursor: pointer; transition: all .3s}
.btn:hover,
.btn:focus{color: white; background-color: var(--baseColor)}
.btn-xl{min-width: 238px}
.btn-outline{color: white; background-color: var(--baseColor)}
.btn-outline:hover,
.btn-outline:focus{color: var(--baseColor); background-color: white}
.btn-icon{}
.btn-eye{padding: 0; position: absolute; right: 15px; bottom: 10px; border: none; background-color: transparent; cursor: pointer}
.btn-twitter{color: var(--colorTwitter); border-color: var(--colorTwitter)}
.btn-twitter:hover,
.btn-twitter:focus{color: white; background-color: var(--colorTwitter)}
.btn-facebook{color: var(--colorFacebook); border-color: var(--colorFacebook)}
.btn-facebook:hover,
.btn-facebook:focus{color: white; background-color: var(--colorFacebook)}
.btn-google{color: var(--colorGoogle); border-color: var(--colorGoogle)}
.btn-google:hover,
.btn-google:focus{color: white; background-color: var(--colorGoogle)}
.mt-1{margin-top: .75rem}
.mt-2{margin-top: 1.25rem}
.mr-1{margin-right: .75rem}
.mx-1{margin-right: .75rem; margin-left: .75rem}
.mx-2{margin-right: 1.25rem; margin-left: 1.25rem}
.mx-3{margin-right: 1.8rem; margin-left: 1.8rem}

.login-pf {background: none;}
.login-pf body {background: none;}

/* == form */
.kc-form{display: flex}
.kc-form-pwd{display:flex}
.kc-row{width: 100%; margin-right: auto; margin-left: auto}
.kc-row-terms{width: 100%; margin-right: auto; margin-left: auto}
.kc-col{min-height: 100vh; flex: 1; padding: 25px 10px; position: relative}
.kc-back{position: absolute; top: 30px; left: 50px; z-index: 1}
.kc-back a{color: white}
p.kc-error{margin-top: 5px; padding-left: 15px; color: var(--colorError)}

/* == bloc left */
.kc-form-left{display: flex; align-items: center; color: white; font-size: 1.15em; background-color: var(--baseDarkColor)}
.kc-form-left::after{content: url('../img/ico-user.svg'); padding: 20px;  position: absolute; top: calc(50% - 42px); right: -42px; border-radius: 50%; border: solid 2px white; background-color: var(--baseDarkColor)}
.kc-form-left .kc-row{width: 80%; max-width: 500px}
.kc-form-left h2, .terms-main-title h1{color: white; font-size: 2.1em; font-weight: 400; line-height: 1.5;}

/* == bloc right */
.kc-form-right{display: flex; flex-direction: column; order: 1; justify-content: center}
.kc-form-right .kc-row{max-width: 400px; align-items: start}

.kc-form-right .kc-row-terms{width: auto; align-items: start; margin: 0 7em}
@media (max-width: 960px) {
    .kc-form-right .kc-row-terms{margin: 0}
}

.kc-form-right .logo-left{margin-right: 45px}
.kc-form-right h1{margin-bottom: 0; font-size: 1.5em; font-weight: 800;}
.kc-form-right h1 img{margin-bottom: 60px}
.kc-form-right h1 div{margin-left: -117px}
.kc-form-right h2{align-items: end}
#kc-form-buttons {text-align:center;}
.kc-form-right h2 small{margin-left: auto; font-size: .55em; text-transform: initial}
    /* login */
    form{margin-top: 20px}
    .input-group{margin: 12px 0; position: relative}
    label{/*display: block;*/ margin-bottom: 5px; color: var(--grayDark); font-size: .85em}
    input[type="text"],
    input[type="password"]{width: 100%; padding: 11px 20px; color: var(--grayDark); font-size: 1em; line-height: 1.75; border-radius: 5px; border: solid 1px var(--baseLightColor); background-color: var(--grayLight)}
    input[type="password"]{padding-right: 60px}
    input[type="text"].kc-error,
    input[type="password"].kc-error{border-color: var(--colorError)}
    .kc-register{padding: 7px 0}
    /* network */
    .kc-network{margin: 45px 0 30px}
    .kc-network h2{margin-bottom: 25px; font-size: 1.165em; line-height: .8}
    /* pro */
    .kc-pro a.cps-login{display: block}
    .kc-pro a.cps-login img{width: 100%; height: 100%; display: inline-block; vertical-align: top}

/* == responsive */
@media only screen and (max-width: 960px){
    /* == global */
    ul li{display: block}

    /* == default */
    .btn{min-width: 160px}
    .btn-xl{min-width: 200px}

    /* == form */
    .kc-form{display: block; padding: 20px 30px}

    .kc-back{padding-bottom: 15px; position: relative; top: 0; left: 0; border-bottom: solid 1px var(--gray)}
    .kc-back a{color: black}
    .kc-back img{filter: invert(1)}

    /* == bloc left */
    .kc-form-left{display: none}

    /* == bloc right */
    .kc-form-right .kc-row{max-width: 100%}
    .kc-form-right .logo-left{margin-right: 30px}
    .kc-form-right h1 div{margin-left: -102px}
}

#kc-form-login #input-error,
#kc-update-profile-form #input-error-username,
#kc-update-profile-form #input-error-email,
#kc-reset-password-form #input-error-username,
#kc-passwd-update-form #input-error-password,
#kc-passwd-update-form #input-error-password-confirm {
  color: red;
}

/* == header */
.fr-header {
    --underline-img: none;
    --ul-type: none;
    --ol-type: none;
    --ul-start: 0;
    --ol-start: 0;
    --xl-block: 0;
    --li-bottom: 0;
    --ol-content: none;
    --text-spacing: 0;
    --title-spacing: 0;
}

.fr-header__brand {
    flex-wrap: wrap;
}

.fr-header__brand,
.fr-header__brand-top {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.fr-header__logo {
    flex: 0 0 auto;
    order: 1;
}

.fr-header__logo .fr-logo {
    font-size: .7875rem;
}

.fr-header__logo .fr-logo:before {
    background-position: 0 -.046875rem, 0 0, 0 0;
    background-size: 2.0625rem .84375rem, 2.0625rem .75rem, 0;
    height: .75rem;
    margin-bottom: .25rem;
    width: 2.0625rem
}

.fr-header__logo .fr-logo:after {
    background-position: 0 calc(100% + 1.40625rem);
    background-size: 3.9375rem 2.8125rem;
    min-width: 1.96875rem;
    padding-top: 1.65625rem
}

.fr-header__service {
    margin-left: .75rem;
    margin-right: .75rem;
}

.fr-header__service-logo {
    min-width: 180px;
}

.fr-header__service p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: var(--text-spacing);
}

.fr-header__service-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem
}

.fr-logo {
    --text-spacing: 0;
    --underline-img: none;
    color: var(--text-title-grey);
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.0317460317em;
    text-indent: -.1em;
    text-transform: uppercase;
    vertical-align: middle;
}

.fr-logo:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 18'%3E%3Cpath fill='%23fff' d='M11.3 10.2c-.9.6-1.7 1.3-2.3 2.1v-.1c.4-.5.7-1 1-1.5.4-.2.7-.5 1-.8.5-.5 1-1 1.7-1.3.3-.1.5-.1.8 0-.1.1-.2.1-.4.2H13v-.1c-.3.3-.7.5-1 .9-.1.2-.2.6-.7.6 0 .1.1 0 0 0zm1.6 4.6c0-.1-.1 0-.2 0l-.1.1-.1.1-.2.2s.1.1.2 0l.1-.1c.1 0 .2-.1.2-.2.1 0 .1 0 .1-.1 0 .1 0 0 0 0zm-1.6-4.3c.1 0 .2 0 .2-.1s.1-.1.1-.1v-.1c-.2.1-.3.2-.3.3zm2.4 1.9s0-.1 0 0c.1-.1.2-.1.3-.1.7-.1 1.4-.3 2.1-.6-.8-.5-1.7-.9-2.6-1h.1c-.1-.1-.3-.1-.5-.2h.1c-.2-.1-.5-.1-.7-.2.1 0 .2-.2.2-.3h-.1c-.4.2-.6.5-.8.9.2.1.5 0 .7.1h-.3c-.1 0-.2.1-.2.2h.1c-.1 0-.1.1-.2.1.1.1.2 0 .4 0 0 .1.1.1.1.1-.1 0-.2.1-.3.3-.1.2-.2.2-.3.3v.1c-.3.2-.6.5-.9.8v.1c-.1.1-.2.1-.2.2v.1c.4-.1.6-.4 1-.5l.6-.3c.2 0 .3-.1.5-.1v.1h.2c0 .1-.2 0-.1.1s.3.1.4 0c.2-.2.3-.2.4-.2zM12.4 14c-.4.2-.9.2-1.2.4 0 0 0 .1-.1.1 0 0-.1 0-.1.1-.1 0-.1.1-.2.2l-.1.1s0 .1.1 0l.1-.1s-.1.1-.1.2V15.3l-.1.1s0 .1-.1.1l-.1.1.2-.2.1-.1h.2s0-.1.1-.1c.1-.1.2-.2.3-.2h.1c.1-.1.3-.1.4-.2.1-.1.2-.2.3-.2.2-.2.5-.3.8-.5-.1 0-.2-.1-.3-.1 0 .1-.2 0-.3 0zM30 9.7c-.1.2-.4.2-.6.3-.2.2 0 .4.1.5.1.3-.2.5-.4.5.1.1.2.1.2.1 0 .2.2.2.1.4s-.5.3-.3.5c.1.2.1.5 0 .7-.1.2-.3.4-.5.5-.2.1-.4.1-.6 0-.1 0-.1-.1-.2-.1-.5-.1-1-.2-1.5-.2-.1 0-.3.1-.4.1-.1.1-.3.2-.4.3l-.1.1c-.1.1-.2.2-.2.3-.1.2-.2.4-.2.6-.2.5-.2 1 0 1.4 0 0 1 .3 1.7.6.2.1.5.2.7.4l1.7 1H13.2l1.6-1c.6-.4 1.3-.7 2-1 .5-.2 1.1-.5 1.5-.9.2-.2.3-.4.5-.5.3-.4.6-.7 1-1l.3-.3s0-.1.1-.1c-.2.1-.2.2-.4.2 0 0-.1 0 0-.1s.2-.2.3-.2v-.1c-.4 0-.7.2-1 .5h-.2c-.5.2-.8.5-1.2.7v-.1c-.2.1-.4.2-.5.2-.2 0-.5.1-.8 0-.4 0-.7.1-1.1.2-.2.1-.4.1-.6.2v.1l-.2.2c-.2.1-.3.2-.5.4l-.5.5h-.1l.1-.1.1-.1c0-.1.1-.1.1-.2.2-.1.3-.3.5-.4 0 0-.1 0 0 0 0 0 0-.1.1-.1l-.1.1c-.1.1-.1.2-.2.2v-.1-.1l.2-.2c.1-.1.2-.1.3-.2h.1c-.2.1-.3.1-.5.2H14h-.1c0-.1.1-.1.2-.2h.1c1-.8 2.3-.6 3.4-1 .1-.1.2-.1.3-.2.1-.1.3-.2.5-.3.2-.2.4-.4.5-.7v-.1c-.4.4-.8.7-1.3 1-.6.2-1.3.4-2 .4 0-.1.1-.1.1-.1 0-.1.1-.1.1-.2h.1s0-.1.1-.1h.1c-.1-.1-.3.1-.4 0 .1-.1 0-.2.1-.2h.1s0-.1.1-.1c.5-.3.9-.5 1.3-.7-.1 0-.1.1-.2 0 .1 0 0-.1.1-.1.3-.1.6-.3.9-.4-.1 0-.2.1-.3 0 .1 0 .1-.1.2-.1v-.1h0c0-.1.1 0 .2-.1h-.1c.1-.1.2-.2.4-.2 0-.1-.1 0-.1-.1h.1-.5c-.1 0 0-.1 0-.1.1-.2.2-.5.3-.7h-.1c-.3.3-.8.5-1.2.6h-.2c-.2.1-.4.1-.5 0-.1-.1-.2-.2-.3-.2-.2-.1-.5-.3-.8-.4-.7-.2-1.5-.4-2.3-.3.3-.1.7-.2 1.1-.3.5-.2 1-.3 1.5-.3h-.3c-.4 0-.9.1-1.3.2-.3.1-.6.2-.9.2-.2.1-.3.2-.5.2v-.1c.3-.4.7-.7 1.1-.8.5-.1 1.1 0 1.6.1.4 0 .8.1 1.1.2.1 0 .2.2.3.3.2.1.4 0 .5.1v-.2c.1-.1.3 0 .4 0 .2-.2-.2-.4-.3-.6v-.1c.2.2.5.4.7.6.1.1.5.2.5 0-.2-.3-.4-.6-.7-.9v-.2c-.1 0-.1 0-.1-.1-.1-.1-.1-.2-.1-.3-.1-.2 0-.4-.1-.5-.1-.2-.1-.3-.1-.5-.1-.5-.2-1-.3-1.4-.1-.6.3-1 .6-1.5.2-.4.5-.7.8-1 .1-.4.3-.7.6-1 .3-.3.6-.5.9-.6.3-.1.5-.2.8-.3l2.5-.4H25l1.8.3c.1 0 .2 0 .2.1.1.1.3.2.4.2.2.1.4.3.6.5.1.1.2.3.1.4-.1.1-.1.4-.2.4-.2.1-.4.1-.6.1-.1 0-.2 0-.4-.1.5.2.9.4 1.2.8 0 .1.2.1.3.1v.1c-.1.1-.1.1-.1.2h.1c.1-.1.1-.4.3-.3.2.1.2.3.1.4-.1.1-.2.2-.4.3v.2c.1.1.1.2.2.4s.1.5.2.7c.1.5.2.9.2 1.4 0 .2-.1.5 0 .7l.3.6c.1.2.2.3.3.5.2.3.6.6.4 1zm-15.6 5.2c-.1 0-.1.1-.1.1s.1 0 .1-.1zm5.8-1.8c-.1.1 0 0 0 0zm-6.7-.2c0 .1.1 0 .1 0 .2-.1.5 0 .6-.2-.1-.1-.2 0-.2-.1-.1 0-.2 0-.2.1-.1.1-.3.1-.3.2z'/%3E%3Cpath fill='gray' d='M27.9 6.8c.1 0 .3 0 .3.1-.1.2-.4.3-.6.5h-.1c-.1.1-.1.2-.1.2h-.3c.1.1.3.2.5.2l.1.1h.2V8c-.1.1-.2.1-.4.1.2.1.5.1.7 0 .2-.1 0-.4.1-.5-.1 0 0-.1-.1-.1.1-.1.1-.2.2-.2s.1 0 .2-.1c0-.1-.1-.1-.1-.2.2-.1.3-.3.3-.5 0-.1-.3-.1-.4-.2h-.5c-.2 0-.3.1-.5.1l-.6.3c.2-.1.4-.1.7-.2 0 .3.2.3.4.3'/%3E%3C/svg%3E"), linear-gradient(90deg, #000091, #000091 50%, #e1000f 0, #e1000f), linear-gradient(90deg, #161616, #161616);
    background-position: 0 -.0625rem, 0 0, 0 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 2.75rem 1.125rem, 2.75rem 1rem, 0;
    content: "";
    display: block;
    height: 1rem;
    margin-bottom: .3333333333rem;
    width: 2.75rem
}

.fr-logo:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 180'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 11 15.5'%3E%3Cpath d='M10.4 5.3C11.9 1.5 10.1 0 7.9 0 4.2 0 0 6.5 0 11.7c0 2.5 1.2 3.8 3 3.8 2.1 0 4.3-2 6.2-5.5h-1c-1.2 1.5-2.6 2.6-3.9 2.6-1.3 0-2-.8-2-2.6a10.7 10.7 0 01.3-2.2zm-4-3.1c1.1 0 2 .8 1.5 2.6L3.1 6.1c.8-2.2 2.2-4 3.4-4z'/%3E%3C/symbol%3E%3Csymbol id='b' viewBox='0 0 12.4 21.8'%3E%3Cuse width='11' height='15.5' y='6.4' href='%23a'/%3E%3Cpath d='M7.9 4.7L12.4.6V0h-3L6.7 4.7H8z'/%3E%3C/symbol%3E%3Csymbol id='c' viewBox='0 0 11.5 19'%3E%3Cpath d='M1.7 5.7h2.6L.1 17.1a1.3 1.3 0 001.2 2c3 0 6.4-2.6 7.8-6.2h-.7a9.4 9.4 0 01-5.1 3.5L7 5.7H11l.5-1.6H7.7L9 0H7.6L4.9 4.1l-3.2.4v1.2z'/%3E%3C/symbol%3E%3Csymbol id='d' viewBox='0 0 9.8 21.9'%3E%3Cpath d='M7.6 8c.3-1-.4-1.6-1-1.6-2.2 0-5 2.1-6 5h.7A5.6 5.6 0 014.4 9L.1 20.3a1.1 1.1 0 001 1.6c2.2 0 4.7-2 5.8-5H6A5.6 5.6 0 013 19.5zM8 3.7a1.8 1.8 0 001.8-1.8A1.8 1.8 0 008 0a1.8 1.8 0 00-1.8 1.8A1.8 1.8 0 008 3.6'/%3E%3C/symbol%3E%3Csymbol id='e' viewBox='0 0 14.8 15.5'%3E%3Cpath d='M3.3 3.1c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.2 1.2 2.2a1.3 1.3 0 001.5-1l3-8C7.4 4.8 10 3 11 3s.8.6.3 1.6l-4.6 9a1.3 1.3 0 001.1 1.9c2.3 0 5-2 6-5h-.6A5.6 5.6 0 0110 13l4-8a6.1 6.1 0 00.8-2.8A2 2 0 0012.6 0c-2 0-3.6 2.2-6 5V2.8C6.6 1.4 6.1 0 4.8 0 3.2 0 1.8 2.5.7 4.9h.7c.7-1.1 1.3-1.8 2-1.8'/%3E%3C/symbol%3E%3Csymbol id='f' viewBox='0 0 12 15.5'%3E%3Cpath d='M11.8 3.5c.5-1.9.2-3.5-1.2-3.5-1.8 0-2.3 1.2-4 5V2.8C6.5 1.3 6 0 4.6 0 3.1 0 1.7 2.5.5 5h.8C2 3.7 2.8 3 3.3 3c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.1 1.2 2.1a1.3 1.3 0 001.5-1l3-8a50.3 50.3 0 012.6-3h3.2z'/%3E%3C/symbol%3E%3Csymbol id='g' viewBox='0 0 14.7 16.2'%3E%3Cpath d='M10.5 13.1c-.6 0-1-1 0-3.4L14.6.1 13.4 0l-1.3 1.3h-.3C6.1 1.3 0 8.6 0 14.2a2 2 0 002.1 2.1c1.7 0 3.3-2.4 5.2-5l-.1 1c-.3 2.6.6 4 2 4 1.5 0 3-2.4 4-4.9h-.7c-.7 1.1-1.5 1.8-2 1.8zM7.9 9.8c-1.3 1.6-3.4 3.5-4.3 3.5-.5 0-.9-.5-.9-1.6 0-3.5 4-8.2 6-8.2a4.2 4.2 0 011.4.2z'/%3E%3C/symbol%3E%3Csymbol id='h' viewBox='0 0 21.9 19.8'%3E%3Cpath d='M11.2 19.8l.3-.9c-3.8-.7-4.3-.7-2.7-4.8l1.4-3.9h3c1.9 0 1.9.9 1.6 3h1l2.6-6.9h-1c-1 1.6-1.8 2.9-3.8 2.9h-3l2-5.6c.8-2 1.1-2.4 3.7-2.4h.7c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3L7 .9c3 .6 3.3.9 2 4.8L5.7 14c-1.5 3.9-2 4.2-5.5 4.8l-.3.9z'/%3E%3C/symbol%3E%3Csymbol id='i' viewBox='0 0 10.1 21.9'%3E%3Cpath d='M2.9 19.4L10.1.3 9.8 0l-5 .6v.6l1 .7c.9.7.6 1.3-.2 3.4L.2 19.9a1.3 1.3 0 001.1 2c2.3 0 4.7-2.1 5.8-5h-.7a6.5 6.5 0 01-3.5 2.5'/%3E%3C/symbol%3E%3Csymbol id='j' viewBox='0 0 18 22'%3E%3Cpath d='M18 .6h-4.3a3.8 3.8 0 00-2.1-.6A6.6 6.6 0 005 6.5a3.3 3.3 0 003 3.6c-1.9.8-3 1.8-3 2.9a1.7 1.7 0 00.9 1.5c-4.3 1.3-6 2.8-6 4.7 0 2 2.6 2.8 5.6 2.8 5.3 0 9.6-2.7 9.6-5.1 0-1.8-1.6-2.5-4.3-3.3-2.2-.7-3.2-.8-3.2-1.6A2.4 2.4 0 019 10.2a6.6 6.6 0 006.1-6.5 4.5 4.5 0 00-.2-1.5h2.5zM9.8 16.2c2.1.7 3 1 3 1.6 0 1.4-2 2.5-5.6 2.5-2.7 0-4-.6-4-2 0-1.5 1.4-2.5 3.5-3.3a21.5 21.5 0 003 1.2zM9 9c-1 0-1.3-.8-1.3-1.7 0-2.8 1.4-6.2 3.5-6.2 1 0 1.3.8 1.3 1.6 0 2.9-1.4 6.3-3.5 6.3z'/%3E%3C/symbol%3E%3Csymbol id='k' viewBox='0 0 23 25.1'%3E%3Cpath d='M14.3 15.6c1.9 0 2 .8 1.6 2.8H17l2.5-6.8h-1c-1 1.6-1.7 2.9-3.8 2.9h-4.1l2-5.6c.7-2 1-2.4 3.7-2.4H18c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3l-.3.9c3 .6 3.3.9 2 4.8l-3.2 8.4c-1.5 3.9-2 4.2-5.6 4.8l-.2 1h17.4l3.2-5h-1.2c-2 2-4 3.8-8 3.8-4.7 0-4.3-.3-2.7-4.6l1.4-3.8h4.2zm2.3-11.8L21 .6V0h-3l-2.6 3.9h1.2v-.1z'/%3E%3C/symbol%3E%3Csymbol id='l' viewBox='0 0 13.6 21.8'%3E%3Cpath d='M11.4 6.4c-2 0-4 2.2-5.8 4.8L9.6.3 9.4 0l-5 .6V1l1 .8c.9.7.6 1.3-.2 3.4L.8 16.8A13.9 13.9 0 000 19c0 1.4 1.8 2.7 3.5 2.7 3.8 0 10-6.9 10-12.2 0-2.3-.5-3.2-2.1-3.2zM4.8 19.5c-.8 0-1.9-.7-1.9-1.3a15.5 15.5 0 01.8-2.2L5 12.7C6.3 11 8.4 9.3 9.6 9.3c.7 0 1.2.4 1.2 1.5 0 3.1-2.9 8.7-6 8.7z'/%3E%3C/symbol%3E%3Csymbol id='m' viewBox='0 0 19.2 19.9'%3E%3Cpath d='M17.6 0H7.3L7 .9c3 .6 3.3.9 2 4.8l-3.2 8.5c-1.5 3.9-2 4.2-5.5 4.8L0 20h15.7l3.5-6H18c-2 2-4.2 4.8-7.7 4.8-2.7 0-3-.5-1.6-4.5l3.1-8.5c1.4-3.9 2-4.2 5.5-4.8z'/%3E%3C/symbol%3E%3Csymbol id='n' viewBox='0 0 126 90'%3E%3Cuse width='12.4' height='21.8' x='112.7' y='66.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='102.2' y='69' href='%23c'/%3E%3Cuse width='9.8' height='21.9' x='93.6' y='66.1' href='%23d'/%3E%3Cuse width='14.8' height='15.5' x='77.2' y='72.5' href='%23e'/%3E%3Cuse width='12' height='15.5' x='65.7' y='72.5' href='%23f'/%3E%3Cuse width='11' height='15.5' x='54.3' y='72.5' href='%23a'/%3E%3Cuse width='11.5' height='19' x='43.7' y='69' href='%23c'/%3E%3Cuse width='14.7' height='16.2' x='28.9' y='71.8' href='%23g'/%3E%3Cuse width='12' height='15.5' x='19.6' y='72.5' href='%23f'/%3E%3Cuse width='21.9' height='19.8' y='67.6' href='%23h'/%3E%3Cuse width='12.4' height='21.8' x='77.3' y='33.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='66.8' y='36' href='%23c'/%3E%3Cuse width='9.8' height='21.9' x='58.2' y='33' href='%23d'/%3E%3Cuse width='10.1' height='21.9' x='49.4' y='33.1' href='%23i'/%3E%3Cuse width='14.7' height='16.2' x='34.9' y='38.8' href='%23g'/%3E%3Cuse width='18' height='22' x='18.6' y='39.4' href='%23j'/%3E%3Cuse width='23' height='25.1' y='29.3' href='%23k'/%3E%3Cuse width='12.4' height='21.8' x='76.8' y='.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='66.2' y='2.9' href='%23c'/%3E%3Cuse width='12' height='15.5' x='54.8' y='6.5' href='%23f'/%3E%3Cuse width='11' height='15.5' x='43.4' y='6.4' href='%23a'/%3E%3Cuse width='13.6' height='21.8' x='29.4' y='.1' href='%23l'/%3E%3Cuse width='9.8' height='21.9' x='20.6' href='%23d'/%3E%3Cuse width='19.2' height='19.9' y='1.4' href='%23m'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse fill='%23161616' width='126' height='90' x='0' y='0' href='%23n'/%3E%3Cuse fill='%23fff' width='126' height='90' x='126' y='90' href='%23n'/%3E%3C/svg%3E");
    background-position: 0 calc(100% + 1.875rem);
    background-repeat: no-repeat;
    background-size: 5.25rem 3.75rem;
    content: "";
    display: block;
    min-width: 2.625rem;
    padding-top: 2.2083333333rem
}

.fr-enlarge-link {
    position: relative
}

.fr-enlarge-link a {
    background-image: none;
    outline-width: 0;
    text-decoration: none;
    color: inherit;
}

.fr-enlarge-link a:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    outline-color: inherit;
    outline-offset: 2px;
    outline-style: inherit;
    outline-width: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.pf-c-form-control,
.pf-c-form-control:focus {
    --pf-c-form-control--Height: inherit;
    padding: 11px 20px;
}

/* form group control for SAS */
.sas-input-group {
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--baseLightColor);
    background-color: var(--grayLight);
}

input.sas-pwd-input {
    border: none;
    background: none;
}

.sas-pwd-visibility {
    border: none;
    background: none;
}


/* cgu sas in dsfr */
.kc-row-terms {
    h1 {
        font-size: 2rem;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 24px;
        color: var(--dsfrTextColor);
    }

    h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 24px;
        color: var(--dsfrBlue);
    }

    h3 {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 24px;
        color: var(--dsfrTextColor);
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 24px;
        color: var(--dsfrTextColor);
    }

    .terms-text-container {
        max-height: 46vh;
        overflow-y: scroll;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: var(--dsfrTextColor);

        ul {
            list-style-type: disc;
            padding-inline-start: 1rem;
            margin-block-end: 1rem;
            margin-block-start: 1rem;

            li {
                display: list-item;
                margin-bottom: 0.25rem;

                ul {
                    list-style-type: decimal;
                }
            }
        }
    }

    .kc-terms-form {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dsfr-btn {
        width: fit-content;
        border: 0;
        border-radius: 0;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        min-height: 2.5rem;
        padding: 0.5rem 1rem;
    }

    .dsfr-btn-blue {
        background-color: var(--dsfrBlue);
        color: white;
    }

    .dsfr-btn-blue:hover {
        background-color: var(--dsfrBlueHighlight);
    }

    .dsfr-btn-white {
        background-color: transparent;
        color: var(--dsfrBlue);
        box-shadow: inset 0 0 0 1px var(--dsfrBlue);
        background-image: none;
    }

    .dsfr-btn-white:hover {
        background-color: var(--dsfrWhiteHighlight);
    }

    @media (max-width: 960px) {
        .kc-terms-form {
            flex-direction: column;

            .btn {
                width: 100%;
            }
        }
    }
}