/* Cuando no se está logueado no se entra por la plantilla de login y se muestra un mensaje avisando que ha de loguearse primero */

body.contentpane
{
	background: #FFF;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	overflow: visible;
	max-height: 100vh;
	max-width: 100vw;
	overflow: hidden;
}

.template-login-warning-info *
{
	margin: auto;
	max-width: 100vw;
}

.template-login-warning-info dd.notice.message.fade
{
	margin-left: 0;
}

.template-login-warning-info dt.notice
{
	padding: 6px;
}

.template-login-warning-info dd.notice.message.fade ul li
{
	padding-left: 10px;
	border-radius: 3px;
}
.flex-container > div 
{
	max-height: 100vh;
}

div.flex-right > * 
{
    margin: 0px 50px 28px 12vh;
}

.flex-container > div.flex-right > h2 
{
    margin-bottom: 6vh;
}

@media screen and (min-width: 992px) 
{
	/* Según las pruebas realizadas a partri de esta altura ya no debemos mostrar scroll */
	@media screen and (min-height: 630px)
	{

	}


	@media screen and (min-height: 630px)
	{

	}

	.flex-container > div.flex-left .innguma-logo-container 
	{
	    margin-top: 7vh;
	}

	.flex-container > div.flex-right > h1 
	{
	    font-size: 5.2vw;
	    line-height: 10vh;
	    margin-top: 6vh;
	}

	.cookies-msg-in-confirm
	{
		margin: 2vh auto auto;
	}

	div.form-msgs p.from-pass-explain 
	{
		margin: 3px auto 0;
	}

	.flex-container > div.flex-left form p 
	{
	    line-height: 15px;
	}

	div.form-msgs p.from-pass-explain, div.form-msgs p.cookies-msg-in-confirm
	{
		font-size: 13px;
		line-height: 16px;
	}

}


@media screen and (min-width: 1280px)
{

	@media screen and (min-height: 720px)
	{
		.cookies-msg-in-confirm
		{
			margin: 2vh auto auto;
		}

		div.form-msgs p.from-pass-explain 
		{
			margin: 3px auto 0;
		}

		div.form-msgs p.from-account-title
		{
			font-size: 24px;
			margin-bottom: 10px;
		}

		.flex-container > div.flex-left form p 
		{
		    line-height: 22px;
		}

		div.form-msgs p.from-pass-explain, div.form-msgs p.cookies-msg-in-confirm
		{
			font-size: 18px;
			line-height: 20px;
		}

		.cookies-msg-in-confirm 
		{
		    margin: 7vh auto auto;
		}

	}

	@media screen and (min-height: 768px)
	{

	}

	@media screen and (min-height: 800px)
	{

	}

	@media screen and (min-height: 920px)
	{

	}

	/* A partir de este tamaño  ya no hace falta el scroll*/
	@media screen and (min-height: 1084px)
	{

	}

}



@media screen and (min-width: 1440px) 
{


}

@media screen and (min-width: 1680px) 
{

}