.login .modo-demo,
.modo-demo {
	display: none !important;
}

abanca-root be-ui-button,
abanca-root be-ui-actions {
	display: inline-flex;
	align-items: center;
}

abanca-root be-ui-button .be-button,
abanca-root be-ui-button .button-link {
	vertical-align: middle;
}

abanca-login .be-button--no-icon .be-button__icon {
	display: none !important;
}

abanca-login .be-button--no-icon.be-button--raised {
	justify-content: center;
}

.abanca-welcome-footer #ot-sdk-btn.ot-sdk-show-settings,
.abanca-welcome-footer #ot-sdk-btn.optanon-show-settings,
.abanca-welcome-footer #ot-sdk-btn {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--blue) !important;
	border: 0 !important;
	padding: 4px 0 !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	height: auto !important;
	min-height: 0 !important;
	font-weight: 500 !important;
	font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif !important;
	box-shadow: none !important;
	cursor: pointer;
	white-space: normal;
	text-align: inherit;
}

.abanca-welcome-footer #ot-sdk-btn.ot-sdk-show-settings:hover,
.abanca-welcome-footer #ot-sdk-btn:hover {
	background-color: var(--blue-xlight) !important;
	border-radius: 8px;
	color: var(--blue-dark) !important;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:not(:focus-within)
	.mat-form-field-outline:not(.mat-form-field-outline-thick) {
	color: hsla(0, 0%, 80%, 0.87) !important;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:focus-within
	.mat-form-field-outline:not(.mat-form-field-outline-thick) {
	opacity: 0 !important;
	transition: opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:focus-within
	.mat-form-field-outline-thick {
	opacity: 1 !important;
	color: #5c88da !important;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline .mat-form-field-label {
	top: 1.84375em;
	margin-top: -0.25em;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline.mat-form-field-can-float:focus-within
	.mat-form-field-label,
abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline.mat-form-field-can-float.abanca-login-field-filled
	.mat-form-field-label {
	transform: translateY(-1.59373em) scale(0.75);
	width: 133.3333533333%;
	max-width: 133.33%;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline.mat-form-field-can-float:focus-within
	.mat-form-field-outline-gap,
abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline.mat-form-field-can-float.abanca-login-field-filled
	.mat-form-field-outline-gap {
	border-top-color: transparent !important;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:not(:focus-within) .mat-form-field-label,
abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:not(:focus-within)
	mat-label.leading-icon__label {
	color: hsla(0, 0%, 40%, 0.6) !important;
}

abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:focus-within .mat-form-field-label,
abanca-login .mat-form-field.be-textfield__input.mat-form-field-appearance-outline:focus-within mat-label.leading-icon__label {
	color: #5c88da !important;
}

abanca-login .login__password .mat-form-field-suffix button.mat-icon-button:active mat-icon,
abanca-login .login__password .mat-form-field-suffix button.mat-icon-button:focus-visible mat-icon {
	color: var(--blue) !important;
}

abanca-login .login__password .mat-form-field-suffix button.abanca-pin-toggle--on,
abanca-login .login__password .mat-form-field-suffix button.abanca-pin-toggle--on mat-icon {
	color: var(--blue) !important;
}