body, html{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.loginMainContainer{
    margin-top: 5vh;
    width: 90%;
    max-width: 600px;
}
#login-background{
    position: absolute;
    background-position: center center;
    background-image: url(../img/estrategia.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.logoContainer{
   width: 256px;
   height: 256px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("https://app.aelus.com/img/aelus256x256.png");
   background-repeat: no-repeat;
   background-size: auto;
}
.usuarioContainer, .passwordContainer{
    border-bottom: 1px solid #bbb;
    margin-bottom: 30px;
}
.usuarioContainer i, .passwordContainer i, .buttonContainer i{
   vertical-align: middle;
}

h5{
    margin: 0;
    margin-bottom: 5px;
    font-weight: 400;
    color: rgb(115, 115, 115);
}
input{
    border: 0;
    width: 80%;
    max-width: 570px;
    padding: 5px;
    color: #888;
    font-weight: bold;
    font-size: 14px;
    margin-left: 20px;
}
input:focus{
    outline: none;
}
button{
   width: fit-content;
   padding: 10px 50px;
   border-radius: 5px;
   border-width:  2px;
   border-style: solid;
   font-size: 16px;
}
.buttonContainer{
   text-align: right;
}
.buttonBlue{
    background-color: #cfe8f7;
    border-color: #59a1cd;
    color: #000;
    font-weight: 600;
}
.buttonLink{
   padding: 10px 20px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   text-decoration: none;
}
.buttonGreen{
    background-color: #7ABA7A;
    border-color: #528f52;
    color: #fff;
}
.material-icons-new {
   display: inline-block;
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   background-size: contain;
   color: rgb(184, 135, 0);
}