.tab-icon {
	height: 20px;
	width: unset!important;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden!important;
}

.tfa-card {
	max-width: 70px!important;
	font-size: 10px!important;
}

.tfa-card-title {
	font-size: 10px!important;
}

.tfa-container {
	position: fixed;
	top: -100px!important;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

#login_toggle_password {
	cursor: pointer;
	margin-top: -25px;
	margin-right: 1%;
	z-index: 1500;
}

.password-input-login {
	width: 100%!important;
	border-top-right-radius: 0.375rem!important;
	border-bottom-right-radius: 0.375rem!important;
}

.my-email-input-span {
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
}

.login-image {
	display: block;
	position: absolute;
	bottom: 12.84%;
	left: 15%;
	width: 60%;
}

.login-logo {
	display: block;
	position: absolute;
	top: 2%;
	left: 2%;
	width: 15%;
}

.login-leaf {
	position: absolute;
	top: 7.2%;
	width: 20%;
	height: 20%;
}

img {
	width: 100%;
	height: auto
}

.login_tabs {
	min-width: 100px;
	background-color: var(--background-color-v5);
	border: none;
	border-bottom: 2px solid var(--background-color-v3);
	color: var(--text-main-color);
	font-size: 16px;
	font-family: inter,serif;
	font-weight: bold;
}

.active-tab {
	border-bottom: 2px solid var(--primary-item-color);
	color: var(--text-main-color);
}

.login-label {
	color: var(--text-main-color-50);
	font-size: 12px;
	font-family: inter,serif;
	font-weight: 600;
}

.cookie-message {
	color: var(--background-color-v4);
	font-size: 12px;
	font-family: inter,serif;
	font-weight: 600;
}

.layout {
	height: 100vh;
	background: var(--background-color-v5) 0% 0% no-repeat padding-box;
	box-shadow: -2px 0px 12px var(--box-shadow-color);
	opacity: 1;
}

a {
	color: var(--text-link-color);
}

a:hover {
	color: var(--text-link-color-hover);
}

p {
	color: var(--text-main-color-50);
	letter-spacing: -0.12px;
}

.login-button {
	background-color: var(--primary-button-color);
	color: var(--text-secondary-color);
	font-size: 14px;
	font-family: inter,serif;
}

.login-button:hover {
	background-color: var(--primary-button-color-hover);
	color: var(--text-secondary-color);
}

.login-form {
	display: block;
	position: absolute;
	width: 20%;
	height: 35%;
	left: 60%;
}

.default-input {
	color: var(--text-main-color)!important;
	font-family: inter,serif;
	letter-spacing: -0.14px;
	font-size: 14px;
	background-color: var(--input-background-color)!important;
	border: 1px solid var(--input-border-color);
}

.input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	font-size: 21px;
	color: var(--text-disabled-color)!important;
	background-color: var(--background-color-v1)!important;
	opacity: 1;
}

.input-with-group-text {
	border-left: none;
	text-align: left;
	font: normal normal medium 14px/17px inter,serif;
	letter-spacing: -0.14px;
	font-size: 14px;
}

.login-dropdown {
	background-color: var(--input-background-color);
	border: 1px solid var(--background-color-v1);
	color: var(--text-main-color)!important;
	font-family: inter,serif;
	letter-spacing: -0.14px;
	font-size: 14px;
}

.login-dropdown:focus {
	background-color: var(--input-background-color);
	border: 1px solid var(--background-color-v1);
}

select.login-dropdown option {
	background-color: var(-dropdown-option-background-color);
	color: var(--dropdown-option-text-color);
	box-shadow: 0px 8px 12px var(--box-shadow-color);
	border: 1px solid var(-dropdown-option-background-color);
	border-radius: 8px;
}

select.login-dropdown option:hover {
	background-color: var(-dropdown-option-background-color);
	color: var(--dropdown-option-text-color);
}

@media (max-width: 767.98px) {

	body {
		background-color: #FFF;
	}

	#img_container {
		margin-top: 3rem;
	}

	#img_container img.login-image, #img_container img.login-leaf {
		display: none;
	}

	#img_container img.login-logo {
		width: 50% !important;
		margin: 0 auto;
		position: relative !important;
	}

	.layout {
		width: 100% !important;
		height: fit-content !important;
		margin-top: 3rem !important;
	}

	#login_form_container {
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
		margin: 0 auto;
		position: relative !important;
	}

	#login_form_container form {
		margin: 0 auto;
	}

}