#login {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/css/resources/images/background_1920.jpg") no-repeat center center fixed;
    opacity: 1;
    zoom: 1;
    animation-name: loginFadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
    display: flex;
    align-items: center;
    z-index: 10000;
}

    #login .container .container-inner {
        min-width: 405px;
    }

    #login .card {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 0;
    }

        #login .card .card-body {
            position: relative;
        }

    #login .logo {
        background-image: url("/css/resources/images/logo_payoff_pos.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 150px;
        width: 100%;
    }

    #login input:-webkit-autofill {
        background-color: white !important;
    }

        #login input:-webkit-autofill, #login input:-webkit-autofill:hover, #login input:-webkit-autofill:focus, #login input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0px 1000px white inset;
            -moz-box-shadow: 0 0 0px 1000px white inset;
            box-shadow: 0 0 0px 1000px white inset;
        }

    #login .form-check-label {
        font-size: 1rem !important;
    }

    #login #qrCode img {
        margin: auto;
    }

    #login a:not(.btn) {
        text-decoration: underline;
    }

.btn {
    text-transform: uppercase;
}