#login {
	background-color: var(--orbe-surface-bg--checked);
	min-height: 100vh;
}

.login-content {
	width: 95vw;
	max-width: 440px;
}

.card-login {
	border-radius: 20px;
}

.password-container {
	position: relative;
}

.password-icon {
	position: absolute;
	right: 22px;
	bottom: 26px;
	cursor: pointer;
}

.login-button {
	height: 43px !important;
	width: 100% !important;
}

.login-button-submit {
	font: normal normal bold 18px/13px Gilroy !important;
}

.forgot-password-link {
	color: var(--orbe-surface-bg-primary) !important;
	font: normal normal 600 18px/20px Gilroy;
	text-decoration: none;
}

.social-login-button {
	background-color: var(--orbe-surface-bg);
	font: normal normal normal 15px/20px Arial !important;
	position: relative;
}

.social-login-button .social-login-logo {
	width: 22px;
	height: 22px;
	position: absolute;
	left: 15px;
}

#googleRenderedButton {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.input-login {
	width: 100%;
}

.input-login .InputText-input {
	height: 43px !important;
	font: normal normal 300 16px/20px Gilroy !important;
}

.login-label, .input-login .FormLabel {
	font: normal normal 300 18px/20px Gilroy;
	color: var(--orbe-color-neutral-500);
	margin-bottom: var(--orbe-spacing-3);
}

.text-info {
	background-color: var(--orbe-feedback-bg-info);
	color: var(--orbe-surface-fg-info-bold);
	font-size: 16px;
	width: 100%;
}

.text-danger {
	background-color: var(--orbe-action-outline-bg-negative-minimal);
	color: var(--orbe-surface-fg-negative);
	font-size: 16px;
	width: 100%;
}

.subscribe-link {
	color: var(--orbe-surface-bg-primary) !important;
	font: normal normal 600 18px/20px Gilroy;
	text-decoration: none;
	text-align: center;
}

.footer {
	color: var(--orbe-color-neutral-500);
	font: normal normal 300 16px/24px Gilroy;
	text-align: center;
}

.footer a, .footer span {
	color: var(--orbe-color-neutral-500);
	font: normal normal 300 16px/24px Gilroy;
	text-decoration: none;
}

.footer a.link-site {
	color: var(--orbe-surface-bg-primary);
	font: normal normal bold 16px/24px Gilroy;
	text-decoration: underline;
}

#dialog-google {
	background-color: var(--orbe-color-white) !important;
}

.ui-dialog .box-company-data {
	border: 1px solid var(--orbe-surface-border-subtle);
	border-radius: var(--orbe-rounded-sm);
	width: 85%;
	font: normal normal normal 16px/24px Gilroy;
	color: var(--orbe-color-neutral-500);
}

@media (max-width: 639px) {
	.card-login {
		border: none;
		border-radius: 0;
		border-bottom: var(--orbe-border) solid var(--orbe-surface-border);
		background-color: var(--orbe-surface-bg--checked);
	}
}