html,body {
    height: 100%;
    background-image: url("../img/backgroundLogo.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 100px ;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
}

#login-page {
   width: 400px;
}
.input-field .prefix ~ input {
    width: calc(100% - 4rem);
    height: 45px;
}
.input-field .prefix ~ label {
    margin-left: 4rem;
}
.input-field label {
    color: #9e9e9e;
    top: 0.8rem;
    left: 1.25rem;
    font-size: 1rem;
    transition: .2s ease-out;
}
.input-field .prefix{
    color: gray;
}
.input-field .prefix.active{
    color: #439cbc;
}
.btn:hover, .btn-large:hover {
    background-color: #3686a3;
    color: white;
}
.input-field label.active {
    transform: translateY(-180%);
    color: #439cbc;
}
.row {
    margin-bottom: 0;
}
.row .col.s12 {
    color: white;
}
.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%);
}
#logoForm ,#registerForm{
    text-align: center;
    padding-bottom: 20px;
}
.card-panel{
    transition: box-shadow .25s;
    padding: 20px;
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
    background-color: rgba(26, 26, 26, 0);
    box-shadow: none;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #439cbc;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #439cbc;
    box-shadow: 0 1px 0 0 #439cbc;
}
.btn, .btn-large {
    background-color: #439cbc;
}
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], textarea, select, .vTextField {
    border: none;
    border-radius: 4px;
    padding: 0;
    padding-left: 5px;
    margin-top: 0;
    background-color: #ededed;
}

ul li {
    padding-top: 0;
    margin-top: -5px;
    font-size: 11px;
    color: gray;
}

ul.errorlist {
    color: #FFFFFF;
    background: none!important;
}

ul.errorlist li:first-child {
    color: white;
}