.background-customizable {
	background-color: #0a0a0f;
}

.banner-customizable {
	padding: 28px 0 18px 0;
	background-color: #16161f;
}

.logo-customizable {
	max-width: 55%;
	max-height: 44px;
}

.label-customizable {
	font-weight: 500;
	color: #d1d5db;
}

.textDescription-customizable {
	padding-top: 10px;
	padding-bottom: 12px;
	display: block;
	font-size: 15px;
	color: #9ca3af;
}

.inputField-customizable {
	width: 100%;
	height: 40px;
	color: #fafafa;
	background-color: #1e1e2a;
	border: 1px solid #3a3a4a;
	border-radius: 8px;
}

.inputField-customizable:focus {
	border-color: #7685f9;
	outline: 0;
}

.submitButton-customizable {
	font-size: 15px;
	font-weight: 600;
	margin: 20px 0px 10px 0px;
	height: 42px;
	width: 100%;
	color: #ffffff;
	background-color: #7685f9;
	border: none;
	border-radius: 8px;
}

.submitButton-customizable:hover {
	color: #ffffff;
	background-color: #8b98fa;
}

.errorMessage-customizable {
	padding: 5px;
	font-size: 13px;
	width: 100%;
	background: #2a1215;
	border: 1px solid #ef4444;
	color: #fca5a5;
	border-radius: 8px;
}

.idpDescription-customizable {
	color: #9ca3af;
}

.legalText-customizable {
	color: #6b7280;
	font-size: 11px;
}

.redirect-customizable {
	text-align: center;
	color: #7685f9;
}

.passwordCheck-notValid-customizable {
	color: #ef4444;
}

.passwordCheck-valid-customizable {
	color: #22c55e;
}