div.mu{
    background-color: white;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
}

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

div.mu a{
    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 a: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 a.loading{
    background: url('/resources/images/ajax-loader-grey.gif') no-repeat right 2px;
}

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

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

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

div.mu a.active:last-child{
    padding-left: 3px;
}

@media (max-width: 991px) {

    div.mu span{
        display: none;
    }
}

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