@import "icon.css?v235";

.login-column {
	display: flex;
	flex-grow: 1;
	flex-flow: column;
	justify-content: center;
}
.login-row {
	display: flex;
	flex-flow: row;
	justify-content: center;
}

div.login-wrap {
	justify-self: center;
	display: flex;
	flex-flow: column;
	/*display: none;
	height: auto;
	width: 420px;
	position: absolute;
	margin: auto;*/
	/*margin-top: 100px;*/
	z-index: 999; }

	div.login-wrap .message-alert {
		margin-top: 12px;
		max-width: 420px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
				
	div#login {
		display: inline-block;
		background-color: var(--fieldset-bg-color);
		padding: 0px 25px 25px 25px;
		position: relative;
		/* height: 285px; */
		width: 420px;
		/* border radius */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; }

		div#login h1 {
			margin-top: 34px;
			margin-bottom: 34px;
			font-size: 2em;
		}
		
		div#login .warning {
			margin-bottom: 10px;
			color: black;
			font-weight: bold;
		}

		div#login .login-info {
			margin-bottom: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #CCCCCC;
		}
		
		div#login form { display: block; }
		div#login form div.clear { height: 8px; }

		.login-grid {
			display: grid;
			grid-template-columns: max-content auto;
			grid-template-rows: auto;
			gap: 4px;
		}
		.login-grid label {
		}
		.login-grid input, .login-grid div.input {
		}
		.login-grid div.input {
			display: flex;
			flex-flow: row nowrap;
		}
		
		div#login form label, div#login form input {
			font-size: 14px;
		}

		div#login form label, div#login form input[type="button"] {
			padding: 4px;
		}

		div#login form label {
			align-content: center;
			text-align: left;
			padding: 0 10px 0 0;
			width: 130px;  }

		div#login form div, div#login form li, div#login a {
		}

		div#login form input#username,
		div#login form input#password,
		div#login form input#password_again,
		div#login form input#txtUsername,
		div#login form input#txtPassword,
		div#login form input#txtPassword_again,
		div#login form input#code {
			width: 204px;
		}
		div#login form input#code {
			letter-spacing: 0.1em;
		}

		div#login form div#reset-password { 
			/*float: left; */
			font-size: 14px; 
			height: auto;
			margin-top: 10px;
			margin-bottom: 20px;
			width: auto; }
						
		div#login form a {
			text-decoration: underline; }
							
			div#login form a:hover { text-decoration: underline; }
		
		.submit {
			background-color: var(--main-accent-color-orange);
			color: white;
			font-size: 18px;
		}
		div#login form input.submit { 
			border: none;
			width: 34px;
			margin: 0px 0 0 4px;
			padding: 0;
			/*float: left;*/
			/*left: 296px;
			position: absolute; 
			top: 28px;*/ }

				
div.login-wrap.compact {
	width: 450px;
	margin-top: 0px; }
	
	div.login-wrap.compact div#login {
		/* height: 130px; */
		width: 450px;
		padding-top: 30px;
		padding-bottom: 30px; }

		div.login-wrap.compact div#login h1,
		div.login-wrap.compact .blognews-wrapper {
			display: none;
		}
		
		div.login-wrap.compact div#login form input#txtUsername, 
		div.login-wrap.compact div#login form input#txtPassword,
		div.login-wrap.compact div#login form input#txtPassword_again {
			width: 170px;
		}

		div.login-wrap.compact  .message-alert {
			max-width: 450px;
		}


div.login-wrap.reset { 
	width: 450px; }
	
	div.login-wrap.reset div#login {
		width: 450px;
		padding-bottom: 20px;
	}
	
	div.login-wrap.reset div#login h1 {
		margin-bottom: 20px;
	}
	
	div.login-wrap.reset div#login form label {
		width: 150px;
	}
	
	div.login-wrap.reset div#login form div.clear { height: 7px; }

div.oidc-container {
	clear: both; }

	div.oidc-container h2 {
		margin-top: 50px;
		padding-top: 8px;
		font-size: 2em;
		border-top: 1px dotted var(--main-font-color);
	}

	.oidc-profiles .oidc-button {
		width: 100%;
		padding: 4px;
		margin: 2px 0px;
		opacity: .9;
		-moz-opacity: .9;
		text-align: left;
		/*background: #F9F9F9;
		border: 1px solid #CCCCCC;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
	}

		.oidc-profiles .oidc-button:hover {
			opacity: 1;
			-moz-opacity: 1;
		}

		.oidc-button span {
			display: inline-block;
			vertical-align: middle;
			padding: 0px 4px;
		}
		.oidc-button .oidc-icon {
			width: 40px; }

			.oidc-button .oidc-icon img { 
				height: 28px; 
				display: block;
			}

		.oidc-button .text {
			/*font-weight: bold;*/
			font-size: 120%;
		}

div#languages {
	display: flex;
	flex-flow: row nowrap;
	justify-content: right;
	height: 40px;
	position: relative;
	z-index: 1;
}

	div#languages a {
		/*background-image: url('images/formdesk-lang.gif');
		background-repeat: no-repeat;
		text-indent: -999999px;*/
		display: inline-block;
		height: 24px;
		width: 24px;
		margin: 0 7px 0 0;
		color: var(--main-font-color);
		border-radius: 12px;
		background-color: white;
	}

	div#languages div {
		height: 24px;
		width: 24px;
		margin: 0 7px 0 0;
	}

		div#languages a {
			display: flex;
			flex-direction: column;
			text-decoration: none;
			text-transform: lowercase;
			text-align: center;
			justify-content: center;
		}
		div#languages a:hover, div#languages a.active {
			background-color: var(--main-accent-color-orange);
			color: white;
		}

	

.fdlogin
{
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #f2f1f8;
}
.fdloginheader
{
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #f2f1f8;
}
.fdlogintext
{
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: white;
}
.fdloginleft
{
	BACKGROUND-COLOR: #f2f1f8;
	BACKGROUND-IMAGE: url(images/login_bg.gif);
	BACKGROUND-POSITION: bottom right;
	BACKGROUND-REPEAT: no-repeat;
}
DIV.fdbutton A, DIV.fdbutton A:active
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: black;
	FONT-FAMILY: Tahoma, Arial;
	TEXT-DECORATION: none;
}