html,
body {
    height: 100%;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
    background: #283593;
}

#login-page {
   width: 500px;
}

.container.center-align div.col.s12{
    margin-bottom: 30px;
    margin-top: 20px;
}

.card {
/*      position: absolute;
     left: 50%;
     top: 50%;
     -moz-transform: translate(-50%, -50%)
     -webkit-transform: translate(-50%, -50%)
     -ms-transform: translate(-50%, -50%)
     -o-transform: translate(-50%, -50%)
     transform: translate(-50%, -50%); */
}

label#inputCPF-error.error{
    margin-top: 50px;
    color: red;
    font-size: 12px; 
}

label#inputData-error.error{
    margin-top: 50px;
    color: red;
    font-size: 12px;   
}

.input-field > label:not(.label-icon).active {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: 11px;
}

/** FIXES for error messages https://github.com/Dogfalo/materialize/issues/1562*/
 label {
    width: 100%;
}
.input-field label {
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
}



label#inputCPF-error.error.active{
    display: contents;
    margin-left: 10px;
}
label#inputCPF-error.error{
    display: contents;
    margin-left: 10px;
}

label#inputData-error.error.active{
    display: contents;
    margin-left: 10px;
}
label#inputData-error.error{
    display: contents;
    margin-left: 10px;
}

/* Ajuste dirf */

div.row div.input-field.col.s12.center{
    font-size: 20px;
}
div.row div.input-field.col.s12.center a{
    font-size: 20px;
    text-decoration: underline;
}

form#login-form.login-form div.row div.input-field.col.s12{
    padding: 0px 25px;
}
div.col.s12.z-depth-6.card-panel div.row.center h5{
    padding-top: 30px;
}

a.btn.waves-effect.darken-1.col.s12{
    margin-top: 20px;
}

@media only screen and (max-width: 500px) {
    #login-page {
       width: auto;
    }
}