:root{--color-accent:rgb(23, 148, 154);--color-accent-light:#f0f8f8;--color-primary:#cc0033;--color-primary-light:#f8e2e5;--color-primary-dark:#9e102a;}

*{font-family: Arial, sans-serif; margin: 0; padding: 0; }

body.body_oauth{
    margin: 0;
    padding: 0;
    background: #fafafa;
}
body .panel {
    border-style:none; background: none}

.body_container{
    width: 100%;
    max-width: 900px;
    margin:auto;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 1px #cccccc;
}
body.body_oauth header{
    padding: 1.5em 1em;
}
body.body_oauth header h1{
    flex-grow: 1;
    margin: auto 0;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding: 1em 0;
}
.oauth_content .login_container .user_inputs h1.page_title,
.oauth_content.ssu .user_inputs h1,
.oauth_content.ssu .site-container h1{
    font-family: "IBM Plex Serif", serif !important;
}
body.body_oauth header img {
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 107px;
    height:100%;
    margin: auto;
}
h4, h3{
    text-align: left;
    padding: 0 0 10px 0;
    margin: 0;
    font: Bold 18px/22px Roboto;
    color: #5A5A5A;
    text-transform: uppercase;
    display: block;
    font-family: Arial, sans-serif;
}
.row{max-width: 100rem}
.row:has(.oauth_content) {background: #fff; max-width: 100%;margin: 0;}
.row:has(#submenu_oauth) {background: none;max-width: 100rem; margin: auto;}
.hide{display: none!important;}

.not_found{text-align:center;line-height:25px;}


.oauth_content_block{flex: 2 1 0;background: white; padding: 10px}
.content_bloc_full {display: flex;justify-content: space-between;flex: 1 1 auto;}


/* SUBMENU */
#submenu_oauth{list-style: none;margin: 0;padding: 0;}
#submenu_oauth li {text-align: center; padding: 0 15px;margin: 0;}
#submenu_oauth li a:hover {cursor: pointer;}
#submenu_oauth li a{text-decoration: none; color: #666666; display: inline-block; font-size: 1.1em; font-weight: bold;}
#submenu_oauth {flex: 0 0 auto; width: 350px; padding: 20px;height: 100%;}
#submenu_oauth div.flex_parent{padding: 10px 0}
#submenu_oauth div.flex_parent .parentItem{display: flex; flex-direction: row}
#submenu_oauth div.flex_parent .parentItem h1{margin: 5px 0; font-size: 20px}
.user_inputs h1{letter-spacing: -2.2px;user-select: none;margin-bottom: 24px !important;text-align: center; font-family: "IBM Plex Serif", serif !important;font-size: 40px !important;font-style: normal;font-weight: 400;line-height: 48px;letter-spacing: -2.2px;max-width: 628px;margin: 0 auto 24px auto;}
#submenu_oauth div.flex_parent .parentItem h3{text-align: left;padding: 0 0 10px 0;margin: 0;color: #081217;display: block; text-transform: lowercase; font-weight: 600;}
#submenu_oauth div.flex_parent .parentItem h3::first-letter{text-transform: uppercase;}
#submenu_oauth div.flex_parent .parentItem{padding-bottom: 10px}
#submenu_oauth div.flex_parent h2 {font-style: normal;font-weight: bold;font-size: 20px;line-height: 23px;display: flex;align-items: center;text-transform: uppercase;color: #5A5A5A;}
#submenu_oauth div.flex_parent a:hover {cursor: pointer;}
#submenu_oauth .btn_red{color: #fff;background: transparent linear-gradient(171deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box;opacity: 1; border-radius: 49px; color: #FFFFFF;align-items: center;text-align:center; font-weight: 700}
#submenu_oauth .btn_red:hover{background:transparent linear-gradient(171deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #fe2b6a;opacity: 1;}
.user_inputs *, .content_bloc_full *{user-select: none;}

#submenu_oauth_items {display: flex; flex-direction: column; border-radius: 5px 5px 5px 5px;}
#submenu_oauth_items li {}
#submenu_oauth_items li a{display: flex;width: 100%; font-size: 1em; text-decoration: none; color: #5A5A5A; align-items: center;}
#submenu_oauth_items li a:hover{margin-left: 6px;transition: all .3s;}
#submenu_oauth_items li.selected{ background: rgba(255, 255, 255, 0.60);border: 1px solid #fff;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16);backdrop-filter: blur(8px);}
#submenu_oauth_items li:hover{background: #fafafa}
#submenu_oauth_items li.selected div.menu_label {font-weight: bold; color: #081217; font-weight: 500;}
#submenu_oauth_items li span.dot{height: 25px;width: 25px;background: transparent linear-gradient(173deg, #C0273E 0, #FE2B6A 100%) 0 0 no-repeat padding-box;border-radius: 50%;display: inline-block;}
#submenu_oauth_items li.flex_item{display: inline-flex; padding: 5px 5px 5px 10px; border-radius: 60px;}
#submenu_oauth_items li.flex_item div.circle{display: flex; flex-direction: row; width: 100%; align-items: end}
#submenu_oauth_items li.flex_item div.circle img{height: 14px; align-self: center}
#submenu_oauth_items li.flex_item span.checkmark{line-height: 36px; margin: 0 10px 0 0;display: inline-block;width: 20px;height: 20px;background-color: #72A5BD;-webkit-mask-image: var(--icon-url);mask-image: var(--icon-url);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;}

#submenu_oauth_items li.selected div.menu_label{font-weight: 700}
#submenu_oauth_items li.flex_item div.menu_label{width: 100%; line-height: 36px; text-align: initial;font-weight: 500; color: #4E5B60}
#submenu_oauth_items li.selected div.menu_label{width: 100%; line-height: 36px; text-align: initial;font-weight: 700}
#submenu_oauth_items li.flex_item img.tablet{width: 17px;height: 17px;margin: auto;padding: 0 10px 2px 0}
#submenu_oauth_items li.flex_item span.icon{line-height: 36px; padding-right: 10px}
#submenu_oauth_items li.flex_item span.icon img{height: 14px}
#submenu_oauth_items li.flex_item div.menu_label {font-size: 15px; line-height: 20px;}
.subnemu_button{display: flex;align-items: center;gap: 5px;justify-content: center;padding: 10px;border-top: 1px solid #8080802e;}
.submenu_button hr.separator{width: 50%; color: #7e7e7e; margin: auto; padding-top: 10px}
.subnemu_button #log_out{margin: 10px 0; text-align: center; font-weight: 700; color: #5A5A5A; text-decoration: none}
.submenu > .content {height: 100%; display: flex; flex-flow: column; justify-content: space-between}
.flex_item{flex-grow: 1;}

/* SUBMENU MOBILE */
#submenu_oauth_mobile {display: none; border: #dbdbdb 1px solid; background: #fafafa; width: 100%; padding: 20px; font-size: 1.1em; font-weight: bold; color: #666666; }
#submenu_oauth_mobile_items {display: none; border: #dbdbdb 1px solid; background: #fafafa; width: 100%; padding: 20px; font-size: 1.1em; font-weight: bold; color: #666666; }


/* FORM */
html body .content_bloc_full .oauth_content{width: 100%;margin:0;padding:0;background:none;color:#081217;}
.oauth_content .content_form div.label{background-color: #f000;}
.oauth_content .content_form div.label label, .oauth_content label{font-size: 14px;color: #081217;font-style: normal;font-weight: 500;}
.oauth_content .content_form form{width:100%;}
.oauth_content .star,
.oauth_content .content_form .mandatory{font-size:14px;font-style: italic;text-align: right;color: #72A5BD;}
.oauth_content .content_form .component .submit {width: 30%; margin: auto}
.oauth_content .content_form .profile_form{flex-direction: column}
.oauth_content .content_form .flex_all{display: flex}
.oauth_content form div.content_form .flex_all .flex_item{display: flex; flex-direction: column; flex-grow: 1}
.oauth_content .content_form .flex_item_child .component {flex: 1; width: 100%;}
.oauth_content .content_form .flex_item_child{gap: 20px;display: flex; flex-direction: row ;flex-wrap: wrap;margin: 0; width: 100%;}
.oauth_content .content_form .flex_item_child_em{display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0} [class*="inp_qualification_"]{width: 49%}
.oauth_content .content_form .info-pro {display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; margin: 0}
.oauth_content .content_form .flex_50,  .oauth_content .content_form .info-pro .flex_item_child .component {max-width: calc(50% - 10px); flex: none}
.oauth_content .content_form .info-pro .flex_item_child:has(.inp_qualification_ids_organism:not(.hidden)) .component,
.oauth_content .content_form .info-pro .flex_item_child:has(.inp_qualification_id_laboratory:not(.hidden)) .component{max-width: calc((100% / 3 ) - 15px);}
.oauth_content .content_form .info-pro .flex_item_child .component.inp_qualification_id_specialty{max-width: 100%}
.content_form .flex_item_child .inp_qualification_id_country {width: 100%}
.content_form .flex_item_child .inp_profile_email_user,
.inp_qualification_city_user, .inp_qualification_id_profession,
.inp_qualification_id_specialty, .inp_qualification_id_fs, .inp_qualification_id_function, .inp_qualification_id_laboratory ,
.inp_profile_birth_year_user{width: 65%}
.content_form .flex_item_child .inp_profile_firstname_user,
.inp_profile_name_user, .inp_qualification_second_name_user,.inp_profile_birth_month_user, .inp_qualification_postal_code_user,
.inp_qualification_pro_number_phone, .inp_profile_id_title,
.inp_qualification_id_em, .inp_qualification_ids_organism, .inp_qualification_id_af,
.inp_qualification_id_service, .inp_qualification_id_phd{width: 30%} [class*="inp_qualification_rpps"]{width: 30%}
.content_form .flex_all{flex-direction: column}
.flex{display: flex; flex-direction: row;}
.flex_col{display: flex; flex-direction: column}
.content_form  .flex_item{flex-grow: 1; padding-bottom: 10px}
.oauth_content.full-width .content_form {max-width: 100%; padding: 0.5em 0; }
.oauth_content .login_form form,
.oauth_content .forgotten_password_form form,
.oauth_content .clear_fix:after {content: ''; display: block; clear: both; }
.body_oauth .oauth_content input[type="text"],.body_oauth .oauth_content input[type="password"] {width:calc(100% - 1.5em);}
/*.body_content.oauth_content{padding: 1em 1em 1.5em 1em; background: white; border-radius: 20px; margin: 0 5px;width: 100%}*/
.block{display: flex; flex-flow: column;background: rgba(0, 0, 0, 0.04);max-width: 628px; padding: 8px; border-radius: 20px; margin: auto;}
.content_bloc_full .oauth_content .block .section{display: flex; flex-flow: column;gap: 24px;}
.oauth_content .block .header{box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16);backdrop-filter: blur(8px);display: flex; flex-flow: column; padding: 24px; border-radius: 20px; border: 1px solid #fff;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16); backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.60);}
.oauth_content .block .header.w-gap{gap: 24px;}
.oauth_content .block .header .infos,
.oauth_content .block .header .infos * {color: #4E5B60}
.block.submenu{margin: 0;}
.block > .content{background: rgba(255, 255, 255, 0.60);padding:8px; border: 1px solid #fff; border-radius: 20px;}
.content_bloc_full div.user_infos{display:flex;flex-direction: column;align-items: center;background:#f7f7f8;border-radius: 0;}
.content_bloc_full div.user_infos h3{text-align: center;margin:0 auto;line-height:1.5em; color: red}
.content_bloc_full div.user_infos h3>span{color:#CC0033;}
.content_bloc_full div.user_infos ul{display:flex;flex-direction: column;gap:1em;margin:1em 0 0;}
.content_bloc_full div.user_infos ul li{display:flex;align-items: start;gap:10px;font-size:12px;}
.content_bloc_full div.user_infos ul li:before{flex:0 0 auto;display:block;content:"";width:16px;height:16px;background:center / contain no-repeat url("../imgs/icon-check.png");margin-top:2px;}
.content_bloc_full div.user_infos p.conclusion{text-align: center;font-weight: bold;font-size:12px;}
.content_bloc_full div.user_infos p.precision{text-align: center;margin-top:1em;}

.content_bloc_full .oauth_content .user_inputs:has(.block.account){width: 100%}
.content_bloc_full .oauth_content .block.account{max-width: calc(100% - 100px)}
.content_bloc_full .oauth_content .block.account > .content{padding: 8px 16px;}
.content_bloc_full .oauth_content .block.account .page_title{text-transform: uppercase;}
.content_bloc_full .oauth_content .block.account .subtitles{margin: 24px 0; color: #4E5B60;}
.content_bloc_full .oauth_content .block.account .page_title{text-align: left; margin-top: 10px;}
.content_bloc_full .oauth_content .block.account .btn-password{max-width: fit-content; margin: auto; }

.content_bloc_full .oauth_content * {font-family: IBM Plex Sans, serif;text-transform: none;}

.social .social_button{box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16);border-radius: 999px !important;border: 1px solid rgba(0, 0, 0, 0.04);background:#fff !important;backdrop-filter: blur(12px);display: flex;padding: 10px;align-items: center;align-self: stretch; font-size: 14px !important; font-style: normal; font-weight: 500 !important; line-height: 20px; letter-spacing: -0.28px}
.social .social_button:before{aspect-ratio: 1 / 1;width: 20px; height: 20px; position: initial !important;}
.social .social_button span {padding: 0 4px; }

/*.content_bloc_full div.user_infos .account{padding: 30px 43px 40px 37px; position: relative;padding-bottom:350px;background:url("../imgs/screen-background.svg") no-repeat center bottom / 500px auto; }*/
/*.content_bloc_full div.user_infos .account h3{color:#1D2529;font-size: 31px; font-weight: 500;text-align: center;}*/
/*.content_bloc_full div.user_infos .account h3 span{color:#656E75;display: block; width: 100%}*/
/*.content_bloc_full div.user_infos .account .content .list{display: flex;gap: 20px;}*/
/*.content_bloc_full div.user_infos .account .content .list .text {color: #535862}*/
/*.content_bloc_full div.user_infos .account .content .list .icon{margin-bottom: 16px;width: fit-content;background: white;padding: 17px;border-radius: 999px;color: #333F45}*/
/*.content_bloc_full div.user_infos .account .content .list .title{font-size: 16px;font-weight: 600;margin-bottom: 8px; color:#1D2529;}*/
/*.content_bloc_full div.user_infos .account .content .list .item{display: flex; flex-flow: column;}*/
/*.content_bloc_full div.user_infos .account .content h4{color:#4E5B60; margin-top: 40px; margin-bottom: 32px; font-size: 24px; font-weight: 500;}*/
.content_bloc_full .oauth_content .login_container{gap: 10px;display: flex;width: 100%;justify-content: center;margin: 0 auto;align-items: start;}
/*.content_bloc_full .oauth_content .info_auth{border-radius: 5px;flex:1 1 auto;width:50%;}*/
.content_bloc_full .oauth_content .user_inputs{border-radius: 5px;flex: 1 1 auto;width: 50%;margin: 0 auto}
.content_bloc_full .oauth_content .container_auth{margin: auto; max-width: 428px;}
.content_bloc_full .oauth_content .container_auth .content{padding: 0 1em;}

.profile .component.submit{ margin-top: 30px; justify-content: center;display: flex;flex-flow: wrap; gap: 15px; align-items: center;}
.profile .component.submit .primary, .profile .component.submit #delete_account{ padding: 5px 23px !important; }
.profile .component.submit #delete_account{font-weight: 500; cursor: pointer;}
.profile h3{text-transform: uppercase !important; font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.32px;}

.separator.no-space{gap: 0;}
.separator.no-space::before,
.separator.no-space::after{height: 1px}

 .input:has(input){position: relative;}
 .input input{font-size: 14px;height:36px; display:flex; align-items:center; padding:5px 15px; border-radius: 999px; border:1px solid #fff;}
 .input .email.input{padding-right: 40px;background-image: url("../imgs/email.svg");background-repeat: no-repeat;background-position: right 16px center;background-size: 16px 10px;}
 input.input, .select {font-size: 14px;font-weight: 400;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16) !important; background-color: rgba(255, 255, 255, 0.60); -moz-appearance: textfield;border-radius: 999px !important;border: 1px solid #FFF !important; max-height: 32px; padding-left:15px !important;backdrop-filter: blur(8px);}
 input.input:disabled,
.select:disabled {font-weight: 0;border-color : rgba(0, 0, 0, 0.06) !important; background-color:  rgba(0, 0, 0, 0.06);box-shadow: none !important;}
.oauth_content .block .label{margin-bottom: 6px;font-size: 12px;font-weight: 500; color: #081217}
input.input:disabled{opacity: 0.6}
.select{border-radius:5px;border:solid 1px #CECED4;height:45px;outline:none;margin:0;}
.select{align-items: center;display: flex;font-size: 14px;color: #4E5B60;padding-right: 45px;cursor: pointer;appearance: none;-webkit-appearance: none;background-image: url("../imgs/arrow-bottom.svg");background-repeat: no-repeat;background-position: right 15px center; background-size: 13px 9px;}
.select:hover{cursor: pointer;}
.select:focus{border-color: black;}
.select option {font-family: "IBM Plex Serif", sans-serif !important;font-size: 16px;}
.select option:hover {cursor: pointer;}
.select:disabled{opacity: 0.6;}
.select .option-separator {color: rgba(0, 0, 0, 0.04) !important;background: #fff;}

.body_content.oauth_content.full-width{padding: 1em 0 1.5em 0;}
.body_content.oauth_content hr{background: rgba(0, 0, 0, 0.04);border: 1px solid rgba(0, 0, 0, 0.04);border-radius: 20px;height: 1px; margin: 25px auto; width: 100%;color: rgba(0, 0, 0, 0.04);}
.oauth_content div.page_title{text-align: center;font: Bold 1.05em Roboto, sans-serif;color: #5A5A5A;padding: 0;margin: 0;}
.oauth_content h2{font-size: 1.4em; margin: 0.8em 0; }
.oauth_content h3{font-size: 1.3em; margin: 0.5em 0; }
.oauth_content h4{font-size: 1.2em}
.oauth_content h5{font-size: 1.1em}
.oauth_content input[type="text"],.oauth_content input[type="password"] {width:100%;padding:10px;border:solid 1px #e1e1e1;}
.oauth_content input[type="text"]:focus,.oauth_content input[type="password"]:focus{border-color: #3598dc;}
.oauth_content input[type="submit"] {user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-align: center;border: none;padding: 10px;font-weight: bold;font-size: 1em;text-decoration: none;cursor: pointer;transition: background .2s;width:20em;border:0;}
.oauth_content select {width:100%;padding:5px 18px 5px 5px;border: 1px solid #e1e1e1; background-color: white}
.oauth_content input:disabled,.oauth_content input[type="text"][disabled="disabled"],.oauth_content input[type="file"]:disabled::-webkit-file-upload-button,.oauth_content button:disabled,.oauth_content select:disabled,.oauth_content optgroup:disabled,.oauth_content option:disabled,.oauth_content select[disabled] > option{background: #f1f1f1; color: graytext;}
.oauth_content .component{color: #444;}
.oauth_content .component .label {margin: 0.7em 0 0.4em 0; font-weight: bold;}
.oauth_content .component.inline{display: block}
.oauth_content .component.inline .input input[type=checkbox] {margin: 0.7em;}
.oauth_content .component.hidden {display:none; }
.oauth_content .component.inp_forum_avatar_upload{margin-right: 1.5em;}
.oauth_content .component.inp_forum_avatar_upload .upload{text-align: center; border: 1px solid #b5b5b5; background: #eae6e6; padding: 5px;height:auto;margin: auto;}
.oauth_content .component.inp_forum_avatar_upload .upload input[type='file']{ max-width: 138px;}
.oauth_content .component.inp_forum_avatar_upload .upload a.file.img,.oauth_content .component.inp_forum_avatar_upload .upload a.file.img img{height:auto; border: none;}
.oauth_content .component.inp_forum_avatar_upload .upload a.file,.oauth_content .component.inp_forum_avatar_upload .upload a.delete{height:12px;width:auto;}
.oauth_content .registration_form form .submit{margin: 1em 0}
.oauth_content .registration_form .component .checkboxgroup .checkbox {display:block;}
.oauth_content .registration_form .component .checkboxgroup .checkbox input[type='checkbox'] + label {max-width: calc(100% - 50px); vertical-align: middle; }
.oauth_content .registration_form .component .checkboxgroup .checkbox input[type='checkbox'] {vertical-align: middle; margin: 0; }
.oauth_content .component.inp_qualification_postal_code_user {margin-right: 1em;}
.oauth_content .component.inp_vidal_partner_subscription_accept_vidal_mail_user {margin-top: 1em;}
.oauth_content .error,.oauth_content .confirmation {margin-bottom: 20px; margin-top: 20px; padding: 0.1em; background-clip: padding-box; color: red; list-style: none; text-align: center; }
.oauth_content .error p,.oauth_content .confirmation p {margin: 0.7em auto;}
.oauth_content .confirmation {background: rgba(16, 185, 129, 0.1);}
.oauth_content .confirmation p span.circle {background: url("../imgs/check-circle.svg");margin-left: 1rem;width: 16px;height: 16px;display: block;}
.oauth_content .confirmation p:has(span.circle) {display: flex;align-items: center;gap: 1rem;}
.oauth_content .error *{color: red; }
.oauth_content #tooltip_error{width: 50%; padding: 15px; border-radius: 5px; top: 25%; left: 25%; color: white;text-align: center; position: fixed; z-index: 99; font-weight: bold; background: #d7003f; }
.oauth_content #tooltip_success{width: 50%; padding: 15px; border-radius: 5px; top: 25%; left: 25%; color: white;text-align: center; position: fixed; z-index: 99; font-weight: bold; background: #4DC062; }
.oauth_content #tooltip_success h3, .oauth_content #tooltip_success p{color: white; text-align: center;font-size: 18px; margin: auto}
.oauth_content .block .icon{width: fit-content; background: rgba(0, 0, 0, 0.04); padding: 10px; border-radius: 999px;}
.oauth_content .block .icon img{width: 18px; height: 18px; font-weight: bold;}
.horizontal-orientation{display: flex;flex-direction: row;align-items: center;cursor: pointer;}
.horizontal-orientation .group_preferencex{width: 100%;}
.oauth_content .list_preference .detail_preference .group_preference li .detail_preference .switch{margin: 0 2px}
.group_preference li .detail_preference.horizontal-orientation{display: flex;flex-direction: row;justify-content: space-between;margin-right: 27px;}
.group_preference li .detail_preference.vertical-orientation{display: flex;flex-direction: column;justify-content: space-between;margin-right: 27px;}
.horizontal-orientation .cheveron{margin: 0 0 0 2em}
.horizontal-orientation h3{padding: 0;max-width: 80%;}

/* BUTTON */
.oauth_content .go-back{background: none;color: #081217;font-size: 14px; margin: 0 auto; width: fit-content;}
.oauth_content .arrow-left{display: flex;align-items: center;gap: 8px;}
.oauth_content .arrow-left::before{content:""; background: url("../imgs/icon-arrow_left.svg") no-repeat center top / 16px auto;display:block;width:16px;height:16px;}

.oauth_content .btn_blue, #Dabox .btn_blue{background: #2a80b9; color: #fff; }
.oauth_content .btn_blue:hover, #Dabox .btn_blue:hover{background: #3598dc;}
.oauth_content .btn_grey, #Dabox .btn_grey{background: #857c7c; color: #fff; }
.oauth_content .btn_grey:hover, #Dabox .btn_grey:hover{background:#b6adad}
.oauth_content .btn_red, #Dabox .btn_red{background: rgba(185, 28, 28, 0.10);backdrop-filter: blur(12px); color: #7F1D1D !important; }
.oauth_content .btn_grey, #Dabox .btn_grey{color: #fff;background: transparent linear-gradient(171deg, #857c7c 0%, #857c7c 0%, #b6adad 100%) 0% 0% no-repeat padding-box;border-radius: 40px;opacity: 1;}
.oauth_content .btn_grey:hover, #Dabox .btn_grey:hover{background: transparent linear-gradient(171deg, #857c7c 0%, #857c7c 0%, #b6adad 100%) 0% 0% no-repeat padding-box;border-radius: 40px;opacity: 1;}
.oauth_content .btn_green, #Dabox .btn_green,
.oauth_content .btn_red, #Dabox .btn_red,
.oauth_content .btn_grey, #Dabox .btn_grey,
.oauth_content .btn_blue, #Dabox .btn_blue {cursor: pointer;height: auto;display: block;text-decoration: none;margin: auto;width: 100%;font-weight: bold;border: none;text-align: center;color: #fff ;font-size: 1em;transition: background .2s;}
div#btn-validation{display: block; text-align: center;background: none; color: graytext}
#btn-validation button{color: #081217 ; background-color : rgba(0, 0, 0, 0.06);margin-top:15px; width: 100%; font-size: 14px;font-weight: 500;}
.list_preference #btn-validation{flex-flow: column; display: flex; max-width: 410px;margin: auto}
.content_bloc_full .oauth_content input[type="submit"]:disabled,
.oauth_content button:disabled{opacity: 0.6;pointer-events: none;}

html body .content_bloc_full .oauth_content input[type="submit"].primary,
html body .content_bloc_full .oauth_content input[type="submit"].primary:disabled,
.btn.primary,
.oauth_content a.primary,
.oauth_content button.primary{line-height: 1.2;background: #192733; border-radius: 999px;width: 100%; padding: 10px;color: white;font-weight: normal;}
a.btn.primary{display: flex; align-items: center;}
html body .content_bloc_full .oauth_content input[type="submit"].primary:hover,
html body .content_bloc_full .oauth_content div.back{display:flex;width:100%;}
html body .content_bloc_full .oauth_content button.secondary{text-transform:capitalize;flex:1 1 auto;text-align: center;border:none;background:var(--color-primary-light);color:var(--color-primary);font-weight: bold;}
html body .content_bloc_full .oauth_content button.secondary:hover{background:var(--color-primary-dark);color:#fff;}
html body .content_bloc_full .oauth_content .alt{display:flex;flex-direction: column;margin-bottom:0.5em;}
html body .content_bloc_full .oauth_content .alt .precision{color:#ee6244;}
html body .content_bloc_full .oauth_content button.cancel{flex: 1 1 auto;text-align: center;background:#ececee;color:#73777d;font-weight:normal;}
html body .content_bloc_full .oauth_content button.cancel:hover{background:#73777d;color:#ECECEE;}

.btn-validation{cursor: pointer;height: auto;padding: 10px;display: block;text-decoration: none;margin: auto;font-weight: 700;border: none;text-align: center;color: graytext;font-size: 1em;transition: background .2s;border-radius: 49px;width: 40%;background: none}
.btn-validation:hover{background: none; color: graytext}
.btn-validation:disabled{cursor: no-drop;background: none; color: graytext}
.btn-grey-active{color: #fff;background: transparent linear-gradient(171deg, #857c7c 0%, #857c7c 0%, #b6adad 100%) 0% 0% no-repeat padding-box;border-radius: 40px;opacity: 1;cursor: pointer;height: auto;display: block;text-decoration: none;padding: 10px 0;margin: 5px 0;border: none;box-shadow: 0 1px 1px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);text-align: center;color: #fff !important;font-size: 1em;transition: background .2s;font-weight: 700;}
.btn-grey-active:hover{background: transparent linear-gradient(171deg, #857c7c 0%, #857c7c 0%, #b6adad 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #b6adad;border-radius: 40px;opacity: 1;}
#btn-validation{display: block; text-align: center;}
.btn-validation-active{background: linear-gradient(180deg, #C52741 0%, #FA2B67 100%);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);border-radius: 49px;color: white;}
.list_preference .detail_preference h3{text-transform: uppercase; font-size: 16px; color: #5A5A5A; font-weight: 700}
.btn-validation-active:hover:disabled {background:#f1f1f1;color: graytext;opacity: 1;}
.button-confirm-updated{color: graytext}
#btn-validation button:disabled{opacity: 1;}
.oauth_content .btn_green,
#Dabox .btn_green,
.oauth_content .btn_red,
#Dabox .btn_red,
.oauth_content .btn_grey,
#Dabox .btn_grey,
.oauth_content .btn_blue,.profile_form .btn_blue,
#Dabox .btn_blue {cursor: pointer;padding:10px;height: auto;display: block;text-decoration: none;margin: auto;border: none;text-align: center;color: #fff;font-size: 1em;transition: background .2s;border-radius: 40px;font-weight: 700;width: 20em}
.popin-action #action_confirm{margin:auto;padding: 10px 0}
.popin-action #action_cancel{margin-left: 5px; padding: 10px 0}
.popin-action #action_cancel{max-width: 130px;padding: 10px 15px; justify-content: center;}

/* The switch - the box around the slider */
.oauth_content .switch {position: relative; display: inline-block; width: 4em; height: 2em; min-width: 4em; }
.oauth_content .switch.switch_with_label{display: flex; flex-flow: row-reverse; align-items: center; width: auto; height: auto;  gap: 0.5em;}
.oauth_content .switch.switch_with_label .slider{position: relative; display: block; top: auto; left: auto; right: auto; bottom: auto; width: 40px;height: 26px; flex: 0 0 auto;}
.oauth_content .switch.switch_with_label .switch_text{display: inline-flex; align-items: center; white-space: nowrap; line-height: 1; text-transform: capitalize; font-size: 0.9em; font-weight: bold; gap: 0.25em;}
.oauth_content .switch.switch_with_label .switch_text .on,
.oauth_content .switch.switch_with_label .switch_text .off{display: none;}
.oauth_content .switch.switch_with_label input:checked + .slider + .switch_text .on{display: inline; color: #4E5B60;}
.oauth_content .switch.switch_with_label input:not(:checked) + .slider + .switch_text .off{display: inline; color: #4E5B60;}
.detail_preference .switch label:after{border-radius: 15px; content: unset; position: unset}
.detail_preference .switch label:before{box-sizing: unset}
.oauth_content .switch label{text-indent: unset; width: unset; height: unset}

/* Hide default HTML checkbox */
.oauth_content .switch input {display:none;}
.oauth_content .switch input[type="checkbox"]:not(:checked) + .slider .ui:before,.switch input[type="checkbox"]:checked + .slider .ui:after{position: absolute; border-radius: 1em;    line-height: 1.5em; font-size: 0.8em; font-weight: bold; transition: all .2s; }
.oauth_content .switch input[type="checkbox"]:not(:checked) + .slider .ui:before{content: ""; top: 0.6em; left: 2.6em;}
.oauth_content .switch input[type="checkbox"]:checked + .slider .ui:after{content: ""; color: white; left: 0.6em; top: 0.6em; }
/* The slider #C0273E */
.oauth_content .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; color: white;-webkit-transition: .4s; transition: .4s; font-size:1em; border-radius: 1em;text-align: right;background: #B91C1C;opacity: 1;}
.oauth_content .slider .ui{font-size:1em;}
.oauth_content .slider:before {position: absolute; content: ""; height: 23px; width:23px; top: 1px; left: 2px; border-radius: 0.75em; background-color: white; -webkit-transition: .4s; transition: .4s; }
.oauth_content input:checked + .slider { text-align: left;background: #059666;opacity: 1;}
.oauth_content input:focus + .slider {box-shadow: 0 0 1px #278524; border-radius: 1em; }
.oauth_content input:checked + .slider:before {-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); }
/* Rounded sliders */
.oauth_content .slider.round {border-radius: 34px; }
.oauth_content .slider.round:before {border-radius: 50%; }
.oauth_content .slider .on, .oauth_content .slider .off{line-height: 32px;text-transform: uppercase;font-size: 0.9em;font-weight: bold;}
.oauth_content .slider .on {display: none; padding-left: 6px;}
.oauth_content input:checked + .slider .on {color: #fff; display: inherit;}
.oauth_content .slider .off { padding-right: 5px}
.oauth_content input:checked + .slider .off {display: none; }
.subscribe-bloc{text-align:center; padding-top: 15px}
.subscribe-bloc p.subscribe-message{font-size: large; font-weight: 500}
.subscribe-error {font-size: large; font-weight: 500}

/* Preferences */
.list_preference{}
.list_segment_consent{list-style: none; margin-left: 0}
.list_segment_consent .list_communication{display: flex;flex-direction: column;margin: 2em 0 2em 0;border: 1px solid #FFF;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.06);background: #FFFFFF;box-sizing: border-box;border-radius: 20px;padding: 20px;}
.oauth_content .list_preference .group_preference .vertical-orientation .vertical-orientation{margin-right: 10px}
.list_segment_consent .description_preference{color: #4E5B60; font-size: 15px;font-weight: 400;line-height: 16px;letter-spacing: 0em;text-align: left;}
.oauth_content .list_preference .group_preference .vertical-orientation .vertical-orientation h3{margin: 1em 0; font-size: 18px}
div.input #inp_delete_account_cancel, div.input #inp_delete_account_submit{padding: 10px}
.oauth_content .list_preference .communication{display: flex; align-items: center; gap: 20px;}
.oauth_content .list_preference .communication h3{margin:0 0 10px 0 !important; color: #081217; font-size: 14px; font-weight: 500}
.oauth_content .group_preference .select_group_preference a{ color: #9c0000;}
.oauth_content .list_preference .detail_preference ul.list_segment{list-style: none; margin-left: 0}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem{box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.06);backdrop-filter: blur(8px);background: #FFFFFF;border: 1px solid #FFF;box-sizing: border-box;margin: 20px 0;border-radius: 40px;}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .detail_preference{padding: 8px 15px}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .horizontal-orientation{flex-grow: 2}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .horizontal-orientation .h3{padding: 0; max-width: 0.5em}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .horizontal-orientation .cheveron{margin-left: 2em}
.oauth_content .list_preference .select_group_preference {margin-top: 0.5em;}
.oauth_content .list_preference .select_group_preference label {font-weight: bold; color: #e8a36f;}
.oauth_content .list_preference .detail_preference .group_preference {list-style: none;width: 100%; margin-left: 0}
.oauth_content .list_preference .detail_preference .group_preference .detail_preference .label_preference {line-height: 2.5em; max-width: calc(100% - 4em); margin-right: calc(4em + 20px); }
.group_preference li div.detail_preference div:first-of-type{width: 100%}
.oauth_content .list_preference .detail_preference .group_preference li{margin: 0}
.oauth_content .list_preference .detail_preference .label_preference {line-height: 1.5em;}
.oauth_content .list_preference .detail_preference .label_preference .title_preference {line-height: 1.5em; font-size: 15px; font-weight: 700; color: #5A5A5A}
.oauth_content .list_preference .detail_preference .label_preference .description_preference {line-height: 1.5em; color: grey; font-size: 15px; font-weight: initial; }
.oauth_content .list_preference .detail_preference .image_preference {margin-right: 1em; float: left; }
.oauth_content .list_preference .vertical-orientation .parent_preference {display: flex; flex-direction: row}
.detail_preference .switch {font-size: 16px; float: right; }

/* AUTHORIZE */
.authorize .oauth_content .auth_form {max-width:600px;margin: 0 auto;}
.authorize .oauth_content .auth_form .header {display:flex;flex-direction:row; margin-bottom:1.5em;padding:1em;
    background-color:#eee;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */}
.authorize .oauth_content .auth_form .header .logo {width:5em;height:5em;margin-right:1em;}
.authorize .oauth_content .auth_form .header .firm_data_privacy_caption {font-size:0.9em;text-align: justify;line-height: 1.4em;  }
.authorize .oauth_content .auth_form #scope_auth_container .scope_caption  {font-size:1.2em;color:#C70036;}
.authorize .oauth_content .auth_form #scope_auth_container .scopes_container  {display:flex;flex-direction:row;margin-bottom:0.8em;}
.authorize .oauth_content .auth_form #scope_auth_container .scopes_container .scope {flex-grow:1;padding:0.8em;}
.authorize .oauth_content .auth_form .submit_container {display: flex; flex-direction: row;margin-bottom:0.6em;}
.authorize .oauth_content .auth_form .submit_container .component.submit {flex-grow: 1;margin-right: 1em;}
.authorize .oauth_content .auth_form .submit_container .component.submit:nth-last-child(1) {width:40%;margin-right:0;}
.authorize .oauth_content .auth_form .submit_container .component.submit input[type="submit"] {padding:1em;font-size:1.4em;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */}
.authorize .oauth_content .auth_form .submit_container .component.submit input[type="submit"]#inp_authorize_authorized {white-space:normal;font-size:1em;}
.authorize .oauth_content .auth_form .partner_data_privacy_caption {padding:1em 0;font-size:1em;text-align: justify;line-height: 1.2em;}

.hidden{display: none;}

#Dabox div.form_placeholder {margin: 0 10%}
#Dabox div.form_placeholder .password_block{}
#Dabox div.form_placeholder .confirm_bloc{padding: 5px 0;font-size: 16px;}
.button_block{display: flex; flex-direction: row;}
#checkbox_block{border: 1px solid #C82743; padding: 20px 10px; color: #C82743; margin: 10px 0;}
#checkbox_block label{font-size: 16px;font-style: normal;font-weight: 700;line-height: 16px;letter-spacing: 0;text-align: left;}
#checkbox_block #inp_chckbox{padding: 10px; border: solid 1px #e1e1e1}
#Dabox div#title_placeholder{text-align: center; font-size: 20px; color: #CE1141;font-weight: 700; margin-bottom: 20px}
#Dabox div#message_placeholder{text-align: left;font-size: 15px;font-style: normal;line-height: 16px;letter-spacing: 0;margin: 1em 0 2em 0; }
#Dabox div.popin-action{display: flex}
#Dabox div.form_placeholder #message_password{font-size: 17px;font-style: normal;font-weight: 700;line-height: 19px;letter-spacing: 0;text-align: left;padding: 5px 0;}
#Dabox div.form_placeholder #password_block div.form{padding: 5px 0}
#Dabox div.form_placeholder #message_error label{font-size: 15px;font-style: normal;font-weight: 700;line-height: 16px;letter-spacing: 0;text-align: left;color: #C82743}
#Dabox #popin_form #message_confirm{padding: 20px 10px; color: #5A5A5A; margin: 10px 0;font-weight: 700; font-size: 18px}
#Dabox #popin_form #message_confirm label{font-size: 15px;font-style: normal;font-weight: 700;line-height: 16px;letter-spacing: 0;text-align: left;}
#Dabox div.form_placeholder .inp_loading{background:url("../imgs/loading.gif") no-repeat right center;width: 50px; height: 50px; margin: auto}
#Dabox div.form_placeholder .button_block{display: flex; flex-direction: column;}
#Dabox div.form_placeholder .password_block{}
#Dabox div.form_placeholder #confirm_bloc{padding: 5px 0;font-size: 16px;}
#Dabox div.form_placeholder .button_block{display: flex; flex-direction: row;}
#checkbox_block{border: 1px solid #C82743; padding: 20px 10px; color: #C82743; margin: 10px 0;}
#checkbox_block label{font-size: 16px;font-style: normal;font-weight: 700;line-height: 16px;letter-spacing: 0;text-align: left;color: #C82743; display: inline}
#checkbox_block #inp_chckbox{padding: 10px; border: solid 1px #e1e1e1}
#Dabox .separator{border: 1px solid #E1E1E1;width: 100%;}
/* POPINS */
#Dabox {max-width:444px;min-width:unset;padding:2em;transform: translate(-50%,50px);max-height:calc(100% - 200px); border-radius: 16px;}
#Dabox p{font-size: 14px; margin-bottom: 5px;}
#Dabox p.dabox-footer{font-weight: 600 ; margin-top: 15px;}
#Dabox p.title{font-size: 16px;margin-top: 30px; color: #72A5BD; font-weight: 501;}
#Dabox .actions .action {float:right;width:auto;margin-left:1.3em;padding:0.6em 0.8em;font-size:1.1em;text-transform:uppercase;}
/* CONFIRMATION */
#Dabox #message_placeholder {margin:2em 0;font-size:1.3em; text-align: center;}

#Dabox .actions .action {font-size:0.9em;}
#Dabox .horizontal-orientation{justify-content: space-between;}
/* Popin préférences */
#Dabox.box_preferences p{margin-bottom:20px;}
#Dabox.box_preferences .horizontal-orientation{margin-bottom:15px;}
#Dabox.box_preferences{background:#ffff;overflow:initial;}
#Dabox.box_preferences .sub_prefs{max-height:calc(100vh - 320px);overflow:auto;padding-right:10px;}
#Dabox.box_preferences .links-to-select{display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-end;font-size: 0.8em;padding:7px 0;}
#Dabox.box_preferences{max-height: calc(100% - 200px);}
#Dabox.box_preferences #btn-validation button{max-width:100%;width:100%;}

#Dabox .actions .action {font-size:0.9em;}
.inp_delete_account_submit{flex-basis: 50%; margin: 20px 5px 0 0}
.inp_delete_account_cancel{flex-basis: 50%; margin: 20px 0 0 5px}
.component .inp_delete_account_password_user{margin: 15px; text-align: center}
#inp_delete_account_password_user{background: #FFFFFF;border: 1px solid #E1E1E1;box-sizing: border-box;width: 100%;height: 40px;padding: 0 10px}
#Dabox .actions .action {font-size:0.9em;}

/* PREFERENCES REGISTER page */
.oauth_content .register_list_preference .slider.round {border-radius: 34px; }
.oauth_content .register_list_preference .slider .on, .oauth_content .register_list_preference .slider .off{line-height: 24px;text-transform: uppercase;font-size: 1em;font-weight: bold;}
.oauth_content .register_list_preference .detail_preference {margin-bottom: 0.5em; }
.oauth_content .register_list_preference .detail_preference .switch {font-size: 11px; float: right; }
body .oauth_content ul.register_list_preference {list-style:none; margin-left: 0.7em; margin-bottom: 0}
.oauth_content ul li {list-style:none;}
div.detail_preference label{font-size: unset; font-weight: normal !important;}
.inp_user_creation_accept_mail, .inp_user_creation_accept_terms, .inp_user_creation_submit{margin-top: 0.5em}

/* DEVICES */
.oauth_content .devices_main .devices_title {margin: 0; font-size: inherit}
.oauth_content .devices_main p {margin: 0; font-size: inherit}
.oauth_content .devices_list {list-style: none; padding: 0;}
.oauth_content .devices_list li{min-height: 0}
.oauth_content .devices_list .device_item{ padding: 1em; margin: 0 0 1em 0; font-size:0.9em; border: #dbdbdb 1px solid; display: block; background-color: #f6f8f9;}
.oauth_content .devices_list .device_item:nth-child(even) { background-color: #fafafa; }
.oauth_content .devices_list .device_item>div,.device_list.device_item h3 { padding: 0.5em 0;}
.oauth_content .devices_list .device_item .name_product{font-weight: bold;}
.oauth_content .remove_device_all, .oauth_content .remove_device{float:right;}
.oauth_content .devices_main {font-size:0.9em;width: 100%; margin-top: 25px}
.oauth_content .devices_main .vm_element{width: 100%}
.body_content .oauth_content .devices_main hr{ width:95%; }

/* PRODUCTS */
.oauth_content .licenses_list {list-style: none; margin: 1em 0 0 0}
.oauth_content .licenses_list .license_item { display: flex; flex-wrap: wrap;justify-content:space-between; align-items: center; border-radius: 15px; border: 1px solid #C4C4C4;box-sizing: border-box ;padding: 1em 2em; margin-bottom: 1em; background-color: #f6f8f9;}
.oauth_content .licenses_list .license_item:nth-child(even) { background-color: #fefefe; }
.oauth_content .licenses_list .license_item .license_dates {clear:both;}
.oauth_content .licenses_list .license_item .license_date_label { padding: 5px; font-weight: bold;}
.oauth_content .licenses_list .license_item .license_date_value { padding: 5px; }
.oauth_content .licenses_list .license_item .license_bloc{display: flex;flex-direction: column; width: 230px}

.oauth_content .licenses_list .empty_products { padding: 20px 10px; font-style: italic; }

.oauth_content .licenses_list .license_item_vm {display: flex;flex-direction: column;margin: 2em 0 2em 0;border: 1px solid #E1E1E1;background: #FFFFFF;box-sizing: border-box;border-radius: 6px;padding: 20px;}
.oauth_content .licenses_list .license_item_vm .vm_element{width: 100%}
.oauth_content .licenses_list .license_item_vm .vm_element.sub{display: flex; justify-content: space-between; flex-wrap: wrap}
.oauth_content .licenses_list .license_item_vm .vm_element.sub h3,.vm_element .name_product {font-weight: bold;font-size:16px; width: 20%; padding: 1.2em}
.oauth_content .licenses_list .license_item_vm .vm_element.sub .license_date {margin: 1.2em}
.oauth_content .licenses_list .license_item_vm .vm_element.sub .license_date .license_date_label {font-weight: bold}
    /* REGISTRATION FORM */
.registration_form {min-height:450px;}
.registration_form span.checkbox{display:block;}
.registration_form .checkboxgroup .checkbox{margin-left:0.7em;}
.registration_form .component.inline .input .checkboxgroup input[type=checkbox] {margin:0;}
.registration_form input[type="text"].inp_error{font-weight:normal;text-align:left;margin-bottom:0;}
.registration_form input[type="text"].inp_valid{background: rgba(170, 255, 184, 0.5);}
.registration_form input[type="text"].inp_loading{background:url("../imgs/loading.gif") no-repeat right center;}
.registration_form .message_error{position:absolute;background:#fff;border:solid 1px #666;font-size:12px;font-weight:normal;padding:6px;width:80%;left:50%;margin-left:-40%;top:46px;}
.registration_form .message_error .triangle{position:absolute;border-top:0;border-left:solid 10px transparent;border-right:solid 10px transparent; border-bottom:solid 10px #666;left:50%;margin-left:-10px;margin-top:-16px;}
.registration_form .message_error .text{width:100%;overflow:hidden;}

/*-- AUTHORIZE */
.body_content.oauth_content .link{text-align: center; width: 100%;font-weight: bold; font-size:1.2em; color: #081217; margin-bottom: 0.4em;}
.body_content.oauth_content .link a{color: #081217;font-weight: 500;}
.body_content.oauth_content .btn-register{color: #31363C; display: flex; flex-flow: column;margin: 10px auto;width: fit-content;text-align: center;}
.body_content.oauth_content .btn-register a {font-weight: 500;color: #081217;}
.oauth_content .login_form .link{ max-width: 400px; }
.oauth_content .login_form #resend_email_button {display:inline;margin:0 auto;padding:10px 30px; }
.oauth_content .component.inp_login_remember {align-items: center;margin-top: 1em; display: flex}
.oauth_content .component.inp_login_remember .label{margin: 0; padding: 5px 0}
.oauth_content .reset_password_form.link{max-width: 500px; width: 100%; margin: auto;}
.oauth_content .reset_password .link{margin-top: 24px;}
.oauth_content .reset_password_form .valid-btn,
.oauth_content .reset_password .social{ max-width: 340px !important; margin:auto}
.oauth_content #password_form .valid-btn{margin-top: 24px; margin-bottom: 10px}
.oauth_content .reset_password .resend_email_form{margin-top: 24px;}
.oauth_content .reset_password .infos span.bold{font-weight: bold;}
.oauth_content .reset_password .infos .title-info{margin-bottom: 5px}
.oauth_content .reset_password .infos ol{margin-bottom: 0}
.oauth_content .reset_password_form {margin-top: 10px;}
.oauth_content .clue{font-size: 0.9em;}
.oauth_content .restricted_area_msg{text-align: center; font-size: 1em; font-weight: bold;}
.oauth_content .change_password .btn-go-login {margin: 24px auto 5px auto; display: block; max-width: 340px; text-align: center;}

.oauth_content .profile_form,.oauth_content .forum_form,.oauth_content .security_form form,.oauth_content .vidal_newsletter_form{margin: auto;}

.oauth_content #newsletters_subscription_form .checkbox{text-align: center; }
.oauth_content #newsletters_subscription_form .checkbox .input{padding-top: 55px; }
.oauth_content #newsletters_subscription_form .checkbox .img{margin:0 1em;   }
.oauth_content #newsletters_subscription_form label .description_newsletter{font-weight: normal;}

.oauth_content .licenses_list {list-style: none; padding: 0;}
.oauth_content .licenses_list .license_item{padding: 1em; margin-bottom: 1em; border: #dbdbdb 1px solid; display: block; background-color: #f6f8f9;}
.oauth_content .licenses_list .license_item:nth-child(even) {background-color: #fafafa; }
.oauth_content .licenses_list .license_item>div,.licenses_list .license_item h3 {padding: 0.5em 0;}
.oauth_content .licenses_list .license_item .name_product{font-weight: bold;}
.oauth_content .licenses_list .license_item .license_date_label {padding: 5px; font-weight: bold;}
.oauth_content .licenses_list .license_item .license_date_value {padding: 5px; }
.oauth_content .licenses_list .empty_products {padding: 20px 10px; font-style: italic; }

.oauth_content .devices_list {list-style: none; padding: 0; margin: 0}
.oauth_content .devices_list .device_item{padding: 1em; margin-bottom: 1em; border: #dbdbdb 1px solid; display: block; background-color: #f6f8f9;}
.oauth_content .devices_list .device_item:nth-child(even) {background-color: #fafafa; }
.oauth_content .devices_list .device_item>div,.device_list.device_item h3 {padding: 0.5em 0;}
.oauth_content .devices_list .device_item .name_product{font-weight: bold;}

.oauth_content .legal_mentions {font-size: 0.8em; text-align: justify; color: #656E75; margin-top: 4em; }
body.body_oauth .oauth_content .legal_mentions {font-size: 0.7em; }
.legal_mentions a, .legal_mentions a:hover{color: #0078a0;}

body.body_oauth footer {width: calc(100% - 2em); max-width: 900px; text-align: center; color: #666; border-radius: 5px; margin: 10px auto; height: 25px; line-height: 25px; font-size: .9em; }
.submenu_mobile {display: none}

/* MESSAGE BOX */
.oauth_content .message_box {margin:20px 0 40px;}
/* ----------- */

#M4ToolTips {background: #192733;color: #fff;padding: 15px;max-width: 400px;border: none;border-radius: 12px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);z-index: 120;}
.M4ToolTipsTexte ul {margin: 5px;}
.M4ToolTipsTexte li {margin-left: 10px;}
.help-trigger {
    cursor:pointer;display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:20px;height:20px;line-height:18px;
    vertical-align:middle;text-align:center;
    border:solid 1px;border-radius:10px;
}

@media screen and (max-width: 1300px) {
    .oauth_content .content_form .info-pro .flex_item_child:has(.inp_qualification_ids_organism:not(.hidden)) .component, .oauth_content .content_form .info-pro .flex_item_child:has(.inp_qualification_id_laboratory:not(.hidden)) .component {max-width: calc((100% / 2) - 10px)}
}

@media (max-width: 1024px) {
    .content_bloc_full .oauth_content .login_container {flex-direction: column; align-items: center;}
    .content_bloc_full .account .content .list {flex-direction: column;}
}

@media (max-width: 600px) {
    .authorize .oauth_content .auth_form .header .firm_data_privacy_caption {font-size:0.8em;}
    .authorize .oauth_content .auth_form .submit_container {flex-direction:column;}
    .authorize .oauth_content .auth_form .submit_container .component.submit {margin:0 0 0.5em;}
    .authorize .oauth_content .auth_form .submit_container .component.submit input[type="submit"] {padding:0.6em;}
    .authorize .oauth_content .auth_form .submit_container .component.submit:nth-last-child(1) {width:100%;}
    .authorize .oauth_content .auth_form .partner_data_privacy_caption {padding:0;}
}

@media screen and (max-width: 550px){
    .flex {flex-direction: column; }
    .oauth_content #newsletters_subscription_form .checkbox.flex {flex-direction: row; }
    .oauth_content .component.inp_forum_avatar_upload {margin: 0; }
    .oauth_content .component.inp_qualification_postal_code_user {margin-right: 0;}
    .oauth_content .list_preference .detail_preference .image_preference {display: none; }
    .oauth_content .profile_form div.inp_forum_avatar_upload {display: none; }
    select#submenu_oauth_mobile {display: block; font-size: calc(12px + 2.7vw); -webkit-appearance: none;background: url('../imgs/arrow_down.png') no-repeat right 10px center;background-size: auto 50%; height: auto;}
    #submenu_oauth {display: none; }
    .body_oauth header {display: none; }
    .oauth_content .profile_form div.inp_forum_avatar_upload {display: none; }
    .oauth_content form input[type="text"], .oauth_content form input[type="password"] {font-size: 14px; -webkit-appearance: none; }
    body .oauth_content select:not(.select)  {width: 105%;padding: 10px; font-size: 14px; -webkit-appearance: none; background: url('../imgs/arrow_down.png');background-repeat: no-repeat; background-position: right 7px center; background-size: auto 40%; }
    .oauth_content form input[type="submit"] {-webkit-appearance: none; }
    .oauth_content .license_item .vxp_download, .oauth_content .license_item .license_download {display: none; }
	div#debug.fullscreen {display: flex; flex-flow: column; }
    div#debug .debug_content .debug_vars pre {overflow: scroll; }
    div#debug .debug_content .debug_vars {height: calc(30% - 5px); width: 100%; float: none;  }
    div#debug .debug_content .debug_console {overflow: scroll; height: calc(70% - 5px); width: 100%; border-bottom: solid 1px #aaa; float: none; }
    div#debug .debug_buttons {height: auto; padding: 0; }
    div#debug .debug_buttons > div, div#debug .debug_buttons > div.vars {float: left; }
    div#debug .debug_buttons > div[rel="cookie"] {clear: left; }

    .content_bloc_full{padding: 0; margin: 10px; border: none; flex-direction: column}
    .content_bloc_full h2.title_form {display: none}
    .body_content .oauth_content{padding: 0.5em}
    .oauth_content .licenses_list{margin: 0.5em}
    .horizontal-orientation{padding-right: 0px;}
    #submenu_oauth{display: none}
    #Dabox {width:100%;top:2em;max-width:80%;min-width:80% !important; max-height:80%;}
    #Dabox div.form_placeholder{margin: 0}
    #Dabox .actions  {text-align:center;}
    #Dabox .actions .action {display:inline-block;margin-left:2em;font-size:0.9em;}
    #Dabox div.form_placeholder .button_block{display: flex; flex-direction: column}
    #Dabox .dabox-container{margin-top: 0 !important;}
    .oauth_content h3 {font-size: 0.80em;margin: 0.5em 0;}
    .submenu_mobile{display: block;margin:1em 0; border-radius: 12px;background: rgba(0, 0, 0, 0.04);}
    .submenu_mobile .content{border-radius: 12px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.60);width: 100%;display: flex;padding: 3px 10px;}
    .submenu_mobile div.icon{line-height:33px;width: 15px;}
    .submenu_mobile div.text{width: 100%; padding: 0 15px; height: 100%; line-height: 36px}
    .submenu_mobile div.text a {color: #081217;font-size: 14px;font-weight: 500;font-family: IBM Plex Sans, serif;}
    .submenu_mobile div.icon_arrow{line-height: 36px}
    .submenu_mobile div.icon_arrow img {transform: rotate(90deg);}
    .submenu_mobile h3, .list_preference .detail_preference h3 {text-transform: unset; color: #081217;font-size: 16px;font-weight: 600;letter-spacing: -0.32px}
    .body_content.oauth_content hr {margin:0;}

    .content_form .flex_item_child{flex-direction: column}
    .body_content.oauth_content{width: unset; margin: 0 ; padding: 1em}
    .oauth_content .content_form{padding-left: 0}
    .inp_qualification_id_country,.inp_qualification_city_user{width: unset}
    .content_form .flex_item_child .inp_profile_firstname_user,
    .inp_profile_name_user,
    .inp_qualification_second_name_user,
    .inp_qualification_birthday_user,
    .inp_qualification_postal_code_user,
    .inp_profile_id_title {width: unset}
    .oauth_content input[type="text"],.oauth_content input[type="password"] {width:100%;padding:10px;border:solid 1px #e1e1e1;}
    [class*="inp_qualification_"]{width: 100%}
    .content_form .flex_item_child [class*="inp_profile_"]{width: 100%}
    .oauth_content .list_preference .detail_preference ul.list_segment li.parentItem {border-radius:12px;}
    #vidalid_content .oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .horizontal-orientation{width: 100%}
    .oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .detail_preference {padding: 6px 10px;}
    .oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .horizontal-orientation{width: unset}
    #btn-validation{display: flex; flex-direction: column; width: 100%; text-align: center}
    #btn-validation button{max-width: 100%;width: 100%; font-size: 14px}
    .oauth_content .list_preference .detail_preference .label_preference .title_preference,
    .oauth_content .list_preference .detail_preference .label_preference .description_preference{font-size: 13px;}
    .oauth_content .list_preference .detail_preference ul.list_segment li.parentItem:nth-child(1) .segment_details .detail_preference .group_preference:nth-child(1) li .detail_preference .group_preference li:nth-child(n - 2){width: 104%}
    .list_segment .accordeon {width: 26px;line-height: 22px;font-size: 1.2em;margin-left: 0;}
    .horizontal-orientation .horizontal-orientation{padding-right: 0px;}
    #action_confirm{margin-left:0}
    #action_cancel{margin-right:0}
    .oauth_content .switch{width: 2.8em;height: 1.6em;min-width: 2.8em;margin-top: 8px;}
    .oauth_content .switch.switch_with_label{width: auto;height: auto;min-width: 0;margin-top: 0;}
    .oauth_content .switch.switch_with_label .slider{width: 3.3em;height: 1.6em;}
    .oauth_content .slider{font-size: 0.7em}
    .oauth_content .switch_with_label  .slider:before{height: 13px;width: 13px;top: 2px;left: 0;}
    .oauth_content .slider:before {height: 17px;width: 17px;top: 4px;left: 2px;}
    .oauth_content .slider .on{line-height: 27px}
    .oauth_content .slider .off{line-height: 25px; padding-right: 3px}
    div#btn-validation{padding: unset}
    #sideBarMenu{font-family: Arial, sans-serif; margin: 0; padding: 0; }
    #sideBarMenu .flex_parent .parentItem{padding: 2em 0 1em 0}
    #M4ToolTips {max-width: 400px;}
    .oauth_content .devices_list li{min-height: 0}
    .oauth_content .devices_main {font-size:0.9em;width: 100%; margin-top: 0}
    .oauth_content .devices_main .vm_element{width: 100%}
    .body_content .oauth_content .devices_main hr{ width:95%}
    .oauth_content .licenses_list .license_item_vm .vm_element.sub .license_date{margin: 0}
    .oauth_content .devices_list .device_item {padding: 0.5em}
    .oauth_content .licenses_list .license_item_vm .vm_element.sub h3,.vm_element .name_product {font-weight: bold;font-size:16px; width: unset; padding: unset}
    .oauth_content .licenses_list .license_item_vm .vm_element.sub{flex-direction: column}
    .oauth_content .content_form .flex_item_child {flex-direction: column;gap: 0;}
    .oauth_content .content_form .flex_50 {max-width: 100%;}
    .oauth_content .content_form .info-pro .flex_item_child:has(.inp_qualification_id_laboratory:not(.hidden)) .component{max-width: 100%}
    .content_bloc_full .oauth_content .block.account, .input .email.input {max-width: 100%}
    .profile h3 {font-size: 14px;}
    .block.submenu{display: none;}
    .list_segment_consent .description_preference {width: 85%;font-size: 12px;}
    .oauth_content .list_preference .group_preference .vertical-orientation .vertical-orientation h3 {font-size: 14px;text-transform: uppercase;}
    .content_bloc_full .oauth_content .user_inputs, .content_bloc_full .oauth_content .login_container .info_auth {width: 100%;}
    /*.content_bloc_full div.user_infos .account{padding: 10px 15px;padding-bottom: 350px}*/
    /*.content_bloc_full div.user_infos .account h3 {font-size: 25px;font-family: "IBM Plex Serif", serif;line-height: 32px;}*/
    /*.content_bloc_full div.user_infos .account h3 span {display: inline-block}*/
    /*.content_bloc_full div.user_infos .account .content h4 {font-size: 22px;}*/
    .oauth_content .reset_password .block .content {display:flex;flex-direction:column-reverse}
}

/* MOBILE */
@media screen and (max-width: 400px) {
    #Dabox div.form_placeholder .button_block{display: flex; flex-direction: column}
    #Dabox {top:2em;max-width:80%;min-width:80%; max-height:80%;}
    #Dabox .actions  {text-align:center;}
    #Dabox .actions .action {display:inline-block;margin-left:2em;font-size:0.9em;}

    .body_content .oauth_content{
        padding: 0;
    }
    .horizontal-orientation h3{
        padding: 0;
        max-width: 80%;
    }
    .oauth_content h3{
        font-size: 0.72em;
    }
    .oauth_content .list_preference{
        max-width: 100%;
    }
    .oauth_content .list_preference .group_preference .detail_preference .label_preference {
        font-size: 13px;
        max-width: none;
        margin-right: 0;
    }
    .list_segment .accordeon {width: 26px;line-height: 22px;font-size: 1.2em;margin-left: 0;}
    .horizontal-orientation .horizontal-orientation{
        padding-right: 0px;
    }

    .popin-action{
        display: flex;
        flex-wrap: wrap;
    }
    #action_confirm{
        margin-left: 0;
    }
    #action_cancel{
        margin-right: 0;
    }
}

.oauth_content div .input_invalid, .oauth_content input[type="text"].input_invalid,.oauth_content input[type="password"].input_invalid {border:solid 1px #C0273E;}