Select2 replaced by inputosaurus + ui-autocomplete

+ a lot of small fixes.

dev/Styles/@Main.less

@@ -32,7 +32,7 @@
 
 @import "_IcoMoonToBoot.less";
 @import "_BootstrapFix.less";
-@import "_Select2Fix.less";
+@import "_InputosaurusFix.less";
 
 @import "Ui.less";
 @import "Main.less";

dev/Styles/Compose.less

@@ -57,16 +57,10 @@
 				border-bottom: 1px dashed #555;
 			}
 		}
-
 		.e-row {
 			line-height: 30px;
 		}
 
-		.e-delimiter-row {
-			line-height: 2px;
-			height: 5px;
-		}
-
 		.e-label {
 			text-align: right;
 			width: 1%;
@@ -84,9 +78,6 @@
 			textarea {
 				height: 40px;
 			}
-			.select2-container {
-				width: 100%;
-			}
 		}
 
 		.error-desc {

dev/Styles/_InputosaurusFix.less

@@ -0,0 +1,57 @@
+
+.inputosaurus-container {
+	width: 99%;
+	line-height: 20px;
+	padding: 2px;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	
+	.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
+	.transition(~"border linear .2s, box-shadow linear .2s");
+
+	li {
+		max-width: 500px;
+		background-color: #eee;
+		border: 1px solid #aaa;
+		line-height: 18px;
+		padding: 2px 4px;
+		margin: 2px 2px 2px;
+		color: #555;
+
+		a {
+			color: #999;
+			float: right;
+			font-size: 14px;
+
+			&:hover {
+				color: #666;
+			}
+		}
+
+		&.inputosaurus-selected {
+			background-color: #ddd;
+		}
+	}
+
+	.inputosaurus-fake-span {
+		position: absolute;
+		top: 0;
+		left: -5000px;
+	}
+
+	.inputosaurus-input {
+
+		margin: 2px 10px 2px 0px;
+		height: 22px;
+
+		input {
+			border: 0px;
+			height : 21px;
+			padding-left: 0;
+		}
+	}
+}
+
+.ui-autocomplete {
+	z-index: 2000;
+}