/* Minification failed. Returning unminified contents.
(1201,56): run-time error CSS1039: Token not allowed after unary operator: '-slider-progress'
(1201,93): run-time error CSS1039: Token not allowed after unary operator: '-slider-progress'
 */
.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

    .mdl-checkbox.is-upgraded {
        padding-left: 24px;
    }

.mdl-checkbox__input {
    line-height: 24px;
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0,0,0, 0.54);
    border-radius: 2px;
    z-index: 2;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(63,81,181);
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26);
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .mdl-checkbox__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto;
}

    fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
    .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
        background: transparent;
    }




.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

    .mdl-radio.is-upgraded {
        padding-left: 24px;
    }

.mdl-radio__button {
    line-height: 24px;
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0,0,0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(63,81,181);
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(63,81,181);
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
    cursor: pointer;
}

fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

    .mdl-radio__ripple-container .mdl-ripple {
        background: rgb(63,81,181);
    }

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto;
}

    fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
    .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
        background: transparent;
    }


.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

    .mdl-textfield .mdl-button {
        position: absolute;
        bottom: 20px;
    }

.mdl-textfield--align-right {
    text-align: right;
}

.mdl-textfield--full-width {
    width: 100%;
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px;
}

    .mdl-textfield--expandable .mdl-button--icon {
        top: 16px;
    }

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
}

    .mdl-textfield__input[type="number"] {
        -moz-appearance: textfield;
    }

        .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none;
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: rgb(213,0,0);
    box-shadow: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block;
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0,0,0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden;
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0,0,0, 0.26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63,81,181);
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213,0,0);
    font-size: 12px;
}

.mdl-textfield__label:after {
    background-color: rgb(63,81,181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213,0,0);
}

.mdl-textfield__error {
    color: rgb(213,0,0);
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block;
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

.salary-data-job .breadcrumbs .area-breadcrumbs .breadcrumb-divider {
    padding: 0 6px;
}

.salary-data-job .breadcrumbs .area-breadcrumbs a:not(.btn) span {
    text-decoration: none;
}

.salary-data-job .shell {
    background-color: #FFFFFF;
    margin-bottom: 24px;
}

.salary-data-job #datapage-panels.shell {
    background: linear-gradient(171.33deg, #FFFFFF 52.17%, #B3D3BF 104.21%);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 152px;
}

.salary-data-job .header-wrap {
    /*border-bottom: 1px solid #D0D4D9;*/
    box-shadow: 0 4px 2px 0 rgba(171, 171, 171, 0.25);
    width: 100%;
    margin-bottom: 20px;
}

.salary-data-job .inner {
    margin: 0 auto;
    padding-top: 40px;
}

.salary-data-job .header {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.salary-data-job .breadcrumb-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 46px;
}

.salary-data-job .breadcrumbs {
    flex: 1;
}

.salary-data-job .breadcrumbs .area-breadcrumbs a {
    color: #155036;
    text-decoration: none;
}

.salary-data-job .breadcrumbs .area-breadcrumbs a:hover,
.salary-data-job .breadcrumbs .area-breadcrumbs a:focus {
    color: #155036;
    text-decoration: none;
}

.salary-data-job .breadcrumbs .area-breadcrumbs li:last-child a {
    color: #9E9E9E;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.salary-data-job .breadcrumbs .area-breadcrumbs li:last-child a:hover,
.salary-data-job .breadcrumbs .area-breadcrumbs li:last-child a:focus {
    color: #9E9E9E;
    text-decoration: none;
}

.salary-data-job .last-updated {
    color: #9E9E9E;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.salary-data-job .last-updated p {
    margin-bottom: 0;
}

.salary-data-job .title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 52px;
    margin: 0 0 10px;
}

.salary-data-job .title .job-title,
.salary-data-job .title .job-title a {
    color: #155036;
    font-weight: 700;
    text-decoration: none;
}

.salary-data-job .title .job-title a:hover {
    text-decoration: underline;
}

.salary-data-job .nav {
    align-items: center;
    justify-content: space-around;
    display: flex;
    gap: 20px;
    min-height: 57px;
    padding-bottom: 0;
}

.salary-data-job .nav-link {
    border-bottom: 2px solid transparent;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0 12px;
    text-decoration: none;
}

.salary-data-job .nav-link:hover {
    border-bottom-color: #155036;
    color: #155036;
    text-decoration: none;
}

.salary-data-job .salary-overview {
    margin-bottom: 32px;
}

.salary-data-job .salary-recap {
    margin-top: 40px;
}

.salary-data-job .explore-jobs {
    margin-top: 0;
}

.salary-data-job .explore-jobs-overlap-wrap {
    margin-top: -128px;
    margin-bottom: 24px;
    position: relative;
    z-index: 3;
}

.salary-data-job .explore-jobs-card {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 2px 6px 0 rgba(106, 106, 106, 0.25);
    padding: 24px;
    width: 100%;
}

.salary-data-job .explore-jobs-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    margin: 0;
}

.salary-data-job .explore-jobs-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 8px 0 0;
}

.salary-data-job .explore-jobs-fields {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: 2fr 2fr 1fr;
}

.salary-data-job .explore-jobs-form .twitter-typeahead {
    display: block !important;
    position: relative;
    width: 100%;
}

.salary-data-job .explore-jobs-form .twitter-typeahead .tt-menu {
    left: 0;
    max-height: 260px;
    overflow-y: auto;
    position: absolute;
    right: auto;
    top: 100%;
    width: 100%;
    z-index: 20;
}

.salary-data-job .explore-jobs-input {
    border: 1px solid #D0D4D9;
    border-radius: 8px;
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 24px;
    min-width: 0;
    padding: 12px 16px;
    width: 100%;
}

#ExploreJobsJobTitle {
    width: 100%;
}

#ExploreJobsLocation {
    width: 100%;
}

.salary-data-job .explore-jobs-input:focus {
    border-color: #9CB8A9;
    box-shadow: none;
    outline: 0;
}

.salary-data-job .explore-jobs-btn {
    background-color: #0864AE;
    border: 1px solid #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    padding: 12px 24px;
    white-space: nowrap;
    width: 100%;
    align-self: start;
}

.salary-data-job .explore-jobs-btn:hover,
.salary-data-job .explore-jobs-btn:focus {
    background-color: #05589B;
    border-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .explore-jobs-helper {
    color: #424242;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 16px 0 0;
}

.salary-data-job .explore-jobs-helper a {
    color: #0864AE;
    text-decoration: underline;
}

.salary-data-job .explore-jobs-helper a:hover,
.salary-data-job .explore-jobs-helper a:focus {
    color: #05589B;
}

.salary-data-job .salary-recap-text {
    color: #424242;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 16px;
}

.salary-data-job .salary-recap-toggle {
    background: none;
    border: 0;
    color: #2563EB;
    cursor: pointer;
    display: inline;
    font: inherit;
    line-height: inherit;
    margin: 0 0 0 4px;
    min-width: 0;
    padding: 0;
    text-decoration: underline;
    vertical-align: baseline;
    white-space: nowrap;
    width: auto;
}

.salary-data-job .salary-recap-toggle:hover,
.salary-data-job .salary-recap-toggle:focus {
    color: #1D4ED8;
}

.salary-data-job .salary-recap-toggle::before,
.salary-data-job .salary-recap-toggle::after,
.salary-data-job .salary-recap-toggle.collapsed::before,
.salary-data-job .salary-recap-toggle.collapsed::after {
    content: none !important;
    display: none !important;
}

.salary-data-job .salary-recap-text a,
.salary-data-job .salary-recap-powered-by a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .salary-recap-text a:hover,
.salary-data-job .salary-recap-text a:focus,
.salary-data-job .salary-recap-powered-by a:hover,
.salary-data-job .salary-recap-powered-by a:focus {
    color: #1D4ED8;
}

.salary-data-job .salary-recap-powered-by {
    color: #424242;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .salary-recap-more.collapse {
    display: none;
}

.salary-data-job .salary-recap-more.collapse.in {
    display: block;
}

.salary-data-job .nav-link.active {
    /*border-bottom-color: #155036;*/
    color: #155036;
}

.salary-data-job .nav-scroll {
    -webkit-overflow-scrolling: touch;
    margin: 0 -15px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.salary-data-job .nav-scroll::-webkit-scrollbar {
    display: none;
}

.salary-data-job .nav-scroll-inner {
    display: flex;
    min-width: min-content;
    padding: 0 24px;
}

.salary-data-job .nav-scroll .nav-link {
    flex-shrink: 0;
    padding: 16px 8px 12px;
    white-space: nowrap;
}

.salary-data-job .salary-customize-field-label {
    color: #212121;
    display: block;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .salary-overview-top {
    align-items: flex-start;
    display: flex;
    gap: 21px;
    justify-content: space-between;
    margin-bottom: 32px;
}

.salary-data-job .salary-metrics {
    flex: 1;
}

.salary-data-job .salary-annual-row {
    align-items: baseline;
    display: flex;
    gap: 10px;
}

.salary-data-job .salary-annual {
    color: #155036;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 96px;
    margin: 0;
}

.salary-data-job .salary-period {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.salary-data-job .salary-secondary {
    display: flex;
    gap: 32px;
    margin-top: 12px;
}

.salary-data-job .salary-secondary-item {
    display: flex;
    flex-direction: column;
}

.salary-data-job .salary-secondary-label {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.salary-data-job .salary-secondary-value {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 700;
    /*line-height: 40px;*/
}

.salary-data-job .pay-tools {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 2px 2px 0 rgba(157, 157, 157, 0.25);
    display: flex;
    gap: 32px;
    padding: 32px;
}

.salary-data-job .pay-tools-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 170px;
}

.salary-data-job .pay-tools-title {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 10px;
}

.salary-data-job .pay-tools-btn {
    border-radius: 8px;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 24px;
    text-decoration: none;
    white-space: nowrap;
}

.salary-data-job .pay-tools-btn-primary {
    background-color: #0864AE;
    color: #FFFFFF;
}

.salary-data-job .pay-tools-btn-primary:hover,
.salary-data-job .pay-tools-btn-primary:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .pay-tools-btn-secondary {
    background-color: #EBF6FF;
    color: #0864AE;
}

.salary-data-job .pay-tools-btn-secondary:hover,
.salary-data-job .pay-tools-btn-secondary:focus {
    background-color: #DDEFFF;
    color: #0864AE;
    text-decoration: none;
}

.salary-data-job .salary-range-track {
    background: linear-gradient(90deg, #155036 14.286%, #CAEAD5 100%);
    border-radius: 999px;
    height: 16px;
    position: relative;
}

.salary-data-job .salary-range-marker {
    background-color: #FFFFFF;
    border: 2px solid #0033CC;
    border-radius: 50%;
    height: 16px;
    position: absolute;
    top: 0;
    width: 16px;
}

.salary-data-job .salary-range-marker-start {
    left: 0;
}

.salary-data-job .salary-range-marker-mid {
    margin-left: -8px;
}

.salary-data-job .salary-range-marker-end {
    right: 0;
}

.salary-data-job .salary-range-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.salary-data-job .salary-range-label {
    display: flex;
    flex-direction: column;
}

.salary-data-job .salary-range-label-center {
    align-items: center;
}

.salary-data-job .salary-range-label-right {
    align-items: flex-end;
}

.salary-data-job .salary-range-title {
    color: #4A5565;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.salary-data-job .salary-range-value {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 700;
    /*line-height: 52px;*/
}

.salary-data-job .salary-customize {
    background: transparent;
    border-radius: 16px;
    padding: 24px 32px;
}

.salary-data-job .salary-customize-controls {
    display: flex;
    gap: 16px;
}

.salary-data-job .salary-customize-control {
    flex: 1;
    min-width: 0;
}

    .salary-data-job .salary-customize-control .pre-scrollable {
        overflow-y: hidden;
    }

.salary-data-job .salary-customize-label {
    color: #212121;
    display: block;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 6px;
}

.salary-data-job .customize-dropdown {
    width: 100%;
}

.salary-data-job .customize-dropdown-btn {
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #9E9E9E;
    display: flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    justify-content: space-between;
    line-height: 24px;
    padding: 8px 16px;
    text-align: left;
    width: 100%;
}

.salary-data-job .customize-dropdown-btn:hover,
.salary-data-job .customize-dropdown-btn:focus {
    border-color: #D0D4D9;
    color: #686868;
    text-decoration: none;
}

.salary-data-job .customize-dropdown .dropdown-menu {
    min-width: 100%;
    width: 100%;
}

.salary-data-job .customize-dropdown .caret {
    color: #212121;
}

.salary-data-job .salary-potential-section {
    margin: 80px 0;
    /*margin-bottom: 24px;*/
    position: relative;
    z-index: 1;
}

.salary-data-job .salary-potential-card {
    background: #FFFFFF;
    border-radius: 16px;
    /*padding: 24px 0;*/
}

.salary-data-job .salary-potential-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .salary-potential-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 0px;
}

.salary-data-job .salary-potential-grid {
    align-items: stretch;
    display: grid;
    gap: 16px 32px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
        "title chart"
        "description chart"
        "interaction chart"
        "dynamicCopy dynamicCopy";
}

.salary-data-job .salary-potential-description {
    grid-area: description;
}

.salary-data-job .salary-potential-title {
    grid-area: title;
}

.salary-data-job .salary-potential-interaction {
    grid-area: interaction;
}

.salary-data-job .salary-potential-chart-wrap {
    grid-area: chart;
}

.salary-data-job .salary-potential-metric-card {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 32px;
}

.salary-data-job .salary-potential-label {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
}

.salary-data-job .salary-potential-years {
    color: #155036;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    margin: 8px 0 0;
}

.salary-data-job .salary-potential-slider-wrap {
    margin-top: 10px;
    position: relative;
}

.salary-data-job .salary-potential-slider {
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(to right, #155036 var(--slider-progress, 25%), #E5E7EB var(--slider-progress, 25%));
    border-radius: 999px;
    height: 18px;
    outline: none;
    width: 100%;
}

.salary-data-job .salary-potential-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #FFFFFF;
    border: 2px solid #155036;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    height: 18px;
    margin-top: 0;
    width: 18px;
}

.salary-data-job .salary-potential-slider::-moz-range-thumb {
    background: #FFFFFF;
    border: 2px solid #155036;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.salary-data-job .salary-potential-slider::-moz-range-track {
    background: transparent;
    border-radius: 999px;
    height: 6px;
}

.salary-data-job .salary-potential-slider-ticks {
    color: #686868;
    display: flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    justify-content: space-between;
    line-height: 15px;
    margin-top: 8px;
}

.salary-data-job .salary-potential-metrics-row {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    margin-top: 20px;
}

.salary-data-job .salary-potential-metrics-row > div {
    flex: 1 1 0;
    min-width: 0;
}

.salary-data-job .salary-potential-estimated-salary {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin: 8px 0 0;
}

.salary-data-job .salary-potential-growth {
    align-items: center;
    color: #16A34A;
    display: inline-flex;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 700;
    gap: 8px;
    line-height: 36px;
    margin: 8px 0 0;
}

.salary-data-job .salary-potential-growth-arrow {
    display: inline-block;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
    transform: translateY(1px);
}

.salary-data-job .salary-potential-growth.is-negative {
    color: #C62828;
}

.salary-data-job .salary-potential-growth.is-negative .salary-data-job .salary-potential-growth-arrow {
    display: none;
}

.salary-data-job .salary-potential-growth.is-neutral .salary-data-job .salary-potential-growth-arrow {
    display: none;
}

.salary-data-job .salary-potential-dynamic-copy {
    grid-area: dynamicCopy;
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 16px 0 0;
}

.salary-data-job .salary-potential-dynamic-copy a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .salary-potential-chart-wrap {
    align-self: stretch;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 24px 32px;
}

.salary-data-job .salary-potential-chart-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
}

.salary-data-job .salary-potential-chart {
    flex: 1 1 auto;
    height: auto;
    min-height: 298px;
}

.salary-data-job .salary-potential-chart .axis path {
    display: none;
}

.salary-data-job .salary-potential-chart .axis text,
.salary-data-job .salary-potential-chart .axis-label {
    fill: #808080;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
}

.salary-data-job .salary-potential-chart .axis text {
    fill: #686868;
    font-size: 12px;
}

.salary-data-job .salary-potential-chart .grid-line {
    stroke: #E8EDF2;
    stroke-width: 1;
}

.salary-data-job .salary-potential-chart .line {
    fill: none;
    stroke: #155036;
    stroke-width: 2.5;
}

.salary-data-job .salary-potential-chart .chart-point {
    fill: #155036;
    stroke: #155036;
    stroke-width: 1;
}

.salary-data-job .salary-potential-chart .chart-point.is-active {
    fill: #16A34A;
    stroke: #16A34A;
}

.salary-data-job .salary-potential-chart .chart-point-outline {
    fill: none;
    stroke: #155036;
    stroke-width: 2;
}

.salary-data-job .salary-potential-chart .active-point-outline {
    fill: none;
    stroke: #16A34A;
    stroke-width: 2;
}

.salary-data-job .salary-potential-chart .hover-guide {
    stroke: #747474;
    stroke-dasharray: 4 4;
    stroke-width: 1;
}

.salary-data-job .salary-potential-chart .hover-label rect {
    fill: #FFFFFF;
    stroke: #D0D4D9;
    stroke-width: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12));
}

.salary-data-job .salary-potential-chart .hover-label text {
    fill: #000000;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
}

.salary-data-job .job-description-tool-section {
    background-color: #FCFCFC;
    padding: 80px 0;
}

.salary-data-job .job-description-tool-layout {
    align-items: stretch;
    display: grid;
    gap: 60px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 90%;
    margin: 0 auto;
}

.salary-data-job .job-description-tool-copy {
    max-width: none;
}

.salary-data-job .job-description-tool-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .job-description-tool-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 10px 0 0;
}

.salary-data-job .job-description-tool-card {
    background: linear-gradient(137.91deg, #0E3B27 11.136%, #5C8774 105.15%);
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    display: flex;
    height: 100%;
    padding: 32px 36px;
}

.salary-data-job .job-description-tool-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.salary-data-job .job-description-tool-card-title {
    color: #FFFFFF;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .job-description-tool-card-description {
    color: #FFFFFF;
    flex: 1;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 8px 0 0;
}

.salary-data-job .job-description-tool-card-btn {
    align-items: center;
    align-self: flex-start;
    background-color: #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin-top: 32px;
    min-width: 128px;
    padding: 8px 24px;
    text-decoration: none;
}

.salary-data-job .job-description-tool-card-btn:hover,
.salary-data-job .job-description-tool-card-btn:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .education-skills-section {
    padding: 80px 0;
}

.salary-data-job .education-skills-layout {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.salary-data-job .education-skills-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
    text-align: center;
}

.salary-data-job .education-skills-subtitle {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    text-align: center;
}

.salary-data-job .education-skills-subtitle a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .education-skills-subtitle a:hover,
.salary-data-job .education-skills-subtitle a:focus {
    color: #1D4ED8;
}

.salary-data-job .education-skills-grid {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.salary-data-job .education-skills-card {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    padding: 32px 33px;
}

.salary-data-job .education-skills-card-header {
    align-items: center;
    display: flex;
    gap: 12px;
}

.salary-data-job .education-skills-icon {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.salary-data-job .education-skills-icon svg {
    height: 20px;
    width: 20px;
}

.salary-data-job .education-icon {
    background: rgba(21, 80, 54, 0.1);
}

.salary-data-job .education-icon svg {
    fill: #155036;
}

.salary-data-job .skills-icon {
    background: rgba(8, 100, 174, 0.1);
}

.salary-data-job .skills-icon svg {
    fill: #0864AE;
}

.salary-data-job .certifications-icon {
    background: rgba(37, 99, 235, 0.1);
}

.salary-data-job .certifications-icon svg {
    fill: #2563EB;
}

.salary-data-job .education-skills-card-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .education-skills-card-copy {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 16px 0 0;
}

.salary-data-job .education-skills-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}

.salary-data-job .education-skills-list-item {
    margin: 0;
}

.salary-data-job .education-skills-list-label-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.salary-data-job .education-skills-label {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.salary-data-job .education-skills-value {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.salary-data-job .education-skills-bar-track {
    background: #F1F1F1;
    border-radius: 999px;
    height: 8px;
    margin-top: 8px;
    overflow: hidden;
    width: 100%;
}

.salary-data-job .education-skills-bar-fill {
    border-radius: inherit;
    display: block;
    height: 8px;
    min-width: 0;
}

.salary-data-job .education-skills-bar-fill.is-education {
    background: #155036;
}

.salary-data-job .education-skills-bar-fill.is-skills {
    background: #0864AE;
}

.salary-data-job .certifications-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.salary-data-job .certifications-section {
    /*background-color: #F8F8F8;*/
    padding: 0 0 40px 0;
}

.salary-data-job .certifications-popular-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.salary-data-job .certifications-popular-badge {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    color: #212121;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    min-height: 36px;
    padding: 9px 13px;
}

.salary-data-job .certifications-divider {
    border-top: 1px solid #E5E5E5;
    margin: 0;
    width: 100%;
}

.salary-data-job .certifications-subtitle {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .certifications-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
}

.salary-data-job .certifications-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.salary-data-job .certifications-label {
    color: #212121;
    display: block;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .certifications-input-wrap {
    position: relative;
    width: 100%;
}

.salary-data-job .certifications-input {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    box-shadow: none;
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%;
}

.salary-data-job .certifications-input::placeholder {
    color: #9E9E9E;
}

.salary-data-job .certifications-input:focus {
    border-color: #9CB8A9;
    box-shadow: none;
    outline: 0;
}

.salary-data-job .certifications-form .twitter-typeahead {
    display: block !important;
    width: 100%;
}

.salary-data-job .certifications-form .twitter-typeahead .tt-menu {
    left: 0;
    max-height: 220px;
    overflow-y: auto;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 20;
}

.salary-data-job .certifications-form .selected-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 0;
}

.salary-data-job .certifications-form .btn-selection {
    align-items: center;
    border: 1px solid #D0D4D9;
    border-radius: 999px;
    color: #424242;
    cursor: pointer;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    line-height: 20px;
    padding: 6px 12px;
}

.salary-data-job .certifications-form .btn-selection.selected {
    background: #f0fdf4;
    border: 1px solid #155036;
    border-radius: 6px;
    color: #155036;
    font-size: 12px;
    font-weight: 400;
    gap: 4px;
    line-height: 18px;
    min-height: 36px;
    padding: 9px 13px;
}

.salary-data-job .certifications-form .btn-selection.selected .i-remove {
    font-size: 0;
    height: 12px;
    width: 12px;
}

.salary-data-job .certifications-form .btn-selection.selected .i-remove:before {
    background: url("/Content/Images/icon-certification-remove.svg") center center / contain no-repeat;
    content: "";
    display: block;
    height: 12px;
    width: 12px;
}

.salary-data-job .certifications-form .btn-selection.btn-outline {
    background: #FFFFFF;
}

.salary-data-job .certifications-form .i-remove {
    color: #686868;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
}

.salary-data-job .certifications-form .i-remove:before {
    content: "x";
}

.salary-data-job .certifications-submit {
    align-items: center;
    background: #0864AE;
    border: 1px solid #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    padding: 8px 24px;
    text-decoration: none;
    width: 100%;
}

.salary-data-job .certifications-submit:hover,
.salary-data-job .certifications-submit:focus {
    background: #05589B;
    border-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .certifications-result {
    border-top: 1px solid #E5E5E5;
    padding-top: 24px;
}

.salary-data-job .certifications-result-title,
.salary-data-job .certifications-empty-title {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .certifications-result-copy,
.salary-data-job .certifications-empty-copy {
    color: #424242;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 8px 0 0;
}

.salary-data-job .certifications-salary-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.salary-data-job .certifications-salary-form.search-form input.salary-data-job .certifications-input {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    height: 48px;
    line-height: 24px;
    margin: 0;
    padding: 12px 16px;
}

.salary-data-job .certifications-salary-form.search-form input.salary-data-job .certifications-input::placeholder {
    color: #9E9E9E;
    font-style: normal;
}

.salary-data-job .certifications-salary-form.search-form button.salary-data-job .certifications-submit:not(.btn-radius) {
    border-radius: 8px;
    height: 48px;
}

.salary-data-job .certifications-empty-cta {
    border-top: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 24px;
}

.salary-data-job .location-compare-section {
    background: #FCFCFC;
    padding: 80px 0;
}

.salary-data-job .location-compare-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 32px 20px;
    width: 90%;
    margin: 0 auto;
}

.salary-data-job .location-compare-default-view {
    align-items: center;
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.salary-data-job .location-compare-default-content {
    max-width: none;
    width: 100%;
}

.salary-data-job .location-compare-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .location-compare-subtitle {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 16px 0 0;
}

.salary-data-job .location-compare-form {
    margin-top: 20px;
}

.salary-data-job .location-compare-inputs-row {
    align-items: end;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    width: 100%;
}

.salary-data-job .location-compare-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.salary-data-job .location-compare-label {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .location-compare-vs {
    align-self: center;
    color: #686868;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 10px;
    text-align: center;
}

.salary-data-job .location-compare-input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    box-shadow: none;
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 24px;
    padding: 12px 16px;
    width: 100%;
}

.salary-data-job .location-compare-input::-webkit-search-decoration,
.salary-data-job .location-compare-input::-webkit-search-cancel-button,
.salary-data-job .location-compare-input::-webkit-search-results-button,
.salary-data-job .location-compare-input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.salary-data-job .location-compare-form .twitter-typeahead {
    display: block !important;
    position: relative;
    width: 100%;
}

.salary-data-job .location-compare-form .twitter-typeahead .tt-menu {
    left: 0;
    max-height: 260px;
    overflow-y: auto;
    position: absolute;
    right: auto;
    top: 100%;
    width: 100%;
    z-index: 20;
}

.salary-data-job .location-compare-input::placeholder {
    color: #9E9E9E;
    font-style: normal;
}

.salary-data-job .location-compare-input:focus {
    border-color: #9CB8A9;
    box-shadow: none;
    outline: 0;
}

.salary-data-job .location-compare-field.is-error .salary-data-job .location-compare-input,
.salary-data-job .location-compare-input.is-error {
    border-color: #D9534F;
}

.salary-data-job .location-compare-validation {
    color: #D9534F;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    line-height: 18px;
    /*margin-top: 8px;*/
    min-height: 18px;
}

.salary-data-job .location-compare-submit {
    align-items: center;
    background: #0864AE;
    border: 1px solid #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin-top: 4px;
    min-width: 194px;
    padding: 8px 24px;
    text-decoration: none;
}

.salary-data-job .location-compare-submit:hover,
.salary-data-job .location-compare-submit:focus {
    background: #05589B;
    border-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .location-compare-illustration {
    width: 223px;
}

.salary-data-job .location-compare-illustration img {
    display: block;
    height: auto;
    width: 100%;
}

.salary-data-job .location-compare-results-view {
    display: flex;
    flex-direction: column;
}

.salary-data-job .location-compare-results-grid {
    display: grid;
    gap: 96px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    margin-top: 16px;
}

.salary-data-job .location-compare-results-left {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.salary-data-job .location-compare-summary {
    background: rgba(245, 245, 245, 0.5);
    border-radius: 8px;
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin: 0;
    padding: 24px;
    width: 100%;
}

.salary-data-job .location-compare-summary strong {
    color: #16A34A;
    font-weight: 800;
}

.salary-data-job .location-compare-toggle {
    display: inline-flex;
    margin-top: 24px;
}

.salary-data-job .location-compare-toggle-btn {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #0864AE;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 24px;
    min-width: 80px;
    padding: 8px 16px;
    margin-right: 0px;
}

    .salary-data-job .location-compare-toggle-btn:hover {
        background-color: #D1E4DC;
        color: #FFFFFF;
    }

.salary-data-job .location-compare-toggle-btn:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.salary-data-job .location-compare-toggle-btn:last-child {
    border-bottom-right-radius: 8px;
    border-left: 0;
    border-top-right-radius: 8px;
}

.salary-data-job .location-compare-toggle-btn.is-active {
    background: #0864AE;
    border-color: #0864AE;
    color: #FFFFFF;
}

.salary-data-job .location-compare-col-note {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 20px 0 0;
    padding: 16px;
    width: 100%;
}

.salary-data-job .location-compare-col-note a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .location-compare-chart {
    position: relative;
}

.salary-data-job .location-compare-plot-area {
    height: 320px;
    padding: 12px 16px 0 56px;
    position: relative;
}

.salary-data-job .location-compare-y-axis {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 12px;
    width: 56px;
    z-index: 3;
}

.salary-data-job .location-compare-y-tick {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    transform: translateY(50%);
    width: 100%;
}

.salary-data-job .location-compare-y-tick::after {
    background: #808080;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.salary-data-job .location-compare-chart-grid {
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    bottom: 0;
    left: 56px;
    position: absolute;
    right: 16px;
    top: 12px;
}

.salary-data-job .location-compare-grid-line {
    border-top: 1px dotted #D6D6D6;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
}

.salary-data-job .location-compare-bars {
    align-items: end;
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    position: relative;
    z-index: 2;
}

.salary-data-job .location-compare-bar-meta-row {
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr 1fr;
    padding: 10px 16px 0 56px;
}

.salary-data-job .location-compare-bar-meta-col {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.salary-data-job .location-compare-bar-meta-col:hover {
    text-decoration: none;
}

.salary-data-job .location-compare-bar-value:hover {
    background: #D1E4DC;
}

.salary-data-job .location-compare-bar {
    border-radius: 8px 8px 0 0;
    display: block;
    margin: 0 auto;
    min-height: 0;
    transition: height 0.2s ease;
    width: calc(100% - 28px);
}

.salary-data-job .location-compare-bar.is-first {
    background: #155036;
}

.salary-data-job .location-compare-bar.is-second {
    background: #0864AE;
}

.salary-data-job .location-compare-bar-label {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 21px;
    margin-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.salary-data-job .location-compare-bar-label::before {
    background: #808080;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    width: 1px;
}

.salary-data-job .location-compare-bar-value {
    background: #FFFFFF;
    border: 1px solid #005A9E;
    border-radius: 8px;
    color: #0864AE;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 20px;
    margin-top: 8px;
    min-width: 80px;
    padding: 8px 16px;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    width: auto;
}

.salary-data-job .average-salaries-section {
    padding: 80px 0;
}

.salary-data-job .average-salaries-cards,
.salary-data-job .average-salaries-card.salary-data-job .average-salaries-similar,
.salary-data-job .average-salaries-ctas,
.salary-data-job .average-salaries-card {
    max-width: 90%;
}

.salary-data-job .average-salaries-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto 46px;
    text-align: center;
}

.salary-data-job .average-salaries-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .average-salaries-subtitle {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .average-salaries-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
    margin: 0 auto 46px;
}

.salary-data-job .average-salaries-card {
    background-color: #FCFCFC;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 23px;
    max-width: 100%;
    padding: 16px;
}

.salary-data-job .average-salaries-card-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .average-salaries-card-list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.salary-data-job .average-salaries-card-row {
    align-items: center;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    min-height: 45px;
    padding: 0 12px;
    text-decoration: none;
}

.salary-data-job .average-salaries-card-row:hover,
.salary-data-job .average-salaries-card-row:focus {
    background-color: #F5F5F5;
    text-decoration: none;
}

.salary-data-job .average-salaries-card-label {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-right: 8px;
}

.salary-data-job .average-salaries-salary {
    color: #155036;
    flex-shrink: 0;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    white-space: nowrap;
}

.salary-data-job .average-salaries-view-all {
    align-items: center;
    color: #155036;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    line-height: 21px;
    text-decoration: none;
}

.salary-data-job .average-salaries-view-all-icon {
    display: block;
    flex-shrink: 0;
}

.salary-data-job .average-salaries-view-all:hover,
.salary-data-job .average-salaries-view-all:focus {
    color: #0F3F28;
    text-decoration: none;
}

.salary-data-job .average-salaries-similar {
    flex: 1 1 100%;
    margin: 0 auto;
    max-width: 90%;
}

.salary-data-job .average-salaries-similar-columns {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.salary-data-job .average-salaries-ctas {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 29px auto 0;
    padding-top: 0;
}

.salary-data-job .average-salaries-cta-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 0;
}

.salary-data-job .average-salaries-cta-label {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.salary-data-job .average-salaries-cta-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    min-width: 36px;
    padding: 8px 24px;
    text-decoration: none;
    width: 100%;
}

.salary-data-job .average-salaries-cta-btn-primary {
    background-color: #0864AE;
    color: #FFFFFF;
}

.salary-data-job .average-salaries-cta-btn-primary:hover,
.salary-data-job .average-salaries-cta-btn-primary:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .average-salaries-cta-btn-inverted {
    background-color: #EBF6FF;
    color: #0864AE;
    font-size: 14px;
    line-height: 20px;
}

.salary-data-job .average-salaries-cta-btn-inverted:hover,
.salary-data-job .average-salaries-cta-btn-inverted:focus {
    background-color: #D9EDFF;
    color: #05589B;
    text-decoration: none;
}

.salary-data-job .cost-of-living-section {
    background-color: rgba(245, 245, 245, 0.3);
    padding: 80px 0;
}

.salary-data-job .cost-of-living-card {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
}

.salary-data-job .cost-of-living-copy {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    padding: 40px;
}

.salary-data-job .cost-of-living-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .cost-of-living-title a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.salary-data-job .cost-of-living-title a:hover,
.salary-data-job .cost-of-living-title a:focus {
    color: #0864AE;
    text-decoration: underline;
}

.salary-data-job .cost-of-living-subtitle,
.salary-data-job .cost-of-living-body {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    max-width: 483px;
}

.salary-data-job .cost-of-living-cta {
    align-items: center;
    align-self: flex-start;
    background-color: #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    /*height: 48px;*/
    justify-content: center;
    line-height: 24px;
    min-width: 36px;
    padding: 8px 24px;
    text-decoration: none;
    white-space: nowrap;
}

.salary-data-job .cost-of-living-cta:hover,
.salary-data-job .cost-of-living-cta:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .cost-of-living-graphic {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    /*min-height: 280px;*/
    padding: 40px 76px;
}

.salary-data-job .cost-of-living-graphic.is-higher {
    background: linear-gradient(144.89deg, rgba(254, 242, 242, 0.3) 0%, rgba(220, 38, 38, 0.3) 100%);
}

.salary-data-job .cost-of-living-graphic.is-lower {
    background: linear-gradient(144.89deg, rgba(240, 249, 244, 0.3) 0%, rgba(0, 105, 61, 0.3) 100%);
}

.salary-data-job .cost-of-living-graphic-stat {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
}

.salary-data-job .cost-of-living-percentage {
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    white-space: nowrap;
}

.salary-data-job .cost-of-living-graphic.is-higher .cost-of-living-percentage {
    color: #DC2626;
}

.salary-data-job .cost-of-living-graphic.is-lower .cost-of-living-percentage {
    color: #00693D;
}

.salary-data-job .cost-of-living-arrow {
    display: block;
    flex-shrink: 0;
    height: 46px;
    width: 46px;
}

.salary-data-job .cost-of-living-graphic-label {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

.salary-data-job .shift-diff-section {
    background-color: #FFFFFF;
    padding: 80px 0;
}

.salary-data-job .shift-diff-layout {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 auto;
    max-width: 92%;
}

.salary-data-job .shift-diff-intro {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.salary-data-job .shift-diff-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
}

.salary-data-job .shift-diff-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .shift-diff-description a {
    color: #0864AE;
    text-decoration: underline;
}

.salary-data-job .shift-diff-description a:hover,
.salary-data-job .shift-diff-description a:focus {
    color: #05589B;
}

.salary-data-job .shift-diff-card {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 33px;
}

.salary-data-job .shift-diff-summary {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center;
}

.salary-data-job .shift-diff-percent,
.salary-data-job .shift-diff-amount {
    color: #155036;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}

.salary-data-job .shift-diff-slider-wrap {
    margin: 0 auto;
    max-width: 901px;
    padding-top: 20px;
    width: 100%;
}

.salary-data-job .shift-diff-slider-shell {
    height: 8px;
    padding: 0 24px;
    position: relative;
}

.salary-data-job .shift-diff-slider-track {
    background-color: #F5F5F5;
    border-radius: 999px;
    height: 8px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.salary-data-job .shift-diff-slider-progress {
    background: linear-gradient(to right, #30B67B, #155036);
    border-radius: 999px;
    display: block;
    height: 100%;
    width: 50%;
}

.salary-data-job .shift-diff-slider-input {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 48px;
    left: 0;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: -20px;
    width: 100%;
    z-index: 2;
}

.salary-data-job .shift-diff-slider-input::-webkit-slider-runnable-track {
    background: transparent;
    border: none;
    height: 8px;
}

.salary-data-job .shift-diff-slider-input::-moz-range-track {
    background: transparent;
    border: none;
    height: 8px;
}

.salary-data-job .shift-diff-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: url("/Content/Images/shift-diff-slider-thumb.svg") center center / contain no-repeat;
    border: none;
    border-radius: 50%;
    box-shadow: 0 10px 7.5px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1);
    cursor: grab;
    height: 48px;
    margin-top: -20px;
    width: 48px;
}

.salary-data-job .shift-diff-slider-input:active::-webkit-slider-thumb {
    cursor: grabbing;
}

.salary-data-job .shift-diff-slider-input::-moz-range-thumb {
    appearance: none;
    background: url("/Content/Images/shift-diff-slider-thumb.svg") center center / contain no-repeat;
    border: none;
    border-radius: 50%;
    box-shadow: 0 10px 7.5px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1);
    cursor: grab;
    height: 48px;
    width: 48px;
}

.salary-data-job .shift-diff-slider-input:active::-moz-range-thumb {
    cursor: grabbing;
}

.salary-data-job .shift-diff-slider-input:focus-visible::-webkit-slider-thumb {
    outline: 2px solid #0864AE;
    outline-offset: 2px;
}

.salary-data-job .shift-diff-slider-input:focus-visible::-moz-range-thumb {
    outline: 2px solid #0864AE;
    outline-offset: 2px;
}

.salary-data-job .shift-diff-slider-ticks {
    color: #155036;
    display: flex;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 21px;
    margin-top: 16px;
    padding: 0 24px;
}

.salary-data-job .shift-diff-slider-ticks span {
    display: flex;
    justify-content: center;
    overflow: visible;
    white-space: nowrap;
    width: 0;
}

.salary-data-job .shift-diff-footnote {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    text-align: center;
}

.salary-data-job .shift-diff-footnote a {
    color: #155036;
    text-decoration: none;
}

.salary-data-job .shift-diff-footnote a:hover,
.salary-data-job .shift-diff-footnote a:focus {
    text-decoration: underline;
}

.salary-data-job .shift-diff-cta-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    /*padding-top: 24px;*/
}

.salary-data-job .shift-diff-cta-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
}

.salary-data-job .shift-diff-cta-description,
.salary-data-job .shift-diff-cta-supporting {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .shift-diff-cta-description a {
    color: #0864AE;
    text-decoration: underline;
}

.salary-data-job .shift-diff-cta-description a:hover,
.salary-data-job .shift-diff-cta-description a:focus {
    color: #05589B;
}

.salary-data-job .shift-diff-cta-btn {
    align-items: center;
    align-self: flex-start;
    background-color: #0864AE;
    border-radius: 8px;
    color: #FFFFFF;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    min-width: 36px;
    padding: 8px 24px;
    text-decoration: none;
    white-space: nowrap;
}

.salary-data-job .shift-diff-cta-btn:hover,
.salary-data-job .shift-diff-cta-btn:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .faq-section {
    background-color: rgba(245, 245, 245, 0.3);
    padding: 80px 0;
}

.salary-data-job .faq-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.salary-data-job .faq-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .faq-subtitle {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .faq-columns {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.salary-data-job .faq-column {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.salary-data-job .faq-item {
    /*border-bottom: 1px solid #E5E5E5;*/
}

.salary-data-job .faq-item:last-child {
    border-bottom: none;
}

/*.salary-data-job .faq-item[open]:not(:last-child) {
    margin-bottom: 6px;
}*/

.salary-data-job .faq-question {
    align-items: center;
    color: #212121;
    cursor: pointer;
    display: flex;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 600;
    gap: 16px;
    justify-content: space-between;
    line-height: 21px;
    list-style: none;
    /*min-height: 69px;*/
    padding: 0;
}

.salary-data-job .faq-question::-webkit-details-marker {
    display: none;
}

.salary-data-job .faq-question span {
    flex: 1 1 auto;
    padding-right: 8px;
}

.salary-data-job .faq-chevron {
    color: #212121;
    flex: 0 0 16px;
    transition: transform 0.2s ease;
}

.salary-data-job .faq-item[open] .salary-data-job .faq-chevron {
    transform: scaleY(-1);
}

.salary-data-job .faq-answer {
    color: #212121;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 6px;
}

.salary-data-job .faq-item[open] .salary-data-job .faq-question {
    min-height: 0;
    padding-bottom: 8px;
}

.salary-data-job .faq-answer p {
    margin: 0 0 16px;
}

.salary-data-job .faq-answer p:last-child {
    margin-bottom: 0;
}

.salary-data-job .faq-answer ul {
    margin: 0;
    padding-left: 21px;
}

.salary-data-job .faq-answer li {
    line-height: 21px;
    margin-bottom: 8px;
}

.salary-data-job .faq-answer li:last-child {
    margin-bottom: 0;
}

.salary-data-job .faq-answer a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .faq-answer a:hover,
.salary-data-job .faq-answer a:focus {
    color: #1D4ED8;
}

.salary-data-job .about-data-section {
    padding: 0;
}

.salary-data-job .about-data-intro-block {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding-top: 80px;
    padding-bottom: 40px;
}

.salary-data-job .about-data-intro {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    max-width: 70%;
    text-align: center;
}

.salary-data-job .about-data-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.salary-data-job .about-data-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .about-data-description a {
    color: #2563EB;
    text-decoration: underline;
}

.salary-data-job .about-data-description a:hover,
.salary-data-job .about-data-description a:focus {
    color: #1D4ED8;
}

.salary-data-job .about-data-pillars {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
    max-width: 70%;
    margin: 0 auto;
}

.salary-data-job .about-data-pillar {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 170px;
    text-align: center;
}

.salary-data-job .about-data-pillar-icon {
    display: block;
    height: 50px;
    object-fit: contain;
    width: auto;
}

.salary-data-job .about-data-pillar-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin: 0;
}

.salary-data-job .about-data-pillar-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
}

.salary-data-job .about-data-stats {
    display: flex;
    gap: 16px;
    padding-top: 40px;
}

.salary-data-job .about-data-stat-card {
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    min-height: 161px;
    min-width: 0;
    padding: 24px 16px;
    text-align: center;
}

.salary-data-job .about-data-stat-icon {
    align-items: center;
    background: rgba(21, 80, 54, 0.1);
    border-radius: 8px;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.salary-data-job .about-data-stat-icon svg,
.salary-data-job .about-data-stat-icon img {
    display: block;
    height: 20px;
    width: 20px;
}

.salary-data-job .about-data-stat-count {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    margin: 0;
}

.salary-data-job .about-data-stat-label {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
}

.salary-data-job .about-data-cta-footer {
    background-image: linear-gradient(156.99deg, rgba(21, 80, 54, 0.1) 0%, rgba(21, 80, 54, 0.05) 50%, #FFFFFF 100%);
    border-top: 1px solid #E5E5E5;
    padding: 80px 0 80px;
    margin-top: 80px;
}

.salary-data-job .about-data-cta-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
}

.salary-data-job .about-data-cta-title {
    color: #212121;
    font-family: "Inter", "Roboto-Bold", "Helvetica", "Arial", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    margin: 0;
}

.salary-data-job .about-data-cta-description {
    color: #686868;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}

.salary-data-job .about-data-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding-top: 16px;
}

.salary-data-job .about-data-cta-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    min-width: 36px;
    padding: 8px 24px;
    text-decoration: none;
    white-space: nowrap;
}

.salary-data-job .about-data-cta-btn-primary {
    background-color: #0864AE;
    color: #FFFFFF;
}

.salary-data-job .about-data-cta-btn-primary:hover,
.salary-data-job .about-data-cta-btn-primary:focus {
    background-color: #05589B;
    color: #FFFFFF;
    text-decoration: none;
}

.salary-data-job .about-data-cta-btn-outline {
    background-color: #FFFFFF;
    border: 1px solid #0864AE;
    color: #0864AE;
}

.salary-data-job .about-data-cta-btn-outline:hover,
.salary-data-job .about-data-cta-btn-outline:focus {
    background-color: #EBF6FF;
    color: #05589B;
    text-decoration: none;
}

@media (max-width: 991px) {

    .salary-data-job .breadcrumb-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .salary-data-job .last-updated {
        margin-top: 8px;
        text-align: left;
        width: 100%;
    }

    .salary-data-job .salary-overview-top {
        flex-direction: column;
    }

    .salary-data-job .pay-tools.non-mobile {
        justify-content: space-between;
        width: 100%;
    }

    .salary-data-job .salary-customize {
        padding: 20px;
    }

    .salary-data-job .salary-customize-controls {
        flex-wrap: wrap;
        gap: 12px;
    }

    .salary-data-job .salary-customize-control {
        flex: 1 1 calc(50% - 6px);
    }

    .salary-data-job .explore-jobs-overlap-wrap {
        margin-top: -56px;
    }

    .salary-data-job .explore-jobs-card {
        padding: 20px;
    }

    .salary-data-job .explore-jobs-fields {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    #ExploreJobsJobTitle,
    #ExploreJobsLocation {
        width: 100%;
    }

    .salary-data-job .explore-jobs-btn {
        grid-column: 1 / -1;
    }

    .salary-data-job .salary-potential-section {
        margin-top: 80px;
    }

    .salary-data-job .salary-potential-grid {
        gap: 24px;
        grid-template-areas:
            "title"
            "description"
            "interaction"
            "chart"
            "dynamicCopy";
        grid-template-columns: 1fr;
    }

    .salary-data-job .salary-potential-metrics-row {
        justify-content: space-between;
    }

    .salary-data-job .job-description-tool-section {
        padding: 56px 0;
    }

    .salary-data-job .job-description-tool-layout {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 32px;
    }

    .salary-data-job .job-description-tool-copy,
    .salary-data-job .job-description-tool-card-content {
        max-width: none;
    }

    .salary-data-job .education-skills-section {
        padding: 56px 0;
    }

    .salary-data-job .education-skills-title {
        font-size: 36px;
        line-height: 44px;
    }

    .salary-data-job .education-skills-grid {
        gap: 16px;
        grid-template-columns: 1fr;
        margin-top: 26px;
    }

    .salary-potential-interaction {
        margin-top: -24px;
    }

    .salary-data-job .education-skills-card.certifications-card {
        gap: 24px;
        border: none;
        padding: 32px 0;
    }

    .salary-data-job .certifications-divider {
        margin-top: -8px;
    }

    .salary-data-job .certifications-field {
        gap: 2px;
    }

    .salary-data-job .certifications-input {
        margin: 0;
    }

    .salary-data-job .certifications-section {
        padding: 0 0 40px 0;
    }

    .salary-data-job .certifications-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .salary-data-job .location-compare-section {
        padding: 0 0 56px;
    }

    .salary-data-job .location-compare-card {
        padding: 24px;
    }

    .salary-data-job .location-compare-default-view {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .salary-data-job .location-compare-default-content {
        max-width: none;
    }

    .salary-data-job .location-compare-inputs-row {
        gap: 12px;
        grid-template-columns: 1fr;
    }

    .salary-data-job .location-compare-vs {
        justify-self: center;
        padding-bottom: 0;
    }

    .salary-data-job .location-compare-submit {
        width: 100%;
    }

    .salary-data-job .location-compare-illustration {
        display: none;
    }

    .salary-data-job .location-compare-results-grid {
        grid-template-columns: 1fr;
        margin-top: 20px;
    }

    .salary-data-job .location-compare-col-note {
        margin-top: 24px;
    }

    .salary-data-job .location-compare-results-grid {
        gap: 40px;
    }

    .salary-data-job .location-compare-plot-area {
        height: 300px;
        padding-left: 40px;
    }

    .salary-data-job .location-compare-chart-grid {
        left: 40px;
    }

    .salary-data-job .location-compare-bar-meta-row {
        padding-left: 40px;
    }

    .salary-data-job .average-salaries-cards {
        gap: 24px;
    }

    .salary-data-job .average-salaries-card {
        flex: 1 1 calc(50% - 12px);
        width: auto;
    }

    .salary-data-job .average-salaries-similar-columns {
        grid-template-columns: 1fr;
    }

    .salary-data-job .cost-of-living-section {
        padding: 56px 0;
    }

    .salary-data-job .cost-of-living-card {
        flex-direction: column;
    }

    .salary-data-job .cost-of-living-copy {
        max-width: none;
    }

    .salary-data-job .cost-of-living-subtitle,
    .salary-data-job .cost-of-living-body {
        max-width: none;
    }

    .salary-data-job .cost-of-living-graphic {
        flex: 1 1 auto;
        /*min-height: 220px;*/
        padding: 32px 24px;
        width: 100%;
    }

    .salary-data-job .shift-diff-section {
        padding: 56px 0;
    }

    .salary-data-job .shift-diff-card {
        padding: 24px;
    }

    .salary-data-job .faq-section {
        padding: 56px 0;
    }

    .salary-data-job .faq-columns {
        grid-template-columns: 1fr;
    }

    .salary-data-job .about-data-pillars {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .salary-data-job .about-data-pillar {
        max-width: 280px;
    }

    .salary-data-job .about-data-stats {
        flex-wrap: wrap;
    }

    .salary-data-job .about-data-stat-card {
        flex: 1 1 calc(50% - 8px);
    }
}


@media (max-width: 767px) {

    .salary-data-job .certifications-subtitle + .certifications-form {
        margin-top: -16px;
    }

    .salary-data-job .average-salaries-section {
        padding: 48px 0;
    }

    .salary-data-job .average-salaries-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .average-salaries-cards {
        align-items: stretch;
        flex-direction: column;
    }

    .salary-data-job .average-salaries-card {
        flex: 1 1 auto;
        width: 100%;
    }

    .salary-data-job .average-salaries-ctas {
        grid-template-columns: 1fr;
    }

    .salary-data-job .cost-of-living-section {
        padding: 40px 0;
    }

    .salary-data-job .cost-of-living-copy {
        padding: 24px 20px;
    }

    .salary-data-job .cost-of-living-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .cost-of-living-percentage {
        font-size: 40px;
        line-height: 56px;
    }

    .salary-data-job .cost-of-living-graphic-label {
        font-size: 18px;
        white-space: normal;
    }

    .salary-data-job .cost-of-living-cta {
        align-self: stretch;
        white-space: normal;
    }

    .salary-data-job .shift-diff-section {
        padding: 40px 0;
    }

    .salary-data-job .shift-diff-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .shift-diff-summary {
        font-size: 14px;
        line-height: 21px;
    }

    .salary-data-job .shift-diff-cta-btn {
        align-self: stretch;
        white-space: normal;
    }

    .salary-data-job .faq-section {
        padding: 40px 0;
    }

    .salary-data-job .faq-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .faq-column {
        padding: 0 20px;
    }

    .salary-data-job .about-data-section {
        padding-bottom: 0;
    }

    .salary-data-job .about-data-intro-block {
        padding-top: 48px;
        padding-bottom: 32px;
    }

    .salary-data-job .about-data-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .about-data-stats {
        flex-direction: column;
        padding-top: 32px;
    }

    .salary-data-job .about-data-stat-card {
        flex: 1 1 auto;
        width: 100%;
    }

    .salary-data-job .about-data-cta-footer {
        padding: 48px 0;
    }

    .salary-data-job .about-data-cta-title {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .about-data-cta-description {
        font-size: 16px;
        line-height: 24px;
    }

    .salary-data-job .about-data-cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .salary-data-job .about-data-cta-btn {
        width: 100%;
        white-space: normal;
    }
}

@media (max-width: 576px) {
    .salary-data-job .average-salaries-cards,
    .salary-data-job .average-salaries-card.salary-data-job .average-salaries-similar,
    .salary-data-job .average-salaries-ctas {
        max-width: 100%;
    }

    .salary-data-job .shell {
        margin-bottom: 16px;
    }


    .salary-data-job .explore-jobs {
        padding-left: 9px;
        padding-right: 9px;
    }

    .salary-data-job .salary-overview-top {
        margin-bottom: 0px;
    }

    .salary-data-job .salary-potential-metric-card {
        margin-bottom: 32px;
    }

    .salary-data-job #datapage-panels.shell {
        background: linear-gradient(180deg, #FFFFFF 0%, #B3D3BF 79.65%);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding-bottom: 0;
    }

    .salary-data-job .header-wrap {
        box-shadow: none;
        margin-bottom: 0;
    }

    .salary-data-job .inner {
        padding: 10px 0 0;
    }

    .salary-data-job .header {
        margin: 0;
        padding: 0;
    }

    .salary-data-job .title {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 40px;
        margin-bottom: 0;
    }

    .salary-data-job .nav-scroll {
        margin: 0 -24px;
    }

    .salary-data-job .nav-scroll-inner {
        padding: 0 24px;
    }

    .salary-data-job .shell-body {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 0 24px 280px;
        background: linear-gradient(180deg, #FFF 0%, #B3D3BF 79.65%);
    }

    .salary-data-job .shell-body > .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .salary-data-job .breadcrumb-row {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .salary-data-job .breadcrumbs {
        width: 100%;
    }

    .salary-data-job .last-updated {
        margin-top: 8px;
        text-align: left;
        width: 100%;
    }

    .salary-data-job .breadcrumbs.breadcrumbs-collapsed .area-breadcrumbs ol li.breadcrumb-middle {
        display: none;
    }

    .salary-data-job .breadcrumbs.breadcrumbs-expanded .breadcrumb-ellipsis-item {
        display: none;
    }

    .salary-data-job .breadcrumb-ellipsis {
        background: none;
        border: none;
        color: #155036;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        padding: 0;
    }

    .salary-data-job .breadcrumb-ellipsis:hover,
    .salary-data-job .breadcrumb-ellipsis:focus {
        color: #155036;
        text-decoration: underline;
    }

    .salary-data-job .salary-overview {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin-bottom: 0;
    }

    .salary-data-job .salary-metrics {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .salary-data-job .salary-annual-row {
        align-items: flex-end;
        gap: 5px;
    }

    .salary-data-job .salary-annual {
        font-size: 40px;
        line-height: 54px;
    }

    .salary-data-job .salary-period {
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 4px;
    }

    .salary-data-job .salary-secondary {
        gap: 23px;
        margin-top: 0;
    }

    .salary-data-job .salary-secondary-label {
        line-height: 15px;
    }

    .salary-data-job .salary-secondary-value {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }

    .salary-data-job .salary-range {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: -16px;
    }

    .salary-data-job .salary-range-track {
        height: 24px;
    }

    .salary-data-job .salary-range-marker {
        height: 24px;
        margin-top: 0;
        top: 0;
        width: 24px;
    }

    .salary-data-job .salary-range-marker-mid {
        margin-left: -12px;
    }

    .salary-data-job .salary-range-labels {
        margin-top: 0;
    }

    .salary-data-job .salary-range-label {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .salary-data-job .salary-range-value {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }

    .salary-data-job .salary-customize {
        padding: 0;
    }

    .salary-data-job .salary-customize-controls {
        flex-direction: column;
        gap: 16px;
    }

    .salary-data-job .salary-customize-control {
        flex: 1 1 100%;
    }

    .salary-data-job .salary-recap {
        margin-top: 0;
    }

    .salary-data-job .salary-recap-text,
    .salary-data-job .salary-recap-powered-by {
        font-size: 16px;
        line-height: 24px;
    }
        .salary-data-job .salary-recap-text {
            margin-bottom: 32px;
        }

        .salary-data-job .pay-tools.mobile {
            background: #FFFFFF;
            border-radius: 16px;
            box-shadow: 0 2px 2px 0 rgba(157, 157, 157, 0.25);
            flex-direction: column;
            gap: 32px;
            margin: 0;
            padding: 32px 24px;
            width: 100%;
        }

    .salary-data-job .pay-tools.mobile .pay-tools-col {
        gap: 10px;
        min-width: 0;
        padding: 8px 0;
    }

    .salary-data-job .pay-tools.mobile .pay-tools-title {
        margin: 0;
    }

    .salary-data-job .pay-tools.mobile .pay-tools-btn {
        width: 100%;
    }

    .salary-data-job .pay-tools.mobile .pay-tools-btn-secondary {
        font-size: 14px;
        line-height: 20px;
    }

    .salary-data-job .explore-jobs-overlap-wrap {
        margin-bottom: 0;
        margin-top: -268px;
    }

    .salary-data-job .explore-jobs-card {
        box-shadow: 0 4px 1px 0 rgba(171, 171, 171, 0.25);
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 32px;
    }

    .salary-data-job .explore-jobs-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

    .salary-data-job .explore-jobs-description {
        display: none;
    }

    .salary-data-job .explore-jobs-fields {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .salary-data-job .certifications-salary-form {
        margin-top: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .salary-data-job #ExploreJobsJobTitle,
    .salary-data-job #ExploreJobsLocation,
    .salary-data-job .explore-jobs-btn {
        width: 100%;
    }

    .salary-data-job .explore-jobs-field {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .salary-data-job .explore-jobs-label {
        color: #212121;
        font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin: 0;
    }

    .salary-data-job .explore-jobs-helper {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
    }

    .salary-data-job .explore-jobs-helper a {
        color: #0864AE;
    }

    .salary-data-job .salary-recap-toggle {
        /*min-height: 44px;*/
        /*padding: 10px 4px;*/
        margin-left: 0px;
    }

    .salary-data-job .location-compare-illustration {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: 223px;
    }

    .salary-data-job .salary-potential-dynamic-copy {
        margin-top: 0px;
    }

    .salary-data-job .certifications-popular-badges {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .salary-data-job .certifications-popular-badge {
        justify-content: center;
        min-height: 44px;
        text-align: center;
    }

    .salary-data-job .cost-of-living-section {
        padding: 16px 0 32px;
    }

    .salary-data-job .cost-of-living-copy {
        padding: 40px 24px;
        flex: 1 1;
    }

    .salary-data-job .shift-diff-section {
        padding: 32px 0;
    }

    .salary-data-job .shift-diff-layout {
        gap: 24px;
    }

    .salary-data-job .shift-diff-cta-title {
        margin-top: 24px;
    }

    .salary-data-job .faq-section {
        padding-bottom: 28px;
    }

    .salary-data-job .faq-columns {
        background-color: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px;
    }

    .salary-data-job .faq-column {
        background: transparent;
        border: none;
        border-radius: 0;
        gap: 24px;
        padding: 0;
    }

    .salary-data-job .faq-question {
        min-height: 44px;
        padding: 4px 0;
    }

    .salary-data-job .about-data-intro-block {
        padding-top: 28px;
    }

    .salary-data-job .about-data-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .salary-data-job .about-data-pillars {
        gap: 68px;
        max-width: 70%;
        margin: 0 auto;
    }

    .salary-data-job .about-data-intro {
        max-width: 100%;
    }

    .salary-data-job .about-data-intro-block {
        padding-left: 0;
        padding-right: 0;
    }

    .salary-data-job .average-salaries-cards,
    .salary-data-job .average-salaries-similar,
    .salary-data-job .average-salaries-ctas {
        max-width: 100%;
    }

    .salary-data-job .average-salaries-header {
        margin-bottom: 24px;
        text-align: left;
    }

    .salary-data-job .average-salaries-card {
        gap: 26px;
    }

    .salary-data-job .average-salaries-title {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job .average-salaries-cards {
        margin-bottom: 24px;
    }

    .salary-data-job .average-salaries-cta-col {
        gap: 8px;
    }

    .salary-data-job .cost-of-living-card {
        border-radius: 16px;
    }

    .salary-data-job .cost-of-living-title {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job .shift-diff-layout {
        max-width: 100%;
    }

    .salary-data-job .shift-diff-title,
    .salary-data-job .shift-diff-cta-title {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job .shift-diff-cta-btn {
        align-self: stretch;
        width: 100%;
    }

    .salary-data-job .location-compare-form {
        margin-top: 16px;
    }

    .salary-data-job .location-compare-default-view {
        gap: 28px;
    }

    .salary-data-job .location-compare-input {
        margin: 0;
    }

    .salary-data-job .location-compare-inputs-row {
        gap: 30px;
    }

    .salary-data-job .cost-of-living-graphic.is-higher .cost-of-living-percentage {
        line-height: 1.5;
    }

    .salary-data-job .faq-title {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job > section .container,
    .salary-data-job > section > .container {
        padding-left: 24px;
        padding-right: 24px;
        /*padding-bottom: 32px;*/
    }

    .salary-data-job .salary-potential-section {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .salary-data-job .salary-potential-card {
        padding: 32px 0 0;
    }

    .salary-data-job .salary-potential-title {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 16px;
    }

    .salary-data-job .salary-potential-years {
        font-size: 36px;
        line-height: 44px;
    }

    .salary-data-job .salary-potential-estimated-salary {
        font-size: 28px;
        line-height: 36px;
    }

    .salary-data-job .salary-potential-growth {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job .salary-potential-metrics-row {
        flex-direction: column;
        gap: 12px;
    }

    .salary-data-job .salary-potential-chart {
        height: 220px;
    }

    .salary-data-job .job-description-tool-section {
        padding: 32px 0;
    }

    .salary-data-job .job-description-tool-title,
    .salary-data-job .job-description-tool-card-title {
        font-size: 24px;
        line-height: 32px;
    }

        .salary-data-job .job-description-tool-card-title {
            font-size: 32px;
            line-height: 1.3;
        }

    .salary-data-job .job-description-tool-card-btn {
        width: 100%;
    }

    .salary-data-job .job-description-tool-card {
        padding: 24px 20px;
    }

    .salary-data-job .education-skills-section {
        padding: 32px 0;
    }

    .salary-data-job .education-skills-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .salary-data-job .education-skills-subtitle {
        text-align: left;
    }

    .salary-data-job .education-skills-layout {
        align-items: flex-start;
    }

    .salary-data-job .education-skills-grid {
        gap: 50px;
    }

    .salary-data-job .education-skills-card-copy {
        margin-top: 24px;
    }

    .salary-data-job .education-skills-card {
        padding: 32px;
    }

    .salary-data-job .certifications-section {
        padding: 0 0 56px 0;
    }

    .salary-data-job .location-compare-section {
        padding: 0 0 40px;
    }

    .salary-data-job .location-compare-card {
        border-radius: 12px;
        padding: 0;
    }

    .salary-data-job .location-compare-title {
        font-size: 24px;
        line-height: 32px;
    }

    .salary-data-job .location-compare-summary {
        font-size: 16px;
        line-height: 28px;
        padding: 16px;
    }

    .salary-data-job .location-compare-plot-area {
        height: 260px;
        padding-left: 38px;
        padding-right: 8px;
    }

    .salary-data-job .location-compare-y-axis {
        left: 0;
        width: 38px;
    }

    .salary-data-job .location-compare-y-tick {
        font-size: 11px;
    }

    .salary-data-job .location-compare-chart-grid {
        left: 38px;
        right: 8px;
    }

    .salary-data-job .location-compare-bar-meta-row {
        padding-left: 38px;
        padding-right: 8px;
    }

    .salary-data-job .certifications-label,
    .salary-data-job .certifications-result-title,
    .salary-data-job .certifications-empty-title,
    .salary-data-job .certifications-result-copy,
    .salary-data-job .certifications-empty-copy {
        font-size: 15px;
        line-height: 22px;
    }

    .salary-data-job .certifications-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .salary-data-job .about-data-section {
        padding-bottom: 32px;
    }
}