:root {
    --color-primario: #a5d6ef;
    --color-secundario: #0e3e67;
    --color-detalles: #567895;
    --color-detalles-hover: #a5d6ef;
}
/*modificacion de fondo de pagina*/
body .login-container .login-header {
    background-color: var(--color-primario);
}

/*modificaciones logo*/
body.login-page {
    background: var(--color-secundario);
    color: #000;
}

.login-caret {
    padding-top: 0;
}


/*modificacion de color de imagenes de txt*/
body .input-group-addon { 
    color: #000;
    opacity: 0.2;
}


/*modificacion de campos txt de inicio login*/
body.login-page .login-form .form-group .input-group {
    background: #fff;
    border-color: var(--color-detalles);
}

#username, #username::placeholder {
    color: #000;
    opacity: 0.5;
}

    #username:focus {
        color: #000;
        opacity: 1;
    }

#password, #password::placeholder {
    color: #000;
    opacity: 0.5;
}

    #password:focus {
        color: #000;
        opacity: 1;
    }


/*edicion de boton iniciar sesion login*/
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    color: #000 !important;
}

body.login-page .login-form .form-group .btn-login {
    color: #000;
    background: #fff;
    border-color: var(--color-detalles);
}

.entypo-login:before {
    content: '\e85c';
    opacity: 0.5;
}

#lblLogIn{
    opacity: 0.5;
}