New ui

Main/static/assets/scss/volt/forms/_form-check.scss

@@ -0,0 +1,15 @@
+.form-check-input {
+    &.round-check{
+        &[type="checkbox"] {
+            @include border-radius($form-check-radio-border-radius);
+          }
+    }
+}
+
+.form-switch {
+    padding-left: $form-switch-padding-left;
+  
+    .form-check-input {
+        height: 1.275em;
+    }
+}

Main/static/assets/scss/volt/forms/_form-control.scss

@@ -0,0 +1,25 @@
+.form-control{
+
+    @include media-breakpoint-up(lg) {
+        &.form-control-lg{
+            padding: $inpu-lg-padding-y $input-padding-x;
+        }
+    }
+
+}
+
+.search-bar {
+    .form-control {
+        width: 280px;
+        transition: width .2s ease-in-out;
+
+        @include media-breakpoint-down(sm) {
+            width: 120px;
+
+            &:focus {
+                width: 150px;
+            }
+        }
+    }
+}
+

Main/static/assets/scss/volt/forms/_form-select.scss

@@ -0,0 +1,23 @@
+.form-select {
+    .form-select-lg{
+        padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x;
+    }
+}
+
+//Add File Alternative Style
+
+.file-field input[type="file"] {
+    max-width: 230px;
+    position: absolute;
+    cursor: pointer;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    padding-bottom: 30px;
+}
+.file-field svg {
+    cursor: pointer;
+}
+
+.datepicker-dropdown {
+    z-index: 9999;
+}

Main/static/assets/scss/volt/forms/_input-group.scss

@@ -0,0 +1,13 @@
+.input-group {
+    .form-control:focus {
+        border-color: $input-border-color;
+
+        & + .input-group-text {
+            border-color: $input-border-color; 
+        }
+    }
+}
+
+.input-group-text{
+    @include box-shadow($input-box-shadow);
+}