body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0}

.login-container{background-color:#fff;display:flex;flex-direction:row;min-height:100vh;width:100%}

.login-aside{align-items:center;background-color:#f3f6f9;box-shadow:4px 0 8px rgba(0,0,0,.1);display:flex;flex:4 1;flex-direction:column;justify-content:center;padding:40px 30px;z-index:1}

.login-content-image{position:relative;flex:8 1;overflow:hidden}
.login-bg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.login-illustration{position:relative;width:100%;height:100%;object-fit:contain;display:block}

@media screen and (max-width:768px){
    .login-container{flex-direction:column}
    .login-content-image{display:none;flex:none;height:200px}
}

.logo{margin-bottom:20px;max-height:130px;max-width:100%}

.login-form{max-width:350px;width:100%}

.title{color:#333;font-size:2rem;font-weight:bolder;text-align:center;margin-bottom:20px}

.login-form p{color:#627488;text-align:center;margin:0 0 20px;line-height:1.5}

.form-group{margin-bottom:20px}
.form-group label{color:#333;font-weight:bolder;display:block}
.form-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-top:5px;padding:15px;width:100%;box-sizing:border-box}

.login-button{background-color:#e74c3c;border:none;color:#fff;cursor:pointer;margin-bottom:15px;width:100%;border-radius:8px;font-size:1rem;font-weight:bolder;padding:15px;display:block;text-align:center;text-decoration:none;box-sizing:border-box}

.sso-button{background-color:initial;border:1px solid #333;color:#000;display:block;text-align:center;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:bolder;padding:15px;margin-bottom:15px;box-sizing:border-box}

.alert-danger,.validation-summary-errors{background-color:#f8d7da;color:#58151c;border:1px solid #f1aeb5;border-radius:.375rem;padding:1rem;margin-bottom:1rem}
.validation-summary-errors ul{margin:0;padding-left:1.2rem;list-style:none}
.validation-summary-valid{display:none}

.password-fallback{margin-top:15px}
.password-fallback summary{color:#627488;font-size:.9rem;cursor:pointer;list-style:none;text-align:center;text-decoration:underline}
.password-fallback summary::-webkit-details-marker{display:none}
.password-fallback[open] summary{display:none}
.password-fallback .form-group:first-of-type{margin-top:5px}

.login-options{margin-top:5px}
.login-options label{color:#627488;font-size:.9rem;font-weight:normal;display:flex;align-items:center;gap:6px}
.login-options input[type=checkbox]{width:auto;padding:0}
.login-links{margin-top:15px;text-align:center;font-size:.9rem}
.login-links a{color:#333;text-decoration:underline}
.sso-button{width:100%;cursor:pointer;font-family:inherit}
.sso-button:disabled{opacity:.45;cursor:not-allowed}
.sso-hint{color:#627488;font-size:.85rem;margin:-8px 0 0;text-align:center}
.default-submit{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.password-fallback + .sso-button{margin-top:15px}