@import "../../../assets/css/styles/themes.css";

* {
	font-family: 'Montserrat', sans-serif;
}
body {
	margin: 0 !important;
	padding: 0 !important;
}
.jforms-error-list {
	background-color: rgba(226, 77, 77, 0.3);
	backdrop-filter: blur(7px);
	/* background-color: #e24d4d; */
	background-image: none;
	border-color: rgba(226, 77, 77, 0.5);
}
.jforms-error-list li {
	color: var(--lizmap-text-color-tertiary);
}
.form-actions {
	background-color: var(--lizmap-color-background-content-primary);
	border: none;
}
.login_input_with_icon {
	width: 75%;
	position: relative;
}

.form-horizontal fieldset {
	text-align: center;
	padding: 4rem 3rem;
	background-color: rgba(231, 231, 231, 0.15);
	border-radius: 1rem;
	backdrop-filter: blur(7px);
	color: var(--lizmap-text-color-tertiary);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.pull-right {
	display: none;
}
.row {
	margin: 8.5rem 0;
}
.login_icon {
	width: 22px;
	height: 22px;
	fill: var(--lizmap-text-color-tertiary);
	position: absolute;
	left: 85%;
	top: 35%;
	transform: translateY(-50%);
}
#jforms_jcommunity_login_auth_login,
#jforms_jcommunity_login_auth_password {
	margin: 0 0 1rem 0;
	width: 100%;
	padding: 1.5rem 1.7rem;
	border-radius: 3rem;
	background: transparent;
	border: solid 1px var(--lizmap-border-color-secondary);
	color: var(--lizmap-text-color-tertiary);
}
#jforms_jcommunity_login_auth_password::placeholder,
#jforms_jcommunity_login_auth_login::placeholder {
	color: var(--lizmap-text-color-tertiary);
}
.jforms_jcommunity_login_auth_title {
	margin: 0 0 2rem 0;
	font-size: 36px;
	font-weight: 600 !important;
	letter-spacing: 3px;
}

.jforms_jcommunity_login_auth_remember {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 3rem 0;
	width: 75%;
}
.jforms_jcommunity_login_auth_remember a span {
	color: var(--lizmap-text-color-tertiary);
	text-decoration: underline;
	cursor: pointer;
}

.form-horizontal fieldset input[type='submit'] {
	width: 75%;
	padding: 1rem;
	border-radius: 3rem;
	font-size: 1.1rem;
	background-color: var(--lizmap-color-background-content-primary);
	color: black;
}
.form-horizontal fieldset input[type='submit']:hover {
	color: black;
}
.login_register_link {
	color: var(--lizmap-text-color-tertiary);
	text-decoration: underline;
	cursor: pointer;
	margin: 0.2rem 0 0 0;
}
@media (max-width: 950px) {
	.row {
		margin: 5rem 0;
	}
}