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

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

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

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

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

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

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

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


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

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

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