/*** PANTALLA LOGIN **********************************************************/
html, body {
    height: 100%;
}
body {
    display: flex;
    justify-content: center;
    padding: 10px;
}
@media (min-width:576px) { /* MIN */
    body {
        align-items: center;
    }
}
/*** RECUADRO LOGIN **********************************************************/
#login {
    width: 400px;
    max-width: 100%;
}
#login .recuadro-login {
    background: #ffffff;
    padding: 30px 50px 45px;
    border: 1px solid #454441;
}
#login .contenedor-form-login {
    position: relative;
}
#login .contenedor-logo {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
}
#login .contenedor-logo img {
    height: 35px;
    width: 171px;
}
#login .input-group {
    margin-bottom: 15px;
}
#login .input-group-text i {
    font-size: 16px;
}
#login .form-control:focus {
    border-color: #555555;
}
#login .btn {
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    font-size: 16px;
}
#login .input-group-text {
    color: #ffffff;
    background: #555555;
    border-color: #555555;
}
@media (max-width:575px) {
    #login .recuadro-interior {
        padding: 10px 10px 15px;
    }
}
/*** RECUADRO KEY LOGIN ******************************************************/
#key-login {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #ffffff;
}