
	body.body								{padding:0px !important; background:var(--page-gradient) !important; color:var(--page-text); }


/* ---------------------------------------------------------------------------------- */
	header									{position:relative; height:50px; background-color:transparent !important; color:#666; background-image:none !important;
											 height: 49px; padding:12px 3vw 8px 3vw; border-bottom:1px solid #f2f0ec;}

	header .header-logo						{}
	header .header-logo>img					{width:32px;}
	header .header-logo>span				{letter-spacing:2px; color:inherit; line-height:0.8rem;}
	header .header-logo>span>.header-name	{letter-spacing:5px; font-size:0.9rem; font-weight:bold;}
	header .header-logo>span>.header-teaser	{opacity:0.6;}

@media all and (max-width:600px) {
	header									{height:80px; padding:25px 40px;}

	header .header-logo						{position:absolute; left:25px; top:25px;}
	header .header-logo>img					{width:28px;}
	header .header-logo>span				{letter-spacing:2px; color:inherit; line-height:0.75rem;}
	header .header-logo>span>.header-name	{letter-spacing:4px; font-size:0.8rem;}
	header .header-logo>span>.header-teaser	{opacity:0.6;}

	body.header-fixed-white .mobile-logo>img  {width:0px; height:0px; padding:12px; background:url('/Content/images/logo-homefront.png') no-repeat 0 0; background-size:cover; /* It's a hack ! */}
}


/* ---------------------------------------------------------------------------------- */
	.section-1						{width:100%;}
	.section-1>*					{min-height:100%;}

	@media all and (min-width:601px) {
		.section-1					{max-height:calc(100vh - 70px); height:90vh; padding:3vw;}
		.section-1>.pnl-host		{padding:18vh 4vw 0 4vw; width:35vw; border-radius:16px; overflow:hidden;}
		.section-1 .lbl-extra		{opacity:0.7; padding-top:38vh;}
	}

	@media all and (max-width:600px) {
		.section-1					{min-height:auto;}
		.section-1>.pnl-host		{padding:10vh 5vw;}
	}

	@media all and (max-height:960px) {
		.section-1>.pnl-host		{padding:14vh 4vw 0 4vw;}
		.section-1 .lbl-extra		{opacity:0.7; padding-top:15vh;}
	}

	.section-1>.pnl-host			{background-color:#2066ee; color:#fff;
									background-image: url('/Content/images/bkg-signin-02-w.png'), linear-gradient(136deg,rgba(17, 66, 166, 1) 0%, rgba(32, 102, 238, 1) 100%);
									background-size:cover; max-width:560px;
	}


/* ---------------------------------------------------------------------------------- */
	.section-1 form				{max-width:450px; margin:0 0 50px 8vw; padding-top:120px;}
	@media all and (max-width:600px) {
		.section-1 form			{max-width:auto; margin:0 20px 30px 20px; padding-top:40px;}
	}
	.section-1 form select option	{padding:3px 3px 3px 40px;}
