form { input[type=text], input[type=password], textarea, input[type=email] { margin: 5px; font-size: 1em; /* padding: 25px 15px; */ height: 34px; color: #404040; background: white; border: 1px solid; border-color: #c4c4c4 #d1d1d1 #d4d4d4; border-radius: 2px; outline: 5px solid #eff4f7; -moz-outline-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); margin-bottom: 25px; width: 99%; /* all browsers */ width: -moz-calc(100% - 10px); /* Firefox 4+ */ width: calc(100% - 10px); /* IE9+ and future browsers */ /* Crashing Safari width: -webkit-calc(100% - 10px); @include experimental-value(width, calc(100% - 10px)); */ } :-moz-placeholder { color: #c9c9c9 !important; font-size: 15px; } ::-webkit-input-placeholder { color: #ccc; font-size: 15px; } .input.select { select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background:url("data:image/svg+xml;utf8,"); background-color:#EFF4F7; background-repeat:no-repeat; background-position: right 10px top 15px; background-size: 16px 16px; color: #333 !important; padding:6px; padding-right: 40px; width:auto; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:3px; -webkit-border-radius:3px; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #D4D4D4; outline:0; -webkit-transition:0.3s ease all; -moz-transition:0.3s ease all; -ms-transition:0.3s ease all; -o-transition:0.3s ease all; transition:all0.3s ease all; &:hover { cursor: pointer; } } } }