/*
rem = x /16
 */
.left_endcap {
    position: absolute;
    top: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #111;
    z-index: 99;
    border-radius: 1000px;
}

.scrubber_point_hit_box {
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    top: 0rem;
    left: -1.25rem;
    z-index: 100;
    cursor: pointer;
}

.scrubber_point_hit_box .scrubber_point {
    height: 1.125rem;
    width: 1.125rem;
    position: relative;
    top: 0.6875rem;
    left: 0.6875rem;
    border-radius: 50%;
    background: #FFF;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    border: solid 0.5px rgba(0, 0, 0, 0.1);
}

.scrubber_progress {
    margin-left: 0.25rem;
    top: 1rem;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 100%;
    height: 0.5rem;
    position: absolute;
    background: #111;
    z-index: 22;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.scrubber_backdrop {
    top: 1rem;
    border-radius: 1000px;
    width: 100%;
    height: 0.5rem;
    position: absolute;
    background: #EEE;
    z-index: 21;
}

.scrubber_container {
    height: 2.5rem;
    position: relative;
}
.volume_view_wrapper:last-child {
    margin-bottom: 0;
}

div.volume_view_wrapper.secondary_volume {
    margin:0.7rem auto;
}

#main_vol_cont {
    margin-top:0;
    margin-bottom:2.4375rem;
}

div.volume_view_wrapper.secondary_volume:last-child,
div.volume_view_wrapper.secondary_volume:only-child
{
    margin-bottom:0;
}