.raylife-sign-in .form-column {
	background-color: #272833;
	padding: var(--spacer-6) var(--spacer-8) var(--spacer-6) var(--spacer-2);
}

.raylife-sign-in .login-title {
	margin-bottom: var(--spacer-4);
}

.raylife-sign-in .login-title:after {
	background-color: var(--primary);
	content: '';
	display: block;
	height: 2px;
	margin-top: 0.3rem;
	width: 19px;
}

.raylife-sign-in .sign-in-image {
	background-image: url([resources:login_portlet_splash.jpg]);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.raylife-sign-in .sign-in-logo {
	height: 40px;
	left: 0;
	top: 0;
}

.raylife-login-form {
	max-width: 370px !important;
	min-width: 200px !important;
	width: 370px !important;
}

.raylife-login-form .form-group > label:not(.toggle-switch),
.lfr-ddm-legend:not(.toggle-switch) .sign-in-form .sign-in-logo {
	margin: 0;
}

.raylife-login-form li {
	display: none;
}

.raylife-login-form .sign-in-form .button-holder button {
	align-items: center;
	background: var(--primary) !important;
	display: flex;
	height: 2.5rem !important;
	justify-content: center;
	width: 100%;
}

.raylife-login-form .sign-in-form .button-holder button:hover {
	background: #3272ff !important;
}

.raylife-login-form .sign-in-form .form-group {
	margin-bottom: 1rem !important;
}

.raylife-login-form .sign-in-form .form-group input {
	background-color: var(--color-neutral-0);
	border-radius: 4px !important;
	height: 2.5rem !important;
}

.raylife-login-form .sign-in-form .input-checkbox-wrapper label,
.raylife-login-form .sign-in-form .input-text-wrapper .control-label {
	font-size: 0.75rem;
	font-weight: var(--font-weight-normal);
}

.raylife-login-form .sign-in-form .form-group.input-checkbox-wrapper label {
	align-items: center;
	color: #ffffff80;
	display: flex;
}

.raylife-login-form .sign-in-form .form-group.input-text-wrapper .control-label {
	color: var(--color-neutral-0);
	opacity: 0.5;
}
