div.mu{
    position: relative; left: 0; top: 0;
    background-color: white;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
}

div.mu input{
    position: absolute; left: -20000px;
}


div.mu span{
    display: inline-block;
    margin-right: 5px;
}

div.mu label{
    font-weight: bold;
    display: inline-block;
    color: #b7b7b7;
    background: url('/resources/images/toggle-right.svg') no-repeat right 50%;
    background-size: 20px 10px;
    padding-left: 0;
    padding-right: 27px;
}

div.mu label:last-child{
    background: url('/resources/images/toggle-left.svg') no-repeat left 50%;
    background-size: 20px 10px;
    padding-left: 27px;
    padding-right: 0;
}

div.mu label.loading{
    background: url('/resources/images/ajax-loader-grey.gif') no-repeat right 2px;
}

div.mu label:last-child.loading{
    background: url('/resources/images/ajax-loader-grey.gif') no-repeat 3px 2px;
}

div.mu label.loading.active,
div.mu label:last-child.loading.active{
    background: none;
}

div.mu label.active{
    color: #0096ff;
    background: none;
    padding-right: 3px;
}

div.mu label.active:last-child{
    padding-left: 3px;
    padding-right: 0;
}

@media (max-width: 991px) {

    div.mu span{
        display: none;
    }
}

@media (max-width: 767px){
    div.mu{
        display: block;
        margin: 0;
    }
}