#kc-form-login, #kc-register-form, #kc-social-providers, #kc-info, #kc-info-wrapper, #kc-registration, #kc-form-buttons, #kc-username, #kc-error-message, .k-form, .k-input-wrapper {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--smallFontSize);
}

.k-form-options {

}

.k-form-options-wrapper {

}

.k-social-account-list {
	gap: var(--smallFontSize);
}

.alert-error {
    background-color: var(--errorBackgroundColor);
    border-color: var(--errorBorderColor);
    color: var(--errorTextColor);
}

.alert-success {
	background-color: var(--successBackgroundColor);
    border-color: var(--successBorderColor);
    color: var(--successTextColor);
}

.alert-warning {
	background-color: var(--warningBackgroundColor);
    border-color: var(--warningBorderColor);
    color: var(--warningTextColor);
}

.alert-info {
	background-color: var(--infoBackgroundColor);
    border-color: var(--infoBorderColor);
    color: var(--infoTextColor);
}

#reset-login, #backToApplication, .k-form-options-wrapper > span > a, .k-message a {
	color: var(--labelTextColor);
	text-decoration: underline;
}

#reset-login, #backToApplication, .k-form-options-wrapper > span > a {
	font-size: var(--smallFontSize);
}


#reset-login:hover, #backToApplication:hover, .k-form-options-wrapper > span > a:hover, .k-message a:hover
#reset-login:focus, #backToApplication:focus, .k-form-options-wrapper > span > a:focus, .k-message a:focus {
	color: var(--labelTextColor);
	text-decoration: underline;
}

#reset-login:visited, #backToApplication:visited, .k-form-options-wrapper > span > a:visited, .k-message a:visited {
	color: var(--contentTextColor);
}

#reset-login:active, #backToApplication:visited, .k-form-options-wrapper > span > a:active, .k-message a:active {
	color: var(--buttonColor);
}