/*
 FamilienCloud V40.144
 Login-only stylesheet. Intentionally loaded AFTER blue-theme-v4079.css.
 IDs are used so the login fields cannot inherit the dark control fill.
*/
html body.auth-page form.auth-form div.fc-login-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

html body.auth-page #fcLoginUsername,
html body.auth-page #fcLoginPassword {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 14px 11px 38px !important;

    background: rgb(234,245,255) !important;
    background-color: rgb(234,245,255) !important;
    background-image: linear-gradient(rgb(234,245,255),rgb(234,245,255)) !important;
    color: rgb(32,53,74) !important;
    -webkit-text-fill-color: rgb(32,53,74) !important;
    caret-color: rgb(10,132,255) !important;

    border: 1px solid rgb(183,216,243) !important;
    border-radius: 12px !important;
    outline: none !important;
    box-shadow: 0 0 0 1000px rgb(234,245,255) inset !important;
    -webkit-box-shadow: 0 0 0 1000px rgb(234,245,255) inset !important;
}

html body.auth-page #fcLoginUsername:focus,
html body.auth-page #fcLoginPassword:focus {
    background: rgb(244,250,255) !important;
    background-color: rgb(244,250,255) !important;
    background-image: linear-gradient(rgb(244,250,255),rgb(244,250,255)) !important;
    border-color: rgb(88,169,237) !important;
    box-shadow: 0 0 0 1000px rgb(244,250,255) inset, 0 0 0 3px rgba(10,132,255,.12) !important;
    -webkit-box-shadow: 0 0 0 1000px rgb(244,250,255) inset, 0 0 0 3px rgba(10,132,255,.12) !important;
}

html body.auth-page #fcLoginUsername:-webkit-autofill,
html body.auth-page #fcLoginUsername:-webkit-autofill:hover,
html body.auth-page #fcLoginUsername:-webkit-autofill:focus,
html body.auth-page #fcLoginPassword:-webkit-autofill,
html body.auth-page #fcLoginPassword:-webkit-autofill:hover,
html body.auth-page #fcLoginPassword:-webkit-autofill:focus {
    -webkit-text-fill-color: rgb(32,53,74) !important;
    caret-color: rgb(10,132,255) !important;
    box-shadow: 0 0 0 1000px rgb(234,245,255) inset !important;
    -webkit-box-shadow: 0 0 0 1000px rgb(234,245,255) inset !important;
}