/* Dependencies -warn- : M4Tween is not available */
/* Dependencies -warn- : Request is not available */
#DaboxHide{background:#000;height:100%;width:100%;}
#DaboxHide,#Dabox{top:0;left:0;z-index:101;position:fixed;display:none;opacity:0;filter:alpha(opacity=0);}
#Dabox{left:50%;transform:translate(-50%,0);background:#ffffff url(imgs/loader.gif) no-repeat center center;}
#Dabox .close {display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;}
#Dabox .close .icon-close {transition: transform .4s;width: 20px;height: 20px;display: block;background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOE02IDZMMTggMTgiIHN0cm9rZT0iI0E0QTdBRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+") no-repeat;}
#Dabox .close .icon-close:hover{transform:rotate(90deg);}
html body .content_bloc_full .separator{width: 100%;display:flex;align-items: center;justify-content: center;gap:8px;margin: 24px 0;color:#535862;font-size: 12px;}
html body .content_bloc_full .separator:before,
html body .content_bloc_full .separator:after{content:'';display:block;flex:1 1 auto;height:2px;background:rgba(0, 0, 0, 0.06);}
html body .content_bloc_full .social{display:flex;flex-direction:column;gap: 16px;align-items: center;width: 100%}
html body .content_bloc_full .social_button{width: 100%;transition:all .3s;cursor:pointer;height:40px;border-radius:4px;background:#40576D12;text-align: center;display:flex;align-items: center;justify-content: center;font-weight: bold;font-size:0.9em;position:relative;}
html body .content_bloc_full .social_button:hover{background: rgba(64, 87, 109, 0.15);}
html body .content_bloc_full .social_button:before{content:'';display:block;position:absolute;width:24px;height:24px;left:8px;top:8px;}
html body .content_bloc_full .social_button.apple:before{background:url("../../includes/components/./ssu/imgs/icon-apple.svg") no-repeat center center;}
html body .content_bloc_full .social_button.google:before{background:url("../../includes/components/./ssu/imgs/icon-google.svg") no-repeat center center;}
html body .content_bloc_full .social_button.facebook:before{background:url("../../includes/components/./ssu/imgs/icon-facebook.svg") no-repeat center center;}

html body .row{margin:0 auto;}

html body .content_bloc_full .oauth_content.ssu *{font-family:IBM Plex Sans, serif;}
html body .content_bloc_full .oauth_content.ssu h1{margin-bottom:24px;width: 100%; text-align: center;}
html body .content_bloc_full .oauth_content.ssu h1 span{color:var(--color-primary);}
html body .content_bloc_full .oauth_content.ssu span.subtitle{font-size:1.2em;color:#5f6164;font-weight: bold;}
html body .content_bloc_full .oauth_content.ssu h3,
html body .content_bloc_full .oauth_content.ssu h4{text-transform: none;font-weight: bold;}
html body .content_bloc_full .oauth_content.ssu .site-container{padding:0 2em 1em;width:90%;margin:0 auto;max-width:1250px;}
html body .content_bloc_full .oauth_content.ssu .site-container.vidal_mobile,
html body #vidalid_content:has(.ssu){padding: 0!important;}
html body .content_bloc_full .oauth_content.ssu .site-container.campus{width:90%;max-width:1250px;padding-top:1em;margin:0 auto;}
html body .content_bloc_full .oauth_content.ssu .site-container.vidal_mobile h1,
html body .content_bloc_full .oauth_content.ssu .site-container.campus h1{margin:0;font-size:2em;}
html body .content_bloc_full .oauth_content.ssu .site-container.vidal_mobile h1 span,
html body .content_bloc_full .oauth_content.ssu .site-container.campus h1 span{font-size:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu{display:flex;width:100%;justify-content: center;margin:0 auto;align-items: start;}
html body .content_bloc_full .oauth_content.ssu .ssu>div{border-radius: 5px;flex:1 1 auto;width:50%;}
html body .content_bloc_full .oauth_content.ssu .ssu:has(.user_infos) .content-ssu{max-width:428px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu{margin: auto}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .title-block{font-size: 12px; margin-bottom: 10px; font-weight: 600;width: 100%;max-width: 628px;text-transform:uppercase;color: #4E5B60}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .label{background: #fff0}
html body .content_bloc_full .oauth_content .block .line > div {width: 100%}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .info-email{font-size: 12px;margin: 0}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .back{display: flex;align-items: center;gap: 5px;background: none; color: #081217; font-size: 12px;height: auto; padding: 0;margin-bottom: 24px;font-weight: 600;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .back::before {content: "";display: inline-block;width: 12px;height: 12px;background-image: url("../../includes/components/./ssu/../../../themes/main/vademecum/front/imgs/icon-arrow_left.svg");background-repeat: no-repeat;background-size: contain;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .preferences{margin: 25px 0}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .preference{display: flex;gap: 4px;justify-content: space-between;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .preference label{color: #081217; font-size: 14px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .preference label a {text-decoration: underline;color: #081217; }


html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs h3{text-align: center;padding:0;font-size:1.1em;color:var(--color-accent);}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs ul.steps{margin-bottom:0.5em;list-style: none;display:flex;gap:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs ul.steps li{min-height:3px;display:block;flex:1 1 auto;height:3px;border-radius:3px;background:#eee;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs ul.steps li.done{background:#0ca300;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs ul.steps li.active{background:var(--color-accent)}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .steps_label{text-align: center;margin-bottom:1.5em;font-size:0.8em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .disclaimer{font-size:0.6em;padding:1em 0;margin:1em 0;max-height: inherit;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .disclaimer a{color:#31363C;text-decoration: underline;font-size:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .disclaimer a:hover{text-decoration: none;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form{width:100%;display:flex;flex-direction:column;padding:0 1em;align-items:center;box-sizing: border-box;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .step_error{color:red;text-align: center;font-size:0.9em;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form h3,
html body .content_bloc_full .oauth_content.ssu .ssu h4{font-family: IBM Plex Serif, serif;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .intro{font-size:0.9em;color:#5f6164;margin:1em 0;width:100%;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .intro ul{list-style: disc;margin:1em 0 0 1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .intro ul li{margin-left:1em;font-size:.9em;list-style: initial;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .action{margin-top: 40px; width: 100%;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .action .valid-btn{width: 100%;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions {background:#fff;margin-top: 40px;border: 1px solid rgba(0, 0, 0, 0.06);padding: 24px;display: flex;flex-flow: column;align-items: flex-start;gap: 8px;align-self: stretch;border-radius: 20px;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16);backdrop-filter: blur( 8px );}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .title-legal-text{margin: 0;font-weight: 500;font-size: 14px;font-style: normal;line-height: 20px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .mention_legal p {color: grey;margin-bottom: 2px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .mention_legal a:hover,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .mention_legal a{color: #008cba !important;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .mention_legal .text-en{margin-top: 10px}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .agree{font-weight :500; font-size : 14px; font-style: normal; display: flex;align-items: center;gap: 4px;align-self: stretch;justify-content: space-between;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .agree input[type="checkbox"]{margin: 0!important;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .container_legal_mentions .agree a{text-decoration: none;color: black;text-decoration: underline;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form label{user-select:none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component.email{margin-top: 0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component{display: flex; flex-flow: column;gap: 8px;margin-top:40px;width:100%;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label{display: flex;gap:3px;align-items: center;margin-bottom:.5em;padding:0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label label{font-size:0.8rem;color:#31363c;font-weight:bold;display:block;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip {position: relative;display: inline-block; width: 16px; height: 16px; padding: 5px; background: url("../../includes/components/./ssu/imgs/icon-tooltip.png") no-repeat center top / 16px auto;cursor: pointer;left:0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip::after {content: "Puede encontrar su número de cédula en su cédula profesional, título profesional o en su certificado de colegiación (opcional, no es obligatorio estar colegiado en México)"; width: 300px; position: absolute;bottom: 100%;left: 50%;background-color:var(--color-accent);color: white;padding: 5px 10px;border-radius: 5px;font-size: 12px;opacity: 0;visibility: hidden;transition: opacity 0.3s;word-wrap: break-word;white-space: normal;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip:hover::after {opacity: 1;visibility: visible;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list{display:flex;flex-direction:column;gap:1em;margin-top:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button{margin:0;text-align:left;flex:1 1 auto;gap:2px;display:flex;position:relative;padding-left:50px;color:var(--color-accent);font-weight: bold;border:solid 1px var(--color-accent);background:#fff;min-height:40px;align-items: center;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:before,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:after{content:'';display:block;position:absolute;transition:all .3s;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:before{box-sizing:content-box;border:solid 1px var(--color-accent);width:20px;height:20px;border-radius:100%;background:transparent;left:20px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:after{width:10px;height:10px;border-radius:100%;background:#fff;left:26px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button span{text-align:left;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex:1;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button>div{}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button>div>span{white-space: normal;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:hover{background:var(--color-accent-light);cursor: pointer;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:hover:after{background:var(--color-accent);}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:active{background:var(--color-accent);color:#fff;cursor: pointer;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:active:before{border-color:#fff;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .button_list button:active:after{background:#fff;}
.oauth_content input:disabled,.oauth_content input[type="email"][disabled="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: #ECECEE; color: graytext;}


html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="text"],
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="date"],
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="email"],
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="password"],
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="month"],
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="search"]{box-shadow:none;border-radius:5px;width:100%;flex:1 1 auto;box-sizing:border-box;height:45px;border:solid 1px #CECED4;display:flex;align-items: center;padding-left:12px;outline:none;margin:0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input.search{background:url("../../includes/components/./ssu/imgs/icon-zoom.png") no-repeat 15px center;padding-left:45px;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="date"]{display:block;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="month"]{background:url("../../includes/components/./ssu/imgs/icon-calendar.png") no-repeat right 1em center;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input[type="month"]::-webkit-calendar-picker-indicator{display:none;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input.with_error{border-color:red;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs input.checking{background:white url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .error_message,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .label-error-message {font-size:0.8em !important;font-weight: normal;color:red;padding:2px 2px 4px 2px;position:relative;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .error_message a{text-decoration: underline;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .error_message a:hover{text-decoration: none;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .input-with-tooltip {position: relative;display: flex;align-items: center;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .input-with-tooltip input {flex: 1;padding-right: 25px !important;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .tooltip-icon {position: absolute;right: 10px;cursor: pointer;font-weight: bold;color: #007bff;font-size: 16px;user-select: none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .tooltip-icon:hover {color: #0056b3;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .tooltip-info {position: absolute;right: 10px;cursor: pointer;width: 20px;height: 20px;background-image: url("../../includes/components/./ssu/imgs/info.svg");background-size: contain;background-repeat: no-repeat;background-position: center;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .actions{display:flex;justify-content: center;gap:1em;flex-flow: column}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .rpps{display:flex;gap:1em;align-items: start; width:100% }
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .rpps>button{margin-top:37px;height:45px;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs div.line{display:flex;gap:1em;align-items: end;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs div.line .component{flex: 1 1 auto;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs div.line .component.inp_resume_obtention_date_qualification_user .label{flex-wrap:wrap;white-space: normal;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs div.line .component.inp_resume_obtention_date_qualification_user .label{text-align: left;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block{margin-bottom:1em;width:100%;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block h4{padding-left:0;color:#5f6164;}

html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs form.resume-social .component{margin-top: 25px !important;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters{}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters h4{font-size:1.3em;color:#4C4E50BF;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block{background:#F7F7F8;padding:1em;border-radius:5px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block p{margin:0;font-size:0.9em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block h5{font-weight:bold;font-size:1em;color:#4D4D4D;margin-bottom:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block div.radio{display:flex;align-items: center;justify-content: end;gap:3px;margin-top:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block div.radio input{margin:0;display:flex;border:none;background:none;appearance: none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block div.radio input::before{cursor:pointer;content:attr(value);display:block;color:#CC0033;border: 1px solid #CC0033;background:#F8E2E5;border-radius:5px;padding:.5em 1.5em;font-weight:bold;transition:all .3s;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block div.radio input:hover::before{background: #f6cfd5;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block div.radio input:checked::before{cursor:default;background:#CC0033;color:white;box-shadow: 0 1px 2px 0 #0A0D120D;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters>a{font-size:0.9em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters a{text-decoration: underline;color:#0000EE;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters a:hover{text-decoration: none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul{display:flex;flex-direction: column;gap:.5em;margin:.8em 0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li{display:flex;align-items: start;gap:10px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li label{font-weight: normal !important;font-size: 0.9rem;margin:0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li input{margin:3px 0 0;}

html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .actions{flex-flow: column;width: 100%; margin-top: 24px; margin-bottom: 24px;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .actions .no-bg-btn{background: none;color:#081217; font-size: 14px; font-weight: 500 }
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .infos *{color: #717680; font-size: 12px; font-weight: 400}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .infos li{margin-left: 10px;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .rpps_content{width: 100%;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .or{width:100%; font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px;color: #535862; margin-top: 24px; margin-bottom: 24px;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .or::before,
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .or::after {content: '';display: block;flex: 1 1 auto;height: 2px;background: rgba(0, 0, 0, 0.06);}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof{margin: auto;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .content-ssu .block.proof .component{margin-top: 0}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof{transition:all .3s;position:relative;color:#5f6164;border:solid 1px #5f6164;background:rgba(255, 255, 255, 0.60);cursor:pointer;user-select: none;overflow: hidden;display:flex;align-items: center;padding: 16px 24px; border-radius: 12px; border: 2px solid #192733;box-shadow: 0 3px 15px -6px rgba(0, 0, 0, 0.16);backdrop-filter: blur(8px);}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof:hover{background:#eaeaea;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .component .proof_info * {color: #535862; font-size: 12px;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .component .proof_info li{margin-left: 10px;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .component .upload.proof > span:first-of-type {text-align: center;margin: auto;position: relative;display: block;z-index: 2;padding-top: 50px;font-size: 14px;color: #656E75;}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .component .upload.proof > span:first-of-type .bold{font-weight: 500; color: #192733}
html body .content_bloc_full .oauth_content.ssu .ssu > div.user_inputs .component .upload.proof > span:first-of-type::before {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 40px;height: 40px;padding: 10px;background: #fff url("../../includes/components/./ssu/imgs/upload.svg") no-repeat center center;border-radius: 50%;box-shadow: 0 8px 32px -10px rgba(0, 0, 0, 0.40);backdrop-filter: blur(8px);}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof input[type="file"]{display:none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.valid{background:#d5ecd5;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.upload_error{background: #ecd5d5;border-color:red;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof .progress{pointer-events:none;height:100%;content:'';display:block;position:absolute;top:0;left:0;width:0;background: #d5ecd5;padding:0;border:none;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.droppable{background: #d3f5fa;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof .icon-trash{pointer-events:none;opacity:0;position:absolute;right:1em;top:50%;transform:translateY(-50%) scale(0.6);z-index:12}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.upload_error .icon-trash,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.valid .icon-trash{pointer-events: all;opacity:1;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component input.aac_loading{background:url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;padding-right:35px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component input.search.aac_loading{background:url("../../includes/components/./ssu/imgs/icon-zoom.png") no-repeat 15px center, url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;padding-right:35px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list{width:100%;z-index:99;max-height:300px;overflow:auto;position:absolute;top:100%;left:0;background:#fff;padding:2px;font-size:0.9em;flex-direction: column;gap:2px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);box-sizing: border-box;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option{padding:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_empty{pointer-events:none;padding: 1em;font-size: 0.9em;font-style: italic;opacity: 0.6;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option.disabled{pointer-events: none;opacity: 0.6;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option.highlight,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option:hover{background:#f7f7f7;cursor:pointer;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option span{font-weight:bold;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component.inp_resumeSocial_password_user .input,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component.inp_resume_password_user .input{position:relative;}


html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list){align-items:start;display:flex;gap:0.5em;flex-wrap:wrap;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div{min-height:40px;background:#17949a;display:flex;align-items:center;border-radius:20px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div>span:first-of-type{pointer-events:none;font-size:0.8em;color:white;display:block;padding:0 .7em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div .icon-trash{transform:scale(0.4);--icon-color:white;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div:last-of-type{margin-bottom:0.5em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs div .precision{font-size:12px;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .confirmation{margin-top:2em;background:none;display:flex;flex-direction: column;gap:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .confirmation p span{color:#CC0033;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .important{color: #4E5B60; margin-top:24px; font-size: 12px; font-weight: 400;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .important .email{white-space: nowrap;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs:has(.email_confirmation) h1{text-align: center}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .email_confirmation{margin: auto;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .psc_login .block_footer{font-size:14px; text-align: center;margin-bottom: 24px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .psc_login .send_code{color: #081217; font-weight: 500;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step{margin: auto; max-width: 628px; padding: 8px; border-radius: 20px; background: rgba(0, 0, 0, 0.04);}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step form{padding: 0}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step label{font-size: 12px}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step .infos{margin-top: 24px; font-size: 12px; color:#717680; padding: 8px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step .infos p {margin: 0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step .infos ol{margin-bottom: 0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step .infos *{color: #717680; font-size: 12px;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .start-step .container-profession{width: 100%}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos .student{padding-top:80px;background:url("../../includes/components/./ssu/imgs/icon_student.png") no-repeat center top / 80px auto;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos .rpps,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos .pharma{padding-top:80px;background:url("../../includes/components/./ssu/imgs/icon_pds.png") no-repeat center top / 60px auto;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu{display:flex;margin:1em 0;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .illustration{flex:0 0 auto;width:40%;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu.features{justify-content: space-between;background:url("../../includes/components/./ssu/imgs/illu_tools.png") no-repeat center center / 140px auto;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature{width:36%;flex:0 0 auto;display:flex;flex-direction:column;gap:2em;margin-top:1em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature.prescription{}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature>div{font-size:0.7em;font-style: italic;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature>div>h6{font-weight:bold;font-size:1.4em;color:#CC0033;background:#ececee;font-family:IBM Plex Serif, serif;text-align:center;padding:5px 0;margin-bottom:.5em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments{flex:0 0 auto;width:60%;display:flex;gap:1em;flex-direction:column;align-items:center;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments>span{font-size:0.8em;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments>span,
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments span>span{font-weight:bold;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos div.with_illu .illustration.vi+.arguments{width:50%;margin-left:1em;}

html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos .illustration.vi{background:url("../../includes/components/./ssu/imgs/illu_vademecum_internacional.png") no-repeat center center / 130px auto;}
html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos .illustration.screens{background:url("../../includes/components/./ssu/imgs/illu_screens.png") no-repeat center center / 130px auto;}
html body .content_bloc_full .oauth_content.ssu .privacy_notice_mobile{display: none}

.icon-trash{--icon-color:#555;--border-size:3px;width:40px;height:40px;display:inline-block;position:relative;cursor:pointer;}
.icon-trash>span{pointer-events: none;}
.icon-trash>span:first-of-type{transition:all .2s;position:absolute;top:0;left:0;width:100%;height:12px;display:flex;flex-direction:column;justify-content: center;align-items: center;}
.icon-trash>span:first-of-type::before{content:'';display:block;width:30%;height:6px;border:solid var(--border-size) var(--icon-color);}
.icon-trash>span:first-of-type::after{content:'';display:block;width:90%;height:var(--border-size);background:var(--icon-color);margin-top:-3px;}
.icon-trash>span:last-of-type{position:absolute;width:100%;height:25px;bottom:0;left:0;}
.icon-trash>span:last-of-type:before,
.icon-trash>span:last-of-type:after{content:'';display:block;position:absolute;width:var(--border-size);background:var(--icon-color);height:25px;}
.icon-trash>span:last-of-type:before{transform:rotate(10deg);right:8px;}
.icon-trash>span:last-of-type:after{transform:rotate(-10deg);left:8px;}
.icon-trash>span:last-of-type>span{position:absolute;width:20px;height:var(--border-size);background:var(--icon-color);bottom:0;left:50%;transform:translateX(-50%);}
.icon-trash>span:last-of-type>span:before,
.icon-trash>span:last-of-type>span:after{content:'';display:block;position:absolute;width:var(--border-size);height:12px;background:var(--icon-color);}
.icon-trash>span:last-of-type>span:before{top:-17px;left:5px;transform:rotate(-10deg);}
.icon-trash>span:last-of-type>span:after{top:-17px;right:5px;transform:rotate(10deg);}
.icon-trash:hover>span:first-of-type{transform-origin:right bottom;transform:rotate(15deg);}

html body .content_bloc_full .oauth_content div.page_title{display:none;}

#Dabox .sent_again{padding-right:3em;background:#fff;}
body #Dabox {background:#fff;}
@media screen and (max-width: 950px) {

    html body #header{height:80px;}
    html body #header img{width:150px;}
    html body .content_bloc_full .oauth_content.ssu .site-container.vidal_mobile h1{font-size:1.6em;}
    html body .content_bloc_full .oauth_content.ssu .site-container.vidal_mobile+.ssu{width:95%;padding:0 .6em;}

    html body .content_bloc_full .oauth_content.ssu .ssu{flex-direction: column;align-items: center;box-sizing: border-box;}
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs,
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_infos{width:100%;padding:1em;}
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form{padding:0;width:100%;}
}

@media screen and (max-width: 550px) {
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .label{text-wrap: wrap}
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .content-ssu .block .line{flex-flow: column;}
    .site-container .content_bloc_full{width:100%;margin:0;}
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs .privacy_notice{display: none}
    html body .content_bloc_full .oauth_content.ssu .privacy_notice_mobile{display: flex; flex-direction: column; width: 90% !important}
    html body .content_bloc_full .oauth_content.ssu .privacy_notice_mobile .disclaimer{margin-bottom: 1.5em}
    html body .content_bloc_full .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip::after {font-size: 10px;max-width: 200px;padding: 4px 8px;}
    html body .content_bloc_full .oauth_content.ssu h1 {font-size: 28px !important;}
}
@media screen and (max-width: 1135px) {
    html body .content_bloc_full .oauth_content.ssu .ssu{
        gap: 50px;
    }
}
/* Dependencies -warn- : FormCheck is not available */
@media print {
  #debug {
    display: none;
  }
}
#debug pre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#debug {
  z-index: 999;
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 12px;
  outline: none;
  overflow: hidden;
  width: 500px;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  height: 30px;
  background: rgba(236, 241, 240, 0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#debug * {
  font-family: Arial, Helvetica, sans-serif;
}
#debug.maximized,
#debug.fullscreen {
  background: #ecf1f0;
  width: 100%;
}
#debug.maximized .debug_bar .debug_control a.debug_toggle,
#debug.fullscreen .debug_bar .debug_control a.debug_toggle {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAI0lEQVR4AWOAglEwCkbBKGDCENnB8J8A3IFqwDABo2AUjAIAUboRZYE0KBAAAAAASUVORK5CYII=");
}
#debug.maximized {
  border-left: none;
  height: 350px;
}
#debug.fullscreen {
  border: none;
  height: 100%;
}
#debug.fullscreen .debug_bar .debug_control a.debug_fullscreen {
  display: none;
}
#debug .clear {
  clear: both;
}
#debug .debug_bar {
  height: 30px;
}
#debug .debug_bar .debug_global {
  height: 24px;
  padding: 3px;
  float: left;
}
#debug .debug_bar .debug_global span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 24px;
  margin-left: 4px;
}
#debug .debug_bar .debug_global span.debug_memory {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAQAAABGmPfEAAABKklEQVR4AcXOr2vUcQDG8ddtFyzji8ykXlgUo0GLwb9A/wODXVbWZ5ltwWwRsU5UVnbBgckgHhxyxTSdmxzjYBicP/Z44ZAPH075gsH3qz88HfPquu6myy64iI/2vfPMKz+0aNmmI5n5MpWZI5uW/bWuNRMp3J1KYWJNl/k1dqRyZyqVHQ3UrRiJ2oepqI2sqGqMpKWJvpFG0YJtaemTWz6LbQsArEpL7135/XUVYMlYWnmrZ1dmxpaAdWllV+OxFNah40BaeOqMe1JyoMNVaeGhRbdF7Rob8kdfvTYU93HDN1HboC+OHYraS+fBOVwyEaVDx6LP0IketkRp31kAvBGlLfScGDIWewZORemBsieidGpgT4y7nlsEA5S9UPbId/P62fGPLfz3gV/YHWnDBGbKPAAAAABJRU5ErkJggg==");
}
#debug .debug_bar .debug_global span.debug_time {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAE0AAABNABiiVDWwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIkSURBVFiFzZexTiNBDIa/WSQSRQLapEtLkRqKK6LtKBDX8jQ0eYFUobnuHuAQoqVKAU+AlII7iSKnKyMFKRQxxXqVydxkdmbFHmdpmpXt/x/ba3uMiBAjxpgWkAMXwDHQ0wMw1/ME3AD3IrKKciwiwaMgE2ABSORZqE2v0n8AuA2MgGUCsHuW6qO9C8f4UmCM6QI/gBNP0N6AKfBLw15GqQ98AfY9No/AVxH5XZkCYAC8eG4zAy6Bw0DUDlVn5rF/AQbBFABdD/gaGAOdqnxafjpqs/aQ6HoJUOT8wTH4CQx3gBi1aUORSo/OUH3YPh+wasJWHnnAjwK3PLV0TwN6Rx4Soy0CWkR2ta933TyVgBUJOx1L9BctFSYOw3FEnqMJqP7YwZiUf2CL7SYziym4GgQ6zt+xAFoZRXs9YCNXIvLKB4v6vLI+HQB5RtHbS3kD7j4a3JI7xSjlIqMYLKVMRWTRFLr6nlqfjjM2Ew2K9tq02Bg9l8CcetJP0LUxellNQIA/QFms34wxeR0nmcso1lBEnoFzJdEBbiNJbEXcJdCPJaAk7muQsDHmANdsmsOKwLgNNJmcTStfAnlgXK8svGuAM7Zb5GUqgR0k/p79xa5gY51BzVZcQeI7sBfTimsPowCJgQseHEZ1x3EiqSGhcaxKSQtJAnj1QqKKSStZws3jVjI1+Lyl1Cmif7aW/38PE6cmGn+axeSz0cepNwU+aep5/g4gwAw9neGyAwAAAABJRU5ErkJggg==");
}
#debug .debug_bar .debug_control {
  float: right;
  height: 24px;
  padding: 3px;
}
#debug .debug_bar .debug_control a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  background-size: 24px;
  width: 24px;
}
#debug .debug_bar .debug_control a.debug_close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC4SURBVFiF7ZVBCoMwEEX/L+QILrrJ/c/TI7jxEBV+NykUapJxrB2EDLh75j1QJpSEyLmF2kfACBgBlwogmUmmHXwimbugpO4DIANYATwATAZ+KuwKIDdZY0AqB6oX8SF/s+lwQOXgrwgL4w7oCTzy3QE1kVfuCqhEuOTugI0Il1xS/CK63ifYkP/vJ2yJvBE/kR+JsMpjVzFOvIxYXuhOuVoXSU8jnwDcJc1Nzhpw1oQvohEwAsIDXq360Fzr4Ph4AAAAAElFTkSuQmCC");
}
#debug .debug_bar .debug_control a.debug_toggle {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABjSURBVFiF7dTBCcAwDANAqXT/edzplAnaRxQQBRn8tHPEIEpCsq7o6wUUUMAJAMkhOdvzbhCRFABI4s78/09QQAF2SfpsAANAZs/b/vgPNIgKKCAOuA/seJxhOwfcip+ggAIW6XhRlm8Giv4AAAAASUVORK5CYII=");
}
#debug .debug_bar .debug_control a.debug_fullscreen {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADgSURBVFiF7ZdRCoMwEERnSq/gMXqI0kvbj/azB2iP4SGmPxasxmSlGUXowqIsK+9lISFSEraMw6b0v0ANAZItSQXzXl1gYZzHBTp3AckGwA3A6VOTxGGPbQIj+Gu2UVL1BNAAeAJQ/2z6d01614D3db/AHHwVgRzcLlCCWwUicJtAFJ4TOMZ39nck9vlFUpf55JqsJkxbAG2tlRenGB2VA75YoDZ8kYADHhZwwUMCTnhRwA3PCqwBLwnY4ZKmVzKSw0LkhPstMhOIZPbEjGTqTviwrTYR1ltxJPb/Z7R7gTcaFG1M9Zm4OQAAAABJRU5ErkJggg==");
}
#debug .debug_buttons {
  height: 30px;
  padding: 0 5px;
}
#debug .debug_buttons > div {
  background: #fefefe;
  display: inline-block;
  padding: 5px 10px;
  border: solid 1px;
  border-left-width: 5px;
  margin: 0 4px 0 0;
  cursor: pointer;
  float: left;
}
#debug .debug_buttons > div[rel="trace"] {
  border-color: #555555;
}
#debug .debug_buttons > div[rel="notice"] {
  border-color: #ffff66;
}
#debug .debug_buttons > div[rel="warning"] {
  border-color: #ff9900;
}
#debug .debug_buttons > div[rel="error"] {
  border-color: #ff0000;
}
#debug .debug_buttons > div[rel="query"] {
  border-color: #00ffff;
}
#debug .debug_buttons > div.disabled {
  opacity: .5;
}
#debug .debug_buttons > div.vars {
  float: right;
  margin: 0 0 0 4px;
}
#debug .debug_content {
  overflow: hidden;
  padding: 5px;
  height: calc(100% -  70px );
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  background: #ffffff;
}
#debug .debug_content .debug_console {
  height: 100%;
  overflow: auto;
  width: calc(70% - 1px);
  border-right: solid 1px #efefef;
  float: left;
}
#debug .debug_content .debug_console .console {
  border-collapse: collapse;
  width: 100%;
}
#debug .debug_content .debug_console .console tr.odd td {
  background: #f8fdf9;
}
#debug .debug_content .debug_console .console tr td {
  padding: 5px 10px;
  border-bottom: solid 1px #e8e8e8;
}
#debug .debug_content .debug_console .console tr td.date {
  width: 90px;
  color: #666;
}
#debug .debug_content .debug_console .console tr td.file {
  width: 160px;
  text-align: right;
}
#debug .debug_content .debug_console .console tr td.trace {
  background: #555555;
}
#debug .debug_content .debug_console .console tr td.notice {
  background: #ffff66;
}
#debug .debug_content .debug_console .console tr td.warning {
  background: #ff9900;
}
#debug .debug_content .debug_console .console tr td.error,
#debug .debug_content .debug_console .console tr td.exception {
  background: #ff0000;
}
#debug .debug_content .debug_console .console tr td.query {
  background: #00ffff;
}
#debug .debug_content .debug_console .console tr td.trace,
#debug .debug_content .debug_console .console tr td.notice,
#debug .debug_content .debug_console .console tr td.warning,
#debug .debug_content .debug_console .console tr td.error,
#debug .debug_content .debug_console .console tr td.query,
#debug .debug_content .debug_console .console tr td.exception {
  padding: 0;
  width: 7px;
  border-bottom: none;
}
#debug .debug_content .debug_vars {
  height: 100%;
  overflow: auto;
  width: calc(30% - 10px);
  padding: 5px;
  float: right;
}