/* Green nav icons via SVG files (reliable background images) */

.menu-icon,
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block !important;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin-right: 8px !important;
    vertical-align: middle;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0;
    overflow: hidden;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
    color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.menu-icon::before,
[class^="icon-"]::before,
[class*=" icon-"]::before {
    content: none !important;
}

.icon-home { background-image: url("../icons/home.svg") !important; }
.icon-search { background-image: url("../icons/search.svg") !important; }
.icon-bell { background-image: url("../icons/bell.svg") !important; }
.icon-users { background-image: url("../icons/users.svg") !important; }
.icon-calendar { background-image: url("../icons/calendar.svg") !important; }
.icon-star { background-image: url("../icons/star.svg") !important; }
.icon-user { background-image: url("../icons/user.svg") !important; }
.icon-settings { background-image: url("../icons/settings.svg") !important; }
.icon-announce { background-image: url("../icons/announce.svg") !important; }

/* Left menu: 13px text, 16px icons */
.side-menu .menu-icon,
.side-menu li a .menu-icon,
.mobile-menu-link .menu-icon,
.menu-links .menu-icon,
.sidebar-title .menu-icon,
.sidebar-section-title .menu-icon {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin-right: 8px !important;
}