body									{padding:0px !important; background:var(--page-gradient); 
											 color:var(--page-text); }


/* ---------------------------------------------------------------------------------- */
	header									{position:relative; height:50px; background-color:transparent !important; color:#666; background-image:none !important;
											 height: 80px; padding:12px 3vw 8px 3vw;}

	header .header-logo						{line-height:0.8rem;}
	header .header-logo>img					{width:120px;}
	header .header-logo>span				{color:inherit; line-height:1rem;}
	header .header-logo>span>.header-name	{letter-spacing:5px;}
	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;}

	body.header-fixed-white .mobile-logo>img  {width:0px; height:0px; padding:12px; background:url('/Content/images/truckman-logo.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:3vh 3vw;}
		.section-1>.pnl-login		{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-login		{padding:10vh 5vw;}
	}

	@media all and (max-height:960px) {
		.section-1>.pnl-login		{padding:14vh 4vw 0 4vw;}
		.section-1 .lbl-extra		{opacity:0.7; padding-top:15vh;}
	}

	.section-1>.pnl-login			{background-color:#090979; color:#fff;
									background-image:linear-gradient(135deg,rgba(55, 0, 122, 1) 0%, rgba(125, 0, 214, 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;}