@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


body{
    width: 100%;
    height: 100%;
    color: #fff;
    background: linear-gradient(40deg,blue,rgb(4, 88, 4),black);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.login{
    background: rgba(29, 67, 138, .568);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(13, 0, 15, 0.568);
    color:white;
}
.log img{
    width: 30%;
    margin-left: 35%;
}
.form-control{
    background: rgba(0,0,0,.3);
    border-style:none;
    transition: 0.5s ease-in;
    outline: none;
    box-shadow: none;
}
.form-control:focus{
    color: white;
    background: none;
    box-shadow: none;
    outline: none;
}
.form-control::placeholder{
    color: white;
}
.ingresar{
    background: #222a3f;
    padding: 10px;
    font-size: 16px;
    font-weight: 700 !important;
    color: white;
    box-shadow: 0 0 30px rgba(0,0,0,0.568);
    transition: 01s ease-in;
}
.ingresar:hover{
    background: #2F5B8A;
    color: white;
}
/*boton - recuperar contraseña*/
#btn-olvide{
    color: #fff;
}
#btn-olvide:hover{
    border:0px;
    font-weight: 600;
}
/*ventana modal - recuperar contraseña*/
#RecoveryPass .modal-dialog{
    width: 30%;
}
#RecoveryPass .modal-header{
    background-color: #03335C;
    color:#fff;
}
#RecoveryPass .modal-header .close{
    color:#fff;
}
#RecoveryPass .modal-body{
    text-align: center;
    color: #000;
}
#RecoveryPass .modal-body > p{
    font-size: 14px;
}
#btn-enviar{
    width: 150px;
    margin-top:15px;
}
.form-control#mail-rec:focus{
background: rgba(0,0,0,0.5);
}

footer{
    background-color: rgb(17, 27, 83);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: white;
  }