body {
  background-color: #E9EBEE;
}
.wrapper {
  margin:90px auto 0 auto;
}
.preloader-wrapper {
    left: 40%;
    top: 55px!important;
}

.pass-field {
  visibility: hidden;
}
.credentials-form {
  margin:0 auto!important;
  width:400px;
}
.card {
  margin:0 auto!important;
}
.card-action {
    padding: 2px 20px!important;
    font-size: 24px!important;
}
.card-title {
  text-shadow: 1px 1px 1px #01579b;
}
.fa-snapchat {
  padding: 0 10px 0 0;
}
input:focus{
      border-bottom: 1px solid #0277bd!important;
}
.submit-btn {
 background-color:#0277bd!important;
 cursor: pointer;

}
.submit-btn:hover {
 background-color:#0288d1!important;
}
.form-footer{
  border-top:1px solid #e0e0e0;
  padding:15px 0 15px 0;
  font-size:10px;
}
.form-footer p{
  float:right;
}
label {
  font-size: .9rem!important;
  color: #9e9e9e;
}

.instructions {
	padding:10px;
	font-size:14px;
	background-color:#fafafa;
	color:#757575;
	margin-bottom:-40px!important;
}

#error,
#success{
	display:none;
	transition:2s;
}

#error{
	color:#c62828;
	
}

#success {
	color: #388e3c;
}

/*Responsive*/
@media only screen and (max-width:425px){
  .credentials-form {
    width:100%;
  }
   .card-title {
    font-size: 21px!important;
	text-align: center!important;
	}
}

@media only screen and (max-width:768px){
  .wrapper {
    margin:30px auto 0 auto;
  }
}