/* this is for the input field boxfix */
input:focus{
    outline: none
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important;
    box-shadow: 0 0 0 30px #f3f3f3 inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; /* background */
    box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: black !important; /* text color */
}
/* make inputs always fill their parent */
.shadow input,
.shadow .form-input,
.shadow input[type="text"],
.shadow input[type="email"],
input, textarea, select {
  display: block;
  width: 100% !important;
  box-sizing: border-box; /* includes padding & border in width */
  min-width: 0;           /* avoid flex overflow cutoffs */
}