input {
  color: #eee;
}


/* label underline focus color */
   .input-field input[type=text]:focus {
     border-bottom: 1px solid #f9a825;
   }

input[type=text].valid:not(.browser-default) {
    border-bottom: 1px solid #f9a825;
}

input[type=text].valid:active(.browser-default) {
    border-bottom: 1px solid #f9a825;
}

input[type=text].valid:(.browser-default) {
    border-bottom: 1px solid #f9a825;
}

input[type=text]:not(.browser-default) {
  border-bottom: 1px solid #888;
}

input[type=text].valid:not(.browser-default) {
  border-bottom: 1px solid #f9a825;
}

input[type=text].valid:not(.browser-default):focus {
   border-bottom: 1px solid #f9a825;
 }

input[type=text]:not(.browser-default):focus:not([readonly]) {
   border-bottom: 1px solid #f9a825;
 }



 .input-field input[type=email]:focus {
   border-bottom: 1px solid #f9a825;
 }

input[type=email].valid:not(.browser-default) {
  border-bottom: 1px solid #f9a825;
}

input[type=email].valid:active(.browser-default) {
  border-bottom: 1px solid #f9a825;
}

input[type=email].valid:(.browser-default) {
  border-bottom: 1px solid #f9a825;
}

input[type=email]:not(.browser-default) {
border-bottom: 1px solid #888;
}

input[type=email].valid:not(.browser-default) {
border-bottom: 1px solid #f9a825;
}

input[type=email].valid:not(.browser-default):focus {
 border-bottom: 1px solid #f9a825;
}

input[type=email]:not(.browser-default):focus:not([readonly]) {
 border-bottom: 1px solid #f9a825;
}


.input-field input[type=password]:focus {
  border-bottom: 1px solid #f9a825;
}

input[type=password].valid:not(.browser-default) {
 border-bottom: 1px solid #f9a825;
}

input[type=password].valid:active(.browser-default) {
 border-bottom: 1px solid #f9a825;
}

input[type=password].valid:(.browser-default) {
 border-bottom: 1px solid #f9a825;
}

input[type=password]:not(.browser-default) {
border-bottom: 1px solid #888;
}

input[type=password].valid:not(.browser-default) {
border-bottom: 1px solid #f9a825;
}

input[type=password].valid:not(.browser-default):focus {
border-bottom: 1px solid #f9a825;
}

input[type=password]:not(.browser-default):focus:not([readonly]) {
border-bottom: 1px solid #f9a825;
}






 input[type=text]:not(.browser-default):focus:not([readonly])+label {
   color: #ddd;
 }

 input[type=email]:not(.browser-default):focus:not([readonly])+label {
   color: #ddd;
 }

 input[type=password]:not(.browser-default):focus:not([readonly])+label {
   color: #ddd;
 }