﻿.login-user {
    min-height: 100vh;
    background: #F9FAFC;
}

    .login-user .bs-reset {
        margin: 0;
        padding: 0;
    }

    .login-user .login-container {
        position: relative;
        min-height: 100vh;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .login-user .login-container > .login-content {
            background-color: #fff;
            border-radius: 16px;
            width: 466px;
            border-bottom: 1px solid #e6e9eb;
            padding: 50px 56px 40px;
        }

            .login-user .login-container > .login-content .logo-cliente {
                justify-content: center;
                margin-bottom: 47px;
            }  

                .login-user .login-container > .login-content .logo-cliente img{
                    max-width: 168px;
                    height: auto;
                } 

    .login-user .badge-build {
        text-align: center;
        margin-top: 40px;
    }

        .login-user .badge-build span {
            color: #a1b0b8;
            font-weight: 400;
            font-size: 11px;
            line-height: 13px;
        }

    .login-user .login-container > .login-footer {
        text-align: center;
        margin-top: 16px;
    }

        .login-user .login-container > .login-footer .login-copyright {
            padding-left: 0;
            margin-top: 6px;
        }

            .login-user .login-container > .login-footer .login-copyright > p {
                margin: 0;
                font-size: 11px;
                line-height: 13px;
                color: #1a051d;
            }

    .login-user .alert {
        background: 0 0;
        padding: 0;
        border: none;
        font-size: 11px;
        line-height: 16px;
    }

        .login-user .alert.alert-danger {
            color: #ff647c;
            margin: 0 0 8px;
        }

            .login-user .alert.alert-danger button {
                display: none;
            }

    .login-user .form-group.has-error {
        border: 1px solid #ff647c !important;
    }

@media (max-width: 640px) {
    .login-user .login-container > .login-content {
        width: 95%;
        padding: 50px 25px;
    }

        .login-user .login-container > .login-content .text-right {
            text-align: left;
        }
}
  