
/* orgis_js_utils/static/src/less/RangeInput.less defined in bundle 'orgis_js_utils/static/src/less/RangeInput.less' */
 .range-input .bar{align-items: center; background: #ccc; border: 0; border-radius: 2px; display: -webkit-box; display: -webkit-flex; display: flex; height: 2px; margin: 9px auto 14px; position: relative;} .range-input .handle{background: #999; border-radius: 2px; cursor: pointer; height: 20px; position: absolute; width: 10px;} .range-input .handle.active, .range-input .handle:hover{background: #444;} .range-input .handle.handle-min{left: 0;} .range-input .handle.handle-max{right: 0;} .range-input .input-wrap{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 5px;} .range-input .input-wrap .field{width: 50px;} .range-input .range-clear{border: 0; background: #eee; color: #444; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin: 0 5px 5px 0; padding: 5px 10px; transition: background 0.3s;} .range-input .range-clear:hover{background: #ccc;}