#login-section {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

/* Login Head */
#login-section .login-head .breadcrumb {
    padding: 16px 0;
}

#login-section .login-head .breadcrumb a {
    padding-right: 4px;
}

#login-section .login-head .page-title {
    font-size: 2em;
    margin-bottom: 24px;
}

/* Login Form */
#login-section .login-form-wrapper {
    background: var(--hrz-reserved-form-bgcolor);
    border: 2px solid var(--hrz-reserved-form-bordercolor);
    border-radius: 4px;
    padding: 16px;
}

#login-section .login-form-wrapper #loginForm .col {
    padding: 8px 0;
}

#login-section .login-form-wrapper input {
    margin-right: 8px;
}

#login-section .login-form-wrapper input:not(.is-invalid) {
    border-color: var(--hrz-reserved-form-input-bordercolor);
}

#login-section .login-form-wrapper input:focus {
    background: transparent;
}

#login-section .login-form-wrapper input:not(.is-invalid, .just-validate-success-field),
#login-section .login-form-wrapper .input-group-text {
    background: var(--hrz-reserved-form-input-bgcolor);
}

#login-section .input-group .input-group-text {
    border: none;
}

#login-section label {
    margin-left: 8px;
    color: var(--hrz-reserved-form-label-textcolor);
}

/* Submit button */
#login-section button[type="submit"] {
    margin-left: 8px;
    background: var(--hrz-btn-color);
}

#login-section button[type="submit"]:hover {
    background: var(--hrz-btn-color-hover);
}

/* Form alert */
#login-section .alert {
    margin-top: 24px;
    display: none;
}