.bin { 
     position: relative; 
     margin-right: 1px;
 }

 .bin-color { background-color: #fff; }
 .bin-color-selected { background-color: #363636; }
 .bin-color-optimal { background-color: #fff; }
 .bin-color-optimal-selected { background-color: #363636; }

 .in-range { z-index: 1;}
 .out-of-range { z-index: 0;}
 .selected-range {

text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
 }

 .ui-slider-horizontal { height: .2em; }
 .ui-slider .ui-slider-handle {
     width: .8em;
     height: .8em;
     border-radius: 50%;
 }

 .ui-corner-all {
     border-radius: 0;
 }

 .tooltip > .tooltiptext {
     visibility: hidden;
     width: 120px;
     background-color: #FFFFCA;
     color: black;
     text-align: center;
     padding: 12px;
     position: absolute;
     z-index: 100;
 }

 .tooltip:hover > .tooltiptext {
     visibility: visible;
     margin-top: 50px;
 }

 .display-none{
     display: none;
 }