*{font-family:Arial,sans-serif;margin:0;padding:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
body.body_oauth{margin:0;padding:0;background:#fafafa}
.body_container{width:100%;max-width:1200px;margin:auto;background:#FFFFFF;box-shadow:0 1px 2px 1px #cccccc}
.context_oauth{display:flex;padding:15px 0;width:100%}
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}
body.body_oauth header img{flex-grow:0;flex-shrink:0;max-width:107px;height:100%;margin:auto}
body .block{background: transparent; padding: 0; border-radius: 0; border: 0px}
.hidden{display:none}

.content_form form{width:100%;margin:10px auto;}
.content_form .mandatory{font-size:14px;font-style: italic;text-align: right;color:#C0273E;display: inline-block !important;}

.oauth_content{ border-radius: 20px}
.oauth_content .submit  { margin-top: 1em; }
.oauth_content .full-width{padding: 1em 0 1.5em 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 a, .oauth_content a:visited {color: #3598dc}
.oauth_content .body_content .oauth_content hr{height: 1px; background: #999; border: none; margin: 1em auto; width: 100%;}
.oauth_content .content_activities p.objectifs{font-weight: 700}
.oauth_content .content_activities ul li{list-style-type:disc; margin: 10px 0 0 40px}

.not_found{text-align:center;line-height:25px;}
.oauth_content_block{flex: 2 1 0;background: white; padding: 10px}

/* Submenu */
#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;}
#submenu_oauth {flex: 0 0 auto; width: 300px; margin-right: 16px;}
#submenu_oauth li {padding-bottom: 20px}
#submenu_oauth li .parentItem{display: flex; flex-direction: row}
#submenu_oauth li .parentItem h1{margin: 5px 0; font-size: 20px}
#submenu_oauth .flex_parent{padding: 10px 0}
#submenu_oauth .flex_parent .parentItem{padding-bottom: 10px}
#submenu_oauth li 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 li a:hover {cursor: pointer;}

#submenu_oauth_items {display: flex; flex-direction: column; background: #FFFFFF; border-radius: 5px 5px 5px 5px;}
#submenu_oauth_items li a{display: flex;align-items:center;width: 100%; font-size: 1em; text-decoration: none; color: #5A5A5A}
#submenu_oauth_items li a:hover{margin-left: 6px;transition: all .3s;}
#submenu_oauth_items li.selected{background: #E5E5E5}
#submenu_oauth_items li:hover{background: #fafafa}
#submenu_oauth_items li.selected a {font-weight: bold;}
#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; border-bottom: 1px solid  #E5E5E5; padding:  20px 5px}
#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{display:flex; margin-right:10px}
#submenu_oauth_items li.flex_item span.checkmark img{vertical-align: initial}
#submenu_oauth_items li.flex_item div.menu_label{width: 100%;}
#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{padding-right: 10px}
#submenu_oauth_items li.flex_item span.icon img{height: 14px}

#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; }

.submenu_button{display: flex; flex-direction: column}
.submenu_button hr.separator{width: 50%; color: #7e7e7e; margin: auto; padding-top: 10px}
.submenu_button #log_out{margin: 10px 0; text-align: center; font-weight: 700; color: #5A5A5A; text-decoration: none}

.inp_qualification_ids_specialty .item-radio .action-radio{float: none; margin-left: 10px}

.group_preference li .detail_preference.horizontal-orientation{display: flex;flex-direction: row;justify-content: space-between;margin-right: 27px;}
.group_preference li .detail_preference div:first-of-type{width:100%;}
.group_preference li .detail_preference .select_group_preference .chosen-container-multi .chosen-choices li.search-field input[type=text]{width:auto!important}
.popin-action{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.flex_avatar{margin-right: 10px; flex-basis: 10%}
div.input.upload .status_bar{border:solid 1px #27ae60;background:#27ae60;position:relative;width:100px;height:25px;margin:50px 10px}

.horizontal-orientation{display: flex;flex-direction: row;align-items: center;cursor: pointer;}
.horizontal-orientation .group_preferencex{width: 100%;}
.horizontal-orientation .cheveron{margin: 0 0 0 2em}
.horizontal-orientation h3{padding: 0;max-width: 80%;}

.text_cnil{margin: 10px auto}
.content_bloc_full {display: flex;justify-content: space-between;flex: 1 1 auto;}

.flex{display: flex; flex-direction: column;}
.flex_item{flex-grow: 1;}
.oauth_content .content_form { padding: 0.5em; }
.oauth_content .content_form .profile_form{flex-direction: column}
.oauth_content .content_form .profile_form .link{background: #3598dc;margin: 2em auto;padding: 0.5em 1em;width: 15em;text-align: center; color: white; border-radius:50px }
.oauth_content .content_form .profile_form .link a{color: white}
.oauth_content .content_form .error_invalid_link, .error_invalid_link{margin: 2em auto;color: #5A5A5A; max-width: 550px; font-weight: bold}
.oauth_content .content_form .flex_all{display: flex}
.oauth_content .content_form .flex_all .flex_item{display: flex; flex-direction: column; flex-grow: 1}
.oauth_content .content_form .flex_item_child{ display: flex; justify-content: space-between; gap: 10px}
.oauth_content .content_form .flex_item_child_em{ display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0}

.oauth_content.full-width .content_form { max-width: 100%; padding: 0.5em 0; }
.oauth_content .login_form form,.oauth_content .reset_password_form form{max-width:400px;}
.oauth_content .login_form form input.login_code {padding: 8px 10px;text-align: center;letter-spacing: 8px;width: 300px;height: 60px;font-size : xx-large;margin: 0}
.oauth_content .login_form form input[type="text"].inp_loading{background:url("../imgs/loading.gif") no-repeat right;}
.oauth_content .login_form form input[type="submit"].inp_loading{background:url("../imgs/loading.gif") no-repeat center!important;}
.oauth_content .login_form form div.component.inp_login_link.submit{width: 100%;margin-top: 0;background: transparent;}
.oauth_content .clear_fix:after { content: ''; display: block; clear: both; }
.oauth_content input[type="text"],.oauth_content input[type="password"] {width:100%;padding:10px;border:solid 1px #e1e1e1; font-size: 14px}
.oauth_content .body_oauth .oauth_content input[type="text"],.body_oauth .oauth_content input[type="password"] {width:calc(100% - 1.5em);}
.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-size: 1em;text-decoration: none;cursor: pointer;transition: background .2s;border:0;margin: auto}
.oauth_content input[type="submit"]:hover{border:none;}
.oauth_content select{width:100%;padding:9px;border: 1px solid #e1e1e1; font-weight: 400;background: 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: 700;}
.oauth_content .component.inline{ display: flex; flex-direction: row; }
.oauth_content .component.inline .input input[type=checkbox] { margin: 0.7em;}
.oauth_content .component.hidden { display:none; }
.oauth_content .component input[hidden],
.oauth_content .component select[hidden] { display:block; }
.oauth_content .component.inp_forum_avatar_upload{ height: 100%;display: flex;flex-direction: column}
.oauth_content .component .inp_forum_avatar_upload .upload input{padding: 50px 0}
.oauth_content .component.inp_forum_avatar_upload .upload{margin: auto}
.oauth_content .component.inp_forum_avatar_upload .upload input[type='file']{max-width: 116px;}
.oauth_content .component.inp_forum_avatar_upload .upload a.file.img,.oauth_content .component.inp_forum_avatar_upload .upload a.file.img img{border-radius:50%;border: none;outline: none;width: 75px; height: 75px; object-fit: cover }
.oauth_content .component.inp_forum_avatar_upload .upload a.file.img{padding: 0;border-radius: 100%;border: solid 1px #f2f2f2;overflow: hidden;justify-content: center;align-items: center;float: left}
.oauth_content .component.inp_forum_avatar_upload .upload a.delete{padding: 3px}
.has_file div.input.upload .file{display: none}
.inp_forum_avatar_upload div.input.upload{height: unset}
.oauth_content .component.inp_forum_avatar_upload .upload a.file,.oauth_content .component.inp_forum_avatar_upload .upload a.delete{float: right}
.oauth_content .registration_form .component .checkboxgroup .checkbox { display:block;}
.oauth_content .component.inp_qualification_postal_code_user {}
.oauth_content .component.inp_vidal_partner_subscription_accept_vidal_mail_user{margin-top: 1em;}
.oauth_content .error,.oauth_content .confirmation { margin-bottom: 20px; padding: 0.1em; background-clip: padding-box; font-weight: bold; list-style: none; text-align: center; }
.oauth_content .error p,.oauth_content .confirmation p { margin: 0.7em auto; }
.oauth_content .confirmation { background: rgba(170, 255, 184, 0.5); }
.oauth_content .error{ background: rgba(255, 118, 122, 0.5); }
.oauth_content #tooltip_error{ width: 50%; padding: 15px; border-radius: 5px; top: 25%; left: 25%; color: red;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: #278524; }
.oauth_content #tooltip_success h3, .oauth_content #tooltip_success p{color: white; text-align: center;}
.oauth_content .btn_blue, .profile_form .btn_blue,#Dabox .btn_blue{background: #2a80b9; color: #fff; }
.oauth_content .btn_blue:hover,#Dabox .btn_blue:hover{ background: #3598dc;}
.oauth_content .btn_green,#Dabox .btn_green{background: transparent linear-gradient(171deg, #278524 0%, #278524 0%, #6FC027 100%) 0% 0% no-repeat padding-box;border-radius: 40px;opacity: 1;color: white;}
.oauth_content .btn_green:hover,#Dabox .btn_green:hover{box-shadow: 0px 3px 6px #6FC027;}
.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{box-shadow: 0px 3px 6px #b6adad;}
.oauth_content .btn_red, #Dabox .btn_red{color: #fff;background: transparent linear-gradient(171deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box;opacity: 1;}
.oauth_content .btn_red:hover, #Dabox .btn_red:hover{box-shadow: 0px 3px 6px #FE2B6A;}
.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;height: auto;display: block;text-decoration: none;padding: 10px 0;margin: 5px 0;border: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);text-align: center;color: #fff !important;font-size: 1em;transition: background .2s;border-radius: 40px;font-weight: 700;width: 100%}

.btn-validation{cursor:pointer;height:auto;padding:10px;display:block;text-decoration:none;margin:auto;font-weight:700;border:none;box-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);text-align:center;color:graytext;font-size:1em;transition:background .2s;border-radius:49px;width:40%}
.btn-validation:disabled{cursor:no-drop}
.btn-grey-active{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;font-size:1em;transition:background .2s;border-radius:40px;font-weight:700}
.btn-grey-active:hover{box-shadow: 0px 3px 6px #b6adad;}

#btn-validation{display: block; text-align: center;}
#btn-validation button{max-width: 48%;display: inline-block;margin-top:15px;vertical-align: middle;}

.popin-action #action_confirm{margin-right: 5px;}
.popin-action #action_cancel{margin-left: 5px;}

.oauth_content .extract_data{margin-top: 20px;}

.content .wrapper {padding: 1rem 1rem; display: flex; flex-direction: row; max-width: 98%}
.mon_compte .content_bloc_full .body_content .oauth_content{max-width: 100%}


.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: 0em;text-align: left;}
#checkbox_block #inp_chckbox{padding: 10px; border: solid 1px #e1e1e1}

.block.external .oauth_content .login_form .password_less_block {width: 100%;}
.block.external .oauth_content .login_form .psc_block {width: 100%;margin: auto;text-align: center}

/* The switch - the box around the slider */
.oauth_content .switch { position: relative; display: inline-block; width: 4em; height: 2em; min-width: 4em; }
/* 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: transparent linear-gradient(171deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box;opacity: 1;
}
.oauth_content .slider .ui{ font-size:1em;}
.oauth_content .slider:before { position: absolute; content: ""; height: 1.5em; width: 1.5em; top: 0.25em; left: 0.25em; border-radius: 0.75em; background-color: white; -webkit-transition: .4s; transition: .4s; }
.oauth_content input:checked + .slider {  text-align: left;
    background: transparent linear-gradient(171deg, #278524 0%, #278524 0%, #6FC027 100%) 0% 0% no-repeat padding-box;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(2em); -ms-transform: translateX(2em); transform: translateX(2em); }
/* 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; }

/* PREFERENCES */
.list_segment li .segment_header .description_preference{margin: 5px;padding: 1em;font-weight: initial;font-size: 15px;}
.list_segment .list_communication{display: flex;flex-direction: column;margin: 2em 0 2em 0;}
.oauth_content .list_preference { max-width: 100%; margin: 1em auto; }
.oauth_content .list_preference .communication { list-style: none; display: flex}
.oauth_content .list_preference .chosen-container{width : 100% !important;}
.oauth_content .list_preference .parentItem .detail_preference {padding: 1em; }
.oauth_content .list_preference .select_group_preference { margin-top: 0.5em;font-size: 15px;}
.oauth_content .list_preference .select_group_preference > span {line-height: 1.5em;color: grey;font-size: 15px; border:1px solid #E1E1E1;border-radius:6px;padding:4px 2px;}
.oauth_content .list_preference .group_preference { list-style: none;}
.oauth_content .list_preference .group_preference .group_preference {width: 100%;}
.oauth_content .list_preference .group_preference .detail_preference .label_preference { line-height: 2.5em; max-width: calc(100% - 4em); margin-right: calc(4em + 20px); }
.oauth_content .list_preference .group_preference .vertical-orientation .vertical-orientation{margin-right: 10px}
.oauth_content .list_preference .detail_preference .label_preference {line-height: 1.5em; color: #5A5A5A;}
.oauth_content .list_preference .detail_preference .label_preference .title_preference {line-height: 1.5em; font-size: 15px; font-weight: 700}
.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 .detail_preference .confidentiality_text {font-size: 1em;margin-bottom: 30px;}
.list_preference .detail_preference h3{font-size: 18px;}
.detail_preference .switch { font-size: 16px; float: right}
.segment_header .horizontal-orientation{flex-grow: 2;}

/* 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: 0.75em;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; }
.oauth_content ul.register_list_preference { list-style:none; margin-left: 0.7em; }


.body_content.oauth_content .link{ text-align: center; width: 100%; margin: auto;font-size:1em; margin-bottom: 0.4em;}
.body_content #account_profile_form .submit{width: 25%; margin: 25px auto auto auto}
.oauth_content .login_form .link,.oauth_content .reset_password_form .link {margin: auto; text-align: center}

.oauth_content .reset_password_form p{text-align:justify;color:#5A5A5A;padding:10px;}
.oauth_content .reset_password_form .confirmation_sent p:first-of-type{font-weight:700;}
.oauth_content .reset_password_form,.oauth_content .reset_password_form.link{ max-width: 550px; width: 100%; margin: auto; }
.oauth_content .reactivate_account_block{margin:20px 0; text-align: center}

.oauth_content .clue{ font-size: 0.9em;}
.oauth_content .restricted_area_msg{text-align: center; font-size: 1em; font-weight: bold;}

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

.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;}

/* Hard Bounce Interface */
.body_content .change_email_form{font-family: Inter, serif;}
.body_content .change_email_form h2{font-family: Inter, serif; text-align: center; font-size: 1.5em; margin-bottom: 1em;}
.oauth_content .change_email_form p{text-align:center;color:#5A5A5A;padding:5px;}
.body_content .change_email_form .submit{width: 100%; margin: 25px auto auto auto}
.oauth_content .change_email_form .error .error_message{width: 90%;}
.oauth_content .change_email_form .close {display:block;position:absolute;top:10px;right:10px;width:32px;height:32px;}
.oauth_content .change_email_form .close .icon-close{transition:transform .4s;width:32px;height:32px;display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABc0lEQVRYR+2Wu00EQRBEq/v4eIfBTyIBDLI4g0gIAI8Ajk8ASHB8DGyOBIAIECSATwJI2NOo0Y40Om5nu/uMc3bt3ak3NVPVS1jyQ0vWRw/QO1BzYAjgB0Ba8KJuAPhuW6MGcMLM+ymlowUgdojoVUR0jfd5EDUAYuZrAGtBiCx+BuAx4oB+oxATAKtOCBV/EZHzmvifgOF8FeIGwIoRwixuBchOWCCyuNo+NWzO5EBeR524BTBocWK7sN0k7nGghLgDwDMQIfEIQD6OEmKTiJ6bC/dksb18x3IJ58aXme81oiJyEBWPOpCB9ojoE8CbiBxGyyrqwG7TcGNmHgFYN0b0n5sRABXXkhkD0DPXdFxFIbwAuV6zeJmOUG17AHLJnDY7n7UzNDusADnn2nC1qLlnhwVAxT05d0F0AWwV9eopGfMAqwGouO78osP21lFvmaI1gGMAX0HxMh2XKaUHAB/ePyJvrYfe77oDoUU9H/UAvQO/+GK2IZQxTBUAAAAASUVORK5CYII=) no-repeat;}
.oauth_content .change_email_form .close .icon-close:hover{transform:rotate(90deg);}
.oauth_content .content_form form {width: 100%}
.oauth_content .content_form input.code_validation {border-radius: 4px;padding: 8px 10px;text-align: center;letter-spacing: 8px;width: 300px;height: 60px;font-size : xx-large;margin: 0}
.oauth_content .content_form input.new_adresse_email {width: 400px}

    /* 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; }
.toggle_down{ background: url("../imgs/chevron-down.png"); background-repeat: no-repeat;background-position:center;height: 30px;width: 30px;}
.toggle_up{ background: url("../imgs/chevron-up.png"); background-repeat: no-repeat;background-position: right 10px center;;height: 30px;width: 30px;}

.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{font-size:16px;}
.oauth_content .licenses_list .license_item_vm .vm_element.sub .license_date {margin-left: 50px}

.oauth_content .licenses_list .license_item_vm { display: flex; flex-direction: column;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_vm .license_dates {clear:both;}
.oauth_content .licenses_list .license_item_vm .license_date_label { padding: 5px; font-weight: bold;}
.oauth_content .licenses_list .license_item_vm .license_date_value { padding: 5px; }
.oauth_content .licenses_list .license_item_vm .license_bloc{display: flex;flex-direction: column;}
.oauth_content .licenses_list .license_item_vm .license_bloc img.vidal_logo{width: 15pc}

.oauth_content .licenses_list .vxp_item{ padding: 1em 2em; margin-bottom: 1em; display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center; background-color: #f6f8f9; justify-items: center; border-radius: 15px; border: 1px solid #C4C4C4;box-sizing: border-box;}
.oauth_content .licenses_list .vxp_item .vxp_name {}
.oauth_content .licenses_list .vxp_item .description_vxp{max-width: 360px}
.oauth_content .licenses_list .btn_subscribe_vxp{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}
.oauth_content .licenses_list .btn_subscribe_vxp: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;}

.oauth_content .licenses_list .vxp_item .vxp_bloc{display: flex; flex-direction: column}
.oauth_content .licenses_list .vxp_item .vxp_subscribe .vxp_bloc{display: flex; margin: 0 0 2em 0}
.oauth_content .licenses_list .vxp_item .vxp_bloc .vxp_logo{width: 15pc ;max-height: 40px}
.oauth_content .licenses_list .vxp_item .vxp_bloc .description_vxp{padding-left: 20px; }
.oauth_content .licenses_list .vxp_item .btn_subscribe_vxp{color: white; font-size: 16px; width: 200px; padding: 10px}

.content_activities{max-width: 100%;margin: 0.5em auto; color:#5A5A5A; padding: 0.5em}
.content_activities .confirm_content{display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 50px 0 0 0}
#delete_account{margin: 30px auto}
#delete_account p{text-align: center; cursor: pointer; color: #5A5A5A; font-size: 1em}

/* CAMPUS */
.campus .submenu_mobile{margin-top: 80px}
.campus .context_oauth{margin-left: 16px}

/* PRODUCTS PREFERENCES */
.oauth_content .licenses_list .list_preference {max-width:45%;margin:1em 0;}
.oauth_content .licenses_list .license_item > .list_preference {max-width:100%;padding:0.5em 1em;border-top:solid 1px #eae6e6}
.oauth_content .licenses_list .starred_preference .list_preference {float:right;max-width:100%;}
.oauth_content .licenses_list .starred_preference .list_preference .detail_preference .label_preference {float:left;margin-right:1em;}
.oauth_content .licenses_list .starred_preference .list_preference .detail_preference .switch {font-size:12px;}


/* DEVICES */
.oauth_content .devices_main .devices_title {margin: 0}
.oauth_content .devices_list {list-style: none; padding: 0; width:100%;}
.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%}
.oauth_content .devices_main .vm_element{width: 100%}
.body_content .oauth_content .devices_main hr{ width:95%; }

/* REGISTRATION */
.oauth_content .terms_cnil_account  { font-style: italic; margin-top: 2em;}
#steps_user_creation_oauth{margin:0.8% 0 0 0.8%;}
#steps_user_creation_oauth li{float:left;list-style:none;height:31px;line-height:31px;background:#7e7e7e;color:#fff;font-weight:bold;margin-right:7px;padding:0 17px;text-transform:uppercase;border-radius:4px 4px 0 0;box-shadow:1px -1px 5px rgba(0,0,0,0.2);}
#steps_user_creation_oauth li.on{background:#C03;}

/* BIRTH FIELDS */
.oauth_content .chosen-container .chosen-results > li.disabled {display: none;}
.oauth_content #birth_container .birth_component{display: inline-block; width: 50%;}
.oauth_content #birth_container .field_container{width: 100%;}
/* Display birth fields on account page*/
.oauth_content .inp_profile_birth_month_user{width: 50%; float: left; margin-bottom: 0.8em;}
.oauth_content .inp_profile_birth_year_user{width: 50%; float: right; margin-bottom: 0.8em;}
/* END display account page */
/* Display birth fields on qualif gdpr page*/
.oauth_content .inp_qualification_gdpr_birth_month_user{width: 40%; float: left; margin-bottom: 2em;}
.oauth_content .inp_qualification_gdpr_birth_year_user{width: 40%; float: right; margin-bottom: 2em;}
/* END display qualif gdpr page */
/* Display birth fields on register page*/
.oauth_content .inp_user_creation_birth_month_user{width: 40%; float: left; margin-bottom: 2em;}
.oauth_content .inp_user_creation_birth_year_user{width: 40%; float: right; margin-bottom: 2em;}
/* END display register page */

/* LEGAL MENTIONS */
.oauth_content .legal_mentions { font-size: 0.8em; text-align: justify; font-style: italic; margin: 2em 1em;}
.oauth_content .legal_mentions p{font-size: 15px}
body.body_oauth .oauth_content .legal_mentions { font-size: 0.7em; }
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; }

.oauth_content input[type="text"],.oauth_content input[type="password"]{width:-moz-available;width:-webkit-fill-available;font-weight:400}

.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}

.inp_profile_id_title, .inp_profile_name_user{flex-basis: 30%}
.inp_profile_name_user, .inp_profile_firstname_user, .inp_forum_pseudo_user{flex-basis: 31%}
.inp_profile_email_user{flex-basis: 65%}
.inp_qualification_id_country, .inp_qualification_id_laboratory, .inp_qualification_id_phd{flex-basis: 35%}
.inp_qualification_postal_code_user{flex-basis: 30.2%}
.inp_qualification_city_user, .inp_qualification_rpps_user, .inp_qualification_id_function, .inp_qualification_id_is{flex-basis: 27.5%}
.inp_qualification_id_profession, .inp_qualification_id_em{flex-basis: 69%}
.inp_qualification_linked_institute .input{display: flex}
.inp_qualification_linked_institute_chosen{flex-basis: 68%}
.inp_qualification_id_specialty, .inp_qualification_id_institute{flex-basis: 100%}
.inp_qualification_ids_specialty {flex-basis: 100%}
.inp_qualification_id_organism{flex-basis: 28%}

.inp_change_password_submit {width: 100%; display: flex; justify-content: center}
.inp_change_password_submit .input{width: 30%}
.inp_change_password_submit .input input{width: 100%; border-radius: 40px !important;}

.pwd_btn_grey{display: flex; justify-content: center}
.pwd_btn_grey .btn_grey{width: 30%}

.pass_word_block{display: flex; justify-content: center}


/* POPINS */
#Dabox {max-width:40%;padding:2em;transform: translate(0%,50px);max-height:calc(100% - 200px);}
#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 #btn-validation button{max-width:100%;width:100%;}
#Dabox div.form_placeholder {margin: 0 10%}
#Dabox div#title_placeholder{text-align: center; font-size: 20px; color: #CE1141;font-weight: 700; margin-bottom: 20px}
#Dabox div#message_placeholder{font-size: 15px;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: 0em;}
#Dabox div.form_placeholder #message_password{font-size: 17px;font-style: normal;font-weight: 700;line-height: 19px;letter-spacing: 0em;text-align: left;padding: 5px 0;}
#Dabox div.form_placeholder #password_block div.form{padding: 5px 0}
#Dabox div.form_placeholder #message_error{color: #C82743; margin: 10px 0;}
#Dabox div.form_placeholder #message_error label{font-size: 15px;font-style: normal;font-weight: 700;line-height: 16px;letter-spacing: 0em;text-align: left;}
#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: 0em;text-align: left;}
#Dabox div.form_placeholder .inp_loading{background:url("../imgs/loading.gif") no-repeat right center;}
#Dabox div.form_placeholder .button_block{display: flex; flex-direction: column;}
#Dabox div.form_placeholder .confirm_bloc{padding: 5px 0;font-size: 16px;}
#Dabox div.form_placeholder #confirm_bloc{padding: 5px 0;font-size: 16px;}
#Dabox div.form_placeholder .button_block{display: flex; flex-direction: row;}
#Dabox .separator{border: 1px solid #E1E1E1;width: 100%;}


/* MOBILE */
.submenu_mobile{display: none}

#M4ToolTips {background: #fff;padding: 15px;width: 100%;max-width: 400px;border: 1px solid #ccc;border-radius: 10px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);z-index: 120;}
.M4ToolTipsTexte ul { margin: 5px;}
.M4ToolTipsTexte li { margin-left: 10px;}
.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;}
.inp_user_creation_accept_mail, .inp_user_creation_accept_terms, .inp_user_creation_submit{margin-top:1em;}
.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;}

#qualification_intro_container,#qualification_endform_container,#qualification_afterform_container{list-style-type:none}
#qualification_afterform_container{font-size:.8em;text-align:justify;font-style:italic;margin-top:4em}
#button_add_linked_institute{margin-top:.7em}
.inp_qualification_linked_institute .tooltip{position:relative}
.inp_qualification_linked_institute{display:flex}
.inp_qualification_linked_institute .input{margin:.7em 0 0 .7em}
.inp_qualification_linked_institute .tooltip .content{visibility:hidden;background-color:#555;color:#fff;min-width:300px;width:100%;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:110%;right:0;opacity:0;transition:opacity .3s}
.inp_qualification_linked_institute .tooltip .content::after{content:"";position:absolute;top:100%;left:97%;margin-left:-5px;border:5px solid #555;border-color:#555 transparent transparent}
.inp_qualification_linked_institute .tooltip .show-element{visibility:visible;opacity:1}
.inp_qualification_id_is .content{font-size:14px}
.radiogroup span{display:block}
.accordeon{cursor:pointer;width:26px;line-height:24px;font-size:1.3em;border-radius:2em;border:1px solid gray;background-color:#ccc;margin-left:10px;text-align:center}
.unsubscriptions-message{text-align:center}


.list_segment{list-style:none}
.list_segment li.parentItem{background: #FFFFFF;border: 1px solid #E1E1E1;box-sizing: border-box;border-radius: 6px;margin: 20px 0}
.list_segment li.parentItem hr{height: 0.5px;background: #C4C4C4;border: none;margin: 0px;width: 100%;}
.list_segment_consent .list_communication{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}
.list_segment_consent .detail_preference h3{font-weight: 900; font-size: 16px}
.list_segment_consent .description_preference{;font-size: 15px;font-style: italic;font-weight: 400;line-height: 16px;letter-spacing: 0em;text-align: left;}
.segment_details ul.group_preference{background-color: #FFFFFF;}

/* 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:.72em}
    .oauth_content .list_preference{max-width:95%}
    .oauth_content .list_preference .group_preference .detail_preference .label_preference{font-size:13px;max-width:none;margin-right:0}
    .oauth_content .licenses_list .starred_preference{width:100%}
    .oauth_content .licenses_list .starred_preference .list_preference{float:none}
    .list_segment .accordeon{width:26px;line-height:22px;font-size:1.2em;margin-left:0}
    .horizontal-orientation .horizontal-orientation{padding-right:0}
    .popin-action{display:flex;flex-wrap:wrap}
    #action_confirm{margin-left:0}
    #action_cancel{margin-right:0}
    #btn-validation{flex-direction:column}
    #btn-validation button{max-width:90%}
}

@media screen and (max-width: 500px) {
    .context_oauth{display: unset}
    .oauth_content .licenses_list .vxp_item .vxp_subscribe .vxp_bloc {display: flex; flex-direction: column;  margin: 0}
    .oauth_content .licenses_list .vxp_item .vxp_subscribe .vxp_bloc .description_vxp{padding: 20px 0; }
    .oauth_content .licenses_list .vxp_item .vxp_subscribe .btn_subscribe_vxp{justify-content: center;font: normal normal medium 12px/14px Roboto; text-transform: uppercase; text-decoration:none; /*font-size: 12px; font-weight: 700;*/ vertical-align: middle; color:#fff; width:auto; padding:12px 20px; background: transparent linear-gradient(81deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box; border-radius: 25px; opacity: 1; border:0;margin: 0 40%}
    .oauth_content .licenses_list .vxp_item .vxp_subscribe .btn_subscribe_vxp{justify-content: center;display: flex; font: normal normal medium 12px/14px Roboto; text-transform: uppercase; text-decoration:none; /*font-size: 12px; font-weight: 700;*/ vertical-align: middle; color:#fff; width:auto; padding:12px 20px; background: transparent linear-gradient(81deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box; border-radius: 25px; opacity: 1; border:0;margin: auto}
    .oauth_content .licenses_list .vxp_item .btn_subscribe_vxp{margin: 0 22px; width: 80%; padding: 10px}

}

@media screen and (max-width: 550px){
    .inp_change_password_submit .input{width: 90%}
    .inp_change_password_submit {width: 100%; display: flex; justify-content: center}
    .inp_change_password_submit .input input{width: 100%}
    .oauth_content .component.inp_change_password_submit{padding: 0}
    .content .wrapper {padding: 1rem 1rem; flex-direction: column}
    .content_form form{width:100%;margin:10px auto;}
    .profile_form .pwd_btn_grey .btn_grey{width: 100%}
    .pwd_btn_grey{display: flex; justify-content: center; margin: auto; width: 90%}
    .popin-action{display: flex;flex-wrap: wrap;flex-direction: column;}
    .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}

    .submenu_mobile{background: white; display: flex; padding: 10px;border-radius: 10px;margin: 10px 0;box-shadow: 0 1px 1px rgb(0 0 0 / 20%)}
    .submenu_mobile div.icon{line-height: 36px;}
    .submenu_mobile div.text{width: 100%; padding: 0 15px; height: 100%; line-height: 36px}
    .submenu_mobile div.icon_arrow{line-height: 36px}
    #submenu_oauth{display: none}

    .oauth_content h3 {font-size: 0.80em;margin: 0.5em 0;}
    .horizontal-orientation h3{padding: 0;max-width: 80%;}
    .list_preference .detail_preference h3{font-size: 12px;}
    .oauth_content .list_preference{max-width: 95%;}
    .oauth_content .list_preference .detail_preference .label_preference .title_preference,
    .oauth_content .list_preference .detail_preference .label_preference .description_preference{font-size: 13px;}
    .list_segment .accordeon {width: 26px;line-height: 22px;font-size: 1.2em;margin-left: 0;}
    .horizontal-orientation .horizontal-orientation{padding-right:0}
    #action_confirm{margin-left:0}
    #action_cancel{margin-right:0}

    .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 { }
    ul#submenu_oauth_mobile { flex: 1 1 auto;; font-size: calc(12px + 2.7vw); -webkit-appearance: none; background: url('../imgs/arrow_down.png');
        background-repeat: no-repeat; background-position: right 10px center; background-size: auto 50%; height: auto;}

    .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; }
    .oauth_content select { 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%; max-width: 100%}
    .oauth_content select#inp_qualification_id_specialty{overflow-x: hidden}
    .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; }

    .searchbar .site-container{width: 94%}
    .oauth_content .licenses_list .license_item .license_bloc{flex-basis: 100%; padding-bottom: 15px}
    .oauth_content .licenses_list .license_item .license_bloc img.vidal_logo{text-align: center; display: block; margin-left: auto; margin-right: auto; width: 50%}
    .oauth_content .licenses_list .license_item .name_product{text-align: center; text-transform: uppercase}
    .oauth_content .licenses_list .vxp_item .vxp_bloc {flex-basis: 100%}
    .oauth_content .licenses_list .vxp_item .vxp_name{text-align: center}
    .oauth_content .licenses_list .vxp_item .vxp_bloc .vxp_logo{display: block; margin-left: auto; margin-right: auto; width: 50%;}
    .oauth_content .licenses_list .vxp_item .description_vxp{padding: 10px 0;}

    .oauth_content .content_form .flex_item_child{flex-direction: column}
    .oauth_content .content_form .flex_all{flex-direction: column}

    .inp_delete_account_submit{flex-basis: 50%; margin: 0px}
    .inp_delete_account_cancel{flex-basis: 50%; margin: 0px}
    .oauth_content .licenses_list .license_item_vm .vm_element.sub{display: flex; justify-content: space-between}
    .oauth_content .licenses_list .license_item_vm .vm_element.sub .license_date {margin-left: 0}
    #btn-validation{display: flex; flex-direction: column;align-items: center;}
    #btn-validation button{display: block;max-width: 100%;margin: 5px;}
    .oauth_content .licenses_list .vxp_item .btn_subscribe_vxp{margin: 0 22px; width: 80%; padding: 10px; text-decoration: none}
    .btn-validation{width: 100%}
    #btn-validation #button-confirm-updated{margin: 10px auto}
    .body_content #account_profile_form .submit{width: 90%}

    #Dabox {top:2em;max-width:80%;min-width:70%; 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}
}

@media (max-width:968px) {
    .oauth_content .slider{font-size: 0.7em;}
    .oauth_content .switch {width: 2.8em; height: 1.6em; min-width: 2.8em; margin-top: 8px }
    .oauth_content .slider .off{line-height: 25px;padding-right: 2px; }
    .oauth_content .slider .on{line-height: 27px;}
    .oauth_content .slider:before{top: 0.40em;}
    .oauth_content h3 {font-size: 0.90em;margin: 0.5em 0;}
    .horizontal-orientation h3{padding: 0;max-width: 80%;}
    .oauth_content .list_preference{max-width: 95%;}
    .oauth_content .list_preference .detail_preference .label_preference .title_preference,
    .oauth_content .list_preference .detail_preference .label_preference .description_preference,
    .oauth_content .list_preference .select_group_preference{font-size: 13px;}
    .list_segment .accordeon {width: 26px;line-height: 22px;font-size: 1.2em;margin-left: 10px;}
    .horizontal-orientation .horizontal-orientation{padding-right: 10px;}
}

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