/** 
 * Styling the login-panel
 */

.ov_loginViewport {
	display: flex; 
	height:100vh; 
	min-height:850px; 
	box-sizing:border-box;
}

.ov_loginImageBg {
	position:relative; /*position necessary for version-circle*/
	display:flex; 
	flex:1;  /* 50% width for image area, 50% width for login area*/
	min-width:500px; 
	height:85%;
	background-color: rgb(251,240,214); 
	background: linear-gradient(0deg, rgba(251,240,214,1) 0%, rgba(48,74,84,1) 100%);
	align-items:center; 
	justify-content:center;
	align-self: flex-end;
}

.ov_loginVersion {
	position:absolute; 
	top:-82px; left:100px; 
	width:164px; 
	height:164px; 
	background-color:var(--ov_color_versionBg); /* var(--ov_color_firstVersion);  ov-orange for version #1 */
	/* background-color:#749391; /* var(--ov_color_secondVersion);  ov-gray for version #2 */
	color:white; /* var(--ov_color_versionFont); */
	display:flex; 
	justify-content:center; 
	align-items:center; 
}

.ov_loginArea {
	position:relative; /*position necessary for copyright text*/
	display:flex; 
	flex:1; /* 50% width for image area, 50% width for login area*/
	padding:6em 3em 3em 3em; 
	flex-direction:column; 
	align-items:center;
}

.ov_loginCopyrightText {
	position:absolute;
	bottom:0;
}


.ov_loginInputHeight {
	height:3em;
}
.ov_loginInputHeight.ui-selectonemenu .ui-selectonemenu-label {
	margin: 0.5em 0;
}


.ov_loginWaitStatus {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	overflow: hidden;
	z-index: 100;
	background-color: var(--ov_color_default_bg);
	opacity:0.6;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:20px;
	background-image: url(/ws/jakarta.faces.resource/images/animated/preloader.svg.jsf?ws=w35.028_ovt_ci);
}