.forgot-password {
	color: var(--fontColor) !important;
	text-align: left !important;
	position: relative;
	margin-top: -50px;
	float: right !important;
	font-weight: normal;
}

.forgot-label {
	text-align: left !important;
	position: relative;
	float: left !important;
}

a, a:focus {
	color: var(--fontColor);
}

a:hover {
	color: black;
}

.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
	pointer-events: none;
	/* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}

.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width: inherit;
	height: inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
}

.navbar-inverse {
	background-color: var(--backGroundColor) !important;
	border-color: var(--lineBorderColor) !important;
}

#form-bottom-login {
	margin-top: -35px;
	padding: 25px 25px 36px 25px;
	background: var(--backGroundColor);
	text-align: left;
	border-left: 3px solid var(--lineBorderColor);
	border-right: 3px solid var(--lineBorderColor);
	border-bottom: 3px solid var(--lineBorderColor);
}

#login_page_logo {
	margin-top: -10px;
	margin-bottom: -10px;
}

.form-top-right {
	float: left;
	padding-top: 0px;
	font-size: inherit;
	color: inherit;
	line-height: 0px;
	width: 100%;
}

@media ( min-width :100px) {
	#account_app_logo {
		width: 33%;
		margin-left: 75%;
		margin-top: -46%;
	}
}

@media ( min-width :768px) {
	#account_app_logo {
		    width: 30%;
    margin-left: 70%;
    margin-top: -22%;
	}
}