.wrapper,body{background:#f9f9f9!important;color:#223864}
a{color:#223864}
.wrapper{background:url(../../img/login/background.png) center no-repeat fixed!important;-webkit-background-size:cover!important;background-size:cover!important}
.content-wrapper,.right-side{background:0 0}
.content-wrapper{padding-bottom:60px}
.pg-login .main-header{align-items:flex-end;padding-bottom:0;height:120px;max-width:1500px;margin:0 auto}
.pg-login .main-header:before{position:absolute;left:-100%;height:100%;content:'';width:100%;display:block;background-color:#fff}
.pg-login .main-header:after{position:absolute;right:-100%;height:100%;content:'';width:100%;display:block;background-color:#fff}
.pg-login .main-header .logo{margin-bottom:15px}
.pg-login .main-header>.navbar{padding-right:15px}
.pg-login .navbar-custom-menu{display:flex;flex-direction:row;justify-content:center;gap:10px;color:#223864;padding:10px 40px;border-radius:20px;border:1px solid #223864;margin-bottom:15px}
.pg-login .navbar-custom-menu .icon{display:inline-flex;justify-content:center;align-items:center;background:#223864;border-radius:50%;color:#fff;width:41px;height:41px}
.pg-login .navbar-custom-menu .helpdesk-phone{font-size:28px;font-weight:600}
.pg-login .navbar-custom-menu .helpdesk-email{font-size:12px;font-weight:500}
.pg-login .navbar-custom-menu>div{display:flex;flex-direction:column;line-height:1;gap:2px;justify-content:center}
.container-fluid{max-width:900px;position:relative}
.welcome-message{position:absolute;top:120px;left:0;width:100%;background-color:rgba(228,139,135,.8);padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;font-style:italic;font-weight:400;color:#000}
.welcome-message .icon.exclamation-point{border:1px solid #000;padding:1px 7px;font-size:1.1em;line-height:1}
.alert+.welcome-message{display:none}
.page-title{font-family:'Futura Now Headline',Calibri,sans-serif;text-transform:uppercase;margin:130px 0 30px;text-align:center;display:block;color:#fff;font-size:32px;font-weight:500;border-left:none;background:0 0;line-height:1.3}
.wrapper-login{display:flex;flex-direction:row}
.wrapper-login .login-intro{flex:1 1 50%;background-color:#223864;color:#fff;padding:50px 60px 50px 50px;border-top-left-radius:30px;border-bottom-left-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}
.wrapper-login .login-intro .login-logo{width:100%;padding:0 10px}
.wrapper-login .login-intro .login-logo img{width:100%}
.wrapper-login .login-intro content{text-align:justify}
.wrapper-login .wrapper-form-signin{flex:1 1 50%;background-color:#fff;padding:60px;border-top-right-radius:30px;border-bottom-right-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.wrapper-login .wrapper-form-signin .form-signin{display:flex;flex-direction:column;gap:25px;color:#223864}
.wrapper-login .wrapper-form-signin .form-signin header{text-align:center}
.wrapper-login .wrapper-form-signin .form-signin header h2{font-family:'Futura Now Headline',Calibri,'Open Sans',sans-serif;font-weight:500;text-transform:uppercase;margin:0;font-size:24px;color:#223864}
.wrapper-login .wrapper-form-signin .form-signin content{display:flex;flex-direction:column;gap:10px;font-size:.9em}
.wrapper-login .wrapper-form-signin .form-signin content a{font-weight:700}
.wrapper-login .wrapper-form-signin .form-signin .form-group{margin:0}
.wrapper-login .wrapper-form-signin .form-signin .form-control{border:1px solid #e1e1e1;padding:15px;color:#223864;height:40px}
.wrapper-login .wrapper-form-signin .form-signin .form-control:focus{border-color:#fff;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,66,67,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,66,67,.6)}
.wrapper-login .wrapper-form-signin .form-signin .wrapper-connexion-btn{margin:15px auto 0}
.wrapper-login .wrapper-form-signin .form-signin .btn-primary{background-color:#223864;color:#fff;border-radius:30px;font-weight:500;font-size:1.3em;padding:5px 50px;width:auto;margin:0 auto}
.wrapper-login .wrapper-form-signin .form-signin .btn-primary.active,.wrapper-login .wrapper-form-signin .form-signin .btn-primary:active,.wrapper-login .wrapper-form-signin .form-signin .btn-primary:hover,.wrapper-login .wrapper-form-signin .form-signin .open>.dropdown-toggle.btn-primary{background-color:#ddc79b;color:#223864}
.copyright{text-align:center;width:250px;margin:0 auto;padding:10px 10px 0;color:#999;font-size:11px}
#loginModal img,.row>div>a>img{width:100%}
.content-wrapper,.main-footer,.right-side{margin-left:0}
::-webkit-input-placeholder{color:#e1e1e1!important}
::-moz-placeholder{color:#e1e1e1!important}
:-ms-input-placeholder{color:#e1e1e1!important}
:-moz-placeholder{color:#e1e1e1!important}
@media (max-width:480px){.pg-login .main-header .main-header .logo .logo-lg img{width:190px}
.pg-login .main-header .navbar-custom-menu{padding:10px}
.pg-login .main-header .navbar-custom-menu .helpdesk-phone{font-size:24px}
.pg-login .main-header .navbar-custom-menu .helpdesk-email{font-size:10px}}