﻿.black {
    margin: 0 auto;
}
input[type='range'] {
    box-sizing: border-box;
    border: 0px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    background: -webkit-repeating-linear-gradient(90deg, #777, #777 1px, transparent 1px, transparent 40px) no-repeat 50% 50%;
    background: -moz-repeating-linear-gradient(90deg, #777, #777 1px, transparent 1px, transparent 40px) no-repeat 50% 50%;
    background: repeating-linear-gradient(90deg, #3B4B54, #3B4B54 1px, transparent 1px, transparent 25px) no-repeat 75% 50%;
    background-size: 3361px 68px;
    font-size: 16px;
    color: #0B8039;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[type='range']::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 200px;
    height: 5px;
    border-radius: 2px;
    background: #777;
}
input[type='range']::-moz-range-track {
    box-sizing: border-box;
    width: 200px;
    height: 5px;
    border-radius: 2px;
    padding: 0px;
    background: #3B4B54;
}
input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    padding: 0px;
    height: 20px;
    width: 10px;
    border-radius: 2px;
    border: 1px solid;
    background: #3B4B54;
}
input[type='range']::-ms-track {
    box-sizing: border-box;
    width: 210px;
    height: 5px;
    border-radius: 2px;
    padding: 0px;
    background: #3B4B54;
    color: #3B4B54;
}
input[type='range']::-webkit-slider-thumb {
    box-sizing: border-box;
    padding: 0px;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    margin-top: -6px;
    background: #0B8039;
    border-radius: 50%;
}
output {
    display: block;
    color: #0B8039;
    font-weight: 600;
}
output:before {
        content: "";
        font-weight: bold;
}
.offcanvas-start {
    max-width: 290px;
    width: 100%;
    overflow-y: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
    div#Content-Job-List {
        margin-top: 0px;
        position: relative;
        left: 0px;
    }
}