* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	height: 100vh; /* full viewport height */
	display: flex;
	font-family: Barlow;
}

.left-top {
	padding: 42px;
}

.input {
	background: var(--Neutral-0, #FFF);	
	display: flex;
	align-items: center;
	align-self: stretch;
	width: 100%;
}
.input > .ui-input-icon-left {
	width: 100%;
}
.input  input {
    border-radius: 8px;
    border: 1px solid var(--Neutral-200, #CCC);
    background: var(--Neutral-0, #FFF); 
    display: flex;
    height: 57px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    width: 100%;
}

.input-password, .input-username {
	padding-top: 40px;
}
.left-bottom {
    padding: 42px;
}
.login-card {
	width: 500px;
}

.actions {
	padding-top: 40px;
}

#submit {
	height: 55px;
	border-radius: 100px;
    background: var(--Primary-100, #002A72);
    width: 100%;
	color: var(--Neutral-0, #FFF);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */    
}

h1 {
	color: var(--Neutral-900, #0F0F0F);
	text-align: center;
	font-family: Barlow;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;	
}

.left-panel {
	width: 650px;
	height: 100%;
	display: flex;
	background: linear-gradient(0deg, rgba(0, 42, 114, 0.55) 0%,
		rgba(0, 42, 114, 0.55) 100%),
		url("/jakarta.faces.resource/img/login-background.png.faces") lightgray 50%/cover
		no-repeat;
	flex-direction: column;
	justify-content: space-between;
}

.right-panel {
	flex: 1; /* take the remaining space */
	height: 100%;
	background: #ffffff;
	display: flex;
	justify-content: center; /* horizontal center */
	align-items: center; /* vertical center */
	text-align: center;
}