select2 avec width: 100%

src/resources/sass/_app.scss

@@ -66,6 +66,10 @@ label.required:after {
     padding: 0.5rem 0.375rem;
 }
 
+.input-group > .select2-container--bootstrap4 {
+    width: 100% !important;
+}
+
 /*
   ____ _               _    _
  / ___| |__   ___  ___| | _| |__   _____  __
@@ -422,3 +426,44 @@ div.form-action {
     color: #d8994a;
     background-color: #fff4e7;
 }
+
+/*
+ ____             _
+|  _ \  __ _ _ __| | __
+| | | |/ _` | '__| |/ /
+| |_| | (_| | |  |   <
+|____/ \__,_|_|  |_|\_\
+
+*/
+
+.bg-dark {
+    input, select, .select2-selection, .select2-selection__rendered {
+        background-color: #292e32 !important;
+        color: #fff !important;
+        border: none;
+        border-radius: 0;
+    }
+    .input-group-text {
+        background-color: #212224;
+        color: #adadad;
+        border: none;
+        border-radius: 0;
+    }
+    .text-muted {
+        color: #a8b3bd !important
+    }
+    .custom-control-label::before {
+        background-color: #fff;
+        border: none;
+    }
+    .custom-control-label::after {
+        background-color: #858585;
+    }
+    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+        background-color: #fff;
+    }
+
+    label {
+        font-weight: 400 !important;
+    }
+}