Customize select2 input styles

src/memopol/static/css/custom.css

@@ -59,7 +59,7 @@ a.tag:hover {
 }
 
 body, .panel-title {
-	font-family: FiraSansRegulat, "Helvetica Neue",Helvetica,Arial,sans-serif;
+	font-family: FiraSansRegular, "Helvetica Neue",Helvetica,Arial,sans-serif;
 }
 
 h2, h3, h4, h5, h6 {
@@ -167,6 +167,36 @@ select:focus, select.form-control:focus {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
 }
 
+
+/***************************************************************
+                    Select2
+***************************************************************/
+
+.select2-selection {
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: rgb(221, 221, 221) 0px -1px 0px 0px inset !important;
+}
+
+.select2-container--focus .select2-selection {
+    box-shadow: rgb(72, 126, 214) 0px -2px 0px 0px inset !important;
+}
+
+.select2-selection__choice {
+    background-color: #487ED6 !important;
+    padding: .2em .6em .3em !important;
+    color: #fff !important;
+    vertical-align: baseline !important;
+    border-radius: .25em !important;
+    border-color: #487ED6 !important;
+    font-size: 80% !important;
+    font-weight: bold !important;
+}
+
+.select2-selection__choice__remove {
+    color: #fff !important;
+}
+
 /***************************************************************
 					Buttons
 ***************************************************************/