/* Apps */
.global-nav-dd {
    list-style: none;
    padding-top: 5px;
}

.waffle-button:hover,
.waffle-button:focus {
    text-decoration: none;
}

.waffle-button > span {
    padding-right: 3px;
}

#mcontainer {
    font-size: 15px;
}

#mcontainer > a > span {
    font-size: 16px;
    color: #3787bf
}

.mdi.mdi-view-grid {
    display: inline-block;
    font-size: 21px;
}

.viewAll > a > .mdi.mdi-view-grid {
    padding-right: 4px;
    font-size: 23px;
    vertical-align: sub;
}

#lstProduct {
    margin-left: -457px;
    padding: 8px;
    width: 525px;
    margin-top: 10px;
    border-radius: 0px;
}

#lstProduct > li {
    width: 45%;
}

.myApps {
    padding: 8px 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e2e4;
    font-weight: 700;
    width: 45%;
    color: rgb(102, 111, 118);
}

.promo {
    float: right;
    top: 8px;
    right: 8px;
    bottom: 8px;
    width: 250px;
    background-color: rgb(235, 236, 237);
    padding: 8px;
    display: block;
    font-size: 15px;
}

.dropdown-menu > li.viewAll > a,
.dropdown-menu > li > a.lstPrd {
    padding: 5px 4px 5px 10px;
    border-left: 9px solid #58b4e5;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
    background-color: transparent;
    background-image: none;
    color: rgb(32, 147, 208);
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
}

dropdown-menu > li > a.lstPrd:focus,
.dropdown-menu > li.viewAll > a:focus,
.dropdown-menu > li > a.lstPrd:hover,
.dropdown-menu > li.viewAll > a:hover {
    color: rgb(2, 110, 150);
    cursor: pointer;
    background-color: #e0e2e4;
    background-image: none;
}

.productSwitcher::before {
    content: "";
    position: absolute;
    top: -11px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid lightgray;
}

/* Apps */