DSC-2707 Moved the override for the form-select to the global styles

Author: Mattia Vianelli

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.scss

@@ -10,12 +10,6 @@
   height: fit-content;
 }
 
-:host ::ng-deep .form-select {
-  -webkit-appearance: none !important;
-  -moz-appearance: none !important;
-  appearance: none !important;
-  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
-}
 
 :host ::ng-deep .btn-group-toggle > .btn input[type="radio"] {
   position: absolute;

src/styles/_global-styles.scss

@@ -605,3 +605,12 @@ ngb-tooltip-window {
     @include ellipsis-y($i);
   }
 }
+
+// Override Bootstrap form-select background image
+.form-select {
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important;
+}
+