.mcharge-global {
	height: 100%;
}

.mcharge-background {
	background-color: #416a92;
	background-image: url(../img//background-login.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: inherit;
}

.mcharge-global-body {
	height: inherit;
}

.login-header {
	height: 0;
}

.login-form-header {
	padding: 0.5rem;
	height: 70px;
}

.login-form-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	justify-content: center;
}

.login-form {
	background-color: #f8f8f8;
	border: 1px solid #e1e1e1;
	box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 75%);
	padding: 0.5rem 1rem;
	border-radius: 4px;
	width: 400px;
}

.login-btn {
	background: transparent;
	border: transparent;
}

h1 {
	text-align: center;
	margin-bottom: 1rem !important;
	font-weight: bold !important;
}

h4 {
	height: 40px;
}

#kc-content {
	padding: 0.5rem;
	height: calc(100% - 70px);
}

#kc-form-buttons {
	display: flex;
	flex-direction: row;
	width: fit-content;
}

.btn-container {
	display: flex;
	justify-content: flex-end;
}

#kc-content-wrapper {
	height: calc(100% - 40px);
}

.custom-icon:before {
    content: "\00a0";
    display: block;
}

.custom-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 22px;
    line-height: 0.9em;
}

.icon-flag-uk {
    background-image: url(../img/flag-uk.svg);
}

.icon-flag-de {
    background-image: url(../img/flag-de.svg);
}

.icon-flag-fr {
    background-image: url(../img/flag-fr.svg);
}

.icon-flag-il {
	background-image: url(../img/flag-il.svg);
}

.icon-flag-es {
	background-image: url(../img/flag-es.svg);
}

.icon-flag-pt {
	background-image: url(../img/flag-pt.svg);
}

.language-display {
	display: flex;
	justify-content: flex-end;
}

.alert-container {
	color: #AA0020;
	height: 40px;
	font-weight: bold;
}

#input-error {
	height: 30px;
    color: #AA0020;
    font-weight: bold;
}

.error-input {
	display: flex;
}