/*----------Clases----------*/
html5\:footer
{
    position:relative;
    bottom: 0;
    width:90%;
    left: 0;
    right: 0;
}

.wrapper
{
    position:relative;
    display:block;
    display:flex;
    min-height:calc(100vh - 5em);
    align-items: center;
    justify-content:center;
}

.vcenter
{
    
}

.title
{
    font-size:2em;
}

/*----------Login Panel----------*/
.loginPanel
{
    max-width:350px;
    margin: 2em auto;
    background: #eeeeee;
    box-shadow:2px 2px 2px 0 black;
    border-radius:4px;
    padding: 1em;
}

    .loginPanel > input,
    .loginPanel input[type="submit"]
    {
        display:block;
        width:100%;
        border-radius:4px;
    }

    .loginPanel > input[type="email"],
    .loginPanel > input[type="text"],
    .loginPanel > input[type="password"]
    {
        background:white;
        margin-bottom:1em;
        height:2em;
        border: 1px solid #50dfff;
        text-indent:1em;
    }

    .loginPanel input[type="submit"]
    {
		background: #17346E;
		background: linear-gradient( 180deg, #0FAFDC, #17346E);
        font-weight:bold;
        color:white;
        text-indent:1em;
        cursor:pointer;
    }

        .loginPanel input[type="submit"]:hover
        {
            background: #0FAFDC;
            background: linear-gradient( 180deg, #17346E, #0FAFDC);
        }

        .loginPanel input[type="submit"]:active
        {
            box-shadow: 0 0 5px 0 black inset;
        }

.recupera
{
    display:block;
    text-align:center;
    color:darkblue;
    margin:0.5em 0;
    text-decoration:underline;
}

.message
{
    color:green;
    display:block;
    text-align:center;
    margin:0.5em 0;
}

.noButton
{
	background: transparent;
	border:none;
	margin:0.5em 0;
	padding:0.2em 0;
	color: #01A4E4;
	text-decoration: underline;
}

.hidden
{
	display:none;
}