@media (min-width: 768px) {
    .nav-item {
        margin-right: 5px;
    }

    #main-menu-navigation .nav-item:hover .nav-link {
        border-bottom: 2px solid #00b5b8;
        background: #FFFFFF;
    }

    #main-menu-navigation .nav-item:hover .nav-link SPAN, #main-menu-navigation .nav-item:hover .nav-link I,
    #main-menu-navigation .nav-item.active .nav-link SPAN, #main-menu-navigation .nav-item.active .nav-link I  {
        color: #009c9f !important;
    }

    .nav-link {
        position: relative;
    }

    .nav-link .badge-up {
        position: absolute !important;
        top: 8px;
        right: -7px;
        z-index: 50;
    }

}

.initials {
    background: #00b5b8;
    border-radius: 100%;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: white;
    font-weight: bold;
}


*[data-toggle="tooltip"] {
    border-bottom: dashed 1px #ccc;
    cursor: help;
}