fix(forms): reverted back to old checkboxes as the new ones are broken and missing clear state, fixes #4096

public/sass/_variables.dark.scss

@@ -11,7 +11,7 @@ $black:            #000;
 $dark-1:           #141414;
 $dark-2:           #1f1d1d;
 $dark-3:           #292929;
-$dark-4:           #373737;
+$dark-4:           #333333;
 $dark-5:           #444444;
 $gray-1:           #555555;
 $gray-2:           #7B7B7B;
@@ -144,7 +144,7 @@ $input-bg-disabled:              $dark-3;
 
 $input-color:                    $gray-4;
 $input-border-color:             $dark-4;
-$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
+$input-box-shadow:               inset 1px 0px 0.5rem 0px rgba(200, 200, 200, 0.10);
 $input-border-focus:             $input-border-color !default;
 $input-box-shadow-focus:         rgba(102,175,233,.6) !default;
 $input-color-placeholder:        $gray-1 !default;

public/sass/base/_forms.scss

@@ -178,7 +178,7 @@ input[type="checkbox"].cr1 {
 
 label.cr1 {
   display: inline-block;
-  height: 19px;
+  height: 18px;
   position: relative;
   clear: none;
   text-indent: 2px;
@@ -190,7 +190,7 @@ label.cr1 {
 }
 
 input[type="checkbox"]:checked+label {
-  background: url($checkboxImageUrl) 0px -21px no-repeat;
+  background: url($checkboxImageUrl) 0px -18px no-repeat;
 }
 
 .gf-fluid-input {

public/sass/components/_alerts.scss

@@ -48,17 +48,17 @@
   position: absolute;
   top: -4px;
   right: -2px;
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
   padding: 0;
   background: $white;
   border-radius: 50%;
   border: none;
   font-size: 1.1rem;
-  color: $gray-2;
+  color: $dark-4;
   .fa {
     position: relative;
-    top: -2px;
+    top: -3px;
   }
 }