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

.brand-logo img {

  width: 300px;

}

.brand-logo {

  margin-left: 10px;
  margin-top: 8px;

}

.btn.noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

/* label focus color */
 .input-field label {
   color: white !important;
 }

 .row .input-field input {
   border-bottom: 1px solid #aaaaaa !important;
   box-shadow: 0 1px 0 0 #aaaaaa !important
 }



/* label focus color */
 .input-field input:focus + label {
   color: white !important;
 }
 /* label underline focus color */
 .row .input-field input:focus {
   border-bottom: 1px solid white !important;
   box-shadow: 0 1px 0 0 white !important
 }

#login_card {


  width: 500px;


}


.title {

  margin: 10px;


}

.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%);
}