.mag-icon{
    display: inline-block;
    font: normal normal normal 14px/1 Roboto;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mg-zoom-in:before {
    background: url("../img/icons/zoom_in.png");
    content: '';
    display: inline-block; 
    width: 18px;
    height: 18px;
    padding-top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}
.mg-zoom-out:before {
    background: url("../img/icons/zoom_out.png");
    content: '';
    display: inline-block; 
    width: 18px;
    height: 18px;
    padding-top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}
.mg-banner:before {
    content: url("../img/icons/banner.png");
}
.active .mg-banner:before {
    content: url("../img/icons/banner-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-banner:before {
    content: url("../img/icons/banner-active.png");
}
.mg-category:before {
    content: url("../img/icons/category.png");
}
.active .mg-category:before {
    content: url("../img/icons/category-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-category:before {
    content: url("../img/icons/category-active.png");
}
.mg-content:before {
    content: url("../img/icons/content.png");
}
.active .mg-content:before {
    content: url("../img/icons/content-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-content:before {
    content: url("../img/icons/content-active.png");
}
.mg-dashboard:before {
    content: url("../img/icons/dashboard.png");
}
.active .mg-dashboard:before {
    content: url("../img/icons/dashboard-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-dashboard:before {
    content: url("../img/icons/dashboard-active.png");
}
.mg-user:before {
    content: url("../img/icons/user.png");
}
.active .mg-user:before {
    content: url("../img/icons/user-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-user:before {
    content: url("../img/icons/user-active.png");
}
.mg-check:before {
    content: url("../img/icons/check.png");
}
.mg-edit:before {
    content: url("../img/icons/edit.png");
}
.mg-trash:before {
    content: url("../img/icons/trash.png");
}
.mg-upload:before {
    content: url("../img/icons/upload.png");
}
.mg-carbon:before {
    content: url("../img/icons/carbon.png");
}
.mg-search:before {
    content: url("../img/icons/search.png");
}
.mg-list:before {
    content: url("../img/icons/list.png");
}
.active .mg-list:before {
    content: url("../img/icons/list-active.png");
}
.mg-brand:before {
    content: url("../img/icons/brand.png");
}
.active .mg-brand:before {
    content: url("../img/icons/brand-active.png");
}
.mg-publisher:before {
    content: url("../img/icons/publisher.png");
}
.active .mg-publisher:before {
    content: url("../img/icons/publisher-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-list:before {
    content: url("../img/icons/list-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-publisher:before {
    content: url("../img/icons/publisher-active.png");
}
.navbar-vertical .navbar-nav .nav-link:hover>i.mg-brand:before {
    content: url("../img/icons/brand-active.png");
}