.login{
    width: 100%;
    height: 300px;
    display: block;
    margin-top: 100px;
    background: #00c853;
    padding: 20px;
    margin-bottom: 100px;
    border-radius: 5px;
}

.button{
    width: 100%;
    display: block;
    background: #fff;
    color: #00e676;
    border: none;
    height: 30px;
}
h4{
    color: #fff;
    text-align: center;
}
/*.login .btn{
   background: #fff;
    color: #00e676; 
}*/
.login .input-field input[type=text], .login .input-field input[type=password]{
    color: #fff;
}
/* label color */
.login .input-field label {
     color: #fff;
   }
   /* label focus color */
.login .input-field input[type=text]:focus + label, .login .input-field input[type=password]:focus + label {
     color: #fff;
   }
   /* label underline focus color */
.login .input-field input[type=text]:focus, .login .input-field input[type=password]:focus {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
   /* valid color */
.login .input-field input[type=text].valid, .login .input-field input[type=password].valid {
     border-bottom: 1px solid #fff;
     box-shadow: 0 1px 0 0 #fff;
   }
.login .input-field input[type=text], .login .input-field input[type=password]{
    border-bottom: 1px solid #fff;
}
 /* icon prefix focus color */
   .input-field .prefix.active {
     color: #fff;
   }