Change properties of bootstrap-select field

templates/admin/default/assets/less/thelia/bootstrap-select.less

@@ -58,10 +58,7 @@
 
 .bootstrap-select > .btn {
     width: 100%;
-}
-
-.error .bootstrap-select .btn {
-    border: 1px solid #b94a48;
+    .form-control-focus();
 }
 
 
@@ -79,6 +76,7 @@
     left: 12px;
     right: 25px;
     text-align: left;
+    color: @input-color;
 }
 
 .bootstrap-select.btn-group .btn .caret {
@@ -132,6 +130,14 @@
     overflow: hidden;
 }
 
+.bootstrap-select.btn-group .dropdown-menu li a{
+    color: @input-color;
+
+    &:hover{
+        color: #FFF;
+    }
+}
+
 .bootstrap-select.btn-group .dropdown-menu li {
     position: relative;
 

templates/admin/default/assets/less/thelia/forms.less

@@ -167,6 +167,36 @@ form .info {
     }
 }
 
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
+  // Color the label and help text
+  .help-block,
+  .control-label {
+    color: @text-color;
+  }
+  // Set the border and box shadow on specific inputs to match
+  .form-control, .bootstrap-select .btn {
+    border-color: @border-color;
+    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
+    &:focus {
+      border-color: darken(@border-color, 10%);
+      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
+      .box-shadow(@shadow);
+    }
+  }
+  // Set validation states also for addons
+  .input-group-addon {
+    color: @text-color;
+    border-color: @border-color;
+    background-color: @background-color;
+  }
+}
+
+
 // -- Sign in --
 .form-signin{
     // .form-control {