html,
body {
  background-image: url('http://funkyimg.com/i/2GWFZ.png');
  background-size: cover;
}

.inv-login {
  background-color: #ffffff;
  padding-top: 5% !important;
  padding-bottom: 5% !important;
  margin-top: 50%;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 20px 20px 00px 0px;
  box-shadow: 0px 0px 5px #000000;
}

.login-button {
  width: 100%;
  background-color: #ad1457;
  box-shadow: 0px 0px 5px #000000;
}

.login-button:hover {
  width: 100%;
  background-color: #cc256e;
  box-shadow: 0px 0px 5px #000000;
}

/*
.login-title {
  color: #ffffff;
  text-align: center;
  background-color: rgba(173, 20, 87, 0.5);
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 5px #000000;
  margin-top: 50px;
  border-top: 3px dotted #ad1457;
}
*/

.input-field input[type=text]:focus + label,
.input-field input[type=password]:focus + label {
  color: #ad1457 !important;
}

.input-field input[type=text]:focus,
.input-field input[type=password]:focus {
  border-bottom: 1px solid #ad1457 !important;
  box-shadow: 0 1px 0 0 #ad1457 !important;
}

.input-field .prefix.active {
  color: #ad1457;
}

.input-field input[type=text].valid,
.input-field input[type=password].valid {
  border-bottom: 1px solid #525252;
  box-shadow: 0 1px 0 0 #525252;
}
  
.input-field input[type=text].invalid,
.input-field input[type=password].valid {
  border-bottom: 1px solid #525252;
  box-shadow: 0 1px 0 0 #525252;
}