html, body {
    height: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

body.login {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.input-group.required .col-form-label:after {
    content:" *";
    color:red;
}