.customRangePanel {
    cursor: pointer;
    padding: 14px;
 }
 
 
 .customRange {
     padding-bottom: 10px;
     padding-top: 21px;
 }

 
 .tooltipRange {
     position: relative;
     display: inline-block;
 }

 .tooltipRange .tooltiptextRange {
     visibility: hidden;
     width: 120px;
     background-color: black;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1000;
     top: -5px;
     left: 110%;
 }

 .tooltipRange .tooltiptextRange::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 100%;
     border-color: black;
 }

 .tooltipRange:hover .tooltiptextRange {
     visibility: visible;
 }