.menubar {
    background-color: #296F9C;
    display: flex;
    justify-content: center;
}

.menubar ul {
    height: 40px;
    padding: 0 5px;
}

.menubar ul li {
    float: left;
}

.menubar ul li a {
    color: #fff;
    opacity: 0.8;
    padding: 0 2px;
    line-height: 40px;
    display: inline-block;
}

.menubar ul li a.active,
.menubar ul li a:hover {
    opacity: 1;
    box-shadow: inset 0 -4px 0 #fff;
}

.menubar__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background-size: 100% 100%;
    vertical-align: text-bottom;
}

.menu-text {
    display: none;
}

a[data-short]::after {
    content: attr(data-short);
}

@media (min-width: 1140px) {
    .menubar ul {
        padding: 0 10px;
    }

    .menubar ul li a {
        padding: 0 4px;
    }

    .menubar__icon {
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .menubar ul {
        padding: 0 15px;
    }

    .menubar ul li a {
        padding: 0 5px;
    }

    .menu-text {
        display: inline;
    }

    a[data-short]::after {
        content: "";
    }
}

.menubar__icon--home {
    background-image: url('/pics/quickcharts/nav/home.png');
}
.menubar__icon--contract-modeling {
    background-image: url('/pics/ContractModeling.png');
}
.menubar__icon--account-queue {
    background-image: url('/pics/AccountQueue.png');
}
.menubar__icon--rmra-follow-up {
    background-image: url('/pics/Transaction2.png');
}
.menubar__icon--bulk-appeals {
    background-image: url('/pics/BulkAppeal.png');
}
.menubar__icon--reports {
    background-image: url('/pics/ReportingManagement.png');
}
.menubar__icon--needs {
    background-image: url('/pics/NeedsManagement.png');
}
.menubar__icon--contract-simulation {
    background-image: url('/pics/ContractSimulation.png');
}
.menubar__icon--administrative-management {
    background-image: url('/pics/AdministrativeManagement.png');
}
.menubar__icon--quickcharts {
    background-image: url('/pics/quickcharts/nav/graph.png');
}
.menubar__icon--payer-glass {
    background-image: url('/pics/quickcharts/nav/payer-glass.png');
}
.menubar__icon--alert {
    background-image: url('/pics/customization/alert.png');
}