input[type=range].dflt{
    -webkit-appearance:none;
    width:100%;
    height:2rem;
    background-color:transparent
}
input[type=range].dflt:focus{
    outline:0
}
input[type=range].dflt::-webkit-slider-runnable-track{
    width:100%;
    height:1rem;
    cursor:pointer;
    background:#ccc;
    border-radius:1rem;
    border:0
}
input[type=range].dflt::-webkit-slider-thumb{
    height:2rem;
    width:2rem;
    margin-top:-.5rem;
    border:0;
    border-radius:50%;
    background:#999;
    cursor:pointer;
    -webkit-appearance:none
}
input[type=range].dflt::-moz-range-track{
    width:100%;
    height:1rem;
    cursor:pointer;
    background:#ccc;
    border-radius:1rem;
    border:0
}
input[type=range].dflt::-moz-range-thumb{
    height:2rem;
    width:2rem;
    margin-top:-.5rem;
    border:0;
    border-radius:50%;
    background:#999;
    cursor:pointer
}
input[type=range].dflt::-ms-track{
    width:100%;
    height:.7rem;
    cursor:pointer;
    background:0 0;
    color:transparent;
    border:0
}
input[type=range].dflt::-ms-fill-lower{
    background:#ccc;
    border:0;
    border-top-left-radius:1rem;
    border-bottom-left-radius:1rem
}
input[type=range].dflt::-ms-fill-upper{
    background:#ccc;
    border:0;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem
}
input[type=range].dflt::-ms-thumb{
    height:1.3rem;
    width:1.3rem;
    margin-top:0;
    border:0;
    border-radius:50%;
    background:#999;
    cursor:pointer
}
input[type=range].dflt:focus::-ms-tooltip{
    display:none
}
.salary-calc{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    grid-gap:2rem
}
@media (min-width:750px){
    .salary-calc{
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr
    }
}
.salary-calc form,.salary-calc figure{
    margin:0;
    padding:1.5rem;
    background-color:#eaf1f7;
    overflow:hidden;
}
.salary-calc form input{
    width:100%
}
.salary-calc form input[type=range]{
    border:0
}
.salary-calc form button{
    margin:0;
    background-color:#61a02a;
    color:#fff
}
.salary-calc figure figcaption>*{
    display:inline-block;
    width:100%;
    font-weight:700;
    text-align:center
}
.salary-calc figure figcaption strong{
    font-size:125%
}
.salary-calc figure figcaption em{
    font-size:6rem;
    line-height:7.5rem;
    color:#ffc369;
    font-style:normal
}
.salary-calc figure>strong{
    display:inline-block;
    width:100%;
    border-top:solid 1px #e1e1e1;
    line-height:200%;
    margin:2rem 0 1rem 0
}
.salary-calc figure .av-default td{
    padding:.5rem!important
}
.salary-calc figure strong span:empty::after{
    content:'...'
}
.salary-calc figcaption em:empty::after{
    content:'$'
}
.salary-calc .list-pos{
    width:100%;
    position:relative
}
.salary-calc ul{
    position:absolute;
    display:none;
    z-index:999999;
    width:100%;
    border:solid 1px #d1d1d1;
    border-radius:4px;
    padding:.6rem;
    margin:0;
    background-color:#fff;
    list-style:none;
    top:-6rem;
    text-align:left
}
.salary-calc ul:empty{
    display:none!important
}
.salary-calc ul li{
    display:block;
    width:100%;
    margin:0;
    padding:0 .6rem;
    line-height:2.8rem;
    border-radius:3px;
    cursor:pointer
}
.salary-calc ul li.h{
    background-color:rgba(96,96,96,.2)!important
}
.salary-calc ul li:hover{
    background-color:rgba(128,128,128,.1)
}
.salary-calc form input{
    margin-bottom:6rem!important
}
.salary-calc .salary-label::before{
    content:'$';
}
.salary-calc .salary-label{
    line-height:2.4rem;
    font-size:2.4rem;
}
.salary-calc table{
    width:100%;
    min-width:unset;
	background-color:#eaf1f7;
}
.salary-calc table td+td{
    text-align:right
}
.salary-calc table span{
    display:inline-block;
    min-width:5rem;
}
.salary-calc table i{
    display:inline-block;
}
.salary-calc table i.n::before{
    content:'\25bc';
    color:#080;
}
.salary-calc table i.p::before{
    content:'\25b2';
    color:#d00;
}
.salary-calc table i.e::before{
    content:'\2248';
}