﻿.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;
    }

@media (min-width: 320px) and (max-width: 767px) {
    div#Content-Job-List {
        margin-top: 0px;
        position: relative;
        left: 0px;
    }
}
