: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;
}
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 !important}

#inp_submit{border-radius: 15px; width: 20em}

.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; margin-right: 16px;}
#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}
#submenu_oauth div.flex_parent .parentItem h3{text-align: left;padding: 0 0 10px 0;margin: 0;color: #5A5A5A;text-transform: uppercase;display: block;}
#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;}

#submenu_oauth_items {display: flex; flex-direction: column; background: #FFFFFF; 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}
#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 div.menu_label {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:  10px 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{line-height: 36px; margin: 0 10px 0 0}
#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}
#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: 18px}
.subnemu_button{display: flex; flex-direction: column}
.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}

.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 */
.oauth_content .content_form form{width:100%;margin:10px auto;}
.oauth_content .content_form .mandatory{font-size:14px;font-style: italic;text-align: right;color:#C0273E;}
.oauth_content .content_form .component .submit {width: 30%; margin: auto}
.oauth_content .content_form {padding: 0.5em; }
.oauth_content .content_form div.label label {font-size: 14px}
.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{display: flex; flex-direction: row ;justify-content: space-between; flex-wrap: wrap;margin: 0}
.oauth_content .content_form .flex_item_child_em{display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0} [class*="inp_qualification_"]{width: 49%}

.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 .content_form {padding: 0.5em; }
.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 .reset_password_form form {max-width:500px;}
.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%}
.body_content.oauth_content.full-width{padding: 1em 0 1.5em 0;}
.body_content.oauth_content hr{height: 1px; margin: -1px auto; width: 95%;}
.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 a, .oauth_content a:visited {color: #3598dc}
.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 .submit{padding: 2em 0 1em 0}
.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; 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: 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}

.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 .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: transparent linear-gradient(171deg, #C0273E 0%, #C0273E 0%, #FE2B6A 100%) 0% 0% no-repeat padding-box; color: #fff; }
.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;box-shadow: 0px 3px 6px #b6adad;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;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;}
div#btn-validation{display: block; text-align: center;background: none; color: graytext}
#btn-validation button{width: 48%;display: inline-block;margin-top:15px;vertical-align: middle;background:none; color: graytext}

html body .content_bloc_full .oauth_content input[type="submit"],
html body .content_bloc_full .oauth_content button{user-select:none;border-radius:2px;height:40px;box-sizing: border-box;font-weight:bold;border:none;padding:0 1em;cursor:pointer;transition:all .3s;}
html body .content_bloc_full .oauth_content input[type="submit"]:disabled,
html body .content_bloc_full .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,
html body .content_bloc_full .oauth_content button.primary,
html body .content_bloc_full .oauth_content button.primary:disabled{text-transform:capitalize;background:var(--color-primary);color:#fff;padding:0 1em;}
html body .content_bloc_full .oauth_content input[type="submit"].primary:hover,
html body .content_bloc_full .oauth_content button.primary:hover{background:var(--color-primary-dark);}
html body .content_bloc_full .oauth_content div.back{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;}
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;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%;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{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;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: 20em}
.popin-action #action_confirm{margin:auto;padding: 10px 0}
.popin-action #action_cancel{margin-left: 5px; padding: 10px 0}

/* The switch - the box around the slider */
.oauth_content .switch {position: relative; display: inline-block; width: 4em; height: 2em; min-width: 4em; }
.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: 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; }
.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 #E1E1E1;background: #FFFFFF;box-sizing: border-box;border-radius: 6px;padding: 20px;}
.oauth_content .list_preference .group_preference .vertical-orientation .vertical-orientation{margin-right: 10px}
.list_segment_consent .description_preference{font-size: 15px;font-style: italic;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}
.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{background: #FFFFFF;border: 1px solid #E1E1E1;box-sizing: border-box;border-radius: 6px;margin: 20px 0;}
.oauth_content .list_preference .detail_preference ul.list_segment li.parentItem .detail_preference{padding: 1em}
.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;}
.delete_account {margin: 30px  20px auto;text-align: center;}
.delete_account span{cursor: pointer;color: #5A5A5A;font-size: 1em;}

#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; color: #5A5A5A; font-weight: 700}
#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:80%;min-width:unset;padding:2em;transform: translate(-50%,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{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%; margin: auto;font-size:1.2em; margin-bottom: 0.4em;}
.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 {margin-top: 1em; display: flex}
.oauth_content .component.inp_login_remember .label{margin: 0; padding: 5px 0}
.oauth_content .reset_password_form,.oauth_content .reset_password_form.link{max-width: 500px; width: 100%; margin: auto; }
.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;}

.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; font-style: italic; margin-top: 4em; }
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; }
.submenu_mobile {display: none}

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

#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;}
.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 (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 #vidalid_content .oauth_content select {width: 100%;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%; }
    body .oauth_content 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{background: white; display: flex;border-radius: 10px;margin:1em 0; border: 1px solid 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}

    .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%}
    #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 .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}
    .list_preference .detail_preference h3{font-size: 12px; font-weight: 700;}
    .oauth_content .list_preference{}
    .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 .slider{font-size: 0.7em}
    .oauth_content .slider:before{top:0.4em}
    .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}

}

/* 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;}