body{
  /* position: relative; */
  background: #F8F8FF ;
}

#loginLogo {
/* position: absolute; */
/* top: 5.625rem;
left: 50%;
transform: translateX(-50%); */
width: 180px;
height: 137px;
margin:3.75rem auto 5rem;
}

#formLogin {
width: 480px;
/* position: absolute; */
/* left: 50%;
transform: translateX(-50%);
top: 17.375rem; */
}

#formLogin .form-control {
height: 2.5rem;
margin-bottom: 25px;
}

#loginBtn,#emailBtn{
width: 160px;
height: 40px;
border-radius: 100px;
background: #003366;
text-align: center;
font: normal normal bold 14px/17px Lab Grotesque;
letter-spacing: 0px;
color: #e8eff7;
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
transition:  all .3s ease-out;
}

#emailBtn{
  width: auto;
  height: auto;
  font-size: .75rem;
  padding: 1em 2em;
}

#loginBtn:hover,#emailBtn:hover{
background-color:#FFF200;
color: #003366;
}

#loginHr{
margin-top: 3rem;
margin-bottom: .5rem;
background: #003366;
opacity: .2;
}


.forgot-pass-btn{
font: normal normal normal 12px/14px Lab Grotesque;
letter-spacing: 0px;
color: #A1A1A1;
transition: all .3s ease-out;
}

@media(max-width:500px){
#formLogin{
  width: 90%;
}

}

#copyrights-container{
/* position: absolute; */
/* bottom: 0; */
/* margin-top: 2rem; */
/* height: 2rem; */

}

@media(max-width:992px){
#copyrights-container{
  margin-top: 10.4rem;
  height: auto;
}
}


#login-bg-img{
position: absolute;
/* background: #F2F2FF; */
z-index: -1;
max-width: 100%;
}

#login-illustration-img{
position: absolute;
top: 222px;
right: 4%;
width: 400;
height: 455,84px;
z-index: -2;
}


@media (min-width:1600px){
#login-illustration-img{
right: unset;
left: 67%;

}
}