Restore the design of selects in the country map widget

plugins/Morpheus/stylesheets/general/_forms.less

@@ -33,6 +33,14 @@ select {
     background: url("plugins/Morpheus/images/select_arrow.png") no-repeat right center, linear-gradient(#fafafa, #f5f5f5);
     padding-right: 30px;
 }
+// This mixin allows to restore the native style of selects when needed
+.native-select() {
+    -webkit-appearance: menulist;
+    -moz-appearance: menulist;
+    appearance: menulist;
+    padding-right: 12px;
+    background: none;
+}
 
 .form-group {
     width: 100%;

plugins/UserCountryMap/stylesheets/visitor-map.less

@@ -225,3 +225,12 @@
 .visitor-map[data-name=special-metrics-color-scale-4] {
     color: #E87500;
 }
+
+.userCountryMapSelectCountry, .userCountryMapSelectMetrics {
+    float: right;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    max-width: 10em;
+    font-size: 10px;
+    .native-select();
+}

plugins/UserCountryMap/templates/visitorMap.twig

@@ -60,7 +60,7 @@
                     <option value="{{ metric[0] }}" {% if metric[0] == defaultMetric %}selected="selected"{% endif %}}>{{ metric[1] }}</option>
                 {% endfor %}
             </select>
-            <select class="userCountryMapSelectCountry" style="float:right;margin-right:5px;margin-bottom:5px; max-width: 10em;font-size:10px;">
+            <select class="userCountryMapSelectCountry">
                 <option value="world">{{ 'UserCountryMap_WorldWide'|translate }}</option>
                 <option disabled="disabled">––––––</option>
                 <option value="AF">{{ 'UserCountry_continent_afr'|translate }}</option>