Remove IE weird input additions, fallback to mobile error style on IE, fix some mobile error issues

src/components/forms/input.scss

@@ -35,4 +35,9 @@ $pass-bg: lighten($ui-aqua, 35%);
         border: 1px solid $active-dark-gray;
         background-color: $pass-bg;
     }
+
+    /* IE10/11-specific style resets */
+    &::-ms-reveal, &::-ms-clear {
+        display: none;
+    }
 }

src/views/teacherregistration/teacherregistration.scss

@@ -192,7 +192,9 @@ body {
 
         .username-step,
         .demographics-step,
-        .name-step {
+        .name-step,
+        .address-step,
+        .email-step {
             .help-block {
                 transform: none;
             }
@@ -205,7 +207,7 @@ body {
             }
 
             .checkbox {
-                margin-bottom: 1rem;
+                margin-bottom: (1em * $em);
             }
         }
 
@@ -213,6 +215,34 @@ body {
             .checkbox-group {
                 text-align: left;
             }
+
+            .help-block {
+                transform: none;
+            }
+        }
+    }
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .teacher-registration {
+        .username-step,
+        .demographics-step,
+        .name-step,
+        .phone-step,
+        .organization-step,
+        .address-step,
+        .email-step {
+            .help-block {
+                position: relative;
+                transform: none;
+                margin: inherit;
+                width: 100%;
+                height: inherit;
+
+                &:before {
+                    display: none;
+                }
+            }
         }
     }
 }