.overlap-thumb::-webkit-slider-thumb {
    height: 0px !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-top: 30px solid #000000 !important;
    margin-top: -3px;
    width: 0px !important;
    background: transparent !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
}

input[name=slider_overlap_one_year] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
    border-top: 3px solid black;
}

input[name=slider_overlap_one_year]:focus {
    outline: none;
}

input[name=slider_overlap_one_year]::-webkit-slider-runnable-track {
    width: 100%;
    height: 30px;
    cursor: pointer;
    border-bottom:10px solid black;
    border-radius: 0px;
    border: 0.0px solid #ffffff;
    background: transparent !important;
}

input[name=slider_overlap_one_year]::-webkit-slider-thumb {
    border: 0px;
    height: 0px;
    width: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
}


input[name=slider_overlap_five_year] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
    border-top: 3px solid black;
}

input[name=slider_overlap_five_year]:focus {
    outline: none;
}

input[name=slider_overlap_five_year]::-webkit-slider-runnable-track {
    width: 100%;
    height: 30px;
    cursor: pointer;
    border-bottom: 10px solid black;
    border-radius: 0px;
    border: 0.0px solid #ffffff;
    background: transparent !important;
}

input[name=slider_overlap_five_year]::-webkit-slider-thumb {
    border: 0px;
    height: 0px;
    width: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
}