.sliders_control { position: relative; min-height: 40px; }
.form_control {position: relative; font-size: 24px; color: #000;}
.tright { text-align: right; }
.range_container { margin-left: -2px; }
input[type=range]::-moz-range-thumb, input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all;
  width: 22px; height: 22px; background-color: #246432;cursor: pointer; z-index: 5;position: relative; }
input[type="number"] {color: #000;font-size: 20px;border: none; background: none; border: 0px; font-weight: bold;font-size: 16px; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { opacity: 1; }
input[type="range"] { background: none; -webkit-appearance: none; appearance: none;height: 2px; width: 100%; position: absolute; pointer-events: none; border: 0px; }

.rs_start { width: 20px; height: 20px; border-radius: 5px; border: 1px solid #000;top: -9px; left: 2px; cursor: pointer; position: absolute; background-color: white; }
.rs_end { width: 20px; height: 20px; border-radius: 5px; border: 1px solid #000;top: -9px; right: -1px; cursor: pointer; position: absolute; background-color: white; z-index: 0; }
.rs_line { width: calc(100% - 4px); height: 1px; background-color: #000; position: absolute;top: 2px; left: 4px; }
#toSlider, #fromSlider { height: 0; z-index: 1; }
.form_control_container input::-webkit-outer-spin-button,
.form_control_container input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form_control_container input[type=number] { -moz-appearance: textfield; padding: 0;margin: 0;width: 100%; font-family: 'Inter', sans-serif; }
.form_control_container input:focus{  outline: none; }
.form_control_container { margin-bottom: 15px; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 22px; height: 22px; background-color: #246432; border-radius: 5px; cursor: pointer; }