From 1a8582d35faf64b687e75518a8ddddc3959a53b0 Mon Sep 17 00:00:00 2001
From: mehmetfurkanaydin <aydin.mehmetfurkan@gmail.com>
Date: Wed, 10 May 2017 17:38:52 +0300
Subject: [PATCH] less file fixed

---
 public/options.html | 428 ++++++++++++++++++++++----------------------
 public/vis.less     | 292 +++++++++++++++---------------
 2 files changed, 360 insertions(+), 360 deletions(-)

diff --git a/public/options.html b/public/options.html
index 655b6ad..2c78e10 100644
--- a/public/options.html
+++ b/public/options.html
@@ -1,258 +1,260 @@
 <!-- vis type specific options -->
-<uib-accordion close-others="true">
-  <div uib-accordion-group class="panel-default" heading="Aggregation Options">
-    <div class="form-group">
-      <label>
-        Map Collar Scale <kbn-info info="Use this input to increase or decrease the size of the geo aggregation filter. A value of 1 will size the filter to the map bounds. A value of 2 will size the filter to 2X the map bounds. A value too small could result in excessive fetches. A value too large could result in trimmed results and slow performance."></kbn-info>
-      </label>
-      <input type="number" class="form-control"
-        name="collarScale"
-        ng-model="vis.params.collarScale">
-    </div>
-    <div class="form-group">
-      <label>Map type</label>
-      <select name="agg"
-        class="form-control"
-        ng-model="vis.params.mapType"
-        ng-init="vis.params.mapType || vis.type.params.mapTypes[0]"
-        ng-options="mapType as mapType for mapType in vis.type.params.mapTypes"
-        >
-      </select>
-    </div>
-    <tooltip-formatter tooltip="vis.params.tooltip"></tooltip-formatter>
-    <div ng-if="vis.params.mapType !== 'Heatmap'" class="form-group">
+<div class="etm-vis-options">
+  <uib-accordion close-others="true">
+    <div uib-accordion-group class="panel-default" heading="Aggregation Options">
       <div class="form-group">
         <label>
-          Legend Scale
-          <kbn-info ng-if="vis.params.scaleType === 'Dynamic - Linear'" info="A legend scale which linearly grows from minimum to maximum range."></kbn-info>
-          <kbn-info ng-if="vis.params.scaleType === 'Dynamic - Uneven'" info="A legend scale that will create uneven ranges for the legend in an attempt to split the map features uniformly across the ranges.  Useful when data is unevenly distributed across the minimum - maximum range."></kbn-info>
+          Map Collar Scale <kbn-info info="Use this input to increase or decrease the size of the geo aggregation filter. A value of 1 will size the filter to the map bounds. A value of 2 will size the filter to 2X the map bounds. A value too small could result in excessive fetches. A value too large could result in trimmed results and slow performance."></kbn-info>
         </label>
-        <select name="scaleType"
+        <input type="number" class="form-control"
+          name="collarScale"
+          ng-model="vis.params.collarScale">
+      </div>
+      <div class="form-group">
+        <label>Map type</label>
+        <select name="agg"
           class="form-control"
-          ng-model="vis.params.scaleType"
-          ng-init="vis.params.scaleType || vis.type.params.scaleTypes[0]"
-          ng-options="scaleType as scaleType for scaleType in vis.type.params.scaleTypes"
+          ng-model="vis.params.mapType"
+          ng-init="vis.params.mapType || vis.type.params.mapTypes[0]"
+          ng-options="mapType as mapType for mapType in vis.type.params.mapTypes"
           >
         </select>
       </div>
-      <div ng-if="vis.params.scaleType === 'Static'" class="form-group">
-        <bands bands="vis.params.scaleBands"></bands>
-      </div>
-    </div>
-    <div ng-if="vis.params.mapType === 'Heatmap'" class="form-group">
-      <div>
-        <label>
-          Radius
-          &nbsp;<kbn-info placement="right" info="Size of heatmap dots. Default: 25"></kbn-info>
-        </label>
-        <div class="vis-editor-agg-form-row">
-          <input
-            name="heatRadius"
-            ng-model="vis.params.heatRadius"
-            required
+      <tooltip-formatter tooltip="vis.params.tooltip"></tooltip-formatter>
+      <div ng-if="vis.params.mapType !== 'Heatmap'" class="form-group">
+        <div class="form-group">
+          <label>
+            Legend Scale
+            <kbn-info ng-if="vis.params.scaleType === 'Dynamic - Linear'" info="A legend scale which linearly grows from minimum to maximum range."></kbn-info>
+            <kbn-info ng-if="vis.params.scaleType === 'Dynamic - Uneven'" info="A legend scale that will create uneven ranges for the legend in an attempt to split the map features uniformly across the ranges.  Useful when data is unevenly distributed across the minimum - maximum range."></kbn-info>
+          </label>
+          <select name="scaleType"
             class="form-control"
-            type="range"
-            min="5"
-            max="50"
-            step="1"
+            ng-model="vis.params.scaleType"
+            ng-init="vis.params.scaleType || vis.type.params.scaleTypes[0]"
+            ng-options="scaleType as scaleType for scaleType in vis.type.params.scaleTypes"
             >
-          <div class="form-group vis-editor-agg-form-value">
-            {{vis.params.heatRadius}}
-          </div>
+          </select>
+        </div>
+        <div ng-if="vis.params.scaleType === 'Static'" class="form-group">
+          <bands bands="vis.params.scaleBands"></bands>
         </div>
       </div>
-      <div>
-        <label>
-          Blur
-          &nbsp;<kbn-info placement="right" info="Amount of blur applied to dots. Default: 15"></kbn-info>
-        </label>
-        <div class="vis-editor-agg-form-row">
-          <input
-            name="heatBlur"
-            ng-model="vis.params.heatBlur"
-            required
-            class="form-control"
-            type="range"
-            min="1"
-            max="25"
-            step="1"
-            >
-          <div class="form-group vis-editor-agg-form-value">
-            {{vis.params.heatBlur}}
+      <div ng-if="vis.params.mapType === 'Heatmap'" class="form-group">
+        <div>
+          <label>
+            Radius
+            &nbsp;<kbn-info placement="right" info="Size of heatmap dots. Default: 25"></kbn-info>
+          </label>
+          <div class="vis-editor-agg-form-row">
+            <input
+              name="heatRadius"
+              ng-model="vis.params.heatRadius"
+              required
+              class="form-control"
+              type="range"
+              min="5"
+              max="50"
+              step="1"
+              >
+            <div class="form-group vis-editor-agg-form-value">
+              {{vis.params.heatRadius}}
+            </div>
           </div>
         </div>
-      </div>
-      <div>
-        <label>
-          Maximum zoom
-          &nbsp;<kbn-info placement="right" info="Map zoom at which all dots are displayed at full intensity. Default: 16"></kbn-info>
-        </label>
-        <div class="vis-editor-agg-form-row">
-          <input
-            name="heatMaxZoom"
-            ng-model="vis.params.heatMaxZoom"
-            required
-            class="form-control"
-            type="range"
-            min="1"
-            max="18"
-            step="1"
-            >
-          <div class="vis-editor-agg-form-value">
-            {{vis.params.heatMaxZoom}}
+        <div>
+          <label>
+            Blur
+            &nbsp;<kbn-info placement="right" info="Amount of blur applied to dots. Default: 15"></kbn-info>
+          </label>
+          <div class="vis-editor-agg-form-row">
+            <input
+              name="heatBlur"
+              ng-model="vis.params.heatBlur"
+              required
+              class="form-control"
+              type="range"
+              min="1"
+              max="25"
+              step="1"
+              >
+            <div class="form-group vis-editor-agg-form-value">
+              {{vis.params.heatBlur}}
+            </div>
           </div>
         </div>
-      </div>
-      <div>
-        <label>
-          Minimum opacity
-          &nbsp;<kbn-info placement="right" info="Minimum opacity of dots. Default: 0.1"></kbn-info>
-        </label>
-        <div class="vis-editor-agg-form-row">
-          <input
-            name="heatMinOpacity"
-            ng-model="vis.params.heatMinOpacity"
-            required
-            class="form-control"
-            type="range"
-            min="0"
-            max="1.0"
-            step="0.01"
-            >
-          <div class="vis-editor-agg-form-value">
-            {{vis.params.heatMinOpacity}}
+        <div>
+          <label>
+            Maximum zoom
+            &nbsp;<kbn-info placement="right" info="Map zoom at which all dots are displayed at full intensity. Default: 16"></kbn-info>
+          </label>
+          <div class="vis-editor-agg-form-row">
+            <input
+              name="heatMaxZoom"
+              ng-model="vis.params.heatMaxZoom"
+              required
+              class="form-control"
+              type="range"
+              min="1"
+              max="18"
+              step="1"
+              >
+            <div class="vis-editor-agg-form-value">
+              {{vis.params.heatMaxZoom}}
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-group">
-        <label>
-          <input type="checkbox" ng-model="vis.params.addTooltip">
-          Show Tooltip
-        </label>
+        <div>
+          <label>
+            Minimum opacity
+            &nbsp;<kbn-info placement="right" info="Minimum opacity of dots. Default: 0.1"></kbn-info>
+          </label>
+          <div class="vis-editor-agg-form-row">
+            <input
+              name="heatMinOpacity"
+              ng-model="vis.params.heatMinOpacity"
+              required
+              class="form-control"
+              type="range"
+              min="0"
+              max="1.0"
+              step="0.01"
+              >
+            <div class="vis-editor-agg-form-value">
+              {{vis.params.heatMinOpacity}}
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>
+            <input type="checkbox" ng-model="vis.params.addTooltip">
+            Show Tooltip
+          </label>
+        </div>
       </div>
     </div>
-  </div>
-
 
-  <div uib-accordion-group class="panel-default" heading="Geo shape filtering" ng-if="$root.etm.shapeFields.length > 0" >
-    <div class="vis-option-item form-group">
-      <label>
-        <input type="checkbox"
-        name="filterByShape"
-        ng-model="vis.params.filterByShape">
 
-        Filter by geo_shape field
-
-        <kbn-info info="Filter by geo_shape field instead of geo_point field used for Geohash aggregation."></kbn-info>
-      </label>
-      <select name="shapeField"
-        class="form-control"
-        ng-model="vis.params.shapeField"
-        ng-options="shapeField as shapeField for shapeField in $root.etm.shapeFields">
-      </select>
-    </div>
-  </div>
-
-
-  <div uib-accordion-group class="panel-default" heading="Map Options">
-    <div class="vis-option-item form-group">
-      <label>
-        <input type="checkbox"
-        name="scrollToZoom"
-        ng-model="vis.params.scrollWheelZoom">
-
-        Scroll Wheel Zoom
-
-        <kbn-info info="Whether the map can be zoomed by using the mouse wheel."></kbn-info>
-      </label>
-    </div>
-    <div class="vis-option-item form-group">
-      <label>
-        <input type="checkbox"
-        name="isDesaturated"
-        ng-disabled="!vis.type.params.canDesaturate"
-        ng-model="vis.params.isDesaturated">
+    <div uib-accordion-group class="panel-default" heading="Geo shape filtering" ng-if="$root.etm.shapeFields.length > 0" >
+      <div class="vis-option-item form-group">
+        <label>
+          <input type="checkbox"
+          name="filterByShape"
+          ng-model="vis.params.filterByShape">
 
-        Desaturate map tiles
+          Filter by geo_shape field
 
-        <kbn-info info="Reduce the vibrancy of tile colors, this does not work in any version of Internet Explorer"></kbn-info>
-      </label>
+          <kbn-info info="Filter by geo_shape field instead of geo_point field used for Geohash aggregation."></kbn-info>
+        </label>
+        <select name="shapeField"
+          class="form-control"
+          ng-model="vis.params.shapeField"
+          ng-options="shapeField as shapeField for shapeField in $root.etm.shapeFields">
+        </select>
+      </div>
     </div>
-    <div class="vis-option-item form-group">
-      <label>
-        <input type="checkbox"
-        name="wms.enabled"
-        ng-model="vis.params.wms.enabled">
 
-        WMS compliant map server
 
-        <kbn-info info="Use WMS compliant map tile server. For advanced users only."></kbn-info>
-      </label>
-    </div>
-    <div ng-show="vis.params.wms.enabled" class="well">
-      <div class="vis-option-item form-group">     
-        <p>
-          WMS maps are 3rd party mapping services that have not been verified to work with Kibana. 
-          These should be considered expert settings.
-        </p>
-        <label>
-          WMS url*
-        </label>
-        <input type="text" class="form-control"
-          name="wms.url"
-          ng-model="vis.params.wms.url">    
-      </div>
+    <div uib-accordion-group class="panel-default" heading="Map Options">
       <div class="vis-option-item form-group">
         <label>
-          WMS layers* <kbn-info info="A comma seperated list of layers to use."></kbn-info>
+          <input type="checkbox"
+          name="scrollToZoom"
+          ng-model="vis.params.scrollWheelZoom">
+
+          Scroll Wheel Zoom
+
+          <kbn-info info="Whether the map can be zoomed by using the mouse wheel."></kbn-info>
         </label>
-        <input type="text" class="form-control"
-          ng-require="vis.params.wms.enabled"
-          ng-model="vis.params.wms.options.layers"   
-          name="wms.options.layers">
       </div>
       <div class="vis-option-item form-group">
         <label>
-          WMS version* <kbn-info info="The version of WMS the server supports"></kbn-info>
+          <input type="checkbox"
+          name="isDesaturated"
+          ng-disabled="!vis.type.params.canDesaturate"
+          ng-model="vis.params.isDesaturated">
+
+          Desaturate map tiles
+
+          <kbn-info info="Reduce the vibrancy of tile colors, this does not work in any version of Internet Explorer"></kbn-info>
         </label>
-        <input type="text" class="form-control"
-          name="wms.options.version"
-          ng-model="vis.params.wms.options.version">    
       </div>
       <div class="vis-option-item form-group">
         <label>
-          WMS format* <kbn-info info="Usually image/png or image/jpeg. Use png if the server will return transparent layers"></kbn-info>
-        </label>
-        <input type="text" class="form-control"
-          name="wms.options.format"
-          ng-model="vis.params.wms.options.format">    
-      </div>  
-      <div class="vis-option-item form-group">
-        <label>
-          WMS attribution <kbn-info info="Attribution string for the lower right corner<"></kbn-info>
+          <input type="checkbox"
+          name="wms.enabled"
+          ng-model="vis.params.wms.enabled">
+
+          WMS compliant map server
+
+          <kbn-info info="Use WMS compliant map tile server. For advanced users only."></kbn-info>
         </label>
-        <input type="text" class="form-control"
-          name="wms.options.attribution"
-          ng-model="vis.params.wms.options.attribution">    
       </div>
-      <div class="vis-option-item form-group">
-        <label>
-          WMS styles* <kbn-info info="A comma seperated list of WMS server supported styles to use. Blank in most cases."></kbn-info>
-        </label>
-        <input type="text" class="form-control"
-          name="wms.options.styles"
-          ng-model="vis.params.wms.options.styles">    
+      <div ng-show="vis.params.wms.enabled" class="well">
+        <div class="vis-option-item form-group">     
+          <p>
+            WMS maps are 3rd party mapping services that have not been verified to work with Kibana. 
+            These should be considered expert settings.
+          </p>
+          <label>
+            WMS url*
+          </label>
+          <input type="text" class="form-control"
+            name="wms.url"
+            ng-model="vis.params.wms.url">    
+        </div>
+        <div class="vis-option-item form-group">
+          <label>
+            WMS layers* <kbn-info info="A comma seperated list of layers to use."></kbn-info>
+          </label>
+          <input type="text" class="form-control"
+            ng-require="vis.params.wms.enabled"
+            ng-model="vis.params.wms.options.layers"   
+            name="wms.options.layers">
+        </div>
+        <div class="vis-option-item form-group">
+          <label>
+            WMS version* <kbn-info info="The version of WMS the server supports"></kbn-info>
+          </label>
+          <input type="text" class="form-control"
+            name="wms.options.version"
+            ng-model="vis.params.wms.options.version">    
+        </div>
+        <div class="vis-option-item form-group">
+          <label>
+            WMS format* <kbn-info info="Usually image/png or image/jpeg. Use png if the server will return transparent layers"></kbn-info>
+          </label>
+          <input type="text" class="form-control"
+            name="wms.options.format"
+            ng-model="vis.params.wms.options.format">    
+        </div>  
+        <div class="vis-option-item form-group">
+          <label>
+            WMS attribution <kbn-info info="Attribution string for the lower right corner<"></kbn-info>
+          </label>
+          <input type="text" class="form-control"
+            name="wms.options.attribution"
+            ng-model="vis.params.wms.options.attribution">    
+        </div>
+        <div class="vis-option-item form-group">
+          <label>
+            WMS styles* <kbn-info info="A comma seperated list of WMS server supported styles to use. Blank in most cases."></kbn-info>
+          </label>
+          <input type="text" class="form-control"
+            name="wms.options.styles"
+            ng-model="vis.params.wms.options.styles">    
+        </div>
+        <p>* if this parameter is incorrect, maps will fail to load.</p>
       </div>
-      <p>* if this parameter is incorrect, maps will fail to load.</p>
     </div>
-  </div>
 
 
-  <div uib-accordion-group class="panel-default" heading="Map Overlays">
-    
-    <saved-searches layers="vis.params.overlays.savedSearches"></saved-searches>
+    <div uib-accordion-group class="panel-default" heading="Map Overlays">
+      
+      <saved-searches layers="vis.params.overlays.savedSearches"></saved-searches>
 
-    <wms-overlays layers="vis.params.overlays.wmsOverlays"></wms-overlays>
+      <wms-overlays layers="vis.params.overlays.wmsOverlays"></wms-overlays>
 
-  </div>
-</uib-accordion>
\ No newline at end of file
+    </div>
+  </uib-accordion>
+</div>
\ No newline at end of file
diff --git a/public/vis.less b/public/vis.less
index 99a6c27..ce92745 100644
--- a/public/vis.less
+++ b/public/vis.less
@@ -9,192 +9,190 @@
   min-height: 0;
   min-width: 0;
   overflow: hidden;
-}
-
-.etm-options-section {
-  display: block;
-  border-bottom: 2px solid #eee;
-  margin-bottom: 3px !important;
-}
-
-.etm-well-section {
-  display: block;
-  border-bottom: 2px solid #ccc;
-  margin-bottom: 3px !important;
-}
-
-.btn-input {
-  padding: 5px 15px;
-  font-size: 14px;
-  color: #2D2D2D;
-  height: 32px;
-  width: 100%;
-  background-color: #ffffff;
-  border: 1px solid #ecf0f1;
-  border-radius: 4px;
-}
-
-.btn-input:hover {
-  color: #2D2D2D;
-}
-
-.side-by-side {
-  float: left;
-  width: 50%;
-}
-
-.form-control-inline {
-  display: inline;
-  width: auto !important;
-}
 
-ul.etm-options-list {
-  list-style:none;
-  padding-left:0;
-}
+  .leaflet-popup-content-wrapper {
+    box-shadow: none;
+  }
 
-li.etm-option-item {
-  background-color: #ecf0f1;
-  margin: 0px 5px 2px 5px;
-  padding: 2px;
-  position: relative;
-}
+  .interactive-popup {
+    .leaflet-popup {
+      pointer-events: auto;
+    }
 
-div.rightCorner {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-}
+    .leaflet-popup-content {
+      pointer-events: auto;
+    }
+  }
 
-.etm-vis .leaflet-popup-content-wrapper {
-  box-shadow: none;
-}
+  .leaflet-spin-control {
+    margin-right: 14px !important;
+  }
 
-.interactive-popup {
-  .leaflet-popup {
-    pointer-events: auto;
+  .leaflet-spin-control a {
+    color: #000;
   }
 
-  .leaflet-popup-content {
-    pointer-events: auto;
+  .leaflet-draw-tooltip {
+    display: inline !important;
   }
-}
 
-.leaflet-spin-control {
-  margin-right: 14px !important;
-}
+  .leaflet-draw-toolbar .leaflet-toolbench-tool {
+      background-position: -100px -100px;
+  }
 
-.leaflet-spin-control a {
-  color: #000;
-}
+  .leaflet-popup-content-wrapper .panel-content {
+    height:100%;
+    color: rgb(68, 68, 68);
+  }
 
-.leaflet-draw-tooltip {
-  display: inline !important;
-}
+  .leaflet-popup-content-wrapper doc-table.panel-content {
+    display: block;
+    color: rgb(206, 206, 206);
+  }
 
-.leaflet-draw-toolbar .leaflet-toolbench-tool {
-    background-position: -100px -100px;
-}
+  div.leaflet-layer.no-filter > div.leaflet-tile-container > img.leaflet-tile {
+    filter: none !important;
+  }
 
-.leaflet-popup-content-wrapper .panel-content {
-  height:100%;
-  color: rgb(68, 68, 68);
-}
+  .vector-marker {
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: block;
+    text-align: center;
+  }
 
-.leaflet-popup-content-wrapper doc-table.panel-content {
-  display: block;
-  color: rgb(206, 206, 206);
+  .tilemap-legend {
+    .rzslider {
+      margin: 15px 0 5px 0;
+    }
+
+    .rzslider .rz-bubble {
+      bottom: 5px;
+    }
+
+    .rzslider .rz-pointer {
+      top: -3px;
+      width: 10px;
+      height: 10px;
+      border-radius: 5px;
+      background-color: #fed976;
+    }
+
+    .rz-selection {
+      background: #fed976;
+    }
+
+    .rzslider .rz-pointer:after {
+      display: none;
+    }
+  }
 }
 
 .tab-dashboard.theme-dark {
-  .leaflet-popup-content-wrapper .panel-content {
-    color: rgb(206, 206, 206);
+  .etm-vis {
+    .leaflet-popup-content-wrapper .panel-content {
+      color: rgb(206, 206, 206);
+    }
   }
 }
 
-div.leaflet-layer.no-filter > div.leaflet-tile-container > img.leaflet-tile {
-  filter: none !important;
-}
+.etm-vis-options {
+  .etm-well-section {
+    display: block;
+    border-bottom: 2px solid #ccc;
+    margin-bottom: 3px !important;
+  }
 
-.vector-marker {
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: block;
-  text-align: center;
-}
+  .side-by-side {
+    float: left;
+    width: 50%;
+  }
 
-.bands .minicolors-theme-bootstrap .minicolors-swatch {
-  left: inherit;
-  right: 8px;
-}
+  .form-control-inline {
+    display: inline;
+    width: auto !important;
+  }
 
-.bands .minicolors-theme-bootstrap .minicolors-input {
-  padding-left: 4px;
-  padding-right: 44px;
-}
+  ul.etm-options-list {
+    list-style:none;
+    padding-left:0;
+  }
 
-.bands .band-add {
-  margin-top: 5px;
-}
+  li.etm-option-item {
+    background-color: #ecf0f1;
+    margin: 0px 5px 2px 5px;
+    padding: 2px;
+    position: relative;
+  }
 
-.band {
-  position: relative;
-}
+  div.rightCorner {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+  }
 
-.band .minicolors {
-  float: left;
-  padding-right: 5px;
-}
+  .btn-input {
+    padding: 5px 15px;
+    font-size: 14px;
+    color: #2D2D2D;
+    height: 32px;
+    width: 100%;
+    background-color: #ffffff;
+    border: 1px solid #ecf0f1;
+    border-radius: 4px;
+  }
 
-div.minicolors .minicolors-swatch {
-  width: 24px;
-  height: 24px;
-}
+  .btn-input:hover {
+    color: #2D2D2D;
+  }
 
-.band .band-remove {
-  position: absolute;
-  top: 6px;
-  left: -24px;
-}
+  .bands .minicolors-theme-bootstrap .minicolors-swatch {
+    left: inherit;
+    right: 8px;
+  }
 
-.saved-search label {
-  display: block;
-}
+  .bands .minicolors-theme-bootstrap .minicolors-input {
+    padding-left: 4px;
+    padding-right: 44px;
+  }
 
-.saved-search .minicolors {
-  width: 74%;
-  display: inline-block;
-}
+  .bands .band-add {
+    margin-top: 5px;
+  }
 
-.saved-search .marker-size {
-  width: 26%;
-  display: inline;
-  float: right;
-}
+  .band {
+    position: relative;
+  }
+
+  .band .minicolors {
+    float: left;
+    padding-right: 5px;
+  }
 
-.tilemap-legend {
-  .rzslider {
-    margin: 15px 0 5px 0;
+  .band .band-remove {
+    position: absolute;
+    top: 6px;
+    left: -24px;
   }
 
-  .rzslider .rz-bubble {
-    bottom: 5px;
+  div.minicolors .minicolors-swatch {
+    width: 24px;
+    height: 24px;
   }
 
-  .rzslider .rz-pointer {
-    top: -3px;
-    width: 10px;
-    height: 10px;
-    border-radius: 5px;
-    background-color: #fed976;
+  .saved-search label {
+    display: block;
   }
 
-  .rz-selection {
-    background: #fed976;
+  .saved-search .minicolors {
+    width: 74%;
+    display: inline-block;
   }
 
-  .rzslider .rz-pointer:after {
-    display: none;
+  .saved-search .marker-size {
+    width: 26%;
+    display: inline;
+    float: right;
   }
 }