@primary: rgba(22, 56, 111, 0.8);
@login-input-color: rgb(25 64 126);

body{
    background: url(../images/login_background.png) no-repeat center center fixed, rgb(22 56 111 / 80%); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    /* width: 100%;
    height: 100vh; */
}

#container-login {
    max-width: 1700px;
}

#form-column{
    background-image: linear-gradient(135deg, rgb(47 106 202) 0%, rgb(22 56 111 / 80%) 100%);
}

.login-button{
    transition: background-color 0.4s;
    font-size: 0.8rem;
    border-radius: 10rem;
    padding: 0.9rem 1rem;

    &:hover{
        background-color: white;
        color: @primary;
    }
}



.login-input{
    //background-color: @login-input-color;
    border: none;
    //color: white;
    font-size: 0.8rem;
    border-radius: 10rem;
    padding: 1rem 1rem;
}

/*.login-input:focus{
    background-color: @login-input-color;
    color: white;
}*/

.app-top-text{
    font-size: 8px
}

.app-bottom-text{
    font-size: 10px
}

.btn-icon {
    padding: 0px;
    justify-content: center;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
    height: calc(2.625rem + 2px) !important;
    width: calc(2.625rem + 2px) !important;
}

.fa-2x{
    font-size: 1.5em !important;
}

/* .login-title{
    color : #7EC8FA
} */

.login-subtitle{
    font-size: 15px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    // transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: black;
    // transition: color 5000s ease-in-out 0s;
}

.mensaje-error{
    font-size: 1rem;
}

a {
    text-decoration: none !important;
    color: white
}

.social-network{
    a{
        display: flex;
        align-items: center;
    }
}