#header{
    height: 180px;
    width: 100%;
    text-align: center;
    background-color: #c70036;
    position: relative;
}
#header img{
    width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Surcharge oauth login page classes et elements */
.oauth_content #password_form input[type="text"], .oauth_content #password_form input[type="password"]{box-sizing: border-box;}
.oauth_content .component.inp_change_password_submit{padding:10px;}
#password_form.login_form label{
    display: inline;
}
header, .mandatory, .inp_login_remember, footer, .login_form label{
    display: none;
}
h1{
    font-size: 20px;
    font-weight: 500;
    color: #979797;
    margin: 5px 0 0 24px;
}
.body_container{
    box-shadow : none;
}
#inp_login_email{
    pointer-events: none;
    border: none;
    margin: 10px 0 15px 0;
    padding: 0;
}
.inp-login-password{
    text-align: center;
}
#inp_login_password{
    border: none;
    border-bottom: 2px solid #c70036;
    margin-bottom: 35px;
    padding: 0;
    line-height: 1.6em;
}
.login_form input{
    border-radius: 0 !important;
    -webkit-appearance: none;
}
#inp_login_submit{
    background: #c60037;
    border-radius: 40px !important;
    -webkit-appearance: none;
}
.link a{
    color: #c70036 !important;
    text-decoration: none;
}
.content_form{
    padding: 5px;
}
.content_form form{
    margin: 0 auto 25px auto !important;
}
.body_content{
    padding: 0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c70036;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c70036;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #c70036;
}

/*Redirect page style*/
body {
    padding: 0;
    margin: 0;
}
#redirect_body{
    font-family: Arial;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}
#redirect_body label{
    display:block;
    margin-bottom:5px;
    font-size:0.9em;
    color:#979797;
}
#redirect_body .limit{
    font-size:0.9em;
    color:#444;
    margin-top:40px;
}
#redirect_header{
    height: 180px;
    width: 100%;
    text-align: center;
    background-color: #c70036;
    position: relative;
}
#redirect_header img{
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#redirect_button {
    background-color: #c70036;
    color: #FFF;
    font-weight: bold;
    padding: 12px 0;
    width: 95%;
    display: block;
    margin: auto;
    border-radius: 24px;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}
#redirect_body h1 {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    margin-left: 10px;
}
#device_field{
    padding: 8px 2px;
    margin: 0 0 5px 0;
    color: #000;
    border-bottom: 2px solid #c70036;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 95%;
    font-size: 15px;
}
#loader{
    visibility: collapse;
    background: #fff;
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
}
#loader img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25px, -25px);
    width: 50px;
}
#redirect_body #error{
    margin: 0;
    background: #000;
    padding: 6px;
    color: #fff;
    display: none;
}
.vertical_center{
    margin-top: 10vh;
}
input:focus{
    outline: none;
}

.content_bloc_full .body_content.oauth_content .login_form #resend_email_button{display:block;padding:11px 0;}


.home{position:absolute;left:50%;top:50%;width:299px;height:73px;background:url("../imgs/logoVademecumVidal_299x73.webp") no-repeat center center;transform:translate(-50%, -50%);}


html,body{
    height:100%;
}
.container{
    padding-top:10px;
    height:calc(100% - 10px);
    background:#efefef;
    font-family: Arial,sans-serif;
}

.container .logo{
    overflow:hidden;
    width:100px;
    height:100px;
    border-radius:5px;
    margin:0 auto;
}

.container .logo img{
    width:100px;height:100px;
}

.container .error{
    text-align: center;
    font-size:12px;
    padding:10px;
    color:#c70036;
    background:#ffd9d9;
    margin:10px auto 0;
    box-shadow:0 1px 2px rgba(0, 0, 0, .2);
    width:200px;
}

.container h2{padding-left:10px;margin:20px 0 5px;font-weight:normal;font-size:18px;}
.container h3{padding-left:10px;color:#666;margin:30px 0 5px;font-weight:normal;font-size:16px;}

.container .latest a,
.container .older a{display:block;padding:10px;background:#fafafa url("../imgs/ChevronRight-512.png") no-repeat right center;border-bottom:solid 1px #ddd;color:#111;text-decoration:none;background-size:contain;}
.container a .size{font-size:12px;color:#444;}

.container form{text-align: center;}
.container form label{display:none;}
.container form .component{margin-top:10px;}
.container form input[type="password"]{padding:10px;width:200px;border:none;box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2);}
.container form input[type="password"]::placeholder{color:#aaa;}
.container form input[type="submit"]{box-shadow:0 1px 2px rgba(0, 0, 0, .3);border:none;padding:10px 15px;display:inline-block;background: #60a8ff;color:#fff;border-radius:0;-webkit-appearance: none;}