input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea { -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -moz-appearance: none; display: block; width: 100%; height: 36px; padding: 6px 15px; font-size: 14px; line-height: 1.57142857; color: #76838f; background-color: #fff; background-image: none; border: 1px solid #e4eaec; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; &:focus { border-color: #62a8ea; -webkit-box-shadow: none; box-shadow: none; outline: 0; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -moz-appearance: none; } &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #76838f; } } input[type="submit"] { -webkit-appearance: none; @include primary-button($primary-color, white); width: 100%; padding: 0 12px; font-size: 15px; font-weight: 500; box-shadow: 0 1px 0 rgba(0,0,0,.05); border: none; cursor: pointer; } select { background-color: #fff; background-image: none; border: 1px solid #e4eaec; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; &:focus { border-color: #62a8ea; -webkit-box-shadow: none; box-shadow: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear; } &:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } } textarea { height: 80px; padding: 5px 10px; }