/* Host supplies /branding/login-background.png (see VisionBranding).
   min-height + fixed attachment so Bootstrap's white html does not fill the viewport
   around a short body. */
body.login-lite-body {
    padding: 10px;
    margin: 0;
    min-height: 100vh;
    background-image: url('/branding/login-background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000000;
}

.login-customer-name {
    color: #fff;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

/* Autofill: keep white text on dark login background (PPD-DPJ) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #accbf9;
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Field refinements live primarily in site.2.0.0.css; keep caret/autofill helpers here
   so hosts that only bump login CSS still get the PPD look. */
.login-form-1 .form-control {
    color: #ffffff;
    caret-color: #7eb6ff;
}

.login-form-1 .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    opacity: 1;
}

.login-form-1 .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
}

.login-form-1 .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    opacity: 1;
}

.login-form-1 .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
}

.login-form-1 .form-group:focus-within {
    border-bottom-color: #7eb6ff;
    box-shadow: 0 2px 0 0 rgba(126, 182, 255, 0.55);
}

.login-form-1 .form-control:focus {
    outline: none;
    box-shadow: none;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    caret-color: #7eb6ff;
}